@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 6, ../sass/basic/_reset.scss */
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,
blockquote footer,
form .field-group .help, strike, strong, sub, sup, tt, var,
b, 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,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 27, ../sass/basic/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 31, ../sass/basic/_reset.scss */
body {
  line-height: 1;
}

/* line 34, ../sass/basic/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 37, ../sass/basic/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 40, ../sass/basic/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 45, ../sass/basic/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 7, ../sass/basic/_grid.scss */
.container {
  padding: 1em;
  margin: 0 auto;
  max-width: 90rem;
}
/* line 8, ../sass/basic/_grid.scss */
.container, .container div, .container ul, .container li {
  box-sizing: border-box;
}
/* line 15, ../sass/basic/_grid.scss */
.container img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* line 24, ../sass/basic/_grid.scss */
.row {
  margin-left: -1em;
  margin-right: -1em;
}
/* line 28, ../sass/basic/_grid.scss */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* line 37, ../sass/basic/_grid.scss */
.columns {
  position: relative;
  float: left;
  padding: 1em 1em;
  width: 100%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-1 {
  width: 8.33333%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-2 {
  width: 16.66667%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-3 {
  width: 25%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-4 {
  width: 33.33333%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-5 {
  width: 41.66667%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-6 {
  width: 50%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-7 {
  width: 58.33333%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-8 {
  width: 66.66667%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-9 {
  width: 75%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-10 {
  width: 83.33333%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-11 {
  width: 91.66667%;
}

/* line 49, ../sass/basic/_grid.scss */
.x-small-12 {
  width: 100%;
}

/* line 54, ../sass/basic/_grid.scss */
.x-small-third {
  width: 33.33333%;
}

/* line 58, ../sass/basic/_grid.scss */
.x-small-two-thirds {
  width: 66.66667%;
}

/* line 62, ../sass/basic/_grid.scss */
.x-small-half {
  width: 50%;
}

/* line 66, ../sass/basic/_grid.scss */
.x-small-quarter {
  width: 25%;
}

@media screen and (min-width: 42.375rem) {
  /* line 76, ../sass/basic/_grid.scss */
  .small-1 {
    width: 8.33333%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-2 {
    width: 16.66667%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-3 {
    width: 25%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-4 {
    width: 33.33333%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-5 {
    width: 41.66667%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-6 {
    width: 50%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-7 {
    width: 58.33333%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-8 {
    width: 66.66667%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-9 {
    width: 75%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-10 {
    width: 83.33333%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-11 {
    width: 91.66667%;
  }

  /* line 76, ../sass/basic/_grid.scss */
  .small-12 {
    width: 100%;
  }

  /* line 81, ../sass/basic/_grid.scss */
  .small-third {
    width: 33.33333%;
  }

  /* line 85, ../sass/basic/_grid.scss */
  .small-two-thirds {
    width: 66.66667%;
  }

  /* line 89, ../sass/basic/_grid.scss */
  .small-half {
    width: 50%;
  }

  /* line 93, ../sass/basic/_grid.scss */
  .small-quarter {
    width: 25%;
  }
}
@media screen and (min-width: 48rem) {
  /* line 104, ../sass/basic/_grid.scss */
  .medium-1 {
    width: 8.33333%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-2 {
    width: 16.66667%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-3 {
    width: 25%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-4 {
    width: 33.33333%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-5 {
    width: 41.66667%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-6 {
    width: 50%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-7 {
    width: 58.33333%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-8 {
    width: 66.66667%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-9 {
    width: 75%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-10 {
    width: 83.33333%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-11 {
    width: 91.66667%;
  }

  /* line 104, ../sass/basic/_grid.scss */
  .medium-12 {
    width: 100%;
  }

  /* line 109, ../sass/basic/_grid.scss */
  .medium-third {
    width: 33.33333%;
  }

  /* line 113, ../sass/basic/_grid.scss */
  .medium-two-thirds {
    width: 66.66667%;
  }

  /* line 117, ../sass/basic/_grid.scss */
  .medium-half {
    width: 50%;
  }

  /* line 121, ../sass/basic/_grid.scss */
  .medium-quarter {
    width: 25%;
  }
}
@media screen and (min-width: 64rem) {
  /* line 131, ../sass/basic/_grid.scss */
  .large-1 {
    width: 8.33333%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-2 {
    width: 16.66667%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-3 {
    width: 25%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-4 {
    width: 33.33333%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-5 {
    width: 41.66667%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-6 {
    width: 50%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-7 {
    width: 58.33333%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-8 {
    width: 66.66667%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-9 {
    width: 75%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-10 {
    width: 83.33333%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-11 {
    width: 91.66667%;
  }

  /* line 131, ../sass/basic/_grid.scss */
  .large-12 {
    width: 100%;
  }

  /* line 136, ../sass/basic/_grid.scss */
  .large-third {
    width: 33.33333%;
  }

  /* line 140, ../sass/basic/_grid.scss */
  .large-two-thirds {
    width: 66.66667%;
  }

  /* line 144, ../sass/basic/_grid.scss */
  .large-half {
    width: 50%;
  }

  /* line 148, ../sass/basic/_grid.scss */
  .large-quarter {
    width: 25%;
  }
}
/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-2 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-2:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-3 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-3:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-4 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-4:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-5 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-5:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-6 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-6:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-7 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-7:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-8 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-8:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-9 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-9:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-10 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-10:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-11 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-11:after {
  content: "";
  display: table;
  clear: both;
}

/* line 4, ../sass/showcase/_gridBlock.scss */
.grid-block-12 {
  list-style-type: none;
  margin: 1em -1%;
}
/* line 7, ../sass/showcase/_gridBlock.scss */
.grid-block-12:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 42.375rem) {
  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-2 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-2 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-2 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-3 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-3 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-3 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-4 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-4 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-4 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-5 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-5 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-5 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-6 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-6 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-6 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-7 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-7 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-7 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-8 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-8 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-8 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-9 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-9 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-9 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-10 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-10 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-10 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-11 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-11 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-11 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 18, ../sass/showcase/_gridBlock.scss */
  .grid-block-12 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 25, ../sass/showcase/_gridBlock.scss */
  .grid-block-12 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 28, ../sass/showcase/_gridBlock.scss */
  .grid-block-12 li:nth-child(2n+0) + li {
    clear: left;
  }
}
@media screen and (min-width: 42.375rem) {
  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-2 li {
    width: 48%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-2 li:nth-child(2n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-2 li:nth-child(2n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-3 li {
    width: 31.33333%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-3 li:nth-child(3n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-3 li:nth-child(3n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-4 li {
    width: 23%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-4 li:nth-child(4n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-4 li:nth-child(4n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-5 li {
    width: 18%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-5 li:nth-child(5n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-5 li:nth-child(5n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-6 li {
    width: 14.66667%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-6 li:nth-child(6n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-6 li:nth-child(6n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-7 li {
    width: 12.28571%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-7 li:nth-child(7n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-7 li:nth-child(7n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-8 li {
    width: 10.5%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-8 li:nth-child(8n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-8 li:nth-child(8n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-9 li {
    width: 9.11111%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-9 li:nth-child(9n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-9 li:nth-child(9n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-10 li {
    width: 8%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-10 li:nth-child(10n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-10 li:nth-child(10n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-11 li {
    width: 7.09091%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-11 li:nth-child(11n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-11 li:nth-child(11n+0) + li {
    clear: left;
  }

  /* line 39, ../sass/showcase/_gridBlock.scss */
  .grid-block-12 li {
    width: 6.33333%;
    float: left;
    list-style: none;
    position: relative;
    margin: 1.5em 1% 0;
  }
  /* line 46, ../sass/showcase/_gridBlock.scss */
  .grid-block-12 li:nth-child(12n+0) {
    clear: right;
  }
  /* line 49, ../sass/showcase/_gridBlock.scss */
  .grid-block-12 li:nth-child(12n+0) + li {
    clear: left;
  }
}
/* line 57, ../sass/showcase/_gridBlock.scss */
[class^=".grid-block-"].cards {
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1);
}

/* line 5, ../sass/showcase/_cards.scss */
[class^="grid-block-"].cards li {
  box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1);
}
/* line 8, ../sass/showcase/_cards.scss */
[class^="grid-block-"].cards li .content {
  padding: 1.5em;
}

/* line 5, ../sass/showcase/_gallery.scss */
.gallery li {
  overflow: hidden;
}
/* line 8, ../sass/showcase/_gallery.scss */
.gallery li figure {
  margin: 0;
  position: relative;
  display: block;
  cursor: pointer;
}
/* line 14, ../sass/showcase/_gallery.scss */
.gallery li figure img {
  opacity: .95;
  -webkit-transition: all 0.3s;
  transition: all .3s;
}
/* line 20, ../sass/showcase/_gallery.scss */
.gallery li figure:hover img {
  opacity: 1;
}
/* line 24, ../sass/showcase/_gallery.scss */
.gallery li figure:hover figcaption {
  opacity: 1;
}
/* line 28, ../sass/showcase/_gallery.scss */
.gallery li figure figcaption {
  opacity: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  color: #fcfcfc;
  padding: 0;
  -webkit-transition: opacity .3s ease-in;
  -moz-transition: opacity .3s ease-in;
  -o-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in;
}
/* line 43, ../sass/showcase/_gallery.scss */
.gallery li figure figcaption h3 {
  margin-top: 0.5em;
  margin-bottom: 0.75em;
  font-size: 1.414em;
  color: white;
  text-align: center;
}
/* line 51, ../sass/showcase/_gallery.scss */
.gallery li figure figcaption p {
  font-size: .8em;
  line-height: 1;
  font-weight: 300;
}
/* line 56, ../sass/showcase/_gallery.scss */
.gallery li figure figcaption p a {
  display: block;
  height: 40px;
  width: 100%;
  text-align: center;
  font-size: 4em;
  color: #ccc;
}
/* line 64, ../sass/showcase/_gallery.scss */
.gallery li figure figcaption p a:hover {
  color: #fcfcfc;
}
/* line 68, ../sass/showcase/_gallery.scss */
.gallery li figure figcaption p a:before {
  font-family: FontAwesome;
  content: "";
  display: block;
  font-size: 1.999em;
  text-align: center;
}
/* line 88, ../sass/showcase/_gallery.scss */
.gallery.video figure figcaption a {
  font-weight: 300;
}
/* line 92, ../sass/showcase/_gallery.scss */
.gallery.video figure figcaption a:before {
  font-family: FontAwesome;
  content: "";
  display: block;
  font-size: 1.999em;
  text-align: center;
}

/* line 106, ../sass/showcase/_gallery.scss */
.gallery img {
  -webkit-border-radius: 0.1875rem;
  -moz-border-radius: 0.1875rem;
  border-radius: 0.1875rem;
}

/* ----------------------------------
   Default Theme
----------------------------------- */
/* line 118, ../sass/showcase/_gallery.scss */
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
  height: 13px;
}

/* line 127, ../sass/showcase/_gallery.scss */
div.pp_default .pp_top .pp_left {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}

/* Top left corner */
/* line 128, ../sass/showcase/_gallery.scss */
div.pp_default .pp_top .pp_middle {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x;
}

/* Top pattern/color */
/* line 129, ../sass/showcase/_gallery.scss */
div.pp_default .pp_top .pp_right {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}

/* Top right corner */
/* line 131, ../sass/showcase/_gallery.scss */
div.pp_default .pp_content .ppt {
  color: #f8f8f8;
}

/* line 132, ../sass/showcase/_gallery.scss */
div.pp_default .pp_content_container .pp_left {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
  padding-left: 13px;
}

/* line 133, ../sass/showcase/_gallery.scss */
div.pp_default .pp_content_container .pp_right {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y;
  padding-right: 13px;
}

/* line 134, ../sass/showcase/_gallery.scss */
div.pp_default .pp_content {
  background-color: #fff;
}

/* Content background */
/* line 135, ../sass/showcase/_gallery.scss */
div.pp_default .pp_next:hover {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite_next.png) center right no-repeat;
  cursor: pointer;
}

/* Next button */
/* line 136, ../sass/showcase/_gallery.scss */
div.pp_default .pp_previous:hover {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
  cursor: pointer;
}

/* Previous button */
/* line 137, ../sass/showcase/_gallery.scss */
div.pp_default .pp_expand {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
}

/* Expand button */
/* line 138, ../sass/showcase/_gallery.scss */
div.pp_default .pp_expand:hover {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
  cursor: pointer;
}

/* Expand button hover */
/* line 139, ../sass/showcase/_gallery.scss */
div.pp_default .pp_contract {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
}

/* Contract button */
/* line 140, ../sass/showcase/_gallery.scss */
div.pp_default .pp_contract:hover {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
  cursor: pointer;
}

/* Contract button hover */
/* line 141, ../sass/showcase/_gallery.scss */
div.pp_default .pp_close {
  width: 30px;
  height: 30px;
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
  cursor: pointer;
}

/* Close button */
/* line 142, ../sass/showcase/_gallery.scss */
div.pp_default #pp_full_res .pp_inline {
  color: #000;
}

/* line 143, ../sass/showcase/_gallery.scss */
div.pp_default .pp_gallery ul li a {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
  border: 1px solid #aaa;
}

/* line 144, ../sass/showcase/_gallery.scss */
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
  border-color: #fff;
}

/* line 146, ../sass/showcase/_gallery.scss */
div.pp_default .pp_social {
  margin-top: 7px;
}

/* line 148, ../sass/showcase/_gallery.scss */
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
  position: static;
  left: auto;
}

/* line 150, ../sass/showcase/_gallery.scss */
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
  height: 30px;
  width: 30px;
}

/* line 152, ../sass/showcase/_gallery.scss */
div.pp_default .pp_nav .pp_pause {
  background-position: -51px -29px;
}

/* line 153, ../sass/showcase/_gallery.scss */
div.pp_default .pp_details {
  position: relative;
}

/* line 154, ../sass/showcase/_gallery.scss */
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
  height: 20px;
  margin: 4px 0 0 0;
  width: 20px;
}

/* line 156, ../sass/showcase/_gallery.scss */
div.pp_default a.pp_arrow_next {
  left: 52px;
  background-position: -82px -3px;
}

/* The next arrow in the bottom nav */
/* line 157, ../sass/showcase/_gallery.scss */
div.pp_default .pp_content_container .pp_details {
  margin-top: 5px;
}

/* line 158, ../sass/showcase/_gallery.scss */
div.pp_default .pp_nav {
  clear: none;
  height: 30px;
  width: 110px;
  position: relative;
}

/* line 159, ../sass/showcase/_gallery.scss */
div.pp_default .pp_nav .currentTextHolder {
  font-family: Georgia;
  font-style: italic;
  color: #999;
  font-size: 11px;
  left: 75px;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  position: absolute;
  top: 2px;
}

/* line 161, ../sass/showcase/_gallery.scss */
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
  opacity: 0.7;
}

/* line 163, ../sass/showcase/_gallery.scss */
div.pp_default .pp_description {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin: 5px 50px 5px 0;
}

/* line 165, ../sass/showcase/_gallery.scss */
div.pp_default .pp_bottom .pp_left {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}

/* Bottom left corner */
/* line 166, ../sass/showcase/_gallery.scss */
div.pp_default .pp_bottom .pp_middle {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}

/* Bottom pattern/color */
/* line 167, ../sass/showcase/_gallery.scss */
div.pp_default .pp_bottom .pp_right {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}

/* Bottom right corner */
/* line 169, ../sass/showcase/_gallery.scss */
div.pp_default .pp_loaderIcon {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/default/loader.gif) center center no-repeat;
}

/* Loader icon */
/* ------------------------------------------------------------------------
   DO NOT CHANGE
------------------------------------------------------------------------- */
/* line 175, ../sass/showcase/_gallery.scss */
div.pp_pic_holder a:focus {
  outline: none;
}

/* line 177, ../sass/showcase/_gallery.scss */
div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500;
}

/* line 187, ../sass/showcase/_gallery.scss */
div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000;
}

/* line 195, ../sass/showcase/_gallery.scss */
.pp_top {
  height: 20px;
  position: relative;
}

/* line 199, ../sass/showcase/_gallery.scss */
* html .pp_top {
  padding: 0 20px;
}

/* line 201, ../sass/showcase/_gallery.scss */
.pp_top .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}

/* line 207, ../sass/showcase/_gallery.scss */
.pp_top .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
}

/* line 213, ../sass/showcase/_gallery.scss */
* html .pp_top .pp_middle {
  left: 0;
  position: static;
}

/* line 218, ../sass/showcase/_gallery.scss */
.pp_top .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

/* line 227, ../sass/showcase/_gallery.scss */
.pp_content {
  height: 40px;
  min-width: 40px;
}

/* line 228, ../sass/showcase/_gallery.scss */
* html .pp_content {
  width: 40px;
}

/* line 230, ../sass/showcase/_gallery.scss */
.pp_fade {
  display: none;
}

/* line 232, ../sass/showcase/_gallery.scss */
.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%;
}

/* line 238, ../sass/showcase/_gallery.scss */
.pp_content_container .pp_left {
  padding-left: 20px;
}

/* line 239, ../sass/showcase/_gallery.scss */
.pp_content_container .pp_right {
  padding-right: 20px;
}

/* line 241, ../sass/showcase/_gallery.scss */
.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px 0;
}

/* line 245, ../sass/showcase/_gallery.scss */
.pp_description {
  display: none;
  margin: 0;
}

/* line 250, ../sass/showcase/_gallery.scss */
.pp_social {
  float: left;
  margin: 0;
}

/* line 251, ../sass/showcase/_gallery.scss */
.pp_social .facebook {
  float: left;
  margin-left: 5px;
  width: 55px;
  overflow: hidden;
}

/* line 252, ../sass/showcase/_gallery.scss */
.pp_social .twitter {
  float: left;
}

/* line 254, ../sass/showcase/_gallery.scss */
.pp_nav {
  clear: right;
  float: left;
  margin: 3px 10px 0 0;
}

/* line 260, ../sass/showcase/_gallery.scss */
.pp_nav p {
  float: left;
  margin: 2px 4px;
  white-space: nowrap;
}

/* line 266, ../sass/showcase/_gallery.scss */
.pp_nav .pp_play,
.pp_nav .pp_pause {
  float: left;
  margin-right: 4px;
  text-indent: -10000px;
}

/* line 273, ../sass/showcase/_gallery.scss */
a.pp_arrow_previous,
a.pp_arrow_next {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px;
}

/* line 284, ../sass/showcase/_gallery.scss */
.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}

/* line 291, ../sass/showcase/_gallery.scss */
.pp_gallery {
  display: none;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000;
}

/* line 299, ../sass/showcase/_gallery.scss */
.pp_gallery div {
  float: left;
  overflow: hidden;
  position: relative;
}

/* line 305, ../sass/showcase/_gallery.scss */
.pp_gallery ul {
  float: left;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  white-space: nowrap;
}

/* line 314, ../sass/showcase/_gallery.scss */
.pp_gallery ul a {
  border: 1px #000 solid;
  border: 1px rgba(0, 0, 0, 0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden;
}

/* line 323, ../sass/showcase/_gallery.scss */
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
  border-color: #fff;
}

/* line 326, ../sass/showcase/_gallery.scss */
.pp_gallery ul a img {
  border: 0;
}

/* line 328, ../sass/showcase/_gallery.scss */
.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}

/* line 335, ../sass/showcase/_gallery.scss */
.pp_gallery li.default a {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px;
}

/* line 342, ../sass/showcase/_gallery.scss */
.pp_gallery li.default a img {
  display: none;
}

/* line 344, ../sass/showcase/_gallery.scss */
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
  margin-top: 7px !important;
}

/* line 349, ../sass/showcase/_gallery.scss */
a.pp_next {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: right;
  height: 100%;
  text-indent: -10000px;
  width: 49%;
}

/* line 358, ../sass/showcase/_gallery.scss */
a.pp_previous {
  background: url(../bower_components/jquery-prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: left;
  height: 100%;
  text-indent: -10000px;
  width: 49%;
}

/* line 367, ../sass/showcase/_gallery.scss */
a.pp_expand,
a.pp_contract {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000;
}

/* line 380, ../sass/showcase/_gallery.scss */
a.pp_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  line-height: 22px;
  text-indent: -10000px;
}

/* line 387, ../sass/showcase/_gallery.scss */
.pp_bottom {
  height: 20px;
  position: relative;
}

/* line 391, ../sass/showcase/_gallery.scss */
* html .pp_bottom {
  padding: 0 20px;
}

/* line 393, ../sass/showcase/_gallery.scss */
.pp_bottom .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}

/* line 399, ../sass/showcase/_gallery.scss */
.pp_bottom .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
}

/* line 405, ../sass/showcase/_gallery.scss */
* html .pp_bottom .pp_middle {
  left: 0;
  position: static;
}

/* line 410, ../sass/showcase/_gallery.scss */
.pp_bottom .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

/* line 419, ../sass/showcase/_gallery.scss */
.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}

/* line 429, ../sass/showcase/_gallery.scss */
#pp_full_res {
  line-height: 1 !important;
}

/* line 433, ../sass/showcase/_gallery.scss */
#pp_full_res .pp_inline {
  text-align: left;
}

/* line 437, ../sass/showcase/_gallery.scss */
#pp_full_res .pp_inline p {
  margin: 0 0 15px 0;
}

/* line 439, ../sass/showcase/_gallery.scss */
div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  margin: 0 0 5px 15px;
  z-index: 9999;
}

/* line 3, ../sass/basic/_typography.scss */
html, input, button, textarea {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* line 8, ../sass/basic/_typography.scss */
body {
  color: #332929;
  font-family: "Raleway", sans-serif;
  line-height: 1.5em;
  font-weight: 400;
}

/* line 15, ../sass/basic/_typography.scss */
p {
  margin-bottom: 1.5em;
}

/* line 19, ../sass/basic/_typography.scss */
a, a:visited {
  color: #466b75;
  font-weight: 700;
  transition: color .2s;
  text-decoration: none;
}
/* line 26, ../sass/basic/_typography.scss */
a:hover, a:visited:hover {
  color: #334e55;
}

/* line 32, ../sass/basic/_typography.scss */
hr {
  border: 0;
  background-color: #d4d4d4;
  height: 0.0625rem;
  margin: 1.5em 0;
}

/* line 41, ../sass/basic/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 1.5em 0 0.375em;
  line-height: 1em;
  font-weight: 300;
}
/* line 45, ../sass/basic/_typography.scss */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: 300;
}

/* line 50, ../sass/basic/_typography.scss */
h2, h3 {
  margin: 0.75em 0;
}

/* line 54, ../sass/basic/_typography.scss */
h4, h5, h6 {
  line-height: 1.5em;
  margin: 0.75em 0;
}

/* line 59, ../sass/basic/_typography.scss */
h5 {
  font-weight: 400;
  text-transform: uppercase;
}

/* line 64, ../sass/basic/_typography.scss */
h1 {
  font-size: 2.798em;
}

/* line 67, ../sass/basic/_typography.scss */
h2 {
  font-size: 1.978em;
}

/* line 70, ../sass/basic/_typography.scss */
h3 {
  font-size: 1.399em;
}

/* line 73, ../sass/basic/_typography.scss */
h4 {
  font-size: 1em;
}

/* line 76, ../sass/basic/_typography.scss */
h5 {
  font-size: 1em;
}

/* line 79, ../sass/basic/_typography.scss */
h6 {
  font-size: 0.707em;
}

@media screen and (min-width: 42.375rem) {
  /* line 84, ../sass/basic/_typography.scss */
  h1 {
    font-size: 3.998em;
  }

  /* line 87, ../sass/basic/_typography.scss */
  h2 {
    font-size: 2.827em;
  }

  /* line 90, ../sass/basic/_typography.scss */
  h3 {
    font-size: 1.999em;
  }

  /* line 93, ../sass/basic/_typography.scss */
  h4 {
    font-size: 1.414em;
  }
}
/* line 100, ../sass/basic/_typography.scss */
ul, ol {
  list-style-type: circle;
  margin: 0 0 1.5em 1.5em;
}

/* line 105, ../sass/basic/_typography.scss */
small, blockquote footer, form .field-group .help {
  font-size: 0.85em;
}

/* line 109, ../sass/basic/_typography.scss */
blockquote {
  color: #a08888;
  font-style: italic;
  margin-left: 1.5em;
}
/* line 114, ../sass/basic/_typography.scss */
blockquote footer {
  font-style: normal;
}

/* line 120, ../sass/basic/_typography.scss */
pre, code {
  font-family: monospace;
}

/* line 3, ../sass/basic/_buttons.scss */
button,
.btn,
.btn-primary,
.btn-secondary,
.btn-small,
.btn-large,
a.btn,
a.btn-primary,
a.btn-secondary,
a.btn-small,
a.btn-large {
  border: 0;
  border-radius: 0;
  background-color: #d4d4d4;
  color: #222222;
  cursor: pointer;
  text-decoration: none;
  font-weight: 400;
  display: inline-block;
  padding: 0.75em 1.5em;
  line-height: 1;
  font-size: inherit;
  font-family: inherit;
}
/* line 19, ../sass/basic/_buttons.scss */
button:hover,
.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-small:hover,
.btn-large:hover,
a.btn:hover,
a.btn-primary:hover,
a.btn-secondary:hover,
a.btn-small:hover,
a.btn-large:hover {
  background-color: #0d1315;
  color: white;
}
/* line 24, ../sass/basic/_buttons.scss */
button:active,
.btn:active,
.btn-primary:active,
.btn-secondary:active,
.btn-small:active,
.btn-large:active,
a.btn:active,
a.btn-primary:active,
a.btn-secondary:active,
a.btn-small:active,
a.btn-large:active {
  background-color: #203135;
}
/* line 28, ../sass/basic/_buttons.scss */
button:focus,
.btn:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn-small:focus,
.btn-large:focus,
a.btn:focus,
a.btn-primary:focus,
a.btn-secondary:focus,
a.btn-small:focus,
a.btn-large:focus {
  outline: none;
}

/* line 33, ../sass/basic/_buttons.scss */
.btn-primary {
  background-color: #466b75;
  color: #d4e2e6;
}

/* line 40, ../sass/basic/_buttons.scss */
.btn-secondary {
  background-color: #993d3d;
  color: #f3e2e2;
}

/* line 47, ../sass/basic/_buttons.scss */
.btn-small {
  font-size: 0.707em;
}

/* line 52, ../sass/basic/_buttons.scss */
.btn-large {
  font-size: 1.999em;
  padding: 0.5em 1.5em;
}

/* line 3, ../sass/basic/_forms.scss */
form {
  overflow: hidden;
  margin-bottom: 1.5em;
}
/* line 6, ../sass/basic/_forms.scss */
form fieldset {
  border: 0.0625rem solid #d4d4d4;
  padding: 0.75em;
}
/* line 9, ../sass/basic/_forms.scss */
form fieldset legend {
  font-weight: 700;
  padding: 0 0.75em;
}
/* line 15, ../sass/basic/_forms.scss */
form .field-group {
  margin-bottom: 0.75em;
}
/* line 20, ../sass/basic/_forms.scss */
form .field-group label {
  display: block;
  margin-bottom: 0.5em;
  font-weight: 400;
}
/* line 26, ../sass/basic/_forms.scss */
form .field-group input:not([class^="btn"]),
form .field-group textarea {
  border: 0.0625rem solid #d4d4d4;
  padding: 0.75em;
  transition: border-color .2s;
}
/* line 32, ../sass/basic/_forms.scss */
form .field-group input:not([class^="btn"]):focus, form .field-group input:not([class^="btn"]):hover,
form .field-group textarea:focus,
form .field-group textarea:hover {
  border-color: #aeaeae;
  outline: none;
}
/* line 37, ../sass/basic/_forms.scss */
form .field-group input:not([class^="btn"]).field-fw,
form .field-group textarea.field-fw {
  width: 80%;
}
/* line 42, ../sass/basic/_forms.scss */
form .field-group .help {
  margin: 0.5em 0 0;
  color: #a08888;
  font-style: italic;
}
/* line 50, ../sass/basic/_forms.scss */
form .field-group.field-error label,
form .field-group.field-error .help,
form .field-group.field-error input {
  color: red;
}
/* line 57, ../sass/basic/_forms.scss */
form .required {
  color: #ff1a1a;
}
/* line 61, ../sass/basic/_forms.scss */
form input[type="checkbox"],
form input[type="radio"] {
  display: none;
}
/* line 66, ../sass/basic/_forms.scss */
form input[type="checkbox"] + label:before,
form input[type="radio"] + label:before {
  background-color: lighen(#eeeeee, 30%);
  border: 0.0625rem solid #d4d4d4;
  content: "";
  display: inline-block;
  height: 0.83333em;
  width: 0.83333em;
  vertical-align: middle;
  text-align: center;
  margin: -0.125rem 0.375rem 0 0;
  font-size: 0.75em;
  line-height: 0.83333em;
}
/* line 81, ../sass/basic/_forms.scss */
form input[type="checkbox"]:checked + label:before {
  content: "\2713";
}
/* line 85, ../sass/basic/_forms.scss */
form input[type="radio"] + label:before {
  border-radius: 15em;
}
/* line 88, ../sass/basic/_forms.scss */
form input[type="radio"]:checked + label:before {
  content: "\2022";
}

/* line 2, ../sass/basic/_icons.scss */
.icon-list-default, .icon-list-large {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0.5em;
  text-align: center;
}
@media screen and (min-width: 42.375rem) {
  /* line 2, ../sass/basic/_icons.scss */
  .icon-list-default, .icon-list-large {
    text-align: left;
  }
}
/* line 13, ../sass/basic/_icons.scss */
.icon-list-default li, .icon-list-large li {
  display: inline-block;
  background-color: #fbfbfb;
  margin-bottom: 0.375em;
  transition: all .4s;
}
/* line 20, ../sass/basic/_icons.scss */
.icon-list-default li:hover, .icon-list-large li:hover {
  background-color: #f3f3f3;
}
/* line 23, ../sass/basic/_icons.scss */
.icon-list-default li a, .icon-list-large li a {
  font-size: 1.414em;
  width: 1em;
  display: block;
  color: #466b75;
  padding: 0.375em 0.75em;
  transition: all .2s;
}
/* line 30, ../sass/basic/_icons.scss */
.icon-list-default li a:hover, .icon-list-large li a:hover {
  color: #0d1315;
}

/* line 41, ../sass/basic/_icons.scss */
.icon-list-large li a {
  font-size: 2.827em;
}

/* line 3, ../sass/basic/_feedback.scss */
[class^="alert-"] {
  border: 0.0625rem solid;
  border-bottom-width: 0.1875rem;
  margin: 1.5em 0;
  padding: 1.5em;
}
/* line 10, ../sass/basic/_feedback.scss */
[class^="alert-"] p {
  margin-bottom: 0;
}

/* line 15, ../sass/basic/_feedback.scss */
.alert-information {
  border-color: #80ff80;
  background-color: #e6ffe6;
}
/* line 19, ../sass/basic/_feedback.scss */
.alert-information :first-child {
  color: green;
}

/* line 24, ../sass/basic/_feedback.scss */
.alert-error {
  border-color: #ff9999;
  background-color: #ffcccc;
}
/* line 28, ../sass/basic/_feedback.scss */
.alert-error :first-child {
  color: red;
}

/* line 33, ../sass/basic/_feedback.scss */
.alert-warning {
  border-color: #ffcccc;
  background-color: white;
}
/* line 37, ../sass/basic/_feedback.scss */
.alert-warning :first-child {
  color: red;
}

/* line 42, ../sass/basic/_feedback.scss */
.alert-success {
  border-color: #80ff80;
  background-color: #e6ffe6;
}
/* line 46, ../sass/basic/_feedback.scss */
.alert-success :first-child {
  color: green;
}

/* line 5, ../sass/basic/_tables.scss */
.table {
  width: 100%;
}
/* line 8, ../sass/basic/_tables.scss */
.table.bordered {
  border: 1px solid #d4e2e6;
}
/* line 11, ../sass/basic/_tables.scss */
.table.bordered thead {
  background-color: #466b75;
  border-bottom: 1px solid #0d1315;
  color: #fcfcfc;
}
/* line 17, ../sass/basic/_tables.scss */
.table.bordered td {
  border: 1px solid #f4f8f9;
}
/* line 22, ../sass/basic/_tables.scss */
.table tr {
  border-bottom: 1px solid #f4f8f9;
}
/* line 26, ../sass/basic/_tables.scss */
.table thead {
  color: #466b75;
  border-bottom: 3px solid #95b6bf;
}
/* line 31, ../sass/basic/_tables.scss */
.table thead tr {
  border-bottom: none;
}
/* line 36, ../sass/basic/_tables.scss */
.table td,
.table th {
  text-align: left;
  padding: 0.75em;
}

/*** SUPERFISH ESSENTIAL STYLES ***/
/* line 5, ../sass/navigation/_navigation.scss */
.sf-menu, ul.horizontal, ul.pagination, .sf-menu *, ul.horizontal *, ul.pagination * {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 10, ../sass/navigation/_navigation.scss */
.sf-menu li, ul.horizontal li, ul.pagination li {
  position: relative;
}

/* line 13, ../sass/navigation/_navigation.scss */
.sf-menu ul, ul.horizontal ul, ul.pagination ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

/* line 20, ../sass/navigation/_navigation.scss */
.sf-menu > li, ul.horizontal > li, ul.pagination > li {
  float: left;
}
/* line 22, ../sass/navigation/_navigation.scss */
.sf-menu > li:last-child, ul.horizontal > li:last-child, ul.pagination > li:last-child {
  margin-right: 7em;
}

/* line 26, ../sass/navigation/_navigation.scss */
.sf-menu li:hover > ul, ul.horizontal li:hover > ul, ul.pagination li:hover > ul,
.sf-menu li.sfHover > ul,
ul.horizontal li.sfHover > ul,
ul.pagination li.sfHover > ul {
  display: block;
}

/* line 31, ../sass/navigation/_navigation.scss */
.sf-menu a, ul.horizontal a, ul.pagination a {
  display: block;
  position: relative;
}

/* line 35, ../sass/navigation/_navigation.scss */
.sf-menu ul ul, ul.horizontal ul ul, ul.pagination ul ul {
  top: 0;
  left: 100%;
}

/*** alter arrow directions ***/
/* line 42, ../sass/navigation/_navigation.scss */
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}

/* line 49, ../sass/navigation/_navigation.scss */
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
  border-left-color: white;
}

/* SUPERFISH VERTICAL  */
/* adding sf-vertical class in addition to sf-menu creates a vertical menu */
/* eg. <ul class="sf-menu sf-vertical"> ... */
/* line 59, ../sass/navigation/_navigation.scss */
.sf-vertical {
  width: 14em;
  /* If you want the width of the closed menu to expand to its
  widest top-level menu item (like its "Supersubs" submenus do),
  replace the width rule above with the following two rules. */
  /*
  min-width: $topnav-min-width;
  *width: $topnav-min-width;
  */
}

/* line 70, ../sass/navigation/_navigation.scss */
.sf-vertical ul {
  left: 100%;
  top: 0;
}

/* line 74, ../sass/navigation/_navigation.scss */
.sf-vertical > li {
  float: none;
}

/* line 77, ../sass/navigation/_navigation.scss */
.sf-vertical li {
  width: 100%;
}

/*** alter arrow directions ***/
/* line 82, ../sass/navigation/_navigation.scss */
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}

/* line 89, ../sass/navigation/_navigation.scss */
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
  border-left-color: white;
}

/* SUPERFSIH CUSTOM */
/* line 99, ../sass/navigation/_navigation.scss */
.sf-menu ul, ul.horizontal ul, ul.pagination ul {
  min-width: 14em;
  /* allow long menu items to determine submenu width */
  *width: 14em;
  /* no auto sub width for IE7, see white-space comment below */
}
/* line 104, ../sass/navigation/_navigation.scss */
.sf-menu li, ul.horizontal li, ul.pagination li {
  background: #0f1618;
  white-space: nowrap;
  /* no need for Supersubs plugin */
  *white-space: normal;
  /* ...unless you support IE7 (let it wrap) */
  -webkit-transition: background .2s;
  transition: background .2s;
}
/* line 112, ../sass/navigation/_navigation.scss */
.sf-menu a, ul.horizontal a, ul.pagination a {
  padding: 0.5em 1em;
  text-decoration: none;
  zoom: 1;
  /* IE7 */
  color: white;
}
/* line 119, ../sass/navigation/_navigation.scss */
.sf-menu .sf-menu ul li, ul.horizontal .sf-menu ul li, ul.pagination .sf-menu ul li, .sf-menu ul.horizontal ul li, ul.horizontal ul.horizontal ul li, ul.pagination ul.horizontal ul li, .sf-menu ul.pagination ul li, ul.horizontal ul.pagination ul li, ul.pagination ul.pagination ul li {
  background: #203135;
}
/* line 123, ../sass/navigation/_navigation.scss */
.sf-menu ul ul li, ul.horizontal ul ul li, ul.pagination ul ul li {
  background: #293f45;
}
/* line 127, ../sass/navigation/_navigation.scss */
.sf-menu li:hover, ul.horizontal li:hover, ul.pagination li:hover,
.sf-menu li.sfHover,
ul.horizontal li.sfHover,
ul.pagination li.sfHover {
  background: #162225;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}
/* line 134, ../sass/navigation/_navigation.scss */
.sf-menu li:hover a, ul.horizontal li:hover a, ul.pagination li:hover a,
.sf-menu li.sfHover a,
ul.horizontal li.sfHover a,
ul.pagination li.sfHover a {
  color: #bfd3d9;
}

/*** arrows (for all except IE7) **/
/* line 143, ../sass/navigation/_navigation.scss */
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
  /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */
/* line 150, ../sass/navigation/_navigation.scss */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.1875rem;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
}

/* line 161, ../sass/navigation/_navigation.scss */
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white;
  /* IE8 fallback colour */
}

/* styling for right-facing arrows */
/* line 167, ../sass/navigation/_navigation.scss */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}

/* line 174, ../sass/navigation/_navigation.scss */
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: white;
}

@media screen and (max-width: 48rem) {
  /* line 180, ../sass/navigation/_navigation.scss */
  .rwd-menu {
    border-top: 0.0625rem solid white;
    margin-left: -1em;
    margin-right: -1em;
    padding-top: 1.5em;
  }
  /* line 186, ../sass/navigation/_navigation.scss */
  .rwd-menu li {
    display: block;
    width: 44%;
    margin: 3%;
    float: left;
    font-size: 1.999em;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 48rem) and (max-width: 42.375rem) {
  /* line 186, ../sass/navigation/_navigation.scss */
  .rwd-menu li {
    width: 94%;
  }
}
@media screen and (max-width: 48rem) {
  /* line 197, ../sass/navigation/_navigation.scss */
  .rwd-menu li ul {
    margin-left: 0;
    margin-top: 1em;
  }
  /* line 202, ../sass/navigation/_navigation.scss */
  .rwd-menu li ul li {
    width: 100%;
    border-bottom: 1px dotted white;
    font-size: .5em;
    margin-bottom: .5em;
  }
}
/* line 220, ../sass/navigation/_navigation.scss */
ul.horizontal li a, ul.pagination li a {
  font-weight: 300;
}

/* line 229, ../sass/navigation/_navigation.scss */
ul.horizontal li {
  background-color: #f6f6f6;
}
/* line 232, ../sass/navigation/_navigation.scss */
ul.horizontal li:hover {
  background-color: #d4e2e6;
}
/* line 236, ../sass/navigation/_navigation.scss */
ul.horizontal li a {
  color: #466b75;
  font-weight: 400;
}
/* line 239, ../sass/navigation/_navigation.scss */
ul.horizontal li a:hover {
  color: #5d5d5d;
}

/* line 248, ../sass/navigation/_navigation.scss */
ul.pagination li {
  background-color: #f6f6f6;
}
/* line 251, ../sass/navigation/_navigation.scss */
ul.pagination li:hover {
  background-color: #e4dddd;
}
/* line 255, ../sass/navigation/_navigation.scss */
ul.pagination li a {
  color: #332929;
}
/* line 257, ../sass/navigation/_navigation.scss */
ul.pagination li a:hover {
  color: #5d5d5d;
}

/* line 3, ../sass/navigation/_topnav.scss */
.topnav {
  background-color: #0d1315;
}

/* line 9, ../sass/navigation/_topnav.scss */
.navbar-container a {
  color: white;
}
/* line 12, ../sass/navigation/_topnav.scss */
.navbar-container h1 {
  margin: 0;
}
/* line 16, ../sass/navigation/_topnav.scss */
.navbar-container .sf-menu, .navbar-container ul.horizontal, .navbar-container ul.pagination {
  float: right;
}
/* line 21, ../sass/navigation/_topnav.scss */
.navbar-container .btn, .navbar-container .btn-primary, .navbar-container .btn-secondary, .navbar-container .btn-small, .navbar-container .btn-large, .navbar-container .btn-large {
  background-color: transparent;
  color: #dfe9ec;
}
/* line 25, ../sass/navigation/_topnav.scss */
.navbar-container .btn:hover, .navbar-container .btn-primary:hover, .navbar-container .btn-secondary:hover, .navbar-container .btn-small:hover, .navbar-container .btn-large:hover, .navbar-container .btn-large:hover {
  color: #bfd3d9;
}
/* line 30, ../sass/navigation/_topnav.scss */
.navbar-container #rwd-trigger, .navbar-container .rwd-menu, .navbar-container [id^="rwd-trigger"] {
  display: none;
}
@media screen and (max-width: 48rem) {
  /* line 37, ../sass/navigation/_topnav.scss */
  .navbar-container h1 {
    width: 70%;
    float: left;
  }
  /* line 42, ../sass/navigation/_topnav.scss */
  .navbar-container #rwd-trigger, .navbar-container [id^="rwd-trigger"] {
    display: block;
    width: 20%;
    float: right;
    padding: 0.5em 0 0 0;
    margin-right: 10%;
    position: relative;
    z-index: 999999999;
  }
  /* line 52, ../sass/navigation/_topnav.scss */
  .navbar-container .sf-menu, .navbar-container ul.horizontal, .navbar-container ul.pagination {
    display: none;
  }
}

/* line 4, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li {
  background-color: #0d1315;
}
/* line 7, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li:hover, .navbar-container-vertical li:active, .navbar-container-vertical li.sfHover {
  background-color: black !important;
}
/* line 13, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li {
  background-color: #030505;
  white-space: normal;
}
/* line 17, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li:hover {
  background-color: #050809 !important;
}
/* line 21, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li h4 {
  font-size: 1em;
  border-bottom: 1px dotted #3c5c65;
}
/* line 25, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li h4:hover {
  background-color: #162225;
}
/* line 30, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li ol.subs {
  margin: 0.75em 0.5em;
}
/* line 32, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li ol.subs li {
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #293f45;
}
/* line 38, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li ol.subs li a {
  font-size: .8em;
  line-height: 1.1em;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}
/* line 46, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li p {
  padding: 1.5em;
  font-size: .8em;
  color: #f5f8f9;
}
/* line 52, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li a {
  color: #f5f8f9 !important;
}
/* line 55, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li ul li a:hover {
  color: white !important;
}
/* line 62, ../sass/navigation/_vertical.scss */
.navbar-container-vertical a {
  color: white;
  text-transform: uppercase;
}
/* line 66, ../sass/navigation/_vertical.scss */
.navbar-container-vertical .btn, .navbar-container-vertical .btn-primary, .navbar-container-vertical .btn-secondary, .navbar-container-vertical .btn-small, .navbar-container-vertical .btn-large, .navbar-container-vertical .btn-large {
  background-color: #0d1315;
  color: white;
}
/* line 70, ../sass/navigation/_vertical.scss */
.navbar-container-vertical .btn:hover, .navbar-container-vertical .btn-primary:hover, .navbar-container-vertical .btn-secondary:hover, .navbar-container-vertical .btn-small:hover, .navbar-container-vertical .btn-large:hover, .navbar-container-vertical .btn-large:hover {
  color: white;
  background-color: #162225;
}
/* line 76, ../sass/navigation/_vertical.scss */
.navbar-container-vertical #rwd-trigger-vert {
  display: none;
}
/* line 80, ../sass/navigation/_vertical.scss */
.navbar-container-vertical .rwd-menu {
  display: none;
  background-color: #0d1315;
  overflow: hidden;
  position: absolute;
  top: 4em;
  left: 5em;
  z-index: 99999;
}
@media screen and (max-width: 48rem) {
  /* line 92, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical #rwd-trigger-vert {
    display: block;
  }
  /* line 95, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical .sf-menu, .navbar-container-vertical ul.horizontal, .navbar-container-vertical ul.pagination {
    display: none;
  }
  /* line 99, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical .rwd-menu {
    width: 80%;
  }
  /* line 102, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical .rwd-menu a {
    font-size: 0.707em;
  }
  /* line 107, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical .rwd-menu li:hover {
    background-color: transparent !important;
  }
  /* line 111, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical .rwd-menu li ul {
    margin: 0.75em 0;
  }
}
/* line 121, ../sass/navigation/_vertical.scss */
.navbar-container-vertical li.drop ul {
  background-color: #030505;
}
@media screen and (min-width: 42.375rem) {
  /* line 121, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical li.drop ul {
    width: 220%;
  }
  /* line 127, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical li.drop ul li {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 48rem) {
  /* line 121, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical li.drop ul {
    width: 280%;
  }
}
@media screen and (min-width: 64rem) {
  /* line 121, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical li.drop ul {
    width: 380%;
  }
  /* line 140, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical li.drop ul li {
    width: 33%;
  }
}
@media screen and (min-width: 80rem) {
  /* line 121, ../sass/navigation/_vertical.scss */
  .navbar-container-vertical li.drop ul {
    width: 440%;
  }
}

/* line 3, ../sass/showcase/_tabs.scss */
.tabs-links {
  margin: 0;
}
/* line 6, ../sass/showcase/_tabs.scss */
.tabs-links:after {
  content: "";
  display: table;
  clear: both;
}
/* line 12, ../sass/showcase/_tabs.scss */
.tabs-links li {
  float: left;
  list-style-type: none;
  margin-right: 1px;
}
/* line 17, ../sass/showcase/_tabs.scss */
.vertical .tabs-links li {
  display: block;
  float: none;
}
/* line 22, ../sass/showcase/_tabs.scss */
.tabs-links li:first-child {
  margin-left: 0.5em;
}
/* line 25, ../sass/showcase/_tabs.scss */
.vertical .tabs-links li:first-child {
  margin-left: 0;
}
/* line 34, ../sass/showcase/_tabs.scss */
.tabs-links li a {
  background-color: #f3f3f3;
  display: inline-block;
  padding: 1em 1.5em;
  color: #95b6bf;
}
/* line 40, ../sass/showcase/_tabs.scss */
.vertical .tabs-links li a {
  display: block;
}
/* line 46, ../sass/showcase/_tabs.scss */
.tabs-links li a:hover {
  background-color: #fbfbfb;
  color: #466b75;
}
/* line 52, ../sass/showcase/_tabs.scss */
.tabs-links li.active a, .tabs-links li.active a:hover {
  border: 1px solid #eeeeee;
  border-bottom: 0;
  background-color: #fbfbfb;
  color: #466b75;
  font-weight: bold;
  margin-bottom: -1px;
}
/* line 61, ../sass/showcase/_tabs.scss */
.vertical .tabs-links li.active a, .vertical .tabs-links li.active a:hover {
  border-bottom: 1px solid #eeeeee;
  border-right: 0;
  border-left: 0;
  border-top: 0;
}
/* line 71, ../sass/showcase/_tabs.scss */
.vertical .tabs-links {
  float: left;
  width: 20%;
}

/* line 79, ../sass/showcase/_tabs.scss */
.tabs-content {
  border: 1px solid #eeeeee;
  padding: 1.5em;
}
/* line 83, ../sass/showcase/_tabs.scss */
.vertical .tabs-content {
  border: 0;
  float: right;
  width: 80%;
  background-color: #fbfbfb;
}

/* line 95, ../sass/showcase/_tabs.scss */
.tab {
  display: none;
}
/* line 97, ../sass/showcase/_tabs.scss */
.tab.active {
  display: block;
}

/* line 103, ../sass/showcase/_tabs.scss */
.map .tab {
  opacity: 0;
  width: 100%;
}
/* line 106, ../sass/showcase/_tabs.scss */
.map .tab.active {
  opacity: 1;
}

/* line 3, ../sass/showcase/_accordions.scss */
.accordion {
  border: 1px solid #eeeeee;
}

/* line 7, ../sass/showcase/_accordions.scss */
.accordion-element-title {
  border-bottom: 1px solid #eeeeee;
  display: block;
  padding: 1.5em;
  background-color: white;
  color: #95b6bf;
}
/* line 14, ../sass/showcase/_accordions.scss */
.accordion-element-title:hover, .accordion-element-title.active {
  color: #466b75 !important;
  background-color: #fbfbfb;
}
/* line 20, ../sass/showcase/_accordions.scss */
.accordion-element:last-child .accordion-element-title {
  border-bottom: 0;
}

/* line 25, ../sass/showcase/_accordions.scss */
.accordion-element-content {
  display: none;
  padding: 1.5em;
}
/* line 29, ../sass/showcase/_accordions.scss */
.accordion-element-content p:last-child {
  margin-bottom: 0;
}

/* line 1, ../sass/showcase/_carousels.scss */
.cycle-slideshow {
  position: relative;
}
/* line 4, ../sass/showcase/_carousels.scss */
.cycle-slideshow .cycle-prev,
.cycle-slideshow .cycle-next {
  display: inline-block;
  height: 3em;
  margin-top: 1.5em;
  width: 3em;
  position: fixed;
  top: 50%;
  z-index: 100;
  text-align: center;
  font-size: 1.5em;
  line-height: 3em;
  cursor: pointer;
}
/* line 19, ../sass/showcase/_carousels.scss */
.cycle-slideshow .cycle-prev:hover,
.cycle-slideshow .cycle-next:hover {
  
}
/* line 25, ../sass/showcase/_carousels.scss */
.cycle-slideshow .cycle-next {
  right: 0;
}
/* line 29, ../sass/showcase/_carousels.scss */
.cycle-slideshow .cycle-prev {
  left: 0;
}
/* line 33, ../sass/showcase/_carousels.scss */
.cycle-slideshow .cycle-caption {
  margin: 1.5em 0;
  text-align: center;
}

/* line 3, ../sass/showcase/_masonry.scss */
.item {
  width: 25%;
}

/* line 4, ../sass/showcase/_masonry.scss */
.item.w2 {
  width: 50%;
}

/* line 7, ../sass/showcase/_masonry.scss */
.item .content {
  margin: 1.5em auto;
  width: 90%;
  padding: 1.5em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* line 13, ../sass/showcase/_masonry.scss */
.item img {
  display: block;
}
/* line 19, ../sass/showcase/_masonry.scss */
.item h3 {
  font-size: 1.414em;
}
/* line 23, ../sass/showcase/_masonry.scss */
.item p {
  font-size: 1em;
}

/* line 5, ../sass/addons/_ribbon.scss */
.ribbon-wrapper {
  width: 13.75rem;
  height: 12.5rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
/* line 14, ../sass/addons/_ribbon.scss */
.ribbon-wrapper .ribbon {
  font-size: 1em;
  color: #333;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 12px 0;
  left: -5px;
  top: 15px;
  width: 380px;
  background-color: #95b6bf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#95b6bf), to(#729eaa));
  background-image: -webkit-linear-gradient(top, #95b6bf, #729eaa);
  background-image: -moz-linear-gradient(top, #95b6bf, #729eaa);
  background-image: -ms-linear-gradient(top, #95b6bf, #729eaa);
  background-image: -o-linear-gradient(top, #95b6bf, #729eaa);
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
/* line 39, ../sass/addons/_ribbon.scss */
.ribbon-wrapper .ribbon:before, .ribbon-wrapper .ribbon:after {
  content: "";
  border-top: 3px solid #6e8900;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}
/* line 48, ../sass/addons/_ribbon.scss */
.ribbon-wrapper .ribbon:before {
  left: 0;
}
/* line 51, ../sass/addons/_ribbon.scss */
.ribbon-wrapper .ribbon:after {
  right: 0;
}
/* line 55, ../sass/addons/_ribbon.scss */
.ribbon-wrapper .ribbon a {
  text-transform: uppercase;
  color: #fcfcfc;
  font-size: 1.414em;
}

/* line 66, ../sass/addons/_ribbon.scss */
#contactus {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 77, ../sass/addons/_ribbon.scss */
#contactus form {
  margin: 3em auto;
  position: relative;
  z-index: 3;
  max-width: 90%;
}
/* line 84, ../sass/addons/_ribbon.scss */
#contactus .close {
  position: absolute;
  right: 0;
  padding: 1.5em 2em;
  cursor: pointer;
  font-weight: bold;
  z-index: 99999999;
    color: #000;
      background:#fff;
      border-radius: 50%;
}

/* line 4, ../sass/addons/_stickyfooter.scss */
html {
  position: relative;
  min-height: 100%;
}

/* line 8, ../sass/addons/_stickyfooter.scss */
body {
  margin: 0 0 0;
  /* bottom = footer height */
}

/* line 11, ../sass/addons/_stickyfooter.scss */
footer.sticky {
  background-color: #d4d4d4;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5rem;
  width: 100%;
  text-align: center;
}
/* line 20, ../sass/addons/_stickyfooter.scss */
footer.sticky .container {
  padding: 0 1.5em;
}

/* line 3, ../sass/_over.scss */
#main-content {
  margin-top: 6em;
}



.main-header {
  
  background-size: cover;
  background-position: left bottom;
  background-attachment: fixed;
  height: 100vh;
  min-height: 600px;
  color: #fff;
  position: relative;
  z-index:4;
}



.main-header h1 {
  font-size: 4em;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.main-header h1 small {
  font-size: .5em;
  display: block;
}

.main-header .titlex {
  margin-left:-5rem;
  margin-top: 12rem;
}

.main-header .showcase {
  padding-top: 110px;
}

.scroll-icon {
  position: absolute;
  bottom: 5%;
  left: 47%;
  opacity: 0.5;
}

.main-header img , #main img,  #main-second img{
  width: auto!important;
}


@media (min-width: 800px) {
  .main-header img {
    height: 100%!important;
    width: 100%!important;
  }
}


.center {
  text-align: center;
}


#main {
 /*  background: url(../images/indagini.jpg)no-repeat center center;
  background-size:cover;
  background-attachment: fixed; */
  padding-top:4em;
  height: 100vh;
}

#main-second {
  background: url(../images/tre.jpg)no-repeat center center;
  background-size:cover;
  background-attachment: fixed;
  padding-top:4em;
  height: 100vh;
  height: 100%;
}



#brandx {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    background: rgba(255,255,255,.95)!important;

}

.boxes .columns {
  padding-top: 0;
  padding-bottom: 0;
}

.boxes a {
  display: block;
}

.title {
  text-align: center;

}

.title h3 {
  font-weight:bold;
  margin-top: 0;
  margin-bottom: 0;
}

#footer {
  border-top: 1px solid #ccc;
  padding-bottom: 0;
  margin-top:6rem;
}

.copy {
  font-size: .8em;
  text-align: center;
}

#storia h2 {
  text-align: center;
}



.boxes img {
  max-width: 80%;
}


#main, #storia {
 position: relative;
}

#storia  {
  padding-bottom: 3em;
  background:#fff;
}

#storia p {
  margin-bottom: .2em;
}


#brand {
  display: none;
  position: fixed;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    background: rgba(0,0,0,.4);
}


.ribbon {
  display: inline-block;
    position: absolute;
    right: 7em;
    bottom: 1em;
}

#nav a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}


.hid {
  overflow: hidden;
}



.typewriter h3 {
  width:0;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  /* border-right: .15em solid orange; */ /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  /*margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  text-align: center;
  animation: 
    typing 5s steps(40, end) forwards;
  animation-delay: 2s;
   
}

.typewriter h2.center {
  animation: 
      fadein 2s ease-in;
}

@keyframes fadein {
from { opacity: 0 }
  to { opacity: 1 }
}

/* The typing effect */
@keyframes typing {
  from { width: 0% }
  to { width: 100% }
}