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

ol, ul {
  list-style: none;
  line-height: 1.5em; }

blockquote, q {
  quotes: none; }

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

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

p {
  line-height: 1.5em; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.5em; }

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

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  line-height: 1.5em;
  font-size: 21px;
  font-family: "Barlow", sans-serif;
  letter-spacing: 0em;
  color: #676767; }

/* HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

audio:not([controls]) {
  display: none;
  height: 0; }

/* Embedded content
   ========================================================================== */
img {
  border: 0;
  width: 100%;
  height: auto; }

iframe, video {
  border: 0;
  width: 100%;
  margin-bottom: 1rem; }
  iframe.piwik_optout, video.piwik_optout {
    margin: 1rem 0; }

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

/* Grouping content
   ========================================================================== */
figure {
  margin: 0 auto; }

hr {
  box-sizing: content-box;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #98979c;
  margin: 3rem 0;
  padding: 0; }

/* Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0 0.5rem 0 0; }

/* 
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* 
   LAYOUTS
   ========================================================================== */
.row {
  margin: 1rem 0;
  padding: 1rem 0; }

.col {
  padding: 1rem;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .col {
      float: left;
      padding: 1rem; } }

.container {
  margin: auto;
  position: relative;
  padding: 0 1rem; }

/* 
   Print
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }
    a .fa-link,
    a:visited .fa-link {
      display: none; }

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

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

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

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

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }

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

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

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

  h2,
  h3,
  form legend {
    page-break-after: avoid; } }
/* 
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

.visible {
  display: block; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* 
 * FLOATS AND ORIENTATIONS */
.float_left {
  float: left; }

.float_right {
  float: right; }

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

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

.center-parent {
  display: table; }

.center-parent .center-child {
  display: table-cell;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  vertical-align: middle; }

/* 
 * COLUMNS */
.two-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }

.hide-on-small {
  display: none; }
  @media screen and (min-width: 768px) {
    .hide-on-small {
      display: block; } }

.hide-on-medium {
  display: block; }
  @media screen and (min-width: 768px) {
    .hide-on-medium {
      display: none; } }
  @media screen and (min-width: 1250px) {
    .hide-on-medium {
      display: block; } }

b,
strong {
  font-weight: bold; }

em,
dfn {
  font-style: italic; }

big,
.big {
  font-size: 120%; }

small,
.small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

a:link, a:visited {
  color: #00a2c9;
  background-color: transparent;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
a:hover, a:focus, a:active {
  color: #30d7ff;
  outline: 0; }
a.active {
  color: #005063; }

h1, h2, h3, form legend {
  font-size: 52.5px;
  font-weight: 700;
  color: white;
  font-family: "Barlow", sans-serif;
  line-height: 1; }
  @media screen and (max-width: 768px) {
    h1, h2, h3, form legend {
      font-size: 31.5px; } }

h2 {
  font-size: 31.5px;
  font-weight: normal;
  margin: 2rem 0 0 0; }
  @media screen and (max-width: 768px) {
    h2 {
      font-size: 31.5px; } }
  .home h2 {
    margin: 1rem 0 1rem 0;
    font-size: 31.5px;
    color: #00a2c9; }
  .intro h2 {
    font-size: 31.5px; }
    @media screen and (min-width: 1250px) {
      .intro h2 {
        font-size: 42px; } }


h3, form legend {
  margin: 1rem 0 1rem 0;
  font-size: 31.5px;
  color: #00a2c9; }

p {
  margin-bottom: 1.5em;
  line-height: 1.5em; }
  @media screen and (max-width: 768px) {
    p {
      font-size: 16.8px; } }

ul {
  margin-bottom: 1rem; }
  ul li {
    list-style-type: none;
    line-height: 1.5em; }

footer p, nav p {
  line-height: 1;
  text-align: center; }
  @media screen and (min-width: 1250px) {
    footer p, nav p {
      text-align: left; } }
footer ul, nav ul {
  line-height: 1; }
  footer ul li, nav ul li {
    line-height: 1;
    text-align: center; }
    @media screen and (min-width: 1250px) {
      footer ul li, nav ul li {
        display: inline-block;
        text-align: left;
        margin-right: 0.5rem;
        padding-right: 0.5rem;
        border-right: 1px solid #98979c; } }
    footer ul li:last-child, nav ul li:last-child {
      border: none;
      margin: 0;
      padding: 0; }

nav ul li {
  border: none; }
  nav ul li a:link, nav ul li a:visited {
    color: white; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
  outline: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

textarea {
  overflow: auto;
  resize: vertical; }

optgroup {
  font-weight: bold; }

form fieldset {
  border: 1px solid #e6e5e7;
  padding: 1rem; }
form legend {
  margin-bottom: 0;
  padding: 0 0.5rem; }
form label {
  display: block;
  color: #00a2c9;
  margin: 0.5rem 0; }
form input {
  margin-bottom: 1rem; }
  form input[type='text'] {
    width: 100%; }
  form input[type='email'] {
    width: 100%; }
form textarea {
  width: 100%; }
form a .fa-link {
  display: none; }
form button {
  background: #00a2c9;
  border: #30d7ff;
  color: white;
  padding: 0.5rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 1rem 0; }
  form button:hover, form button:focus, form button:active {
    background: #005063; }
form .message {
  margin: 1rem; }
  form .message.error {
    color: #b00624; }
  form .message.success {
    color: #00a2c9;
    font-weight: bold; }

.uniform__potty {
  position: absolute;
  top: -9999px;
  left: -9999px; }

#navwrap {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  background: #00a2c9;
  padding: 0.25rem;
  min-height: 2.5rem; }

.skip {
  background: #363636;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  right: 1rem; }
  .skip .lines-button {
    display: inline-block;
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: 0.2857142857rem;
    background: none;
    border: none; }
    .skip .lines-button:hover {
      opacity: 1; }
    .skip .lines-button:active {
      transition: 0;
      background: #00a2c9; }
  .skip .lines {
    display: inline-block;
    width: 2rem;
    height: 0.2857142857rem;
    background: white;
    border-radius: 0.1428571429rem;
    transition: 0.5s;
    position: relative; }
    .skip .lines:before, .skip .lines:after {
      display: inline-block;
      width: 2rem;
      height: 0.2857142857rem;
      background: white;
      border-radius: 0.1428571429rem;
      transition: 0.5s;
      position: absolute;
      left: 0;
      content: '';
      transform-origin: 0.1428571429rem center; }
    .skip .lines:before {
      top: 0.5rem; }
    .skip .lines:after {
      top: -0.5rem; }
  .skip .lines-button.x.close .lines {
    background: transparent; }
    .skip .lines-button.x.close .lines:before, .skip .lines-button.x.close .lines:after {
      transform-origin: 50% 50%;
      top: 0;
      width: 2rem; }
    .skip .lines-button.x.close .lines:before {
      transform: rotate3d(0, 0, 1, 45deg); }
    .skip .lines-button.x.close .lines:after {
      transform: rotate3d(0, 0, 1, -45deg); }

nav#header_nav {
  max-height: 0;
  overflow: hidden;
  transition: all .5s ease-out; }
  nav#header_nav.open {
    max-height: 100em;
    background: #00a2c9; }
  nav#header_nav ul {
    margin-top: 2rem; }
    nav#header_nav ul li {
      width: 100%;
      text-align: center; }
      nav#header_nav ul li a:link, nav#header_nav ul li a:visited {
        display: block;
        color: white;
        padding: 0.25rem; }
      nav#header_nav ul li a:hover, nav#header_nav ul li a:focus, nav#header_nav ul li a:active {
        background: white;
        color: #00a2c9; }
    nav#header_nav ul#add_menu {
      text-align: center;
      margin-top: 1rem;
      border-top: 1px solid white;
      padding-top: 0.5rem;
      font-size: 12.6px;
      text-transform: uppercase; }
      nav#header_nav ul#add_menu li {
        display: inline-block;
        width: 30%; }
        nav#header_nav ul#add_menu li.lang {
          display: none; }

@media screen and (min-width: 1250px) {
  header {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
    header #navwrap {
      position: inherit;
      background: inherit;
      padding: 0;
      height: 100%;
      min-height: 0;
      float: right;
      max-width: 800px; }
    header #header_nav {
      overflow: auto;
      max-height: inherit; }
      header #header_nav ul {
        margin-top: 0; }
        header #header_nav ul#main_menu {
          position: absolute;
          bottom: 0;
          right: 0; }
        header #header_nav ul#add_menu {
          text-align: right;
          font-size: 18.9px;
          text-transform: none;
          margin: 0;
          padding: 0; }
          header #header_nav ul#add_menu li {
            border-left: 1px solid #00a2c9;
            width: inherit; }
            header #header_nav ul#add_menu li a:link, header #header_nav ul#add_menu li a:visited {
              color: #00a2c9;
              padding: 0 0.3rem 0 0.5rem;
              font-size: 16.8px;
              line-height: 1; }
            header #header_nav ul#add_menu li a:hover, header #header_nav ul#add_menu li a:focus, header #header_nav ul#add_menu li a:active {
              background: none; }
            header #header_nav ul#add_menu li.lang {
              text-transform: uppercase;
              border: none;
              width: inherit;
              display: inline-block; }
            header #header_nav ul#add_menu li:first-child {
              border: none; }
            header #header_nav ul#add_menu li:nth-child(4) {
              margin-right: 1rem; }
            header #header_nav ul#add_menu li:last-child {
              border-left: 1px solid #00a2c9; }
        header #header_nav ul.menu {
          text-align: right; }
          header #header_nav ul.menu li {
            display: inline-block;
            width: inherit; }
            header #header_nav ul.menu li a:link, header #header_nav ul.menu li a:visited {
              padding: 0.5rem 1.5rem;
              color: #676767;
              display: block;
              width: 100%;
              font-size: 21px; }
            header #header_nav ul.menu li a:hover, header #header_nav ul.menu li a:visited {
              background: #f3f3f3; }
            header #header_nav ul.menu li.is-active {
              font-weight: bold; }
              header #header_nav ul.menu li.is-active a:link, header #header_nav ul.menu li.is-active a:visited {
                color: #00a2c9; }
    header .skip {
      display: none; } }
html, body {
  height: 100%; }

#page {
  min-height: 100%; }

.container {
  padding: 1rem;
  width: 95%;
  max-width: 1200px;
  margin: auto;
  position: relative; }

#header {
  background: #00a2c9;
  color: white;
  -webkit-box-shadow: 5px 5px 5px #98979c;
  -moz-box-shadow: 5px 5px 5px #98979c;
  box-shadow: 5px 5px 5px #98979c;
  height: 300px; }
  #header .header-wrap {
    display: table;
    max-width: 1200px;
    padding: 1rem;
    margin: auto;
    position: relative;
    text-align: left;
    height: 100%; }
    #header .header-wrap div {
      display: table-cell;
      vertical-align: middle; }

footer {
  margin-top: 1rem;
  padding: 1rem;
  border-top: 1px solid #008db0; }

@media screen and (min-width: 768px) {
  nav.container {
    text-align: right;
    padding: 1rem 2rem !important;
    margin-top: -4rem; }

  .column.medium-2, .col.medium-2 {
    width: 20%; }
  .column.medium-3, .col.medium-3 {
    width: 25%; }
  .column.medium-4, .col.medium-4 {
    width: 33.33334%; }
  .column.medium-5, .col.medium-5 {
    width: 41.667%; }
  .column.medium-6, .col.medium-6 {
    width: 50%; }
  .column.medium-7, .col.medium-7 {
    width: 58.3334%; }
  .column.medium-8, .col.medium-8 {
    width: 66.66667%; }
  .column.medium-9, .col.medium-9 {
    width: 75%; } }
@media screen and (min-width: 1250px) {
  #header {
    background-image: url(../img/left.jpg), url(../img/right.jpg);
    background-position: top left, top right;
    background-repeat: no-repeat; }

  .column.large-2, .col.large-2 {
    width: 20%; }
  .column.large-3, .col.large-3 {
    width: 25%; }
  .column.large-4, .col.large-4 {
    width: 33.33334%; }
  .column.large-5, .col.large-5 {
    width: 41.667%; }
  .column.large-6, .col.large-6 {
    width: 50%; }
  .column.large-7, .col.large-7 {
    width: 58.3334%; }
  .column.large-8, .col.large-8 {
    width: 66.66667%; }
  .column.large-9, .col.large-9 {
    width: 75%; } }

/*# sourceMappingURL=base.css.map */