/************************ Reset ******************************/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@-ms-viewport { width: device-width; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

[hidden] { display: none; }

html { line-height: 1; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

ol, ul { list-style: none; }

ul ul { font-size: 100%; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

svg:not(:root) { overflow: hidden; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

.clear { clear: both; }

.hide { display: none !important; visibility: hidden !important; }

.super-header { margin-top: 0px; width: 100%; }
.super-header h1 { font-size: 3.39787em; }
.super-header h2 { font-size: 2.8315em; }

.centered { margin-left: auto; margin-right: auto; }

.inline { display: inline; }

.social-media { display: inline; margin-top: 0.625em; }
.social-media li { display: inline; padding: 0.125em; }

.no-bottom-margin { margin-bottom: 0; }

/* ========================================================================== Helper classes ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 0.0625em; margin: -0.0625em; overflow: hidden; padding: 0; position: absolute; width: 0.0625em; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }




/************************ Tooltip Styles *********************/
.tooltip-inner { max-width: 250px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip { position: absolute; z-index: 1000; display: block; padding: 5px; font-size: 80%; opacity: 0; visibility: visible; margin: 6px; }
.tooltip.north .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; }
.tooltip.east .tooltip-arrow { left: 0; top: 50%; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; }
.tooltip.south .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; }
.tooltip.west .tooltip-arrow { right: 0; top: 50%; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; }

/************************ Popover Styles *********************/
.popover { position: absolute; top: 0; left: 0; z-index: 1000; max-width: 276px; padding: 1px; text-align: left; background-color: white; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -o-border-radius: 6px; -ms-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; white-space: normal; }
.popover.north { margin-top: -10px; }
.popover.east { margin-left: 10px; }
.popover.south { margin-top: 10px; }
.popover.west { margin-left: -10px; }

.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #fefefe; border-bottom: 1px solid #f1f1f1; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
.popover-title:empty { display: none; }

.popover-content { padding: 9px 14px; }

.popover .popover-arrow, .popover .popover-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

.popover .popover-arrow { border-width: 11px; }

.popover .popover-arrow:after { border-width: 10px; content: ""; }

.popover.north .popover-arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: #cccccc; bottom: -11px; }
.popover.north .popover-arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: white; }
.popover.east .popover-arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: #cccccc; }
.popover.east .popover-arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: white; }
.popover.south .popover-arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: #cccccc; top: -11px; }
.popover.south .popover-arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: white; }
.popover.west .popover-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: #cccccc; }
.popover.west .popover-arrow:after { right: 1px; border-right-width: 0; border-left-color: white; bottom: -10px; }


/************************ Panel Styles ***********************/
.panel { -o-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #efefef; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #efefef)); background-image: -webkit-linear-gradient(top, #fefefe, #efefef); background-image: -moz-linear-gradient(top, #fefefe, #efefef); background-image: -ms-linear-gradient(top, #fefefe, #efefef); background-image: -o-linear-gradient(top, #fefefe, #efefef); background-image: linear-gradient(top, bottom, #fefefe, #efefef); -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset; }

.dark-orange-panel { background-color: #fd6300; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f17702), color-stop(1, #fd6300)); background-image: -webkit-linear-gradient(top, #f17702, #fd6300); background-image: -moz-linear-gradient(top, #f17702, #fd6300); background-image: -ms-linear-gradient(top, #f17702, #fd6300); background-image: -o-linear-gradient(top, #f17702, #fd6300); background-image: linear-gradient(top, bottom, #f17702, #fd6300); }

.orange-panel { background-color: #ec7402; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff9e00), color-stop(1, #ec7402)); background-image: -webkit-linear-gradient(top, #ff9e00, #ec7402); background-image: -moz-linear-gradient(top, #ff9e00, #ec7402); background-image: -ms-linear-gradient(top, #ff9e00, #ec7402); background-image: -o-linear-gradient(top, #ff9e00, #ec7402); background-image: linear-gradient(top, bottom, #ff9e00, #ec7402); }
.orange-panel p { color: #f3fffd; -moz-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); -webkit-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); }

.grey-panel { background-color: #bfbfbf; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d8d8d8), color-stop(1, #bfbfbf)); background-image: -webkit-linear-gradient(top, #d8d8d8, #bfbfbf); background-image: -moz-linear-gradient(top, #d8d8d8, #bfbfbf); background-image: -ms-linear-gradient(top, #d8d8d8, #bfbfbf); background-image: -o-linear-gradient(top, #d8d8d8, #bfbfbf); background-image: linear-gradient(top, bottom, #d8d8d8, #bfbfbf); }

.dark-grey-panel { background-color: #707070; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8a8a8a), color-stop(1, #707070)); background-image: -webkit-linear-gradient(top, #8a8a8a, #707070); background-image: -moz-linear-gradient(top, #8a8a8a, #707070); background-image: -ms-linear-gradient(top, #8a8a8a, #707070); background-image: -o-linear-gradient(top, #8a8a8a, #707070); background-image: linear-gradient(top, bottom, #8a8a8a, #707070); }

.white-panel { background-color: #FFF; border: 1px solid #e6e6e6; -o-border-radius: 0.25em; -ms-border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

.blue-radial-panel { background: #2ba6de; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #2ba6de 0%, #0056ce 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #2ba6de), color-stop(100%, #0056ce)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #2ba6de 0%, #0056ce 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #2ba6de 0%, #0056ce 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #2ba6de 0%, #0056ce 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #2ba6de 0%, #0056ce 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ba6de', endColorstr='#0056ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.purple-radial-panel { background: #5b7ca7; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #5b7ca7 0%, #365695 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #5b7ca7), color-stop(100%, #365695)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #5b7ca7 0%, #365695 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #5b7ca7 0%, #365695 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #5b7ca7 0%, #365695 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #5b7ca7 0%, #365695 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b7ca7', endColorstr='#365695',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }


.row:before {
  content:" ";
  display:table;
}

.row:after {
  content:" ";
  display:table;
  clear:both;
}

.row  {
  width:100%;
  *zoom:1;
}

.row [class*="coffee-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

.row .coffee-span-1 {
  width:8.333333333333332%;
}

.row .coffee-span-2 {
  width:16.666666666666664%;
}

.row .coffee-span-3 {
  width:25%;
}

.row .coffee-span-4 {
  width:33.33333333333333%;
}

.row .coffee-span-5 {
  width:41.666666666666664%;
}

.row .coffee-span-6 {
  width:50%;
}

.row .coffee-span-7 {
  width:58.33333333333333%;
}

.row .coffee-span-8 {
  width:66.66666666666666%;
}

.row .coffee-span-9 {
  width:75%;
}

.row .coffee-span-10 {
  width:83.33333333333333%;
}

.row .coffee-span-11 {
  width:91.66666666666666%;
}

.row .coffee-span-12 {
  width:100%;
}

[class*="coffee-span-"]>.subgrid  {
  margin-left:-8px;
  margin-right:-8px;
}

.row .coffee-offset-0 {
  margin-left:0%;
}

.row .coffee-offset-1 {
  margin-left:8.333333333333332%;
}

.row .coffee-offset-2 {
  margin-left:16.666666666666664%;
}

.row .coffee-offset-3 {
  margin-left:25%;
}

.row .coffee-offset-4 {
  margin-left:33.33333333333333%;
}

.row .coffee-offset-5 {
  margin-left:41.666666666666664%;
}

.row .coffee-offset-6 {
  margin-left:50%;
}

.row .coffee-offset-7 {
  margin-left:58.33333333333333%;
}

.row .coffee-offset-8 {
  margin-left:66.66666666666666%;
}

.row .coffee-offset-9 {
  margin-left:75%;
}

.row .coffee-offset-10 {
  margin-left:83.33333333333333%;
}

.row .coffee-offset-11 {
  margin-left:91.66666666666666%;
}

.row [class*="coffee-push-"] {
  position:relative;
}

.row .coffee-push-11 {
  left:91.66666666666666%;
}

.row .coffee-push-10 {
  left:83.33333333333333%;
}

.row .coffee-push-9 {
  left:75%;
}

.row .coffee-push-8 {
  left:66.66666666666666%;
}

.row .coffee-push-7 {
  left:58.33333333333333%;
}

.row .coffee-push-6 {
  left:50%;
}

.row .coffee-push-5 {
  left:41.666666666666664%;
}

.row .coffee-push-4 {
  left:33.33333333333333%;
}

.row .coffee-push-3 {
  left:25%;
}

.row .coffee-push-2 {
  left:16.666666666666664%;
}

.row .coffee-push-1 {
  left:8.333333333333332%;
}

.row .coffee-push-0 {
  left:auto;
}

.row [class*="coffee-pull-"] {
  position:relative;
}

.row .coffee-pull-11 {
  right:91.66666666666666%;
}

.row .coffee-pull-10 {
  right:83.33333333333333%;
}

.row .coffee-pull-9 {
  right:75%;
}

.row .coffee-pull-8 {
  right:66.66666666666666%;
}

.row .coffee-pull-7 {
  right:58.33333333333333%;
}

.row .coffee-pull-6 {
  right:50%;
}

.row .coffee-pull-5 {
  right:41.666666666666664%;
}

.row .coffee-pull-4 {
  right:33.33333333333333%;
}

.row .coffee-pull-3 {
  right:25%;
}

.row .coffee-pull-2 {
  right:16.666666666666664%;
}

.row .coffee-pull-1 {
  right:8.333333333333332%;
}

.row .coffee-pull-0 {
  right:auto;
}

.show_grid_structure>.row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}

.show_subgrid_structure>.row .row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
@media screen and (max-width: 800px) {
.row [class*="coffee-800-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

.row .coffee-800-span-1 {
  width:8.333333333333332%;
}

.row .coffee-800-span-2 {
  width:16.666666666666664%;
}

.row .coffee-800-span-3 {
  width:25%;
}

.row .coffee-800-span-4 {
  width:33.33333333333333%;
}

.row .coffee-800-span-5 {
  width:41.666666666666664%;
}

.row .coffee-800-span-6 {
  width:50%;
}

.row .coffee-800-span-7 {
  width:58.33333333333333%;
}

.row .coffee-800-span-8 {
  width:66.66666666666666%;
}

.row .coffee-800-span-9 {
  width:75%;
}

.row .coffee-800-span-10 {
  width:83.33333333333333%;
}

.row .coffee-800-span-11 {
  width:91.66666666666666%;
}

.row .coffee-800-span-12 {
  width:100%;
}

[class*="coffee-800-span-"]>.subgrid  {
  margin-left:-8px;
  margin-right:-8px;
}

.row .coffee-800-offset-0 {
  margin-left:0%;
}

.row .coffee-800-offset-1 {
  margin-left:8.333333333333332%;
}

.row .coffee-800-offset-2 {
  margin-left:16.666666666666664%;
}

.row .coffee-800-offset-3 {
  margin-left:25%;
}

.row .coffee-800-offset-4 {
  margin-left:33.33333333333333%;
}

.row .coffee-800-offset-5 {
  margin-left:41.666666666666664%;
}

.row .coffee-800-offset-6 {
  margin-left:50%;
}

.row .coffee-800-offset-7 {
  margin-left:58.33333333333333%;
}

.row .coffee-800-offset-8 {
  margin-left:66.66666666666666%;
}

.row .coffee-800-offset-9 {
  margin-left:75%;
}

.row .coffee-800-offset-10 {
  margin-left:83.33333333333333%;
}

.row .coffee-800-offset-11 {
  margin-left:91.66666666666666%;
}

.row [class*="coffee-800-push-"] {
  position:relative;
}

.row .coffee-800-push-11 {
  left:91.66666666666666%;
}

.row .coffee-800-push-10 {
  left:83.33333333333333%;
}

.row .coffee-800-push-9 {
  left:75%;
}

.row .coffee-800-push-8 {
  left:66.66666666666666%;
}

.row .coffee-800-push-7 {
  left:58.33333333333333%;
}

.row .coffee-800-push-6 {
  left:50%;
}

.row .coffee-800-push-5 {
  left:41.666666666666664%;
}

.row .coffee-800-push-4 {
  left:33.33333333333333%;
}

.row .coffee-800-push-3 {
  left:25%;
}

.row .coffee-800-push-2 {
  left:16.666666666666664%;
}

.row .coffee-800-push-1 {
  left:8.333333333333332%;
}

.row .coffee-800-push-0 {
  left:auto;
}

.row [class*="coffee-800-pull-"] {
  position:relative;
}

.row .coffee-800-pull-11 {
  right:91.66666666666666%;
}

.row .coffee-800-pull-10 {
  right:83.33333333333333%;
}

.row .coffee-800-pull-9 {
  right:75%;
}

.row .coffee-800-pull-8 {
  right:66.66666666666666%;
}

.row .coffee-800-pull-7 {
  right:58.33333333333333%;
}

.row .coffee-800-pull-6 {
  right:50%;
}

.row .coffee-800-pull-5 {
  right:41.666666666666664%;
}

.row .coffee-800-pull-4 {
  right:33.33333333333333%;
}

.row .coffee-800-pull-3 {
  right:25%;
}

.row .coffee-800-pull-2 {
  right:16.666666666666664%;
}

.row .coffee-800-pull-1 {
  right:8.333333333333332%;
}

.row .coffee-800-pull-0 {
  right:auto;
}

.show_grid_structure>.row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}

.show_subgrid_structure>.row .row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
}

@media screen and (max-width: 600px) {
.row [class*="coffee-600-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

.row .coffee-600-span-1 {
  width:8.333333333333332%;
}

.row .coffee-600-span-2 {
  width:16.666666666666664%;
}

.row .coffee-600-span-3 {
  width:25%;
}

.row .coffee-600-span-4 {
  width:33.33333333333333%;
}

.row .coffee-600-span-5 {
  width:41.666666666666664%;
}

.row .coffee-600-span-6 {
  width:50%;
}

.row .coffee-600-span-7 {
  width:58.33333333333333%;
}

.row .coffee-600-span-8 {
  width:66.66666666666666%;
}

.row .coffee-600-span-9 {
  width:75%;
}

.row .coffee-600-span-10 {
  width:83.33333333333333%;
}

.row .coffee-600-span-11 {
  width:91.66666666666666%;
}

.row .coffee-600-span-12 {
  width:100%;
}

[class*="coffee-600-span-"]>.subgrid  {
  margin-left:-8px;
  margin-right:-8px;
}

.row .coffee-600-offset-0 {
  margin-left:0%;
}

.row .coffee-600-offset-1 {
  margin-left:8.333333333333332%;
}

.row .coffee-600-offset-2 {
  margin-left:16.666666666666664%;
}

.row .coffee-600-offset-3 {
  margin-left:25%;
}

.row .coffee-600-offset-4 {
  margin-left:33.33333333333333%;
}

.row .coffee-600-offset-5 {
  margin-left:41.666666666666664%;
}

.row .coffee-600-offset-6 {
  margin-left:50%;
}

.row .coffee-600-offset-7 {
  margin-left:58.33333333333333%;
}

.row .coffee-600-offset-8 {
  margin-left:66.66666666666666%;
}

.row .coffee-600-offset-9 {
  margin-left:75%;
}

.row .coffee-600-offset-10 {
  margin-left:83.33333333333333%;
}

.row .coffee-600-offset-11 {
  margin-left:91.66666666666666%;
}

.row [class*="coffee-600-push-"] {
  position:relative;
}

.row .coffee-600-push-11 {
  left:91.66666666666666%;
}

.row .coffee-600-push-10 {
  left:83.33333333333333%;
}

.row .coffee-600-push-9 {
  left:75%;
}

.row .coffee-600-push-8 {
  left:66.66666666666666%;
}

.row .coffee-600-push-7 {
  left:58.33333333333333%;
}

.row .coffee-600-push-6 {
  left:50%;
}

.row .coffee-600-push-5 {
  left:41.666666666666664%;
}

.row .coffee-600-push-4 {
  left:33.33333333333333%;
}

.row .coffee-600-push-3 {
  left:25%;
}

.row .coffee-600-push-2 {
  left:16.666666666666664%;
}

.row .coffee-600-push-1 {
  left:8.333333333333332%;
}

.row .coffee-600-push-0 {
  left:auto;
}

.row [class*="coffee-600-pull-"] {
  position:relative;
}

.row .coffee-600-pull-11 {
  right:91.66666666666666%;
}

.row .coffee-600-pull-10 {
  right:83.33333333333333%;
}

.row .coffee-600-pull-9 {
  right:75%;
}

.row .coffee-600-pull-8 {
  right:66.66666666666666%;
}

.row .coffee-600-pull-7 {
  right:58.33333333333333%;
}

.row .coffee-600-pull-6 {
  right:50%;
}

.row .coffee-600-pull-5 {
  right:41.666666666666664%;
}

.row .coffee-600-pull-4 {
  right:33.33333333333333%;
}

.row .coffee-600-pull-3 {
  right:25%;
}

.row .coffee-600-pull-2 {
  right:16.666666666666664%;
}

.row .coffee-600-pull-1 {
  right:8.333333333333332%;
}

.row .coffee-600-pull-0 {
  right:auto;
}

.show_grid_structure>.row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}

.show_subgrid_structure>.row .row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
}