/*! normalize.css v7.0.0 | 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 IE on Windows Phone and in iOS. */
html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { 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 ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 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 ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 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 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** 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 style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** 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 ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 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; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** 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 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
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 and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [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 IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

.grid-wrap-18, .grid-18 { /*@include grid-visual;*/ padding-left: 0px; }

.grid-wrap-18::after, .grid-18::after { clear: both; content: ""; display: block; }

.grid-wrap-18.spaced, .grid-18.spaced { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); }

.grid-wrap-18-small { /*@include grid-visual;*/ padding-left: 0px; }

.grid-wrap-18-small::after { clear: both; content: ""; display: block; }

.grid-wrap-18-small.spaced { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); }

.grid-wrap-12 { list-style-type: none; text-indent: 0px; padding-left: 0px; }

.grid-wrap-12::after { clear: both; content: ""; display: block; }

.grid-wrap-12.spaced { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); }

.grid-wrap-18-small > .span-1 { width: calc(5.55556%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-1.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-1.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-1 { width: calc(5.55556% - 21.11111px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-1.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-1.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-2 { width: calc(11.11111%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-2.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-2.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-2 { width: calc(11.11111% - 22.22222px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-2.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-2.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-3 { width: calc(16.66667%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-3.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-3.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-3 { width: calc(16.66667% - 23.33333px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-3.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-3.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-4 { width: calc(22.22222%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-4.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-4.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-4 { width: calc(22.22222% - 24.44444px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-4.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-4.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-5 { width: calc(27.77778%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-5.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-5.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-5 { width: calc(27.77778% - 25.55556px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-5.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-5.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-6 { width: calc(33.33333%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-6.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-6.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-6 { width: calc(33.33333% - 26.66667px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-6.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-6.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-7 { width: calc(38.88889%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-7.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-7.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-7 { width: calc(38.88889% - 27.77778px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-7.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-7.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-8 { width: calc(44.44444%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-8.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-8.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-8 { width: calc(44.44444% - 28.88889px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-8.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-8.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-9 { width: calc(50%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-9.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-9.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-9 { width: calc(50% - 30px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-9.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-9.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-10 { width: calc(55.55556%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-10.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-10.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-10 { width: calc(55.55556% - 31.11111px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-10.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-10.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-11 { width: calc(61.11111%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-11.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-11.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-11 { width: calc(61.11111% - 32.22222px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-11.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-11.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-12 { width: calc(66.66667%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-12.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-12.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-12 { width: calc(66.66667% - 33.33333px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-12.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-12.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-13 { width: calc(72.22222%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-13.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-13.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-13 { width: calc(72.22222% - 34.44444px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-13.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-13.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-14 { width: calc(77.77778%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-14.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-14.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-14 { width: calc(77.77778% - 35.55556px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-14.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-14.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-15 { width: calc(83.33333%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-15.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-15.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-15 { width: calc(83.33333% - 36.66667px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-15.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-15.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-16 { width: calc(88.88889%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-16.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-16.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-16 { width: calc(88.88889% - 37.77778px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-16.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-16.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-17 { width: calc(94.44444%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-17.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-17.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-17 { width: calc(94.44444% - 38.88889px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-17.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-17.pad-left { padding-left: 3%; }

.grid-wrap-18-small > .span-18 { width: calc(100%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small > .span-18.pad-right { padding-right: 3%; }

.grid-wrap-18-small > .span-18.pad-left { padding-left: 3%; }

.grid-wrap-18-small.spaced .span-18 { width: calc(100% - 40px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18-small.spaced .span-18.pad-right { padding-right: 3%; }

.grid-wrap-18-small.spaced .span-18.pad-left { padding-left: 3%; }

/* 18 grid loop */
.grid-wrap-18 > .span-1, .grid-18 > .span-1 { width: calc(5.55556%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-1.pad-right, .grid-18 > .span-1.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-1.pad-left, .grid-18 > .span-1.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-1, .grid-18 > .span-1 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-1, .grid-18.spaced .span-1 { width: calc(5.55556% - 21.11111px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-1.pad-right, .grid-18.spaced .span-1.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-1.pad-left, .grid-18.spaced .span-1.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-1, .grid-18.spaced .span-1 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-2, .grid-18 > .span-2 { width: calc(11.11111%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-2.pad-right, .grid-18 > .span-2.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-2.pad-left, .grid-18 > .span-2.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-2, .grid-18 > .span-2 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-2, .grid-18.spaced .span-2 { width: calc(11.11111% - 22.22222px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-2.pad-right, .grid-18.spaced .span-2.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-2.pad-left, .grid-18.spaced .span-2.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-2, .grid-18.spaced .span-2 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-3, .grid-18 > .span-3 { width: calc(16.66667%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-3.pad-right, .grid-18 > .span-3.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-3.pad-left, .grid-18 > .span-3.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-3, .grid-18 > .span-3 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-3, .grid-18.spaced .span-3 { width: calc(16.66667% - 23.33333px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-3.pad-right, .grid-18.spaced .span-3.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-3.pad-left, .grid-18.spaced .span-3.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-3, .grid-18.spaced .span-3 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-4, .grid-18 > .span-4 { width: calc(22.22222%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-4.pad-right, .grid-18 > .span-4.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-4.pad-left, .grid-18 > .span-4.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-4, .grid-18 > .span-4 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-4, .grid-18.spaced .span-4 { width: calc(22.22222% - 24.44444px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-4.pad-right, .grid-18.spaced .span-4.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-4.pad-left, .grid-18.spaced .span-4.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-4, .grid-18.spaced .span-4 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-5, .grid-18 > .span-5 { width: calc(27.77778%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-5.pad-right, .grid-18 > .span-5.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-5.pad-left, .grid-18 > .span-5.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-5, .grid-18 > .span-5 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-5, .grid-18.spaced .span-5 { width: calc(27.77778% - 25.55556px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-5.pad-right, .grid-18.spaced .span-5.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-5.pad-left, .grid-18.spaced .span-5.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-5, .grid-18.spaced .span-5 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-6, .grid-18 > .span-6 { width: calc(33.33333%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-6.pad-right, .grid-18 > .span-6.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-6.pad-left, .grid-18 > .span-6.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-6, .grid-18 > .span-6 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-6, .grid-18.spaced .span-6 { width: calc(33.33333% - 26.66667px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-6.pad-right, .grid-18.spaced .span-6.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-6.pad-left, .grid-18.spaced .span-6.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-6, .grid-18.spaced .span-6 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-7, .grid-18 > .span-7 { width: calc(38.88889%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-7.pad-right, .grid-18 > .span-7.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-7.pad-left, .grid-18 > .span-7.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-7, .grid-18 > .span-7 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-7, .grid-18.spaced .span-7 { width: calc(38.88889% - 27.77778px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-7.pad-right, .grid-18.spaced .span-7.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-7.pad-left, .grid-18.spaced .span-7.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-7, .grid-18.spaced .span-7 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-8, .grid-18 > .span-8 { width: calc(44.44444%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-8.pad-right, .grid-18 > .span-8.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-8.pad-left, .grid-18 > .span-8.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-8, .grid-18 > .span-8 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-8, .grid-18.spaced .span-8 { width: calc(44.44444% - 28.88889px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-8.pad-right, .grid-18.spaced .span-8.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-8.pad-left, .grid-18.spaced .span-8.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-8, .grid-18.spaced .span-8 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-9, .grid-18 > .span-9 { width: calc(50%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-9.pad-right, .grid-18 > .span-9.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-9.pad-left, .grid-18 > .span-9.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-9, .grid-18 > .span-9 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-9, .grid-18.spaced .span-9 { width: calc(50% - 30px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-9.pad-right, .grid-18.spaced .span-9.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-9.pad-left, .grid-18.spaced .span-9.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-9, .grid-18.spaced .span-9 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-10, .grid-18 > .span-10 { width: calc(55.55556%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-10.pad-right, .grid-18 > .span-10.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-10.pad-left, .grid-18 > .span-10.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-10, .grid-18 > .span-10 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-10, .grid-18.spaced .span-10 { width: calc(55.55556% - 31.11111px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-10.pad-right, .grid-18.spaced .span-10.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-10.pad-left, .grid-18.spaced .span-10.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-10, .grid-18.spaced .span-10 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-11, .grid-18 > .span-11 { width: calc(61.11111%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-11.pad-right, .grid-18 > .span-11.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-11.pad-left, .grid-18 > .span-11.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-11, .grid-18 > .span-11 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-11, .grid-18.spaced .span-11 { width: calc(61.11111% - 32.22222px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-11.pad-right, .grid-18.spaced .span-11.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-11.pad-left, .grid-18.spaced .span-11.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-11, .grid-18.spaced .span-11 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-12, .grid-18 > .span-12 { width: calc(66.66667%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-12.pad-right, .grid-18 > .span-12.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-12.pad-left, .grid-18 > .span-12.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-12, .grid-18 > .span-12 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-12, .grid-18.spaced .span-12 { width: calc(66.66667% - 33.33333px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-12.pad-right, .grid-18.spaced .span-12.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-12.pad-left, .grid-18.spaced .span-12.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-12, .grid-18.spaced .span-12 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-13, .grid-18 > .span-13 { width: calc(72.22222%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-13.pad-right, .grid-18 > .span-13.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-13.pad-left, .grid-18 > .span-13.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-13, .grid-18 > .span-13 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-13, .grid-18.spaced .span-13 { width: calc(72.22222% - 34.44444px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-13.pad-right, .grid-18.spaced .span-13.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-13.pad-left, .grid-18.spaced .span-13.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-13, .grid-18.spaced .span-13 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-14, .grid-18 > .span-14 { width: calc(77.77778%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-14.pad-right, .grid-18 > .span-14.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-14.pad-left, .grid-18 > .span-14.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-14, .grid-18 > .span-14 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-14, .grid-18.spaced .span-14 { width: calc(77.77778% - 35.55556px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-14.pad-right, .grid-18.spaced .span-14.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-14.pad-left, .grid-18.spaced .span-14.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-14, .grid-18.spaced .span-14 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-15, .grid-18 > .span-15 { width: calc(83.33333%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-15.pad-right, .grid-18 > .span-15.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-15.pad-left, .grid-18 > .span-15.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-15, .grid-18 > .span-15 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-15, .grid-18.spaced .span-15 { width: calc(83.33333% - 36.66667px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-15.pad-right, .grid-18.spaced .span-15.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-15.pad-left, .grid-18.spaced .span-15.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-15, .grid-18.spaced .span-15 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-16, .grid-18 > .span-16 { width: calc(88.88889%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-16.pad-right, .grid-18 > .span-16.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-16.pad-left, .grid-18 > .span-16.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-16, .grid-18 > .span-16 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-16, .grid-18.spaced .span-16 { width: calc(88.88889% - 37.77778px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-16.pad-right, .grid-18.spaced .span-16.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-16.pad-left, .grid-18.spaced .span-16.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-16, .grid-18.spaced .span-16 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-17, .grid-18 > .span-17 { width: calc(94.44444%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-17.pad-right, .grid-18 > .span-17.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-17.pad-left, .grid-18 > .span-17.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-17, .grid-18 > .span-17 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-17, .grid-18.spaced .span-17 { width: calc(94.44444% - 38.88889px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-17.pad-right, .grid-18.spaced .span-17.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-17.pad-left, .grid-18.spaced .span-17.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-17, .grid-18.spaced .span-17 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-18 > .span-18, .grid-18 > .span-18 { width: calc(100%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18 > .span-18.pad-right, .grid-18 > .span-18.pad-right { padding-right: 3%; }

.grid-wrap-18 > .span-18.pad-left, .grid-18 > .span-18.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18 > .span-18, .grid-18 > .span-18 { width: calc(100%); float: left; margin-left: 0px; } }

.grid-wrap-18.spaced .span-18, .grid-18.spaced .span-18 { width: calc(100% - 40px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-18.spaced .span-18.pad-right, .grid-18.spaced .span-18.pad-right { padding-right: 3%; }

.grid-wrap-18.spaced .span-18.pad-left, .grid-18.spaced .span-18.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-18.spaced .span-18, .grid-18.spaced .span-18 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

/* 12 grid loop */
.grid-wrap-12 .span-1 { width: calc(8.33333%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-1.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-1.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-1 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-1.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-1.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-1 { width: calc(8.33333% - 21.66667px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-1.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-1.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-1 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-2 { width: calc(16.66667%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-2.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-2.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-2 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-2.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-2.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-2 { width: calc(16.66667% - 23.33333px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-2.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-2.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-2 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-3 { width: calc(25%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-3.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-3.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-3 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-3.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-3.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-3 { width: calc(25% - 25px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-3.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-3.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-3 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-4 { width: calc(33.33333%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-4.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-4.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-4 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-4.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-4.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-4 { width: calc(33.33333% - 26.66667px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-4.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-4.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-4 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-5 { width: calc(41.66667%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-5.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-5.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-5 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-5.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-5.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-5 { width: calc(41.66667% - 28.33333px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-5.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-5.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-5 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-6 { width: calc(50%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-6.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-6.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-6 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-6.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-6.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-6 { width: calc(50% - 30px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-6.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-6.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-6 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-7 { width: calc(58.33333%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-7.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-7.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-7 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-7.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-7.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-7 { width: calc(58.33333% - 31.66667px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-7.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-7.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-7 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-8 { width: calc(66.66667%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-8.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-8.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-8 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-8.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-8.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-8 { width: calc(66.66667% - 33.33333px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-8.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-8.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-8 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-9 { width: calc(75%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-9.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-9.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-9 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-9.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-9.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-9 { width: calc(75% - 35px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-9.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-9.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-9 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-10 { width: calc(83.33333%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-10.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-10.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-10 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-10.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-10.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-10 { width: calc(83.33333% - 36.66667px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-10.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-10.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-10 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-11 { width: calc(91.66667%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-11.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-11.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-11 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-11.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-11.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-11 { width: calc(91.66667% - 38.33333px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-11.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-11.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-11 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

.grid-wrap-12 .span-12 { width: calc(100%); float: left; margin-left: 0px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.grid-wrap-12 .span-12.pad-right { padding-right: 3%; }

.grid-wrap-12 .span-12.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12 .span-12 { width: calc(100%); float: left; margin-left: 0px; }
  .grid-wrap-12 .span-12.pad-right { padding-right: 0px; }
  .grid-wrap-12 .span-12.pad-left { padding-left: 0px; } }

.grid-wrap-12.spaced .span-12 { width: calc(100% - 40px); float: left; margin-left: 20px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none; text-indent: 0px; }

.grid-wrap-12.spaced .span-12.pad-right { padding-right: 3%; }

.grid-wrap-12.spaced .span-12.pad-left { padding-left: 3%; }

@media (max-width: 768px) { .grid-wrap-12.spaced .span-12 { width: calc(100% - 40px); float: left; margin-left: 20px; } }

/* positioning -- 
-- this can be used with the grid to align sections on window resize */
@media (min-width: 1px) { .left-to-center { text-align: center; } }

@media (min-width: 768px) { .left-to-center { text-align: left; } }

@media (min-width: 1px) { .right-to-center { text-align: center; } }

@media (min-width: 768px) { .right-to-center { text-align: right; } }

@media (min-width: 1px) { .right-to-left { text-align: left; } }

@media (min-width: 768px) { .right-to-left { text-align: right; } }

@media (min-width: 1px) { .left-to-right { text-align: right; } }

@media (min-width: 768px) { .left-to-right { text-align: left; } }

@media (min-width: 1px) { .center-to-left { text-align: left; } }

@media (min-width: 768px) { .center-to-left { text-align: center; } }

@media (min-width: 1px) { .center-to-right { text-align: right; } }

@media (min-width: 768px) { .center-to-right { text-align: center; } }

/* flexbox properties */
.grid-flex-row, .flex-row { list-style-type: none; text-indent: 0px; padding-left: 0px; }

.grid-flex-row.flex-wrap, .flex-row.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.grid-flex-row.flex-equal-width > *, .grid-flex-row.flex-equal-width > *, .grid-flex-row.equal-width > *, .flex-row.flex-equal-width > *, .flex-row.flex-equal-width > *, .flex-row.equal-width > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 1px) { .grid-flex-row, .flex-row { /*width:100%;*/ }
  .grid-flex-row.reverse, .flex-row.reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .grid-flex-row .flex-item:last-child, .flex-row .flex-item:last-child { margin-bottom: 0px; }
  .grid-flex-row .flex-span-1, .flex-row .flex-span-1 { width: 100%; }
  .grid-flex-row .flex-span-2, .flex-row .flex-span-2 { width: 100%; }
  .grid-flex-row .flex-span-3, .flex-row .flex-span-3 { width: 100%; }
  .grid-flex-row .flex-span-4, .flex-row .flex-span-4 { width: 100%; }
  .grid-flex-row .flex-span-5, .flex-row .flex-span-5 { width: 100%; }
  .grid-flex-row .flex-span-6, .flex-row .flex-span-6 { width: 100%; }
  .grid-flex-row .flex-span-7, .flex-row .flex-span-7 { width: 100%; }
  .grid-flex-row .flex-span-8, .flex-row .flex-span-8 { width: 100%; }
  .grid-flex-row .flex-span-9, .flex-row .flex-span-9 { width: 100%; }
  .grid-flex-row .flex-span-10, .flex-row .flex-span-10 { width: 100%; }
  .grid-flex-row .flex-span-11, .flex-row .flex-span-11 { width: 100%; }
  .grid-flex-row .flex-span-12, .flex-row .flex-span-12 { width: 100%; }
  .grid-flex-row .flex-span-13, .flex-row .flex-span-13 { width: 100%; }
  .grid-flex-row .flex-span-14, .flex-row .flex-span-14 { width: 100%; }
  .grid-flex-row .flex-span-15, .flex-row .flex-span-15 { width: 100%; }
  .grid-flex-row .flex-span-16, .flex-row .flex-span-16 { width: 100%; }
  .grid-flex-row .flex-span-17, .flex-row .flex-span-17 { width: 100%; }
  .grid-flex-row .flex-span-18, .flex-row .flex-span-18 { width: 100%; } }

@media (min-width: 1024px) { .grid-flex-row, .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; float: none; }
  .grid-flex-row.reverse, .flex-row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .grid-flex-row.spaced, .flex-row.spaced { -ms-flex-pack: distribute; justify-content: space-around; }
  .grid-flex-row.left.spaced, .flex-row.left.spaced { -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .grid-flex-row .flex-item, .flex-row .flex-item { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0px; /*margin-right:5%;*/ }
  .grid-flex-row .flex-item:last-child, .flex-row .flex-item:last-child { margin-right: 0px; }
  .grid-flex-row .flex-item.flex-column, .flex-row .flex-item.flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .grid-flex-row .flex-item.flex-column *:last-child, .flex-row .flex-item.flex-column *:last-child { margin-top: auto; }
  .grid-flex-row .flex-span-1, .flex-row .flex-span-1 { -webkit-box-flex: 0; -ms-flex: 0 0 5.55556%; flex: 0 0 5.55556%; }
  .grid-flex-row .flex-span-2, .flex-row .flex-span-2 { -webkit-box-flex: 0; -ms-flex: 0 0 11.11111%; flex: 0 0 11.11111%; }
  .grid-flex-row .flex-span-3, .flex-row .flex-span-3 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; }
  .grid-flex-row .flex-span-4, .flex-row .flex-span-4 { -webkit-box-flex: 0; -ms-flex: 0 0 22.22222%; flex: 0 0 22.22222%; }
  .grid-flex-row .flex-span-5, .flex-row .flex-span-5 { -webkit-box-flex: 0; -ms-flex: 0 0 27.77778%; flex: 0 0 27.77778%; }
  .grid-flex-row .flex-span-6, .flex-row .flex-span-6 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; }
  .grid-flex-row .flex-span-7, .flex-row .flex-span-7 { -webkit-box-flex: 0; -ms-flex: 0 0 38.88889%; flex: 0 0 38.88889%; }
  .grid-flex-row .flex-span-8, .flex-row .flex-span-8 { -webkit-box-flex: 0; -ms-flex: 0 0 44.44444%; flex: 0 0 44.44444%; }
  .grid-flex-row .flex-span-9, .flex-row .flex-span-9 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .grid-flex-row .flex-span-10, .flex-row .flex-span-10 { -webkit-box-flex: 0; -ms-flex: 0 0 55.55556%; flex: 0 0 55.55556%; }
  .grid-flex-row .flex-span-11, .flex-row .flex-span-11 { -webkit-box-flex: 0; -ms-flex: 0 0 61.11111%; flex: 0 0 61.11111%; }
  .grid-flex-row .flex-span-12, .flex-row .flex-span-12 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; }
  .grid-flex-row .flex-span-13, .flex-row .flex-span-13 { -webkit-box-flex: 0; -ms-flex: 0 0 72.22222%; flex: 0 0 72.22222%; }
  .grid-flex-row .flex-span-14, .flex-row .flex-span-14 { -webkit-box-flex: 0; -ms-flex: 0 0 77.77778%; flex: 0 0 77.77778%; }
  .grid-flex-row .flex-span-15, .flex-row .flex-span-15 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; }
  .grid-flex-row .flex-span-16, .flex-row .flex-span-16 { -webkit-box-flex: 0; -ms-flex: 0 0 88.88889%; flex: 0 0 88.88889%; }
  .grid-flex-row .flex-span-17, .flex-row .flex-span-17 { -webkit-box-flex: 0; -ms-flex: 0 0 94.44444%; flex: 0 0 94.44444%; }
  .grid-flex-row .flex-span-18, .flex-row .flex-span-18 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.flex-space-between, .flex--space-between, .space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-space-around, .flex--space-around, .space-around { -ms-flex-pack: distribute; justify-content: space-around; }

.flex-start, .flex--start, .flex--align-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.flex--align-center, .flex--self-center, .flex-self-center { -ms-flex-item-align: center; align-self: center; }

.flex--align-right { margin-right: 0px; }

.flex--align-left { margin-left: 0px; }

.flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style-type: none; }

.flex-column.space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.flex-column.flex-equal-height { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex: 1; flex: 1; }

.flex-row-md { display: -webkit-box; display: -ms-flexbox; display: flex; float: none; list-style-type: none; text-indent: 0px; padding-left: 0px; }

.flex-row-md.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-row-md .flex-item { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0px; }

@media (min-width: 1px) { .flex-row-md { /*width:100%;*/ }
  .flex-row-md.reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .flex-row-md .flex-item:last-child { margin-bottom: 0px; }
  .flex-row-md .flex-span-1 { width: 100%; }
  .flex-row-md .flex-span-2 { width: 100%; }
  .flex-row-md .flex-span-3 { width: 100%; }
  .flex-row-md .flex-span-4 { width: 100%; }
  .flex-row-md .flex-span-5 { width: 100%; }
  .flex-row-md .flex-span-6 { width: 100%; }
  .flex-row-md .flex-span-7 { width: 100%; }
  .flex-row-md .flex-span-8 { width: 100%; }
  .flex-row-md .flex-span-9 { width: 100%; }
  .flex-row-md .flex-span-10 { width: 100%; }
  .flex-row-md .flex-span-11 { width: 100%; }
  .flex-row-md .flex-span-12 { width: 100%; }
  .flex-row-md .flex-span-13 { width: 100%; }
  .flex-row-md .flex-span-14 { width: 100%; }
  .flex-row-md .flex-span-15 { width: 100%; }
  .flex-row-md .flex-span-16 { width: 100%; }
  .flex-row-md .flex-span-17 { width: 100%; }
  .flex-row-md .flex-span-18 { width: 100%; } }

.flex-row-sm { display: -webkit-box; display: -ms-flexbox; display: flex; float: none; list-style-type: none; text-indent: 0px; padding-left: 0px; }

.flex-row-sm.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-row-sm .flex-item { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0px; }

.flex-row-sm .flex-span-1 { -webkit-box-flex: 0; -ms-flex: 0 0 5.55556%; flex: 0 0 5.55556%; }

.flex-row-sm .flex-span-2 { -webkit-box-flex: 0; -ms-flex: 0 0 11.11111%; flex: 0 0 11.11111%; }

.flex-row-sm .flex-span-3 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; }

.flex-row-sm .flex-span-4 { -webkit-box-flex: 0; -ms-flex: 0 0 22.22222%; flex: 0 0 22.22222%; }

.flex-row-sm .flex-span-5 { -webkit-box-flex: 0; -ms-flex: 0 0 27.77778%; flex: 0 0 27.77778%; }

.flex-row-sm .flex-span-6 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; }

.flex-row-sm .flex-span-7 { -webkit-box-flex: 0; -ms-flex: 0 0 38.88889%; flex: 0 0 38.88889%; }

.flex-row-sm .flex-span-8 { -webkit-box-flex: 0; -ms-flex: 0 0 44.44444%; flex: 0 0 44.44444%; }

.flex-row-sm .flex-span-9 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

.flex-row-sm .flex-span-10 { -webkit-box-flex: 0; -ms-flex: 0 0 55.55556%; flex: 0 0 55.55556%; }

.flex-row-sm .flex-span-11 { -webkit-box-flex: 0; -ms-flex: 0 0 61.11111%; flex: 0 0 61.11111%; }

.flex-row-sm .flex-span-12 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; }

.flex-row-sm .flex-span-13 { -webkit-box-flex: 0; -ms-flex: 0 0 72.22222%; flex: 0 0 72.22222%; }

.flex-row-sm .flex-span-14 { -webkit-box-flex: 0; -ms-flex: 0 0 77.77778%; flex: 0 0 77.77778%; }

.flex-row-sm .flex-span-15 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; }

.flex-row-sm .flex-span-16 { -webkit-box-flex: 0; -ms-flex: 0 0 88.88889%; flex: 0 0 88.88889%; }

.flex-row-sm .flex-span-17 { -webkit-box-flex: 0; -ms-flex: 0 0 94.44444%; flex: 0 0 94.44444%; }

.flex-row-sm .flex-span-18 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.flex-row > ul, ul.flex-row, ul.flex-column { padding-left: 0px; }

body { width: 100%; height: 100%; margin: 0px; padding: 0px; }

.block { display: block; width: 100%; }

.block--container { /*max-width: 1200px;*/ margin: 0px auto; text-align: left; }

.mobile--wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 2%; padding-right: 2%; }

/*# sourceMappingURL=maps/layout.css.map */