/*------------------------------------*\
    #RESET-STYLES-PENGUIN
\*------------------------------------*/
/**
 * Based on [Eric Meyer's reset 2.0](http://meyerweb.com/eric/tools/css/reset/index.html)
 * Global reset rules.
 * For more specific resets, use the reset mixins provided below
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Unlike Eric's original reset, we reset the html element to be compatible
 * with the vertical rhythm mixins.
 */
html {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ol, ul {
  list-style: none;
}

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

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

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

a, button {
  -webkit-tap-highlight-color: transparent;
}

a img {
  border: none;
}

select, input, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  overflow: visible;
  background: none;
  cursor: pointer;
  line-height: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  -webkit-appearance: none;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type="radio"], input[type="checkbox"] {
  padding: 0 !important;
  border: none;
  width: auto !important;
  cursor: pointer;
}
input[type="button"], input[type="submit"], input[type="image"] {
  cursor: pointer;
  outline: 0;
  overflow: visible;
  -webkit-appearance: button;
}
input[type="disabled"], input[disabled], input[readonly], fieldset[disabled] input {
  cursor: not-allowed;
  cursor: default;
  outline: 0;
  overflow: visible;
  -webkit-appearance: button;
}

input,
button,
select,
textarea {
  outline: 0;
}

article, aside, audio, canvas, figcaption, figure, footer, header, hgroup, output, section, video {
  display: block;
}

.lt-ie8 input[type="checkbox"] {
  vertical-align: baseline;
}

.lt-ie8 legend {
  margin-left: -7px;
}

/* Bicubic img IE */
.lt-ie8 img {
  -ms-interpolation-mode: bicubic;
}

/*------------------------------------*\
    #PRINT-PENGUIN
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #333333 !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /**
   * Black prints faster:sanbeiji.com/archives/953
   */
  a, a:visited {
    color: #272822 !important;
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /**
   * Don't show links for images, or javascript/internal links
   */
  pre, blockquote {
    border: 1px solid #dddddd;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /**
   * css-discuss.incutio.com/wiki/Printing_Tables
   */
  tr, img {
    page-break-inside: avoid;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}
/*------------------------------------*\
    #SCAFFOLDING-PENGUIN
\*------------------------------------*/
/**
 * Note: Project settings
 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

::selection {
  text-shadow: none;
  color: #dddddd;
  background: #d8d7dd;
}

::-moz-selection {
  text-shadow: none;
  color: #dddddd;
  background: #d8d7dd;
}

html {
  min-height: 100%;
}

body {
  font-family: "Arial", Helvetica, Sans-serif;
  font-size: 1em;
  line-height: 1.375em;
  color: #8F908A;
  background-color: white;
  height: 100%;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

a {
  cursor: pointer;
  outline: none;
  text-decoration: none;
  color: #272822;
}

/*------------------------------------*\
    #UTILS-PENGUIN
\*------------------------------------*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.align-justify {
  text-align: justify !important;
}

.align-center {
  text-align: center !important;
}

.bold {
  font-weight: bold !important;
}

.normal {
  font-weight: normal !important;
}

.cursive {
  font-style: italic !important;
}

.underline {
  text-decoration: underline !important;
}

*[class*="visible-"] {
  display: none !important;
}

*[class*="hidden-"] {
  display: inherit !important;
}

@media (max-width: 24.9375rem) {
  .visible-a {
    display: inherit !important;
  }

  .hidden-a {
    display: none !important;
  }
}
@media (min-width: 25rem) and (max-width: 37.4375rem) {
  .visible-b {
    display: inherit !important;
  }

  .hidden-b {
    display: none !important;
  }
}
@media (min-width: 37.5rem) and (max-width: 49.9375rem) {
  .visible-c {
    display: inherit !important;
  }

  .hidden-c {
    display: none !important;
  }
}
@media (min-width: 50rem) and (max-width: 65.5625rem) {
  .visible-d {
    display: inherit !important;
  }

  .hidden-d {
    display: none !important;
  }
}
@media (min-width: 65.625rem) {
  .visible-e {
    display: inherit !important;
  }

  .hidden-e {
    display: none !important;
  }
}
*[class*="col-"] {
  position: relative;
  min-height: 1px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  float: left;
}

.col-a-1 {
  width: 8.33333%;
}

.col-a-push-1 {
  left: 8.33333%;
}

.col-a-pull-1 {
  right: 8.33333%;
}

.col-a-offset-1 {
  margin-left: 8.33333%;
}

.col-a-2 {
  width: 16.66667%;
}

.col-a-push-2 {
  left: 16.66667%;
}

.col-a-pull-2 {
  right: 16.66667%;
}

.col-a-offset-2 {
  margin-left: 16.66667%;
}

.col-a-3 {
  width: 25%;
}

.col-a-push-3 {
  left: 25%;
}

.col-a-pull-3 {
  right: 25%;
}

.col-a-offset-3 {
  margin-left: 25%;
}

.col-a-4 {
  width: 33.33333%;
}

.col-a-push-4 {
  left: 33.33333%;
}

.col-a-pull-4 {
  right: 33.33333%;
}

.col-a-offset-4 {
  margin-left: 33.33333%;
}

.col-a-5 {
  width: 41.66667%;
}

.col-a-push-5 {
  left: 41.66667%;
}

.col-a-pull-5 {
  right: 41.66667%;
}

.col-a-offset-5 {
  margin-left: 41.66667%;
}

.col-a-6 {
  width: 50%;
}

.col-a-push-6 {
  left: 50%;
}

.col-a-pull-6 {
  right: 50%;
}

.col-a-offset-6 {
  margin-left: 50%;
}

.col-a-7 {
  width: 58.33333%;
}

.col-a-push-7 {
  left: 58.33333%;
}

.col-a-pull-7 {
  right: 58.33333%;
}

.col-a-offset-7 {
  margin-left: 58.33333%;
}

.col-a-8 {
  width: 66.66667%;
}

.col-a-push-8 {
  left: 66.66667%;
}

.col-a-pull-8 {
  right: 66.66667%;
}

.col-a-offset-8 {
  margin-left: 66.66667%;
}

.col-a-9 {
  width: 75%;
}

.col-a-push-9 {
  left: 75%;
}

.col-a-pull-9 {
  right: 75%;
}

.col-a-offset-9 {
  margin-left: 75%;
}

.col-a-10 {
  width: 83.33333%;
}

.col-a-push-10 {
  left: 83.33333%;
}

.col-a-pull-10 {
  right: 83.33333%;
}

.col-a-offset-10 {
  margin-left: 83.33333%;
}

.col-a-11 {
  width: 91.66667%;
}

.col-a-push-11 {
  left: 91.66667%;
}

.col-a-pull-11 {
  right: 91.66667%;
}

.col-a-offset-11 {
  margin-left: 91.66667%;
}

.col-a-12 {
  width: 100%;
}

.col-a-push-12 {
  left: 100%;
}

.col-a-pull-12 {
  right: 100%;
}

.col-a-offset-12 {
  margin-left: 100%;
}

.col-a-push-0 {
  left: auto;
}

.col-a-pull-0 {
  right: auto;
}

@media (min-width: 25rem) {
  .col-b-1 {
    width: 8.33333%;
  }

  .col-b-push-1 {
    left: 8.33333%;
  }

  .col-b-pull-1 {
    right: 8.33333%;
  }

  .col-b-offset-1 {
    margin-left: 8.33333%;
  }

  .col-b-2 {
    width: 16.66667%;
  }

  .col-b-push-2 {
    left: 16.66667%;
  }

  .col-b-pull-2 {
    right: 16.66667%;
  }

  .col-b-offset-2 {
    margin-left: 16.66667%;
  }

  .col-b-3 {
    width: 25%;
  }

  .col-b-push-3 {
    left: 25%;
  }

  .col-b-pull-3 {
    right: 25%;
  }

  .col-b-offset-3 {
    margin-left: 25%;
  }

  .col-b-4 {
    width: 33.33333%;
  }

  .col-b-push-4 {
    left: 33.33333%;
  }

  .col-b-pull-4 {
    right: 33.33333%;
  }

  .col-b-offset-4 {
    margin-left: 33.33333%;
  }

  .col-b-5 {
    width: 41.66667%;
  }

  .col-b-push-5 {
    left: 41.66667%;
  }

  .col-b-pull-5 {
    right: 41.66667%;
  }

  .col-b-offset-5 {
    margin-left: 41.66667%;
  }

  .col-b-6 {
    width: 50%;
  }

  .col-b-push-6 {
    left: 50%;
  }

  .col-b-pull-6 {
    right: 50%;
  }

  .col-b-offset-6 {
    margin-left: 50%;
  }

  .col-b-7 {
    width: 58.33333%;
  }

  .col-b-push-7 {
    left: 58.33333%;
  }

  .col-b-pull-7 {
    right: 58.33333%;
  }

  .col-b-offset-7 {
    margin-left: 58.33333%;
  }

  .col-b-8 {
    width: 66.66667%;
  }

  .col-b-push-8 {
    left: 66.66667%;
  }

  .col-b-pull-8 {
    right: 66.66667%;
  }

  .col-b-offset-8 {
    margin-left: 66.66667%;
  }

  .col-b-9 {
    width: 75%;
  }

  .col-b-push-9 {
    left: 75%;
  }

  .col-b-pull-9 {
    right: 75%;
  }

  .col-b-offset-9 {
    margin-left: 75%;
  }

  .col-b-10 {
    width: 83.33333%;
  }

  .col-b-push-10 {
    left: 83.33333%;
  }

  .col-b-pull-10 {
    right: 83.33333%;
  }

  .col-b-offset-10 {
    margin-left: 83.33333%;
  }

  .col-b-11 {
    width: 91.66667%;
  }

  .col-b-push-11 {
    left: 91.66667%;
  }

  .col-b-pull-11 {
    right: 91.66667%;
  }

  .col-b-offset-11 {
    margin-left: 91.66667%;
  }

  .col-b-12 {
    width: 100%;
  }

  .col-b-push-12 {
    left: 100%;
  }

  .col-b-pull-12 {
    right: 100%;
  }

  .col-b-offset-12 {
    margin-left: 100%;
  }

  .col-b-push-0 {
    left: auto;
  }

  .col-b-pull-0 {
    right: auto;
  }
}
@media (min-width: 37.5rem) {
  .col-c-1 {
    width: 8.33333%;
  }

  .col-c-push-1 {
    left: 8.33333%;
  }

  .col-c-pull-1 {
    right: 8.33333%;
  }

  .col-c-offset-1 {
    margin-left: 8.33333%;
  }

  .col-c-2 {
    width: 16.66667%;
  }

  .col-c-push-2 {
    left: 16.66667%;
  }

  .col-c-pull-2 {
    right: 16.66667%;
  }

  .col-c-offset-2 {
    margin-left: 16.66667%;
  }

  .col-c-3 {
    width: 25%;
  }

  .col-c-push-3 {
    left: 25%;
  }

  .col-c-pull-3 {
    right: 25%;
  }

  .col-c-offset-3 {
    margin-left: 25%;
  }

  .col-c-4 {
    width: 33.33333%;
  }

  .col-c-push-4 {
    left: 33.33333%;
  }

  .col-c-pull-4 {
    right: 33.33333%;
  }

  .col-c-offset-4 {
    margin-left: 33.33333%;
  }

  .col-c-5 {
    width: 41.66667%;
  }

  .col-c-push-5 {
    left: 41.66667%;
  }

  .col-c-pull-5 {
    right: 41.66667%;
  }

  .col-c-offset-5 {
    margin-left: 41.66667%;
  }

  .col-c-6 {
    width: 50%;
  }

  .col-c-push-6 {
    left: 50%;
  }

  .col-c-pull-6 {
    right: 50%;
  }

  .col-c-offset-6 {
    margin-left: 50%;
  }

  .col-c-7 {
    width: 58.33333%;
  }

  .col-c-push-7 {
    left: 58.33333%;
  }

  .col-c-pull-7 {
    right: 58.33333%;
  }

  .col-c-offset-7 {
    margin-left: 58.33333%;
  }

  .col-c-8 {
    width: 66.66667%;
  }

  .col-c-push-8 {
    left: 66.66667%;
  }

  .col-c-pull-8 {
    right: 66.66667%;
  }

  .col-c-offset-8 {
    margin-left: 66.66667%;
  }

  .col-c-9 {
    width: 75%;
  }

  .col-c-push-9 {
    left: 75%;
  }

  .col-c-pull-9 {
    right: 75%;
  }

  .col-c-offset-9 {
    margin-left: 75%;
  }

  .col-c-10 {
    width: 83.33333%;
  }

  .col-c-push-10 {
    left: 83.33333%;
  }

  .col-c-pull-10 {
    right: 83.33333%;
  }

  .col-c-offset-10 {
    margin-left: 83.33333%;
  }

  .col-c-11 {
    width: 91.66667%;
  }

  .col-c-push-11 {
    left: 91.66667%;
  }

  .col-c-pull-11 {
    right: 91.66667%;
  }

  .col-c-offset-11 {
    margin-left: 91.66667%;
  }

  .col-c-12 {
    width: 100%;
  }

  .col-c-push-12 {
    left: 100%;
  }

  .col-c-pull-12 {
    right: 100%;
  }

  .col-c-offset-12 {
    margin-left: 100%;
  }

  .col-c-push-0 {
    left: auto;
  }

  .col-c-pull-0 {
    right: auto;
  }
}
@media (min-width: 50rem) {
  .col-d-1 {
    width: 8.33333%;
  }

  .col-d-push-1 {
    left: 8.33333%;
  }

  .col-d-pull-1 {
    right: 8.33333%;
  }

  .col-d-offset-1 {
    margin-left: 8.33333%;
  }

  .col-d-2 {
    width: 16.66667%;
  }

  .col-d-push-2 {
    left: 16.66667%;
  }

  .col-d-pull-2 {
    right: 16.66667%;
  }

  .col-d-offset-2 {
    margin-left: 16.66667%;
  }

  .col-d-3 {
    width: 25%;
  }

  .col-d-push-3 {
    left: 25%;
  }

  .col-d-pull-3 {
    right: 25%;
  }

  .col-d-offset-3 {
    margin-left: 25%;
  }

  .col-d-4 {
    width: 33.33333%;
  }

  .col-d-push-4 {
    left: 33.33333%;
  }

  .col-d-pull-4 {
    right: 33.33333%;
  }

  .col-d-offset-4 {
    margin-left: 33.33333%;
  }

  .col-d-5 {
    width: 41.66667%;
  }

  .col-d-push-5 {
    left: 41.66667%;
  }

  .col-d-pull-5 {
    right: 41.66667%;
  }

  .col-d-offset-5 {
    margin-left: 41.66667%;
  }

  .col-d-6 {
    width: 50%;
  }

  .col-d-push-6 {
    left: 50%;
  }

  .col-d-pull-6 {
    right: 50%;
  }

  .col-d-offset-6 {
    margin-left: 50%;
  }

  .col-d-7 {
    width: 58.33333%;
  }

  .col-d-push-7 {
    left: 58.33333%;
  }

  .col-d-pull-7 {
    right: 58.33333%;
  }

  .col-d-offset-7 {
    margin-left: 58.33333%;
  }

  .col-d-8 {
    width: 66.66667%;
  }

  .col-d-push-8 {
    left: 66.66667%;
  }

  .col-d-pull-8 {
    right: 66.66667%;
  }

  .col-d-offset-8 {
    margin-left: 66.66667%;
  }

  .col-d-9 {
    width: 75%;
  }

  .col-d-push-9 {
    left: 75%;
  }

  .col-d-pull-9 {
    right: 75%;
  }

  .col-d-offset-9 {
    margin-left: 75%;
  }

  .col-d-10 {
    width: 83.33333%;
  }

  .col-d-push-10 {
    left: 83.33333%;
  }

  .col-d-pull-10 {
    right: 83.33333%;
  }

  .col-d-offset-10 {
    margin-left: 83.33333%;
  }

  .col-d-11 {
    width: 91.66667%;
  }

  .col-d-push-11 {
    left: 91.66667%;
  }

  .col-d-pull-11 {
    right: 91.66667%;
  }

  .col-d-offset-11 {
    margin-left: 91.66667%;
  }

  .col-d-12 {
    width: 100%;
  }

  .col-d-push-12 {
    left: 100%;
  }

  .col-d-pull-12 {
    right: 100%;
  }

  .col-d-offset-12 {
    margin-left: 100%;
  }

  .col-d-push-0 {
    left: auto;
  }

  .col-d-pull-0 {
    right: auto;
  }
}
@media (min-width: 65.625rem) {
  .col-e-1 {
    width: 8.33333%;
  }

  .col-e-push-1 {
    left: 8.33333%;
  }

  .col-e-pull-1 {
    right: 8.33333%;
  }

  .col-e-offset-1 {
    margin-left: 8.33333%;
  }

  .col-e-2 {
    width: 16.66667%;
  }

  .col-e-push-2 {
    left: 16.66667%;
  }

  .col-e-pull-2 {
    right: 16.66667%;
  }

  .col-e-offset-2 {
    margin-left: 16.66667%;
  }

  .col-e-3 {
    width: 25%;
  }

  .col-e-push-3 {
    left: 25%;
  }

  .col-e-pull-3 {
    right: 25%;
  }

  .col-e-offset-3 {
    margin-left: 25%;
  }

  .col-e-4 {
    width: 33.33333%;
  }

  .col-e-push-4 {
    left: 33.33333%;
  }

  .col-e-pull-4 {
    right: 33.33333%;
  }

  .col-e-offset-4 {
    margin-left: 33.33333%;
  }

  .col-e-5 {
    width: 41.66667%;
  }

  .col-e-push-5 {
    left: 41.66667%;
  }

  .col-e-pull-5 {
    right: 41.66667%;
  }

  .col-e-offset-5 {
    margin-left: 41.66667%;
  }

  .col-e-6 {
    width: 50%;
  }

  .col-e-push-6 {
    left: 50%;
  }

  .col-e-pull-6 {
    right: 50%;
  }

  .col-e-offset-6 {
    margin-left: 50%;
  }

  .col-e-7 {
    width: 58.33333%;
  }

  .col-e-push-7 {
    left: 58.33333%;
  }

  .col-e-pull-7 {
    right: 58.33333%;
  }

  .col-e-offset-7 {
    margin-left: 58.33333%;
  }

  .col-e-8 {
    width: 66.66667%;
  }

  .col-e-push-8 {
    left: 66.66667%;
  }

  .col-e-pull-8 {
    right: 66.66667%;
  }

  .col-e-offset-8 {
    margin-left: 66.66667%;
  }

  .col-e-9 {
    width: 75%;
  }

  .col-e-push-9 {
    left: 75%;
  }

  .col-e-pull-9 {
    right: 75%;
  }

  .col-e-offset-9 {
    margin-left: 75%;
  }

  .col-e-10 {
    width: 83.33333%;
  }

  .col-e-push-10 {
    left: 83.33333%;
  }

  .col-e-pull-10 {
    right: 83.33333%;
  }

  .col-e-offset-10 {
    margin-left: 83.33333%;
  }

  .col-e-11 {
    width: 91.66667%;
  }

  .col-e-push-11 {
    left: 91.66667%;
  }

  .col-e-pull-11 {
    right: 91.66667%;
  }

  .col-e-offset-11 {
    margin-left: 91.66667%;
  }

  .col-e-12 {
    width: 100%;
  }

  .col-e-push-12 {
    left: 100%;
  }

  .col-e-pull-12 {
    right: 100%;
  }

  .col-e-offset-12 {
    margin-left: 100%;
  }

  .col-e-push-0 {
    left: auto;
  }

  .col-e-pull-0 {
    right: auto;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

@media (min-width: 25rem) and (max-width: 37.4375rem) {
  .container--responsive {
    width: 25rem;
  }
}
@media (min-width: 37.5rem) and (max-width: 49.9375rem) {
  .container--responsive {
    width: 37.5rem;
  }
}
@media (min-width: 50rem) and (max-width: 65.5625rem) {
  .container--responsive {
    width: 50rem;
  }
}
@media (min-width: 65.625rem) {
  .container--responsive {
    width: 65.625rem;
  }
}

.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row .row, .row.row--collapse {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.row.row--collapse-cols > [class^="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.row.row--inline {
  word-spacing: -0.28125rem;
}
.row.row--inline > * {
  word-spacing: normal;
}
.row.row--inline > *[class*="col-"] {
  float: none !important;
  display: inline-block;
}
.row.row--table {
  display: table;
  height: 100%;
  width: 100%;
}
.row.row--table > [class^="col-"] {
  float: none !important;
  display: table-cell;
  height: 100%;
}

/*------------------------------------*\
    #ANIMATION-EFFECTS-PENGUIN
\*------------------------------------*/
.animated {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  transition-timing-function: linear;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}

.animated--fade {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  display: block !important;
  opacity: 1 !important;
}

.animated--fade--hidden {
  opacity: 0 !important;
}

.animated--slide {
  -webkit-transition-property: max-height;
  transition-property: max-height;
  display: block !important;
  overflow-y: hidden;
  max-height: 400% !important;
}

.animated--slide--hidden {
  max-height: 0 !important;
}

/*------------------------------------*\
    #ALERT-PENGUIN
\*------------------------------------*/
.alert {
  position: relative;
}

.alert__content {
  position: relative;
}

.alert__close {
  position: absolute;
}

.alert--center {
  text-align: center;
}

.alert--right {
  text-align: right;
}

/**
 * alert inline
 */
.alert--inline .alert__content {
  display: inline-block;
}

/**
 * alert top
 */
.alert--top {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/*------------------------------------*\
    #TEXT-PENGUIN
\*------------------------------------*/
.h1, .text h1 {
  font-size: 1.5em;
}

.h2, .text h2 {
  font-size: 1.375em;
}

.h3, .text h3 {
  font-size: 1.25em;
}

.h4, .text h4 {
  font-size: 1.1875em;
}

.h5, .text h5 {
  font-size: 1.0625em;
}

.h6, .text h6 {
  font-size: 1em;
}

.text ul, .text ol, .text dl {
  font-size: initial;
}
.text li, .text dt, .text dd, .text p {
  font-size: 0.875em;
}
.text a:hover, .text a:focus {
  text-decoration: underline;
}

.text-small {
  font-size: 0.75em;
}
.text .text-small {
  font-size: 0.85714em;
}

.text-medium {
  font-size: 1em;
}
.text .text-medium {
  font-size: 1.14286em;
}

.text-large {
  font-size: 1.125em;
}
.text .text-large {
  font-size: 1.28571em;
}

/*------------------------------------*\
    #DROPDOWN-PENGUIN
\*------------------------------------*/
.dropdown {
  position: relative;
}

.dropdown [data-dropdown] {
  position: absolute;
  top: 100%;
  z-index: 100;
  display: none;
}
[data-selected] [data-dropdown] {
  display: block !important;
}
.dropdown--stacked [data-dropdown] {
  position: static;
}

.dropdown__link,
.dropdown__menu__link {
  text-decoration: none;
  line-height: normal;
  display: inline-block;
}

.dropdown--fluid {
  display: inline-block;
}
.dropdown--fluid .dropdown__link,
.dropdown--fluid .dropdown__menu,
.dropdown--fluid .dropdown__menu__link {
  min-width: 100%;
}

/*------------------------------------*\
    #BUTTONS-PENGUIN
\*------------------------------------*/
.btn {
  line-height: normal;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.btn[disabled] {
  cursor: not-allowed;
  cursor: default;
  pointer-events: none;
}
.btn .icon, .btn .fa {
  display: inline-block;
  vertical-align: middle;
}

/**
 * btn disabled
 */
.btn--disabled {
  cursor: not-allowed;
  cursor: default;
  pointer-events: none;
}

.btn-group {
  clear: both;
}

.btn-group__item {
  display: inline-block;
}
.btn-group__item:first-child .btn {
  margin-left: 0;
}
.btn-group__item:last-child .btn {
  margin-right: 0;
}
.btn-group__item:only-child .btn {
  margin-left: 0;
  margin-right: 0;
}
.btn-group--fluid .btn-group__item {
  display: block;
}

/**
 * btn fluid
 */
.btn--fluid {
  width: 100%;
}

/**
 * btn-group fluid
 */
.btn-group--fluid .btn {
  width: 100%;
}
.btn-group--fluid .btn-group__item {
  display: block;
}

/*------------------------------------*\
    #NAVIGATION-PENGUIN
\*------------------------------------*/
.nav__menu__item {
  position: relative;
}

.nav__menu__link {
  text-decoration: none;
  line-height: normal;
  display: inline-block;
}
.nav__menu__item--selected .nav__menu__link {
  cursor: not-allowed;
  cursor: default;
}

.nav__submenu__link {
  text-decoration: none;
  line-height: normal;
  display: inline-block;
}
.nav__submenu__item--selected .nav__submenu__link {
  cursor: not-allowed;
  cursor: default;
}

/**
 * Nav Bar
 */
.nav--bar .nav__menu {
  display: table;
  width: 100%;
  position: relative;
}
.nav--bar .nav__menu__item {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  text-align: center;
}
.nav--bar .nav__menu__link {
  display: block;
}
.nav--bar .nav__submenu {
  min-width: 100%;
}
.nav--bar .nav__submenu__item {
  text-align: left;
}

/**
 * Nav Fluid
 */
.nav--fluid .nav__menu {
  display: table;
  position: relative;
}
.nav--fluid .nav__menu__item {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  text-align: center;
}
.nav--fluid .nav__submenu {
  min-width: 100%;
}
.nav--fluid .nav__submenu__item {
  text-align: left;
}

/**
 * Nav Inline
 */
.nav--inline .nav__menu:before, .nav--inline .nav__menu:after {
  content: " ";
  display: table;
}
.nav--inline .nav__menu:after {
  clear: both;
}
.nav--inline .nav__menu__item {
  float: left;
}
.nav--inline .nav__submenu {
  min-width: 100%;
}

/**
 * Nav Stacked
 */
.nav--stacked .nav__menu__link {
  display: block;
}

/*------------------------------------*\
    #TAB-PENGUIN
\*------------------------------------*/
.tab__block__item,
.tab__button__item {
  position: relative;
}

.tab__block__link,
.tab__button__element {
  text-decoration: none;
  line-height: normal;
  display: inline-block;
}
.tab__block__item--selected .tab__block__link, .tab__block__item--selected
.tab__button__element {
  cursor: not-allowed;
  cursor: default;
}

.tab__text__item {
  text-decoration: none;
  line-height: normal;
  display: inline-block;
}

.tab__content__item {
  display: none;
}

.tab__content__item--selected {
  display: block;
}

/**
 * Tab bar
 */
.tab--bar .tab__block {
  display: table;
  width: 100%;
}
.tab--bar .tab__text__item,
.tab--bar .tab__block__item,
.tab--bar .tab__button__item {
  display: table-cell;
  vertical-align: bottom;
  height: 100%;
  text-align: center;
}
.tab--bar .tab__block__link,
.tab--bar .tab__button__element {
  display: block;
}

/**
 * Tab inline
 */
.tab--inline .tab__block:before, .tab--inline .tab__block:after {
  content: " ";
  display: table;
}
.tab--inline .tab__block:after {
  clear: both;
}
.tab--inline .tab__text__item,
.tab--inline .tab__block__item,
.tab--inline .tab__button__item {
  display: inline-block;
}

/**
 * Tab reverse
 */
.tab--reverse .tab__block {
  text-align: right;
}
.tab--reverse .tab__content {
  clear: both;
}

/**
 * Tab stacked
 */
.tab--stacked {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.tab--stacked .tab__block,
.tab--stacked .tab__content {
  display: table-cell;
  position: relative;
}
.tab--stacked .tab__block__link,
.tab--stacked .tab__button__element {
  display: block;
}

/*------------------------------------*\
    #BREADCRUMB-PENGUIN
\*------------------------------------*/
.breadcrumb__menu__item {
  display: inline;
}
.breadcrumb__menu__item:first-child {
  margin-left: 0;
}
.breadcrumb__menu__item:last-child {
  margin-right: 0;
}
.breadcrumb__menu__item:last-child:after {
  content: '';
}

.breadcrumb__menu__link {
  display: inline-block;
}

.breadcrumb__icon {
  display: inline-block;
}

/*------------------------------------*\
    #TABLE-PENGUIN
\*------------------------------------*/
.table {
  cursor: default;
  width: 100%;
}

/**
 * table stacked
 */
.table--stacked thead {
  display: none;
}
.table--stacked tbody td {
  text-align: right;
}
.table--stacked tbody td:before {
  content: attr(data-header);
  float: left;
  font-weight: bold;
}
.table--stacked tr {
  display: block;
}
.table--stacked td {
  display: block;
}

/*------------------------------------*\
    #FORM-PENGUIN
\*------------------------------------*/
.form {
  clear: both;
}

.form-control--inline {
  display: inline-block;
}

.input:not(.input--checkbox):not(.input--radio) {
  display: block;
}
.form .input:not(.input--checkbox):not(.input--radio) input:not([type="checkbox"]):not([type="radio"]),
.form .input:not(.input--checkbox):not(.input--radio) select,
.form .input:not(.input--checkbox):not(.input--radio) textarea {
  width: 100%;
  line-height: normal;
}
.form .input:not(.input--checkbox):not(.input--radio) input, .form .input:not(.input--checkbox):not(.input--radio) select {
  vertical-align: middle;
}
.form .input:not(.input--checkbox):not(.input--radio) textarea {
  vertical-align: top;
}
.form .input:not(.input--checkbox):not(.input--radio) input[type="file"] {
  line-height: 1rem;
}

.input--radio,
.input--checkbox {
  display: inline-block !important;
  vertical-align: text-bottom;
}
.input--radio input,
.input--checkbox input {
  vertical-align: middle;
}

.input--icon {
  position: relative;
}
.input--icon .icon, .input--icon .fa {
  position: absolute;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}

/*------------------------------------*\
    #ICON-PENGUIN
\*------------------------------------*/
.icon-text {
  position: relative;
}
.icon-text > .icon, .icon-text > .fa {
  line-height: normal;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}

.icon-text--justicon > .icon, .icon-text--justicon > .fa {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
}

.icon-text--right > .icon, .icon-text--right > .fa {
  left: initial;
}

/*------------------------------------*\
    #MODAL-PENGUIN
\*------------------------------------*/
.modal {
  -webkit-overflow-scrolling: touch;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  margin: auto;
  display: table;
  width: 100%;
  height: 100%;
}

.modal__dialog {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  z-index: 100;
}

.modal__dialog__content {
  cursor: default;
  max-height: 100%;
  margin: auto;
  position: relative;
  background-clip: padding-box;
  outline: none;
}

.modal__header {
  position: relative;
}

.modal__close {
  position: absolute;
}

.modal__body,
.modal__footer {
  position: relative;
}

.modal--backdrop {
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.75);
}

.modal--fullscreen {
  position: fixed;
}

.modal-parent {
  position: relative !important;
}

/*------------------------------------*\
    #BANNER-PENGUIN
\*------------------------------------*/
.banner__content {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.banner__content__item {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}

.banner__content__link {
  display: inline-block;
}
.banner__content__item .banner__content__link {
  width: 100%;
}
.banner__content__item .banner__content__link img {
  width: 100%;
}

/**
 * banner stacked
 */
.banner--stacked .banner__content,
.banner--stacked .banner__content__item {
  display: block;
}
.banner--stacked .banner__content__link {
  width: auto;
}

/*------------------------------------*\
    #SPINNER-PENGUIN
\*------------------------------------*/
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  text-align: center;
}

.spinner__element {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.spinner--backdrop {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.75);
}

.spinner--fullscreen {
  position: fixed;
}

.spinner-parent {
  position: relative !important;
}

/*------------------------------------*\
    #PAGINATOR-PENGUIN
\*------------------------------------*/
.paginator__item {
  position: relative;
}

.paginator__link {
  text-decoration: none;
  line-height: normal;
  display: inline-block;
}
.paginator__item--selected .paginator__link {
  cursor: not-allowed;
  cursor: default;
}

/**
 * paginator bar
 */
.paginator--bar {
  display: table;
  width: 100%;
  position: relative;
}
.paginator--bar .paginator__item {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.paginator--bar .paginator__link {
  display: block;
}

/**
 * paginator inline
 */
.paginator--inline {
  word-spacing: -0.3125em;
}
.paginator--inline .paginator__item {
  display: inline-block;
  word-spacing: normal;
}

/*------------------------------------*\
    #PANEL-PENGUIN
\*------------------------------------*/
.panel__dropdown-link {
  position: absolute;
}

.panel--dropdown {
  position: relative;
}
