*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: 'Vollkorn',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

a:focus {
  outline: none; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

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

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

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

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

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse .column,
  .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    position: relative;
    width: 8.33333%; }

  .small-2 {
    position: relative;
    width: 16.66667%; }

  .small-3 {
    position: relative;
    width: 25%; }

  .small-4 {
    position: relative;
    width: 33.33333%; }

  .small-5 {
    position: relative;
    width: 41.66667%; }

  .small-6 {
    position: relative;
    width: 50%; }

  .small-7 {
    position: relative;
    width: 58.33333%; }

  .small-8 {
    position: relative;
    width: 66.66667%; }

  .small-9 {
    position: relative;
    width: 75%; }

  .small-10 {
    position: relative;
    width: 83.33333%; }

  .small-11 {
    position: relative;
    width: 91.66667%; }

  .small-12 {
    position: relative;
    width: 100%; }

  .small-offset-0 {
    position: relative;
    margin-left: 0%; }

  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .small-offset-3 {
    position: relative;
    margin-left: 25%; }

  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .small-offset-6 {
    position: relative;
    margin-left: 50%; }

  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .small-offset-9 {
    position: relative;
    margin-left: 75%; }

  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  [class*="column"] + [class*="column"]:last-child {
    /*float: right;*/ }

  [class*="column"] + [class*="column"].end {
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) {
  .large-1 {
    position: relative;
    width: 8.33333%; }

  .large-2 {
    position: relative;
    width: 16.66667%; }

  .large-3 {
    position: relative;
    width: 25%; }

  .large-4 {
    position: relative;
    width: 33.33333%; }

  .large-5 {
    position: relative;
    width: 41.66667%; }

  .large-6 {
    position: relative;
    width: 50%; }

  .large-7 {
    position: relative;
    width: 58.33333%; }

  .large-8 {
    position: relative;
    width: 66.66667%; }

  .large-9 {
    position: relative;
    width: 75%; }

  .large-10 {
    position: relative;
    width: 83.33333%; }

  .large-11 {
    position: relative;
    width: 91.66667%; }

  .large-12 {
    position: relative;
    width: 100%; }

  .row .large-offset-0 {
    position: relative;
    margin-left: 0%; }

  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%; }

  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%; }

  .row .large-offset-3 {
    position: relative;
    margin-left: 25%; }

  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%; }

  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%; }

  .row .large-offset-6 {
    position: relative;
    margin-left: 50%; }

  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%; }

  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%; }

  .row .large-offset-9 {
    position: relative;
    margin-left: 75%; }

  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%; }

  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important; } }
/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: inline;
      height: auto;
      float: left;
      padding: 0 0.625em 1.25em; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: 300;
  margin-top: 0.2em;
  margin-bottom: 0.5em; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #2795b6; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility; }
  p aside {
    font-size: 0.875em;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-right: -3px;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  line-height: 1.2125em; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 2.125em; }

h2 {
  font-size: 1.6875em; }

h3 {
  font-size: 1.375em; }

h4 {
  font-size: 1.125em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c; }

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

ul, ol {
  margin-left: 0; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square; }
ul.circle {
  list-style-type: circle; }
ul.disc {
  list-style-type: disc; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75em; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 1px solid #dddddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125em;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25em 0;
  border: 1px solid #dddddd;
  padding: 0.625em 0.75em; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375em; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em; }

@media only screen and (min-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2.75em; }

  h2 {
    font-size: 2.3125em; }

  h3 {
    font-size: 1.6875em; }

  h4 {
    font-size: 1.4375em; } }
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    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: ""; }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
button, .button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: #2ba6cb;
  border-color: #2284a1;
  color: white; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #2284a1; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #e9e9e9;
    border-color: #d0d0d0;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #d0d0d0; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #5da423;
    border-color: #457a1a;
    color: white; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #457a1a; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: white; }
  button.alert, .button.alert {
    background-color: #c60f13;
    border-color: #970b0e;
    color: white; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #970b0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }
  button.large, .button.large {
    padding-top: 1em;
    padding-right: 2em;
    padding-bottom: 1.0625em;
    padding-left: 2em;
    font-size: 1.25em; }
  button.small, .button.small {
    padding-top: 0.5625em;
    padding-right: 1.125em;
    padding-bottom: 0.625em;
    padding-left: 1.125em;
    font-size: 0.8125em; }
  button.tiny, .button.tiny {
    padding-top: 0.4375em;
    padding-right: 0.875em;
    padding-bottom: 0.5em;
    padding-left: 0.875em;
    font-size: 0.6875em; }
  button.expand, .button.expand {
    padding-right: 0px;
    padding-left: 0px;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75em; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75em; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #2ba6cb;
    border-color: #2284a1;
    color: white;
    cursor: default;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2284a1; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2ba6cb; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9;
      border-color: #d0d0d0;
      color: #333333;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #d0d0d0; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #5da423;
      border-color: #457a1a;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #457a1a; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #5da423; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13;
      border-color: #970b0e;
      color: white;
      cursor: default;
      opacity: 0.6;
      -webkit-box-shadow: none;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #970b0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #c60f13; }

button, .button {
  padding-top: 0.8125em;
  padding-bottom: 0.75em;
  -webkit-appearance: none; }
  button.tiny, .button.tiny {
    padding-top: 0.5em;
    padding-bottom: 0.4375em;
    -webkit-appearance: none; }
  button.small, .button.small {
    padding-top: 0.625em;
    padding-bottom: 0.5625em;
    -webkit-appearance: none; }
  button.large, .button.large {
    padding-top: 1.03125em;
    padding-bottom: 1.03125em;
    -webkit-appearance: none; }

@media only screen {
  button, .button {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    button:active, .button:active {
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
    button.radius, .button.radius {
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    button.round, .button.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; } }
@media only screen and (min-width: 768px) {
  button, .button {
    display: inline-block; } }
/* Standard Forms */
form {
  margin: 0 0 1em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5em; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5em; }

/* Label Styles */
label {
  font-size: 0.875em;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 0.1875em;
  /* Styles for required inputs */ }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0; }
  label small {
    text-transform: capitalize;
    color: #666666; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333333; }
  span.prefix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

span.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333333; }
  span.postfix.radius {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #dddddd; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1em 0; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #dddddd;
  padding: 1.25em;
  margin: 1.125em 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em; }

/* Error Handling */
span.error, small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white;
  display: none; }

.error input,
.error textarea,
.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0; }
  .error input:focus,
  .error textarea:focus,
  .error select:focus {
    background: #fafafa;
    border-color: #999999; }
.error label,
.error label.error {
  color: #c60f13; }
.error small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white; }
.error span.error-message {
  display: block; }

input.error,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  input.error:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #999999; }

.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  .error select:focus {
    background: #fafafa;
    border-color: #999999; }

label.error {
  color: #c60f13; }

/* Button Groups */
.button-group {
  list-style: none;
  margin: 0;
  *zoom: 1; }
  .button-group:before, .button-group:after {
    content: " ";
    display: table; }
  .button-group:after {
    clear: both; }
  .button-group > * {
    margin: 0 0 0 -1px;
    float: left; }
    .button-group > *:first-child {
      margin-left: 0; }
  .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
    -moz-border-radius-bottomleft: 1000px;
    -moz-border-radius-topleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px; }
  .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }
  .button-group.even-2 li {
    width: 50%; }
    .button-group.even-2 li button, .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    width: 33.33333%; }
    .button-group.even-3 li button, .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    width: 25%; }
    .button-group.even-4 li button, .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    width: 20%; }
    .button-group.even-5 li button, .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    width: 16.66667%; }
    .button-group.even-6 li button, .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    width: 14.28571%; }
    .button-group.even-7 li button, .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    width: 12.5%; }
    .button-group.even-8 li button, .button-group.even-8 li .button {
      width: 100%; }

.button-bar {
  *zoom: 1; }
  .button-bar:before, .button-bar:after {
    content: " ";
    display: table; }
  .button-bar:after {
    clear: both; }
  .button-bar .button-group {
    float: left;
    margin-right: 0.625em; }
    .button-bar .button-group div {
      overflow: hidden; }

/* Dropdown Button */
.dropdown.button {
  position: relative;
  padding-right: 3.1875em; }
  .dropdown.button:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: white transparent transparent transparent;
    top: 50%; }
  .dropdown.button:before {
    border-width: 0.5625em;
    right: 1.5em;
    margin-top: -0.25em; }
  .dropdown.button:before {
    border-color: white transparent transparent transparent; }
  .dropdown.button.tiny {
    padding-right: 2.1875em; }
    .dropdown.button.tiny:before {
      border-width: 0.4375em;
      right: 0.875em;
      margin-top: -0.15625em; }
    .dropdown.button.tiny:before {
      border-color: white transparent transparent transparent; }
  .dropdown.button.small {
    padding-right: 2.8125em; }
    .dropdown.button.small:before {
      border-width: 0.5625em;
      right: 1.125em;
      margin-top: -0.21875em; }
    .dropdown.button.small:before {
      border-color: white transparent transparent transparent; }
  .dropdown.button.large {
    padding-right: 4em; }
    .dropdown.button.large:before {
      border-width: 0.625em;
      right: 1.75em;
      margin-top: -0.3125em; }
    .dropdown.button.large:before {
      border-color: white transparent transparent transparent; }
  .dropdown.button.secondary:before {
    border-color: #333333 transparent transparent transparent; }

/* Split Buttons */
.split.button {
  position: relative;
  padding-right: 4.8em; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span {
    border-left-color: #1e728c; }
  .split.button span {
    width: 3em; }
    .split.button span:before {
      border-top-style: solid;
      border-width: 0.5625em;
      top: 1.125em;
      margin-left: -0.5625em; }
  .split.button span:before {
    border-color: white transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: #c3c3c3; }
  .split.button.secondary span:before {
    border-color: white transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: #7f0a0c; }
  .split.button.success span {
    border-left-color: #396516; }
  .split.button.tiny {
    padding-right: 3.9375em; }
    .split.button.tiny span {
      width: 2.84375em; }
      .split.button.tiny span:before {
        border-top-style: solid;
        border-width: 0.4375em;
        top: 0.875em;
        margin-left: -0.3125em; }
  .split.button.small {
    padding-right: 3.9375em; }
    .split.button.small span {
      width: 2.8125em; }
      .split.button.small span:before {
        border-top-style: solid;
        border-width: 0.5625em;
        top: 0.84375em;
        margin-left: -0.5625em; }
  .split.button.large {
    padding-right: 6em; }
    .split.button.large span {
      width: 3.75em; }
      .split.button.large span:before {
        border-top-style: solid;
        border-width: 0.625em;
        top: 1.3125em;
        margin-left: -0.5625em; }
  .split.button.expand {
    padding-left: 2em; }
  .split.button.secondary span:before {
    border-color: #333333 transparent transparent transparent; }
  .split.button.radius span {
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  .split.button.round span {
    -moz-border-radius-topright: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #111111; }
  .contain-to-grid .top-bar {
    margin-bottom: 1.875em; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }

.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #111111;
  margin-bottom: 1.875em; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 2.45em; }
  .top-bar .button {
    padding-top: .5em;
    padding-bottom: .5em;
    margin-bottom: 0; }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 16; }
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 1.0625em;
      margin: 0; }
      .top-bar .name h1 a {
        font-weight: bold;
        color: white;
        width: 50%;
        display: block;
        padding: 0 15px; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: white;
      text-transform: uppercase;
      font-size: 0.8125em;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 15px;
      height: 45px;
      line-height: 45px; }
    .top-bar .toggle-topbar.menu-icon {
      right: 15px;
      top: 50%;
      margin-top: -16px;
      padding-left: 40px; }
      .top-bar .toggle-topbar.menu-icon a {
        text-indent: -48px;
        width: 34px;
        height: 34px;
        line-height: 33px;
        padding: 0;
        color: white; }
        .top-bar .toggle-topbar.menu-icon a span {
          position: absolute;
          right: 0;
          display: block;
          width: 16px;
          height: 0;
          -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
          box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #111111; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span {
        -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
        box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  -moz-transition: left 300ms ease-out;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    width: 100%;
    height: auto;
    display: block;
    background: #222222;
    font-size: 16;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-bottom: solid 1px #2b2b2b;
    border-top: solid 1px black;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: white;
    padding: 12px 0 12px 0;
    padding-left: 15px;
    font-size: 0.8125em;
    font-weight: bold;
    background: #222222; }
    .top-bar-section ul li > a.button {
      background: #2ba6cb;
      font-size: 0.8125em; }
      .top-bar-section ul li > a.button.hover {
        background: #2284a1; }
    .top-bar-section ul li > a.button.secondary {
      background: #e9e9e9; }
      .top-bar-section ul li > a.button.secondary.hover {
        background: #d0d0d0; }
    .top-bar-section ul li > a.button.success {
      background: #5da423; }
      .top-bar-section ul li > a.button.success.hover {
        background: #457a1a; }
    .top-bar-section ul li > a.button.alert {
      background: #c60f13; }
      .top-bar-section ul li > a.button.alert.hover {
        background: #970b0e; }
  .top-bar-section ul li.hover > a {
    background: #090909;
    color: white; }
  .top-bar-section ul li.active > a {
    background: #090909;
    color: white; }
  .top-bar-section .has-form {
    padding: 15px; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        visibility: visible; }
  .top-bar-section .dropdown {
    position: absolute;
    left: 100%;
    top: 0;
    visibility: hidden;
    z-index: 99; }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 15px; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: bold; }
      .top-bar-section .dropdown li.title h5 {
        margin-bottom: 0; }
        .top-bar-section .dropdown li.title h5 a {
          color: white;
          line-height: 22.5px;
          display: block; }
    .top-bar-section .dropdown label {
      padding: 8px 15px 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #555555;
      font-weight: bold;
      font-size: 0.625em; }

.top-bar-js-breakpoint {
  width: 58.75em !important;
  visibility: hidden; }

.js-generated {
  display: block; }

@media only screen and (min-width: 58.75em) {
  .top-bar {
    background: #111111;
    *zoom: 1;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input,
    .top-bar .button {
      line-height: 2em;
      font-size: 0.875em;
      height: 2em;
      padding: 0 10px;
      position: relative;
      top: 8px; }
    .top-bar.expanded {
      background: #111111; }

  .contain-to-grid .top-bar {
    max-width: 62.5em;
    margin: 0 auto;
    margin-bottom: 1.875em; }

  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #111111; }
      .top-bar-section li a:not(.button).hover {
        background: black; }
    .top-bar-section .has-dropdown > a {
      padding-right: 35px !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        visibility: hidden; }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      visibility: visible; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      margin-top: -16px;
      right: 5px; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: white;
        line-height: 1;
        white-space: nowrap;
        padding: 7px 15px;
        background: #1e1e1e; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #1e1e1e; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #2b2b2b;
      border-left: solid 1px black;
      clear: none;
      height: 45px;
      width: 0px; }
    .top-bar-section .has-form {
      background: #111111;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section ul.right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section ul.right li .dropdown li .dropdown {
        right: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background: #090909;
    color: white; }
  .no-js .top-bar-section ul li:active > a {
    background: #090909;
    color: white; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    visibility: visible; } }
/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #f2f2f2; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625em; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #2284a1;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #2ba6cb;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
      color: white; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625em; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
  .panel.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }

/* Pricing Tables */
.pricing-table {
  border: solid 1px #dddddd;
  margin-left: 0;
  margin-bottom: 1.25em; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #dddddd;
    padding: 0.9375em 1.25em;
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-size: 1em; }
  .pricing-table .price {
    background-color: #eeeeee;
    padding: 0.9375em 1.25em;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 1.25em; }
  .pricing-table .description {
    background-color: white;
    padding: 0.9375em;
    text-align: center;
    color: #777777;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .bullet-item {
    background-color: white;
    padding: 0.9375em;
    text-align: center;
    color: #333333;
    font-size: 0.875em;
    font-weight: normal;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .cta-button {
    background-color: whitesmoke;
    text-align: center;
    padding: 1.25em 1.25em 0; }

/* Progress Bar */
.progress {
  background-color: transparent;
  height: 1.5625em;
  border: 1px solid #cccccc;
  padding: 0.125em;
  margin-bottom: 0.625em; }
  .progress .meter {
    background: #2ba6cb;
    height: 100%;
    display: block; }
  .progress.secondary .meter {
    background: #e9e9e9;
    height: 100%;
    display: block; }
  .progress.success .meter {
    background: #5da423;
    height: 100%;
    display: block; }
  .progress.alert .meter {
    background: #c60f13;
    height: 100%;
    display: block; }
  .progress.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .progress.radius .meter {
      -webkit-border-radius: 2px;
      border-radius: 2px; }
  .progress.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px; }
    .progress.round .meter {
      -webkit-border-radius: 999px;
      border-radius: 999px; }

/* Foundation Switches */
@media only screen {
  div.switch {
    position: relative;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 1.25em;
    -webkit-animation: webkitSiblingBugfix infinite 1s;
    height: 36px;
    background: white;
    border-color: #cccccc; }
    div.switch label {
      position: relative;
      left: 0;
      z-index: 2;
      float: left;
      width: 50%;
      height: 100%;
      margin: 0;
      font-weight: bold;
      text-align: left;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input {
      position: absolute;
      z-index: 3;
      opacity: 0;
      width: 100%;
      height: 100%;
      -moz-appearance: none; }
      div.switch input:hover, div.switch input:focus {
        cursor: pointer; }
    div.switch span:last-child {
      position: absolute;
      top: -1px;
      left: -1px;
      z-index: 1;
      display: block;
      padding: 0;
      border-width: 1px;
      border-style: solid;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out; }
    div.switch input:not(:checked) + label {
      opacity: 0; }
    div.switch input:checked {
      display: none !important; }
    div.switch input {
      left: 0;
      display: block !important; }
    div.switch input:first-of-type + label,
    div.switch input:first-of-type + span + label {
      left: -50%; }
    div.switch input:first-of-type:checked + label,
    div.switch input:first-of-type:checked + span + label {
      left: 0%; }
    div.switch input:last-of-type + label,
    div.switch input:last-of-type + span + label {
      right: -50%;
      left: auto;
      text-align: right; }
    div.switch input:last-of-type:checked + label,
    div.switch input:last-of-type:checked + span + label {
      right: 0%;
      left: auto; }
    div.switch span.custom {
      display: none !important; }
    form.custom div.switch .hidden-field {
      margin-left: auto;
      position: absolute;
      visibility: visible; }
    div.switch label {
      padding: 0 0.375em;
      line-height: 2.3em;
      font-size: 0.875em; }
    div.switch input:first-of-type:checked ~ span:last-child {
      left: 100%;
      margin-left: -2.1875em; }
    div.switch span:last-child {
      width: 2.25em;
      height: 2.25em; }
    div.switch span:last-child {
      border-color: #b3b3b3;
      background: white;
      background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
      background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
      background: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
      -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
      box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; }
    div.switch:hover span:last-child, div.switch:focus span:last-child {
      background: white;
      background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
      background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
      background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); }
    div.switch:active {
      background: transparent; }
    div.switch.large {
      height: 44px; }
      div.switch.large label {
        padding: 0 0.375em;
        line-height: 2.3em;
        font-size: 1.0625em; }
      div.switch.large input:first-of-type:checked ~ span:last-child {
        left: 100%;
        margin-left: -2.6875em; }
      div.switch.large span:last-child {
        width: 2.75em;
        height: 2.75em; }
    div.switch.small {
      height: 28px; }
      div.switch.small label {
        padding: 0 0.375em;
        line-height: 2.1em;
        font-size: 0.75em; }
      div.switch.small input:first-of-type:checked ~ span:last-child {
        left: 100%;
        margin-left: -1.6875em; }
      div.switch.small span:last-child {
        width: 1.75em;
        height: 1.75em; }
    div.switch.tiny {
      height: 22px; }
      div.switch.tiny label {
        padding: 0 0.375em;
        line-height: 1.9em;
        font-size: 0.6875em; }
      div.switch.tiny input:first-of-type:checked ~ span:last-child {
        left: 100%;
        margin-left: -1.3125em; }
      div.switch.tiny span:last-child {
        width: 1.375em;
        height: 1.375em; }
    div.switch.radius {
      -webkit-border-radius: 4px;
      border-radius: 4px; }
      div.switch.radius span:last-child {
        -webkit-border-radius: 3px;
        border-radius: 3px; }
    div.switch.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; }
      div.switch.round span:last-child {
        -webkit-border-radius: 999px;
        border-radius: 999px; }
      div.switch.round label {
        padding: 0 0.5625em; }

  @-webkit-keyframes webkitSiblingBugfix {
    from {
      position: relative; }

    to {
      position: relative; } } }
/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #196177;
    color: #2ba6cb; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 999;
  font-weight: bold;
  font-size: 0.9375em;
  line-height: 1.3;
  padding: 0.5em;
  max-width: 85%;
  left: 50%;
  width: 100%;
  color: white;
  background: black;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent black transparent;
    top: -10px; }
  .tooltip.opened {
    color: #2ba6cb !important;
    border-bottom: dotted 1px #196177 !important; }

.tap-to-close {
  display: block;
  font-size: 0.625em;
  color: #888888;
  font-weight: normal; }

@media only screen and (min-width: 768px) {
  .tooltip > .nub {
    border-color: transparent transparent black transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: black transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent black;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent black transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; right: 44px; top: 44px; text-align: center; z-index: 10;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; float: right; clear: both; margin-bottom: 22px;}
.flex-control-paging li a {width: 20px; height: 20px; display: block; background: none; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; border: 2px solid #fff; }
.flex-control-paging li a:hover { background: #333; background: rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background: #fff; cursor: default; }
.flex-control-paging li:last-child{ margin-bottom: 0px; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
@font-face {
  font-family: 'typicons';
  src: url("/fonts/typicons.eot");
  src: url("/fonts/typicons.eot?#iefix") format('embedded-opentype'),
       url("/fonts/typicons.woff") format('woff'),
       url("/fonts/typicons.ttf") format('truetype'),
       url("/fonts/typicons.svg#typicons") format('svg');
  font-weight: normal;
  font-style: normal;
}

.typcn {
  line-height: 1;
  width: 1em;
  height: 1em;
}

.typcn:before {
  font-family: 'typicons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.typcn-adjust-brightness::before { content: '\e000'; } /* '' */
.typcn-adjust-contrast::before { content: '\e001'; } /* '' */
.typcn-anchor-outline::before { content: '\e002'; } /* '' */
.typcn-anchor::before { content: '\e003'; } /* '' */
.typcn-archive::before { content: '\e004'; } /* '' */
.typcn-arrow-back-outline::before { content: '\e005'; } /* '' */
.typcn-arrow-back::before { content: '\e006'; } /* '' */
.typcn-arrow-down-outline::before { content: '\e007'; } /* '' */
.typcn-arrow-down-thick::before { content: '\e008'; } /* '' */
.typcn-arrow-down::before { content: '\e009'; } /* '' */
.typcn-arrow-forward-outline::before { content: '\e00a'; } /* '' */
.typcn-arrow-forward::before { content: '\e00b'; } /* '' */
.typcn-arrow-left-outline::before { content: '\e00c'; } /* '' */
.typcn-arrow-left-thick::before { content: '\e00d'; } /* '' */
.typcn-arrow-left::before { content: '\e00e'; } /* '' */
.typcn-arrow-loop-outline::before { content: '\e00f'; } /* '' */
.typcn-arrow-loop::before { content: '\e010'; } /* '' */
.typcn-arrow-maximise-outline::before { content: '\e011'; } /* '' */
.typcn-arrow-maximise::before { content: '\e012'; } /* '' */
.typcn-arrow-minimise-outline::before { content: '\e013'; } /* '' */
.typcn-arrow-minimise::before { content: '\e014'; } /* '' */
.typcn-arrow-move-outline::before { content: '\e015'; } /* '' */
.typcn-arrow-move::before { content: '\e016'; } /* '' */
.typcn-arrow-repeat-outline::before { content: '\e017'; } /* '' */
.typcn-arrow-repeat::before { content: '\e018'; } /* '' */
.typcn-arrow-right-outline::before { content: '\e019'; } /* '' */
.typcn-arrow-right-thick::before { content: '\e01a'; } /* '' */
.typcn-arrow-right::before { content: '\e01b'; } /* '' */
.typcn-arrow-shuffle::before { content: '\e01c'; } /* '' */
.typcn-arrow-sync-outline::before { content: '\e01d'; } /* '' */
.typcn-arrow-sync::before { content: '\e01e'; } /* '' */
.typcn-arrow-up-outline::before { content: '\e01f'; } /* '' */
.typcn-arrow-up-thick::before { content: '\e020'; } /* '' */
.typcn-arrow-up::before { content: '\e021'; } /* '' */
.typcn-at::before { content: '\e022'; } /* '' */
.typcn-attachment-outline::before { content: '\e023'; } /* '' */
.typcn-attachment::before { content: '\e024'; } /* '' */
.typcn-backspace-outline::before { content: '\e025'; } /* '' */
.typcn-backspace::before { content: '\e026'; } /* '' */
.typcn-battery-charge::before { content: '\e027'; } /* '' */
.typcn-battery-full::before { content: '\e028'; } /* '' */
.typcn-battery-high::before { content: '\e029'; } /* '' */
.typcn-battery-low::before { content: '\e02a'; } /* '' */
.typcn-battery-mid::before { content: '\e02b'; } /* '' */
.typcn-beaker::before { content: '\e02c'; } /* '' */
.typcn-beer::before { content: '\e02d'; } /* '' */
.typcn-bell::before { content: '\e02e'; } /* '' */
.typcn-book::before { content: '\e02f'; } /* '' */
.typcn-bookmark::before { content: '\e030'; } /* '' */
.typcn-briefcase::before { content: '\e031'; } /* '' */
.typcn-brush::before { content: '\e032'; } /* '' */
.typcn-business-card::before { content: '\e033'; } /* '' */
.typcn-calculator::before { content: '\e034'; } /* '' */
.typcn-calender-outline::before { content: '\e035'; } /* '' */
.typcn-calender::before { content: '\e036'; } /* '' */
.typcn-camera-outline::before { content: '\e037'; } /* '' */
.typcn-camera::before { content: '\e038'; } /* '' */
.typcn-cancel-outline::before { content: '\e039'; } /* '' */
.typcn-cancel::before { content: '\e03a'; } /* '' */
.typcn-chart-area-outline::before { content: '\e03b'; } /* '' */
.typcn-chart-area::before { content: '\e03c'; } /* '' */
.typcn-chart-bar-outline::before { content: '\e03d'; } /* '' */
.typcn-chart-bar::before { content: '\e03e'; } /* '' */
.typcn-chart-line-outline::before { content: '\e03f'; } /* '' */
.typcn-chart-line::before { content: '\e040'; } /* '' */
.typcn-chart-pie-outline::before { content: '\e041'; } /* '' */
.typcn-chart-pie::before { content: '\e042'; } /* '' */
.typcn-chevron-left-outline::before { content: '\e043'; } /* '' */
.typcn-chevron-left::before { content: '\e044'; } /* '' */
.typcn-chevron-right-outline::before { content: '\e045'; } /* '' */
.typcn-chevron-right::before { content: '\e046'; } /* '' */
.typcn-clipboard::before { content: '\e047'; } /* '' */
.typcn-cloud-storage::before { content: '\e048'; } /* '' */
.typcn-code-outline::before { content: '\e049'; } /* '' */
.typcn-code::before { content: '\e04a'; } /* '' */
.typcn-coffee::before { content: '\e04b'; } /* '' */
.typcn-cog-outline::before { content: '\e04c'; } /* '' */
.typcn-cog::before { content: '\e04d'; } /* '' */
.typcn-compass::before { content: '\e04e'; } /* '' */
.typcn-contacts::before { content: '\e04f'; } /* '' */
.typcn-credit-card::before { content: '\e050'; } /* '' */
.typcn-cross::before { content: '\e051'; } /* '' */
.typcn-database::before { content: '\e052'; } /* '' */
.typcn-delete-outline::before { content: '\e053'; } /* '' */
.typcn-delete::before { content: '\e054'; } /* '' */
.typcn-device-desktop::before { content: '\e055'; } /* '' */
.typcn-device-laptop::before { content: '\e056'; } /* '' */
.typcn-device-phone::before { content: '\e057'; } /* '' */
.typcn-device-tablet::before { content: '\e058'; } /* '' */
.typcn-directions::before { content: '\e059'; } /* '' */
.typcn-divide-outline::before { content: '\e05a'; } /* '' */
.typcn-divide::before { content: '\e05b'; } /* '' */
.typcn-document-add::before { content: '\e05c'; } /* '' */
.typcn-document-delete::before { content: '\e05d'; } /* '' */
.typcn-document-text::before { content: '\e05e'; } /* '' */
.typcn-document::before { content: '\e05f'; } /* '' */
.typcn-download-outline::before { content: '\e060'; } /* '' */
.typcn-download::before { content: '\e061'; } /* '' */
.typcn-edit::before { content: '\e062'; } /* '' */
.typcn-eject-outline::before { content: '\e063'; } /* '' */
.typcn-eject::before { content: '\e064'; } /* '' */
.typcn-equals-outline::before { content: '\e065'; } /* '' */
.typcn-equals::before { content: '\e066'; } /* '' */
.typcn-export-outline::before { content: '\e067'; } /* '' */
.typcn-export::before { content: '\e068'; } /* '' */
.typcn-eye-outline::before { content: '\e069'; } /* '' */
.typcn-eye::before { content: '\e06a'; } /* '' */
.typcn-feather::before { content: '\e06b'; } /* '' */
.typcn-film::before { content: '\e06c'; } /* '' */
.typcn-flag-outline::before { content: '\e06d'; } /* '' */
.typcn-flag::before { content: '\e06e'; } /* '' */
.typcn-flash-outline::before { content: '\e06f'; } /* '' */
.typcn-flash::before { content: '\e070'; } /* '' */
.typcn-flow-children::before { content: '\e071'; } /* '' */
.typcn-flow-merge::before { content: '\e072'; } /* '' */
.typcn-flow-parallel::before { content: '\e073'; } /* '' */
.typcn-flow-switch::before { content: '\e074'; } /* '' */
.typcn-folder-add::before { content: '\e075'; } /* '' */
.typcn-folder-delete::before { content: '\e076'; } /* '' */
.typcn-folder::before { content: '\e077'; } /* '' */
.typcn-gift::before { content: '\e078'; } /* '' */
.typcn-globe-outline::before { content: '\e079'; } /* '' */
.typcn-globe::before { content: '\e07a'; } /* '' */
.typcn-group-outline::before { content: '\e07b'; } /* '' */
.typcn-group::before { content: '\e07c'; } /* '' */
.typcn-headphones::before { content: '\e07d'; } /* '' */
.typcn-heart-outline::before { content: '\e07e'; } /* '' */
.typcn-heart::before { content: '\e07f'; } /* '' */
.typcn-home-outline::before { content: '\e080'; } /* '' */
.typcn-home::before { content: '\e081'; } /* '' */
.typcn-image-outline::before { content: '\e082'; } /* '' */
.typcn-image::before { content: '\e083'; } /* '' */
.typcn-infinity-outline::before { content: '\e084'; } /* '' */
.typcn-infinity::before { content: '\e085'; } /* '' */
.typcn-info-large-outline::before { content: '\e086'; } /* '' */
.typcn-info-large::before { content: '\e087'; } /* '' */
.typcn-info-outline::before { content: '\e088'; } /* '' */
.typcn-info::before { content: '\e089'; } /* '' */
.typcn-input-checked-outline::before { content: '\e08a'; } /* '' */
.typcn-input-checked::before { content: '\e08b'; } /* '' */
.typcn-key-outline::before { content: '\e08c'; } /* '' */
.typcn-key::before { content: '\e08d'; } /* '' */
.typcn-leaf::before { content: '\e08e'; } /* '' */
.typcn-lightbulb::before { content: '\e08f'; } /* '' */
.typcn-link-outline::before { content: '\e090'; } /* '' */
.typcn-link::before { content: '\e091'; } /* '' */
.typcn-location-arrow-outline::before { content: '\e092'; } /* '' */
.typcn-location-arrow::before { content: '\e093'; } /* '' */
.typcn-location-outline::before { content: '\e094'; } /* '' */
.typcn-location::before { content: '\e095'; } /* '' */
.typcn-lock-closed-outline::before { content: '\e096'; } /* '' */
.typcn-lock-closed::before { content: '\e097'; } /* '' */
.typcn-lock-open-outline::before { content: '\e098'; } /* '' */
.typcn-lock-open::before { content: '\e099'; } /* '' */
.typcn-mail::before { content: '\e09a'; } /* '' */
.typcn-map::before { content: '\e09b'; } /* '' */
.typcn-media-eject-outline::before { content: '\e09c'; } /* '' */
.typcn-media-eject::before { content: '\e09d'; } /* '' */
.typcn-media-fast-forward-outline::before { content: '\e09e'; } /* '' */
.typcn-media-fast-forward::before { content: '\e09f'; } /* '' */
.typcn-media-pause-outline::before { content: '\e0a0'; } /* '' */
.typcn-media-pause::before { content: '\e0a1'; } /* '' */
.typcn-media-play-outline::before { content: '\e0a2'; } /* '' */
.typcn-media-play::before { content: '\e0a3'; } /* '' */
.typcn-media-record-outline::before { content: '\e0a4'; } /* '' */
.typcn-media-record::before { content: '\e0a5'; } /* '' */
.typcn-media-rewind-outline::before { content: '\e0a6'; } /* '' */
.typcn-media-rewind::before { content: '\e0a7'; } /* '' */
.typcn-media-stop-outline::before { content: '\e0a8'; } /* '' */
.typcn-media-stop::before { content: '\e0a9'; } /* '' */
.typcn-message-typing::before { content: '\e0aa'; } /* '' */
.typcn-message::before { content: '\e0ab'; } /* '' */
.typcn-messages::before { content: '\e0ac'; } /* '' */
.typcn-microphone-outline::before { content: '\e0ad'; } /* '' */
.typcn-microphone::before { content: '\e0ae'; } /* '' */
.typcn-minus-outline::before { content: '\e0af'; } /* '' */
.typcn-minus::before { content: '\e0b0'; } /* '' */
.typcn-news::before { content: '\e0b1'; } /* '' */
.typcn-notes-outline::before { content: '\e0b2'; } /* '' */
.typcn-notes::before { content: '\e0b3'; } /* '' */
.typcn-pen::before { content: '\e0b4'; } /* '' */
.typcn-pencil::before { content: '\e0b5'; } /* '' */
.typcn-phone-outline::before { content: '\e0b6'; } /* '' */
.typcn-phone::before { content: '\e0b7'; } /* '' */
.typcn-pi-outline::before { content: '\e0b8'; } /* '' */
.typcn-pi::before { content: '\e0b9'; } /* '' */
.typcn-pin-outline::before { content: '\e0ba'; } /* '' */
.typcn-pin::before { content: '\e0bb'; } /* '' */
.typcn-pipette::before { content: '\e0bc'; } /* '' */
.typcn-plane-outline::before { content: '\e0bd'; } /* '' */
.typcn-plane::before { content: '\e0be'; } /* '' */
.typcn-plug::before { content: '\e0bf'; } /* '' */
.typcn-plus-outline::before { content: '\e0c0'; } /* '' */
.typcn-plus::before { content: '\e0c1'; } /* '' */
.typcn-point-of-interest-outline::before { content: '\e0c2'; } /* '' */
.typcn-point-of-interest::before { content: '\e0c3'; } /* '' */
.typcn-power-outline::before { content: '\e0c4'; } /* '' */
.typcn-power::before { content: '\e0c5'; } /* '' */
.typcn-printer::before { content: '\e0c6'; } /* '' */
.typcn-puzzle-outline::before { content: '\e0c7'; } /* '' */
.typcn-puzzle::before { content: '\e0c8'; } /* '' */
.typcn-radar-outline::before { content: '\e0c9'; } /* '' */
.typcn-radar::before { content: '\e0ca'; } /* '' */
.typcn-refresh-outline::before { content: '\e0cb'; } /* '' */
.typcn-refresh::before { content: '\e0cc'; } /* '' */
.typcn-rss-outline::before { content: '\e0cd'; } /* '' */
.typcn-rss::before { content: '\e0ce'; } /* '' */
.typcn-scissors-outline::before { content: '\e0cf'; } /* '' */
.typcn-scissors::before { content: '\e0d0'; } /* '' */
.typcn-shopping-bag::before { content: '\e0d1'; } /* '' */
.typcn-shopping-cart::before { content: '\e0d2'; } /* '' */
.typcn-social-at-circular::before { content: '\e0d3'; } /* '' */
.typcn-social-dribbble-circular::before { content: '\e0d4'; } /* '' */
.typcn-social-dribbble::before { content: '\e0d5'; } /* '' */
.typcn-social-facebook-circular::before { content: '\e0d6'; } /* '' */
.typcn-social-facebook::before { content: '\e0d7'; } /* '' */
.typcn-social-flickr-circular::before { content: '\e0d8'; } /* '' */
.typcn-social-flickr::before { content: '\e0d9'; } /* '' */
.typcn-social-github-circular::before { content: '\e0da'; } /* '' */
.typcn-social-github::before { content: '\e0db'; } /* '' */
.typcn-social-last-fm-circular::before { content: '\e0dc'; } /* '' */
.typcn-social-last-fm::before { content: '\e0dd'; } /* '' */
.typcn-social-linkedin-circular::before { content: '\e0de'; } /* '' */
.typcn-social-linkedin::before { content: '\e0df'; } /* '' */
.typcn-social-pinterest-circular::before { content: '\e0e0'; } /* '' */
.typcn-social-pinterest::before { content: '\e0e1'; } /* '' */
.typcn-social-skype-outline::before { content: '\e0e2'; } /* '' */
.typcn-social-skype::before { content: '\e0e3'; } /* '' */
.typcn-social-tumbler-circular::before { content: '\e0e4'; } /* '' */
.typcn-social-tumbler::before { content: '\e0e5'; } /* '' */
.typcn-social-twitter-circular::before { content: '\e0e6'; } /* '' */
.typcn-social-twitter::before { content: '\e0e7'; } /* '' */
.typcn-social-vimeo-circular::before { content: '\e0e8'; } /* '' */
.typcn-social-vimeo::before { content: '\e0e9'; } /* '' */
.typcn-sort-alphabetically-outline::before { content: '\e0ea'; } /* '' */
.typcn-sort-alphabetically::before { content: '\e0eb'; } /* '' */
.typcn-sort-numerically-outline::before { content: '\e0ec'; } /* '' */
.typcn-sort-numerically::before { content: '\e0ed'; } /* '' */
.typcn-spanner-outline::before { content: '\e0ee'; } /* '' */
.typcn-spanner::before { content: '\e0ef'; } /* '' */
.typcn-star-outline::before { content: '\e0f0'; } /* '' */
.typcn-star::before { content: '\e0f1'; } /* '' */
.typcn-starburst-outline::before { content: '\e0f2'; } /* '' */
.typcn-starburst::before { content: '\e0f3'; } /* '' */
.typcn-stopwatch::before { content: '\e0f4'; } /* '' */
.typcn-support::before { content: '\e0f5'; } /* '' */
.typcn-tabs-outline::before { content: '\e0f6'; } /* '' */
.typcn-tag::before { content: '\e0f7'; } /* '' */
.typcn-tags::before { content: '\e0f8'; } /* '' */
.typcn-th-large-outline::before { content: '\e0f9'; } /* '' */
.typcn-th-large::before { content: '\e0fa'; } /* '' */
.typcn-th-list-outline::before { content: '\e0fb'; } /* '' */
.typcn-th-list::before { content: '\e0fc'; } /* '' */
.typcn-th-menu-outline::before { content: '\e0fd'; } /* '' */
.typcn-th-menu::before { content: '\e0fe'; } /* '' */
.typcn-th-small-outline::before { content: '\e0ff'; } /* '' */
.typcn-th-small::before { content: '\e100'; } /* '' */
.typcn-thermometer::before { content: '\e101'; } /* '' */
.typcn-thumbs-down::before { content: '\e102'; } /* '' */
.typcn-thumbs-up::before { content: '\e103'; } /* '' */
.typcn-tick-outline::before { content: '\e104'; } /* '' */
.typcn-tick::before { content: '\e105'; } /* '' */
.typcn-ticket::before { content: '\e106'; } /* '' */
.typcn-time::before { content: '\e107'; } /* '' */
.typcn-times-outline::before { content: '\e108'; } /* '' */
.typcn-times::before { content: '\e109'; } /* '' */
.typcn-trash::before { content: '\e10a'; } /* '' */
.typcn-tree::before { content: '\e10b'; } /* '' */
.typcn-upload-outline::before { content: '\e10c'; } /* '' */
.typcn-upload::before { content: '\e10d'; } /* '' */
.typcn-user-add-outline::before { content: '\e10e'; } /* '' */
.typcn-user-add::before { content: '\e10f'; } /* '' */
.typcn-user-delete-outline::before { content: '\e110'; } /* '' */
.typcn-user-delete::before { content: '\e111'; } /* '' */
.typcn-user-outline::before { content: '\e112'; } /* '' */
.typcn-user::before { content: '\e113'; } /* '' */
.typcn-video-outline::before { content: '\e114'; } /* '' */
.typcn-video::before { content: '\e115'; } /* '' */
.typcn-volume-down::before { content: '\e116'; } /* '' */
.typcn-volume-mute::before { content: '\e117'; } /* '' */
.typcn-volume-up::before { content: '\e118'; } /* '' */
.typcn-volume::before { content: '\e119'; } /* '' */
.typcn-warning-outline::before { content: '\e11a'; } /* '' */
.typcn-warning::before { content: '\e11b'; } /* '' */
.typcn-watch::before { content: '\e11c'; } /* '' */
.typcn-waves-outline::before { content: '\e11d'; } /* '' */
.typcn-waves::before { content: '\e11e'; } /* '' */
.typcn-weather-cloudy::before { content: '\e11f'; } /* '' */
.typcn-weather-downpour::before { content: '\e120'; } /* '' */
.typcn-weather-night::before { content: '\e121'; } /* '' */
.typcn-weather-partly-sunny::before { content: '\e122'; } /* '' */
.typcn-weather-shower::before { content: '\e123'; } /* '' */
.typcn-weather-snow::before { content: '\e124'; } /* '' */
.typcn-weather-stormy::before { content: '\e125'; } /* '' */
.typcn-weather-sunny::before { content: '\e126'; } /* '' */
.typcn-weather-windy-cloudy::before { content: '\e127'; } /* '' */
.typcn-weather-windy::before { content: '\e128'; } /* '' */
.typcn-wi-fi-outline::before { content: '\e129'; } /* '' */
.typcn-wi-fi::before { content: '\e12a'; } /* '' */
.typcn-wine::before { content: '\e12b'; } /* '' */
.typcn-world-outline::before { content: '\e12c'; } /* '' */
.typcn-world::before { content: '\e12d'; } /* '' */
.typcn-zoom-in-outline::before { content: '\e12e'; } /* '' */
.typcn-zoom-in::before { content: '\e12f'; } /* '' */
.typcn-zoom-out-outline::before { content: '\e130'; } /* '' */
.typcn-zoom-out::before { content: '\e131'; } /* '' */
.typcn-zoom-outline::before { content: '\e132'; } /* '' */
.typcn-zoom::before { content: '\e133'; } /* '' */
/***** GENERAL & PSEUDO CLASSES *****/


body{ -webkit-font-smoothing: antialiased; }
input{ -webkit-appearance: none; }
input:focus{ outline: none; }
.border-bottom{ border-bottom: 2px solid #fff; height: 32px; }
.nopad{ padding: 0px; }
.pad-normal{ padding-top: 66px; padding-bottom: 66px; }
.pad-large{ padding-top: 88px; padding-bottom: 88px; }
.pad-top{ padding-top: 66px; }
.pad-bottom{ padding-bottom: 66px; }

#loader{ position: absolute; width: 100%; height: 100%; background-color: #fff; z-index: 20000; padding-top: 250px; }
#progress-bar{ 
	height: 10px; background-color: #222; 
	-webkit-transition: all .5s; 
	transition: all .5s; 
	-moz-transition: all .5s;
	width: 0px;
}

/*** TYPOG ***/

.text-white, .text-white a { color: #fff; }
.alt-h{ font-family: 'Vollkorn'; font-weight: normal; }

/*** ELEMENTS ***/

.btn{ 
	background-color: #222;
	color: #fff;
	padding: 18px 28px 18px 28px;
	display: inline-block;
	font-family:'Montserrat';
	font-size: 12px;
	letter-spacing: 2px;
	cursor: pointer;
}

.page-title{ border: 2px solid #222; display: inline-block; margin-bottom: 66px;  }
.page-title h3{ float: left; border-right: 2px solid #222; padding: 7px 22px 7px 22px; }
.page-title i{ float: right; font-size: 33px; margin: 10px 6px 0px 11px; }

.page-spiel{ text-align: center; margin-bottom: 66px; }
.page-spiel p{ margin-bottom: 0px; font-size: 20px; font-style: italic; }

.divider{ position: relative; background-size: cover !important; background-attachment: fixed !important; }
.divider:before{ content:''; position: absolute; width: 100%; height: 100%; background-color: #222; opacity: 0.2; }

.divider-hero{ font-size: 2em; line-height: 1.4; }

#promo{ margin-bottom: 88px; }
#promo .pad-large{ margin-bottom: -110px; }
.promo-pic{ position: relative; top: 60px; }

.social-icons{ text-align: center; }
.social-icons ul{ 
	margin: 0px; 
	list-style: none; 
	overflow: hidden; 
	display: inline-block; 
	z-index: 2; 
	position: relative; 
	background-color: #fff; 
	padding: 0px 11px 0px 11px;
}
.social-icons ul li{ float: left; margin-right: 0px; }
.social-icons ul li:last-child{ margin-right: 0px; }
.social-icons ul li i{ color: #222; font-size: 36px; }
.social-icons .line{ height:2px; background-color: #222; width: 40%; z-index: 1; position: relative; bottom: 23px; margin:0px auto; }

/***** NAVIGATION *****/

#navigation{ 
	position: absolute; 
	top: 0px; 
	max-height: 70px; 
	z-index: 999; 
	width: 100%; 
	padding-top: 22px; 
	background: none; 
	overflow: hidden;
	-webkit-transition: all 1s; 
	transition: all 1s; 
	-moz-transition: all 1s;
}
.open-nav{ max-height: 400px !important; }
#menu{ list-style: none; overflow: hidden; text-align: right; float: right; }
#menu li{ float: left; margin-right: 12px; }
#menu li h6{ color: #fff; font-size: 10px; padding-top: 5px; }
#menu li i{ color: #fff; font-size: 24px; }

#mobile-toggle{ display: none; cursor: pointer; font-size: 28px; position: absolute; right: 22px; top: 22px; }

.sticky-nav{ position: fixed !important; background-color: #222 !important;}

/***** HOME SECTION *****/

#home{ position: relative; overflow: hidden; }

#home-slider .slides li{ height: 760px; position: relative; background-size: cover !important; background-attachment: fixed !important; }
#home-slider .slides li:before{ position: absolute; content: ''; width: 100%; height: 100%; background-color: #222; opacity: 0.4; }

.hero-title{ overflow: hidden; text-align: center; margin-bottom: 66px; }
.hero-title h1{ 
	clear: both; 
	border-right: 7px solid #fff; 
	border-left: 2px solid #fff; 
	border-bottom: 2px solid #fff; 
	font-size: 3.8em;	
	padding: 22px;
	letter-spacing: 5px;
	margin-right: -5px;
}
.hero-title .alt-h{ position: relative; top: 17px; }

/***** ABOUT SECTION *****/

#about{ position: relative; }

#about p{ font-size: 1em; line-height: 1.4; text-align: justify; margin-bottom: 1.5; }
#about p:first-child:first-letter{ float: left; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }

/***** TEAM SECTION *****/

.team-member-holder{ padding: 11px 11px 0px 11px; border: 1px solid #222; margin-bottom: 22px; }
.team-member-holder h5{ margin-top: 11px; margin-bottom: 11px; }
.team-member-holder .hr{ width: 20%; height: 2px; background-color: #ddd; margin: 0px auto; margin-bottom: 17px; }
.team-member-holder span{ font-style: italic; }
.team-member-holder .social-icons{ position: relative; top: 22px; }

/***** SERVICES SECTION *****/

#services .row:last-child{ padding-bottom: 66px; margin-top: 62px; }

#services .page-title{ border-color: #fff; }
#services .page-title h3{ border-color: #fff; }

.service{ max-width: 90%; margin: 0px auto; }
.service-title{ width: 100%; padding: 0px 0px 22px 0px;  }

.service-top{
	background:url('/images/box-top.png') no-repeat;
	background-size: contain;
	text-align: center;
	margin-bottom: -24px;
}
.service-top i{ 
	font-size: 66px;
	color: #fff;
	display: block;
	margin: 0px auto;
	position: relative;
	bottom: 31px; 
}
.service-container{ 
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative; 
	z-index: 1; 
}

.bottom-service .service-container{
	border-bottom: none;
	border-top: 1px solid #fff;
	padding-bottom: 44px;
	padding-top: 34px;
}
.service-container p{ padding: 0px 22px 0px 22px; }
.bottom-service .service-container p{ margin-bottom: 0px; }

/***** WORK SECTION*****/

.project{ margin-bottom: 66px; }

.project-img-holder{ overflow: hidden; position: relative; }

.project-title{ border-right: 1px solid #222; border-bottom: 1px solid #222; border-left: 1px solid #222; position: relative; z-index: 1; }
.project-title h5{ padding-top: 22px; margin-bottom: 22px; padding-left: 22px; padding-right: 22px; }
.project-title .hr{ height: 2px; background-color: #cecece; width: 40px; margin: 0px auto; margin-bottom: 22px; }
.project-title span{ display: inline-block; margin-bottom: 11px; font-style: italic; line-height: 1.2; }

.project-btn-holder{ 
	padding: 2px 33px 2px 33px; 
	background-color: #fff; 
	position: relative; 
	z-index: 2; 
	top: 28px; 
	display: block; 
	width: 60%;
	margin: 0px auto;
}
.project .btn{ color: #222; background: none; border: 1px solid #222; }
.project .btn:hover{ color: #fff; background-color: #222;  }

.arrow-holder{ position: absolute; bottom: 0px; width: 100%; z-index: 2; bottom: 19px; height: 30px; }
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 30px solid #fff;
	display: inline;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

#filters{ display: inline-block; overflow: hidden; list-style: none; margin-bottom: 44px; }
#filters li{ float: left; margin-right: 22px; }
#filters li .btn{ background: none; border: 1px solid #222; color: #222; text-transform: uppercase; }
#filters li .active{ background: #222; color: #fff; }

#ajax-container{ 
	overflow: hidden; 
	-webkit-transition: max-height 1s, opacity 0.5s; 
	transition: max-height 1s, opacity 0.5s; 
	-moz-transition: max-height 1s, opacity 0.5s;
	max-height: 1000px;
	opacity: 1;
}
.closed-container{ max-height: 0px !important; opacity: 0 !important;  }
.close-project{ text-align: center; font-size: 38px; margin-top: 22px; cursor: pointer;  }

.project-slider{ position: relative; }
.project-slider .slides li { height: 450px; overflow: hidden; }

.project-upper h3{ margin-bottom: 11px; margin-top: 22px; }
.project-upper span{ font-style: italic; color: #777; font-size: 1.2em; }
.project-upper .hr{ width: 40px; background-color: #cecece; height: 2px; margin: 0px auto; margin-top: 22px; margin-bottom: 22px; }

.project-lower { text-align: center; }

/***** TESTIMONIALS SECTION *****/

/*#testimonials{ min-height: 377px; }*/

#testimonials p{ font-size: 1.5em; }

#clients{ background-color: rgba(255,255,255,0.4); text-align: center; padding-top: 33px; padding-bottom: 11px; }
#clients img{ max-width: 70%; }

/***** PRICING SECTION *****/

.price-table{ padding: 22px 0px 22px 0px; border: 1px solid #222; position: relative; }
.price-holder{ background-color: #222; margin-top: 17px; margin-bottom: 22px; }
.price-table .price{ display: inline-block; margin-top: 11px; margin-bottom: 11px; font-size: 5em; font-family: 'Montserrat'; font-weight: bold; color: #fff; }
.price-table .terms{ color: #fff; font-size: 18px; font-style: italic; font-family:'Vollkorn'; font-weight: normal; }
.price-table .dollar{ font-size:32px; position: relative; bottom: 32px; }

.plan-features{ list-style: none; margin-bottom: -33px; }
.plan-features li{ margin-bottom: 11px; border-bottom: 1px solid #eee; padding-bottom: 11px; font-style: italic; }
.plan-features li:last-child{ border-bottom: none; }

.price-table .btn-holder{ width: 70%; margin: 0px auto; background-color: #fff; z-index: 2; position: relative; top: 46px; }

.value{
	transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2); /* IE 9 */
	-webkit-transform: scale(1.2,1.2); /* Safari and Chrome */
	margin-bottom: 66px;
	margin-top: 22px;
}

/***** STATS SECTION *****/

.stat-upper{ 
	border-right: 1px solid #fff; 
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff; 
	padding: 22px;
}
.stat-upper h1{ font-size: 5em; }
.stat-lower{ background: url('../img/box-top.png') no-repeat; background-size: contain; text-align: center;}
.stat-lower i{ position: relative; bottom: 20px; font-size: 3.5em; }
.stat{ text-align: center; }
.stat span{ font-size: 1.3em; font-style: italic; }

/***** CONTACT SECTION *****/

#contact{ position: relative; }

#map-holder{ position: absolute; z-index: 0; width: 100%; height: 100%; }
#map-holder iframe{ width: 100%; height: 100%; border: none; display: none; }
#contact-holder{ background-color: #222; position: relative; z-index: 1;  }

#contact .page-title{ border-color: #fff; }
#contact .page-title h3{ border-color: #fff; }

#contact-form{ overflow: hidden; padding-bottom: 66px; width: 100%; }

.form-upper{ border: 1px solid #fff; width: 48%; margin-right: 2%; overflow: hidden; float: left; margin-bottom: 33px; }
.form-upper h5{ display: inline-block; padding: 11px 22px 11px 22px; border-right: 1px solid #fff; width: 31%; }

.form-last{ float: right; margin-right: 0; margin-left: 2%; }

.form-lower{ float: left; border: 1px solid #fff; width: 83%; margin-right: 2%; overflow: hidden; }
.form-lower h5{ display: inline-block; padding: 11px 22px 11px 22px; border-right: 1px solid #fff; width: 22%; }

#form-button{ float: left; width: 15%; background-color: #fff; padding: 11px; text-align: center; cursor: pointer; }

.input-holder{ float: left; display: inline-block; width: 68%; }
.input-holder input{ width: 100%; padding-left: 15px; border: none; background: none; color: #fff; height: 47px; font-size: 14px; }

#contact .social-icons i{ color: #fff; }
#contact .social-icons ul{ background-color: #222; }
#contact .social-icons .line{ background-color: #fff; margin-bottom: 44px; width: 25%; }

.copy-text{ margin-bottom: 66px; font-size: 0.6em; }

#details-error{ display: none; background-color: #fd2d2d; color: #fff; padding: 11px; margin-bottom: 44px; }
#form-sent{ display: none; background-color: #2fcf5c; color: #fff; padding: 11px; margin-bottom: 44px; }
/***** SMARTPHONES *****/


@media all and (max-width: 767px){

	#navigation{ background-color: #222; padding-top: 25px; }
	#mobile-toggle{ display: block; }
	#menu{ float: left; padding-top: 21px; margin-bottom: 22px; }
	#menu li{ float: none; }
	#menu li i{ display: none; }
	
	.border-bottom{ border: none; }
	.hero-title h1{ border: none; font-size: 2.5em; }
	
	.flex-control-nav{ display: none !important; }

	#about p{ -webkit-columns: 1; }

	.team-member-holder{ margin-bottom: 44px; }
	
	.service{ margin-bottom: 44px; }
	
	#filters li{ margin-bottom: 22px; }
	
	.stat span{ display: inline-block; margin-bottom: 44px; }
	
	.price-table{ margin-bottom: 44px; }
	.value{ 
		transform: scale(1,1);
		-ms-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		margin-bottom: 44px;
		margin-top: 0px; 
	}
	
	#clients{ display: none; }
	
	.form-upper{ width: 100%; }
	.form-upper h5{ border-right: none; }
	.form-lower{ width: 100%; margin-bottom: 22px; }
	.form-lower h5{ border: none; }
	#form-button{ width: 100%; }
	
	#contact .social-icons .line{ width: 50%; }
	
	.divider{ background-attachment: scroll !important; }
    #home-slider { margin-top: 50px; }
	#home-slider .slides li{ background-attachment: scroll !important; }
	#services{ background-attachment: scroll !important; }


}


/***** TABLETS PORTRAIT & LANDSCAPE *****/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

	.divider{ background-attachment: scroll !important; }
	#home-slider .slides li{ background-attachment: scroll !important; }
	#services{ background-attachment: scroll !important; }


}


/***** PORTRAIT TABLETS *****/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

	#menu li i{ display: none; }

	.service{ min-width: 100%; max-width: 100%; }
	
	.form-upper{ width: 100%; }
	.form-upper h5{ border-right: none; }
	.form-lower{ width: 100%; margin-bottom: 22px; }
	.form-lower h5{ border: none; }
	#form-button{ width: 100%; }

}
a:hover {
  color: #F8AE0A;
  text-decoration: underline; }

#courthouse {
  height: 300px; }

#menu li a:hover h6 {
  color: #F8AE0A;
  text-decoration: underline; }

#home-slider li {
  position: relative; }
  #home-slider li .headline {
    position: absolute;
    right: 25%;
    top: 10%; }

#ceremony .text-white {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

#work ul {
  list-style: none; }

a.btn:hover {
  background-color: #333; }