@charset "UTF-8";
/* ========================= Variables ================================== */
/* ========================= Basic includes ============================= */
/* =========== Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, blockquote:after, 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;
}

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

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

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

[hidden] {
  display: none;
}

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

ol, ul {
  list-style: none;
}

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

blockquote, blockquote:after, q {
  quotes: none;
}

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

a img {
  border: none;
  display: block;
  overflow: hidden;
}

input, textarea, select, button {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
}

.hidden {
  display: none !important;
}

.hidden, .invisible {
  visibility: hidden !important;
}

::-moz-selection {
  background: #1f1f1f;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #1f1f1f;
  color: #fff;
  text-shadow: none;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* =========== Mixins */ /* =========== Semantic fluid grid */
/*

    Use '@include grid(12, 2)' to make a column. 
    The first unit (12) is the column width.
    The second unit (2) is the margin on both sides.
    The margin will be auto substracted from the column width.
    So don't recalculate the column width if you change your margin.

    To set different margins on both sides use '@include grid(12, 2, 3)'.
    You can also use negative margins.

*/
/* Use this mixin to reset your grid by example for your mobile articles */
/* The clearfix mixin is necessary for the floats */
/* ========================= General tags =============================== */
@-webkit-keyframes first {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes second {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
html {
  background: #fff url("../images/background.jpg") repeat;
  height: 100%;
  color: #5e5e5e;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
}

body {
  line-height: 1.5em;
  /*-webkit-transform: translateZ(0);*/
}
body.home div.support, body.home div.photo {
  -webkit-animation-name: first;
  -moz-animation-name: first;
  -ms-animation-name: first;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -webkit-animation-timing-function: default;
  -moz-animation-timing-function: default;
  -ms-animation-timing-function: default;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
}
body.home div.container > header, body.home div.holder, body.home footer {
  -webkit-animation-name: second;
  -moz-animation-name: second;
  -ms-animation-name: second;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -webkit-animation-timing-function: default;
  -moz-animation-timing-function: default;
  -ms-animation-timing-function: default;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
}

/* ========================= Structure ================================== */
div.container {
  max-width: 85em;
  margin: auto;
  min-width: 960px \9 ;
  *zoom: 1;
  padding-left: 1em;
  padding-right: 1em;
}
div.container:before, div.container:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
div.container:after {
  clear: both;
}

div.support {
  float: left;
  width: 87.5%;
  margin-left: 6.25%;
  margin-right: 6.25%;
  *zoom: 1;
  padding-top: 0.35em;
  padding-bottom: 0.35em;
  text-align: right;
}
div.support:before, div.support:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
div.support:after {
  clear: both;
}
div.support form {
  float: right;
  margin-right: 0.5em;
}
div.support form input[type=search] {
  width: 10em;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  font-size: 0.9em;
  padding: 0.25em 0 0.25em 2.2em;
  -webkit-transition: width 50ms;
  -moz-transition: width 50ms;
  -o-transition: width 50ms;
  transition: width 50ms;
}
div.support form input[type=search]:focus {
  width: 16em;
}
div.support form fieldset.ss-search:before {
  opacity: 0.5;
  position: relative;
  left: 2em;
  top: 0.2em;
  font-size: 0.9em;
}
div.support a.language {
  float: right;
  position: relative;
  top: 0.15em;
  font-family: "Ubuntu Condensed", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 0.95em;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #acb1b5;
}
div.support a.language:hover {
  color: #276ba4;
}

ul.applications {
  display: none;
}

div.photo {
  clear: both;
  background: url("../img/banner_blauw.png") center no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
div.photo nav {
  background: rgba(0, 0, 0, 0.35);
  padding: 2em;
  *zoom: 1;
  position: relative;
}
div.photo nav:before, div.photo nav:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
div.photo nav:after {
  clear: both;
}
div.photo nav span.dropdown {
  color: #fff;
  display: none;
  opacity: 0.8;
  margin-top: 0.4em;
}
div.photo nav span.dropdown:before {
  font-size: 1.15em;
}
div.photo nav span.dropdown:hover {
  opacity: 1;
}
div.photo nav ul.navigation {
  list-style: none;
  margin: 0.85em 0 0 0;
  float: left;
  width: 79.1666666667%;
  margin-left: 0%;
  margin-right: 0%;
}
div.photo nav ul.navigation li {
  float: left;
  margin: 0 0.25em 0 0.25em;
}
div.photo nav ul.navigation li.application {
  display: none;
}
div.photo nav ul.navigation a {
  color: #fff;
  font-family: "Ubuntu Condensed", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05em;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
  padding: 0.35em 0.5em 0.4em 0.5em;
}
div.photo nav ul.navigation a:hover {
  color: #acceeb;
}
div.photo nav ul.navigation a:before {
  display: none;
}
div.photo nav ul.navigation li.selected a, div.photo nav ul.navigation li.active a {
  color: #acceeb;
}

div.logo {
  float: left;
  margin-right: 2em;
  overflow: hidden;
}
div.logo a {
  display: block;
  text-indent: -9999px;
  background-image: url("../images/logoIE.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 7.813em;
  height: 3.125em;
  opacity: 0.8;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 1s;
  transition-timing-function: ease-out;
}
div.logo a:hover {
  opacity: 1;
  -webkit-filter: drop-shadow(0px 0px 2px white);
}

div.account {
  position: absolute;
  right: 1em;
  top: 2.6em;
}
div.account a.button {
  border: 0;
  font-size: 1em;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.3);
  padding: 0.15em 0.6em 0.3em 0.6em;
}
div.account a.button:before {
  opacity: 0.5;
  color: black;
  text-shadow: 0 0 0;
  position: relative;
  top: 0.2em;
  margin-right: 0.5em;
  font-size: 0.95em;
}
div.account a.button:active {
  -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.2), inset 0 0 20px rgba(5, 5, 5, 0.5);
  -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.2), inset 0 0 20px rgba(5, 5, 5, 0.5);
  -o-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.2), inset 0 0 20px rgba(5, 5, 5, 0.5);
  box-shadow: 0 1px 0px rgba(255, 255, 255, 0.2), inset 0 0 20px rgba(5, 5, 5, 0.5);
}

a.account-avatar {
  display: none;
}

ul.account-options {
  display: none;
}

div.slide {
  color: #fff;
  padding: 4em 2em;
}
div.slide h1 {
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
  margin: 0;
}
div.slide h2 {
  color: #fff;
  opacity: 0.7;
  font-size: 1.5em;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}
div.slide a.button {
  display: none;
}

/* Replacement for advantages on the home page */
div.become-member {
  display: none;
}
div.become-member a {
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d1d1d1;
  font-weight: bold;
  margin-bottom: 1.25em;
  padding: 0.5em 1em;
}
div.become-member a:before {
  position: relative;
  top: 0.1em;
  margin-right: 0.5em;
}

/* Header elements, title of the page and advantages on home */
div.container > header {
  float: left;
  width: 87.5%;
  margin-left: 6.25%;
  margin-right: 6.25%;
  border-bottom: 1px solid #d1d1d1;
  -webkit-box-shadow: 0px 1px 0px white;
  -moz-box-shadow: 0px 1px 0px white;
  -o-box-shadow: 0px 1px 0px white;
  box-shadow: 0px 1px 0px white;
  margin-bottom: 2.5em;
  padding: 2em 0;
  background: url("../images/teaser.png") center bottom no-repeat;
}
div.container > header h1, div.container > header h2, div.container > header h3 {
  text-align: center;
  margin: 0;
}
div.container > header div.advantage {
  float: left;
  width: 23.3333333333%;
  margin-left: 0.8333333333%;
  margin-right: 0.8333333333%;
}
div.container > header div.advantage a {
  font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  word-wrap: break-word;
  color: #91979d;
  display: block;
  -webkit-transition: color 500ms;
  -moz-transition: color 500ms;
  -o-transition: color 500ms;
  transition: color 500ms;
}
div.container > header div.advantage a strong {
  font-weight: 500;
  color: #5e646a;
}
div.container > header div.advantage a:before {
  position: relative;
  font-size: 2.6em;
  margin-top: 0.5em;
  margin-right: 0.25em;
  margin-bottom: 0.6em;
  display: inline-block;
  float: left;
}
div.container > header div.advantage a:hover {
  color: #5e646a;
}
div.container > header.back {
  padding: 1em 0;
}
div.container > header.back p.referral {
  margin-right: 1em;
  margin-bottom: 0;
}
div.container > header.back p.referral a {
  padding-left: 0;
}
div.container > header.back p.referral a:hover {
  margin-left: -0.1em;
}
div.container > header.back h1 {
  text-align: left;
}

div.holder {
  *zoom: 1;
}
div.holder:before, div.holder:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
div.holder:after {
  clear: both;
}
div.holder ul.navigation {
  margin: 0;
  list-style: none;
  margin-bottom: 1.25em;
  overflow: hidden;
  *zoom: 1;
  background: rgba(255, 255, 255, 0.9);
  background: #ffffff \9 ;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #e6e6e6;
  -moz-box-shadow: 0px 0px 8px #e6e6e6;
  -o-box-shadow: 0px 0px 8px #e6e6e6;
  box-shadow: 0px 0px 8px #e6e6e6;
}
div.holder ul.navigation:before, div.holder ul.navigation:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
div.holder ul.navigation:after {
  clear: both;
}
div.holder ul.navigation ul {
  list-style: none;
}
div.holder ul.navigation li a {
  border-top: 1px solid #e6e6e6;
  display: block;
  color: #91979d;
  padding: 0.6em 1.25em;
  font-size: 1.1em;
  font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: padding-left 50ms;
  -moz-transition: padding-left 50ms;
  -o-transition: padding-left 50ms;
  transition: padding-left 50ms;
}
div.holder ul.navigation li a:before {
  font-size: 0.6em;
  margin-right: 1em;
}
div.holder ul.navigation li a:hover {
  color: #276ba4;
  padding-left: 1.35em;
}
div.holder ul.navigation li a:active, div.holder ul.navigation li a.active {
  background: whitesmoke;
  border-color: #c7c7c7;
  position: relative;
  -webkit-box-shadow: inset 0px 1px 5px -1px #d4d4d4, 0px 1px 0px #d9d9d9;
  -moz-box-shadow: inset 0px 1px 5px -1px #d4d4d4, 0px 1px 0px #d9d9d9;
  -o-box-shadow: inset 0px 1px 5px -1px #d4d4d4, 0px 1px 0px #d9d9d9;
  box-shadow: inset 0px 1px 5px -1px #d4d4d4, 0px 1px 0px #d9d9d9;
  color: #acb1b5;
  padding-top: 0.65em;
  padding-bottom: 0.55em;
}
div.holder ul.navigation li.selected > a, div.holder ul.navigation li.active > a {
  padding-left: 1.75em;
  background: #fafafa;
  color: #276ba4;
}
div.holder ul.navigation li.selected > a:active, div.holder ul.navigation li.active > a:active {
  background: whitesmoke;
}
div.holder ul.navigation li:first-child a {
  border: 0;
}
div.holder ul.navigation.double li {
  float: left;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}
div.holder ul.navigation.double li a {
  border-left: 1px solid #e6e6e6;
  font-size: 1em;
  padding: 0.5em 1em 0.55em 1em;
}
div.holder ul.navigation.double li a:before {
  font-size: 0.9em;
  margin-right: 0.5em;
  position: relative;
  top: 0.15em;
}
div.holder ul.navigation.double li:nth-child(2n+1) a {
  border-left: 0;
}
div.holder ul.navigation.double li:nth-child(1) a, div.holder ul.navigation.double li:nth-child(2) a {
  border-top: 0 !important;
}

aside {
  float: left;
  width: 20.8333333333%;
  margin-left: 12.5%;
  margin-right: 0%;
}

div.content {
  float: left;
  width: 52.0833333333%;
  margin-left: 2.0833333333%;
  margin-right: 12.5%;
  *zoom: 1;
}
div.content:before, div.content:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
div.content:after {
  clear: both;
}
div.content.no-aside {
  float: left;
  width: 75%;
  margin-left: 12.5%;
  margin-right: 12.5%;
}
div.content section {
  float: left;
  width: 97.9166666667%;
  margin-left: 1.0416666667%;
  margin-right: 1.0416666667%;
}
div.content section.half {
  float: left;
  width: 47.9166666667%;
  margin-left: 1.0416666667%;
  margin-right: 1.0416666667%;
}
div.content section.one-third {
  float: left;
  width: 31.25%;
  margin-left: 1.0416666667%;
  margin-right: 1.0416666667%;
}
div.content section.two-third {
  float: left;
  width: 64.5833333333%;
  margin-left: 1.0416666667%;
  margin-right: 1.0416666667%;
}
div.content section.news {
  float: left;
  width: 39.5833333333%;
  margin-left: 1.0416666667%;
  margin-right: 1.0416666667%;
}
div.content section.calendar {
  float: left;
  width: 27.0833333333%;
  margin-left: 1.0416666667%;
  margin-right: 1.0416666667%;
}
div.content section.shortcuts {
  float: left;
  width: 27.0833333333%;
  margin-left: 1.0416666667%;
  margin-right: 1.0416666667%;
}
div.content section.first {
  clear: left;
}
div.content section ul.thumbnails {
  margin-left: 0;
  list-style: none;
  *zoom: 1;
}
div.content section ul.thumbnails:before, div.content section ul.thumbnails:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
div.content section ul.thumbnails:after {
  clear: both;
}
div.content section ul.thumbnails li {
  float: left;
  width: 23.9583333333%;
  margin-left: 0.5208333333%;
  margin-right: 0.5208333333%;
  text-align: center;
  margin-bottom: 0.625em;
}
div.content section ul.thumbnails li a {
  display: block;
}
div.content section ul.thumbnails li img {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}
div.content section ul.thumbnails li small {
  font-weight: bold;
  color: #999999;
}
div.content section ul.thumbnails li:hover img {
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
}
div.content section ul.thumbnails li:hover small {
  color: #666666;
}
div.content section .map {
  padding: 0.15em;
  background: #fff;
}
div.content section .map #map_canvas {
  height: 16em;
  width: 100%;
}
div.content section address {
  float: left;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
}

ul.long-list {
  margin-left: 0;
  list-style: none;
}
ul.long-list li {
  background: rgba(255, 255, 255, 0.9);
  background: #ffffff \9 ;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #e6e6e6;
  -moz-box-shadow: 0px 0px 8px #e6e6e6;
  -o-box-shadow: 0px 0px 8px #e6e6e6;
  box-shadow: 0px 0px 8px #e6e6e6;
  margin-bottom: 0.4166666667em;
}
ul.long-list li a {
  display: block;
  color: #91979d;
  padding: 0.6em 1em;
  font-size: 1.1em;
  font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
}
ul.long-list li:hover a {
  color: #276ba4;
}
ul.long-list li:active {
  -webkit-box-shadow: inset 0px 1px 5px -1px #d4d4d4, 0px 1px 0px #d9d9d9;
  -moz-box-shadow: inset 0px 1px 5px -1px #d4d4d4, 0px 1px 0px #d9d9d9;
  -o-box-shadow: inset 0px 1px 5px -1px #d4d4d4, 0px 1px 0px #d9d9d9;
  box-shadow: inset 0px 1px 5px -1px #d4d4d4, 0px 1px 0px #d9d9d9;
  background: whitesmoke;
  border-color: #c7c7c7;
}
ul.long-list li:active a {
  color: #acb1b5;
  padding-top: 0.65em;
  padding-bottom: 0.55em;
}

footer {
  float: left;
  width: 75%;
  margin-left: 12.5%;
  margin-right: 12.5%;
  padding-top: 5em;
}
footer ul.partners {
  *zoom: 1;
  display: block;
  margin: 0 0 2.5em 0;
  list-style: none;
  text-align: center;
}
footer ul.partners:before, footer ul.partners:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
footer ul.partners:after {
  clear: both;
}
footer ul.partners li {
  display: inline-block;
  width: 15%;
  margin: 1em;
  opacity: 1;
  position: relative;
  -webkit-transition: opacity 50ms;
  -moz-transition: opacity 50ms;
  -o-transition: opacity 50ms;
  transition: opacity 50ms;
}
footer ul.partners li:hover {
  opacity: 1;
}
footer ul.partners li a {
  display: block;
  height: 5em;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
}
footer ul.partners li a img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  filter: drop-shadow(5px 5px 2px #999);
  -webkit-filter: drop-shadow(5px 5px 2px #999);
  transition: 0.5s -webkit-filter linear;
}
footer ul.partners li a img:hover {
  -webkit-filter: none;
  filter: none;
}
footer ul.navigation {
  *zoom: 1;
  margin: 0;
  padding-bottom: 2em;
  float: left;
  width: 45.8333333333%;
  margin-left: 0%;
  margin-right: 0%;
  list-style: none;
  text-align: center;
}
footer ul.navigation:before, footer ul.navigation:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
footer ul.navigation:after {
  clear: both;
}
footer ul.navigation li {
  display: inline-block;
  margin-bottom: 0.6em;
}
footer ul.navigation li a {
  font-size: 0.95em;
  font-family: "Ubuntu Condensed", "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9);
  letter-spacing: -1px;
  margin: 0 0.4em 0 0.4em;
  color: #acb1b5;
}
footer ul.navigation li a:hover {
  color: #050505;
}
footer span.line {
  float: left;
  width: 27.0833333333%;
  margin-left: 0%;
  margin-right: 0%;
  position: relative;
  top: 0.8em;
  border-bottom: 1px solid #d1d1d1;
  -webkit-box-shadow: 0px 1px 0px white;
  -moz-box-shadow: 0px 1px 0px white;
  -o-box-shadow: 0px 1px 0px white;
  box-shadow: 0px 1px 0px white;
}

.studies-student .remove-studies-student, .studies-alumnus .remove-studies-alumnus {
  background-color: gray;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 5px auto;
}

#add-studies-student, #add-studies-alumnus {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.multiselect {
  width: 200px;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}

/* ========================= Includes =================================== */
/* =========== Types */
/* =========== Typography */
.left {
  float: left;
}

.right {
  float: right;
}

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

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

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

.nowrap {
  white-space: nowrap;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.25em;
  font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  color: #454545;
}
h1.soft, h2.soft, h3.soft, h4.soft, h5.soft, h6.soft {
  font-weight: 300;
  color: #858585;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 0.7em;
  position: relative;
  top: -0.1em;
  display: inline;
  color: #9e9e9e;
}

h1 {
  font-size: 2.5em;
  font-weight: 400;
}

h2 {
  font-size: 1.2em;
  font-weight: 500;
}

h3 {
  font-size: 1.15em;
  font-weight: 500;
}

h4 {
  font-size: 0.95em;
  font-family: "Ubuntu Condensed", "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9);
  letter-spacing: -1px;
  color: #acb1b5;
}

h5 {
  font-size: 1.05em;
}

h6 {
  font-size: 1em;
}

p {
  margin-bottom: 1.25em;
}
p.lead {
  font-size: 1.1em;
  line-height: 1.75em;
  font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  font-weight: 200;
}
p.referral a {
  color: #91979d;
  padding-left: 1.25em;
  font-size: 1.1em;
  font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
}
p.referral a:before {
  font-size: 0.6em;
  margin-right: 1em;
}
p.referral a:hover {
  color: #276ba4;
  padding-left: 1.35em;
}

a {
  color: #276ba4;
  text-decoration: none;
}
a:hover {
  color: black;
}

small {
  font-size: 0.85em;
  color: #858585;
}
small.quick-to {
  float: right;
  color: #b8b8b8;
  display: inline-block;
  margin-right: 1em;
  position: relative;
  top: 0.25em;
  font-weight: bold;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

code, pre {
  font-family: "Ubuntu Mono", "courier new", monospace;
  color: grey;
}

abbr {
  border-bottom: 1px dotted #858585;
}

del {
  text-decoration: line-through;
}

mark {
  background-color: #ffffb3;
}

hr {
  background-color: transparent;
  border: solid #bfbfbf;
  border-width: 1px 0 0;
  clear: both;
  margin: 2em 1.25em;
}

blockquote, blockquote:after {
  color: #858585;
  font-family: Georgia, serif;
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.5em;
  margin-bottom: 1.25em;
  padding: 0 2em 0 2em;
  position: relative;
}
blockquote:before, blockquote:after {
  color: #c4c4c4;
  content: "“";
  display: block;
  font-size: 5em;
  left: -0.15em;
  position: absolute;
  top: 0.25em;
}
blockquote:after {
  content: "”";
  left: auto;
  right: -0.15em;
  top: auto;
  bottom: -0.5em;
}
blockquote cite, blockquote:after cite {
  color: #5e5e5e;
  display: block;
  font-size: 0.85em;
}
blockquote cite:before, blockquote:after cite:before {
  content: "— ";
}

figure {
  display: inline-block;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  background: #ffffff \9 ;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: 0px 0px 8px #e6e6e6;
  -moz-box-shadow: 0px 0px 8px #e6e6e6;
  -o-box-shadow: 0px 0px 8px #e6e6e6;
  box-shadow: 0px 0px 8px #e6e6e6;
  padding: 0.35em;
  position: relative;
  margin-bottom: 1.25em;
}
figure img {
  display: block;
  width: 100%;
}
figure span {
  position: absolute;
  top: 0.35em;
  right: 0.35em;
  bottom: 0.35em;
  left: 0.35em;
  -webkit-box-shadow: inset 0px 1px 8px rgba(5, 5, 5, 0.5);
  -moz-box-shadow: inset 0px 1px 8px rgba(5, 5, 5, 0.5);
  -o-box-shadow: inset 0px 1px 8px rgba(5, 5, 5, 0.5);
  box-shadow: inset 0px 1px 8px rgba(5, 5, 5, 0.5);
}
figure figcaption {
  color: blue;
}

ul, ol {
  margin: 0 0 1.25em 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

dl {
  margin-bottom: 1.25em;
  *zoom: 1;
}
dl:before, dl:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
dl:after {
  clear: both;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 1.25em;
}
dl.advanced dt {
  float: left;
  width: 31.25%;
  margin-left: 0%;
  margin-right: 2.0833333333%;
}
dl.advanced dd {
  float: left;
  width: 66.6666666667%;
  margin-left: 0%;
  margin-right: 0%;
}

/* =========== Forms */
::-webkit-input-placeholder {
  color: #9e9e9e;
}

:-moz-placeholder {
  color: #9e9e9e;
}

input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], input[type=url], input[type=date], input[type=time], input[type=number], textarea, select {
  border: 1px solid #bfbfbf;
  color: #333;
  font-family: "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5em;
  padding: 0.6em;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0px 1px 3px rgba(5, 5, 5, 0.1);
  -moz-box-shadow: inset 0px 1px 3px rgba(5, 5, 5, 0.1);
  -o-box-shadow: inset 0px 1px 3px rgba(5, 5, 5, 0.1);
  box-shadow: inset 0px 1px 3px rgba(5, 5, 5, 0.1);
  -webkit-transition: border 0.1s;
  -moz-transition: border 0.1s;
  -o-transition: border 0.1s;
  transition: border 0.1s;
  vertical-align: baseline;
}
input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=date]:focus, input[type=time]:focus, input[type=number]:focus, textarea:focus, select:focus {
  border: 1px solid #a6a6a6;
  outline: 0;
  color: #333;
  -webkit-box-shadow: 0px 0px 4px rgba(5, 5, 5, 0.3);
  -moz-box-shadow: 0px 0px 4px rgba(5, 5, 5, 0.3);
  -o-box-shadow: 0px 0px 4px rgba(5, 5, 5, 0.3);
  box-shadow: 0px 0px 4px rgba(5, 5, 5, 0.3);
}

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
  display: block;
}

form legend {
  display: block;
  margin-bottom: 0.25em;
  font-weight: bold;
  line-height: 1.5em;
  font-size: 1.6em;
}
form ol {
  clear: both;
  list-style: none;
  margin: 0 0 1.25em 0;
}
form ol > li {
  *zoom: 1;
}
form ol > li:before, form ol > li:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
form ol > li:after {
  clear: both;
}
form ol > li > label {
  clear: left;
  cursor: pointer;
  font-weight: bold;
  float: left;
  width: 31.25%;
  margin-left: 0%;
  margin-right: 2.0833333333%;
  padding-top: 0.55em;
}
form ol > li > label:hover {
  color: #050505;
}
form ol > li div {
  float: left;
  width: 66.6666666667%;
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0.5em;
}
form ol > li div p, form ol > li div small {
  display: block;
  margin: 0.6em 0.6em 0.25em 0px;
}
form ol > li div input[type=checkbox] {
  position: relative;
  top: 0.5em;
}
form ol > li div ul.checklist {
  margin: 0.6em 0.6em 0.6em 0px;
  list-style: none;
}
form ol > li div ul.checklist > li {
  margin: 0.5em 0;
}
form ol > li div ul.checklist input {
  display: inline-block;
  margin-right: 1em;
}
form ol > li div ul.checklist label {
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  font-weight: normal;
}
form ol > li div ul.checklist label:hover {
  color: #000;
  cursor: pointer;
}
form ol li.error label {
  color: #d24226;
}
form ol li.error label:hover {
  color: #662012;
}
form ol li.error input {
  border: 1px solid #d24226;
  -webkit-box-shadow: 0px 0px 3px #df644c, inset 0 0 0;
  -moz-box-shadow: 0px 0px 3px #df644c, inset 0 0 0;
  -o-box-shadow: 0px 0px 3px #df644c, inset 0 0 0;
  box-shadow: 0px 0px 3px #df644c, inset 0 0 0;
}
form ol li.error input:focus {
  border: 1px solid #d24226;
}
form ol li.error ul.errors {
  color: #d24226;
  list-style: none;
  margin: 0.6em 0.6em 0.6em 0px;
}
form ol li.error ul.errors li {
  margin: 0.5em 0;
}
form.small ol li > label {
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  padding-left: 0;
  text-align: left;
  display: block;
}
form.small ol li > div {
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  margin-bottom: 0;
}

/* =========== Tables */
table {
  border: 1px solid #d9d9d9;
  border-collapse: collapse;
  *border-collapse: collapse;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-spacing: 0;
  margin-bottom: 1.25em;
  width: 100%;
}
table thead th {
  font-weight: bold;
  padding: 0.5em;
  text-align: left;
}
table tbody td {
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  padding: 0.5em;
}
table tbody td:first-child {
  border-left: 0;
}
table tbody td strong {
  display: block;
}

/* =========== Label */
span.label {
  color: #fff;
  font-size: 0.85em;
  padding: 0.1em 0.3em;
  font-weight: bold;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #276ba4;
  background-image: -webkit-linear-gradient(top, #3186cd, #276ba4);
  background-image: -moz-linear-gradient(top, #3186cd, #276ba4);
  background-image: -ms-linear-gradient(top, #3186cd, #276ba4);
  background-image: -o-linear-gradient(top, #3186cd, #276ba4);
  background-image: linear-gradient(top, #3186cd, #276ba4);
}
span.label.contrast {
  background-color: #050505;
  background-image: -webkit-linear-gradient(top, #6b6b6b, #050505);
  background-image: -moz-linear-gradient(top, #6b6b6b, #050505);
  background-image: -ms-linear-gradient(top, #6b6b6b, #050505);
  background-image: -o-linear-gradient(top, #6b6b6b, #050505);
  background-image: linear-gradient(top, #6b6b6b, #050505);
}
span.label.success {
  background-color: #457a1a;
  background-image: -webkit-linear-gradient(top, #5DA423, #457a1a);
  background-image: -moz-linear-gradient(top, #5DA423, #457a1a);
  background-image: -ms-linear-gradient(top, #5DA423, #457a1a);
  background-image: -o-linear-gradient(top, #5DA423, #457a1a);
  background-image: linear-gradient(top, #5DA423, #457a1a);
}
span.label.alert {
  background-color: #a7341e;
  background-image: -webkit-linear-gradient(top, #d24226, #a7341e);
  background-image: -moz-linear-gradient(top, #d24226, #a7341e);
  background-image: -ms-linear-gradient(top, #d24226, #a7341e);
  background-image: -o-linear-gradient(top, #d24226, #a7341e);
  background-image: linear-gradient(top, #d24226, #a7341e);
}

/* =========== Buttons */
/* Choose a div or ul to group up your buttons */
div.buttons, ul.buttons, ul.pagination {
  margin: 0 0 1.25em 0;
  list-style: none;
  *zoom: 1;
}
div.buttons:before, div.buttons:after, ul.buttons:before, ul.buttons:after, ul.pagination:before, ul.pagination:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
div.buttons:after, ul.buttons:after, ul.pagination:after {
  clear: both;
}
div.buttons li, ul.buttons li, ul.pagination li {
  float: left;
}
div.buttons li a.button, div.buttons li a.btn, div.buttons li input[type=submit], div.buttons li button, ul.buttons li a.button, ul.buttons li a.btn, ul.buttons li input[type=submit], ul.buttons li button, ul.pagination li a.button, ul.pagination li a.btn, ul.pagination li input[type=submit], ul.pagination li button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-left-width: 0;
  display: block;
}
div.buttons li:first-child a.button, div.buttons li:first-child a.btn, div.buttons li:first-child input[type=submit], div.buttons li:first-child button, ul.buttons li:first-child a.button, ul.buttons li:first-child a.btn, ul.buttons li:first-child input[type=submit], ul.buttons li:first-child button, ul.pagination li:first-child a.button, ul.pagination li:first-child a.btn, ul.pagination li:first-child input[type=submit], ul.pagination li:first-child button {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-left-width: 1px;
}
div.buttons li:last-child a.button, div.buttons li:last-child a.btn, div.buttons li:last-child input[type=submit], div.buttons li:last-child button, ul.buttons li:last-child a.button, ul.buttons li:last-child a.btn, ul.buttons li:last-child input[type=submit], ul.buttons li:last-child button, ul.pagination li:last-child a.button, ul.pagination li:last-child a.btn, ul.pagination li:last-child input[type=submit], ul.pagination li:last-child button {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

ul.pagination li.gap {
  background: none;
  border: 0;
  border-right: 1px solid #a6a6a6;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  -o-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  font-weight: normal;
  padding: 0.3em 0.35em 0.25em 0.35em;
}
ul.pagination li a.contrast {
  border-left: 1px solid #050505;
}

div.buttons {
  padding: 1em 2em 2em 2em;
}

/* The standard button has the $color-brand colors */
a.button, a.btn, input[type=submit], button {
  border: 1px solid #184366;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px #e6e6e6, inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.35);
  -moz-box-shadow: 0 1px 1px #e6e6e6, inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.35);
  -o-box-shadow: 0 1px 1px #e6e6e6, inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.35);
  box-shadow: 0 1px 1px #e6e6e6, inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.35);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05em;
  font-weight: 500;
  background-color: #276ba4 60%;
  background-image: -webkit-linear-gradient(top, #2e7ec1 40%, #276ba4 60%);
  background-image: -moz-linear-gradient(top, #2e7ec1 40%, #276ba4 60%);
  background-image: -ms-linear-gradient(top, #2e7ec1 40%, #276ba4 60%);
  background-image: -o-linear-gradient(top, #2e7ec1 40%, #276ba4 60%);
  background-image: linear-gradient(top, #2e7ec1 40%, #276ba4 60%);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e7ec1", endColorstr="#276ba4");
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e7ec1", endColorstr="#276ba4");
  line-height: 1.5em;
  margin: 0;
  padding: 0.35em 1em 0.45em 1em;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(5, 5, 5, 0.5);
  -webkit-transition: all 50ms;
  -moz-transition: all 50ms;
  -o-transition: all 50ms;
  transition: all 50ms;
  vertical-align: baseline;
  /* The dark button */
  /* The soft grey button */
  /* Add these classes to adjust the size of the buttons */
}
a.button:hover, a.btn:hover, input[type=submit]:hover, button:hover {
  background-color: #2668a0 60%;
  background-image: -webkit-linear-gradient(top, #4190d2 40%, #2668a0 60%);
  background-image: -moz-linear-gradient(top, #4190d2 40%, #2668a0 60%);
  background-image: -ms-linear-gradient(top, #4190d2 40%, #2668a0 60%);
  background-image: -o-linear-gradient(top, #4190d2 40%, #2668a0 60%);
  background-image: linear-gradient(top, #4190d2 40%, #2668a0 60%);
}
a.button:active, a.btn:active, input[type=submit]:active, button:active {
  background: #184366;
  -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 20px #050505;
  -moz-box-shadow: 0 1px 0 #fff, inset 0 0 20px #050505;
  -o-box-shadow: 0 1px 0 #fff, inset 0 0 20px #050505;
  box-shadow: 0 1px 0 #fff, inset 0 0 20px #050505;
  color: #bfbfbf;
  text-shadow: 0 0 0;
}
a.button.contrast, a.btn.contrast, input[type=submit].contrast, button.contrast {
  border-color: #050505;
  background-color: #050505 60%;
  background-image: -webkit-linear-gradient(top, #6b6b6b 40%, #050505 60%);
  background-image: -moz-linear-gradient(top, #6b6b6b 40%, #050505 60%);
  background-image: -ms-linear-gradient(top, #6b6b6b 40%, #050505 60%);
  background-image: -o-linear-gradient(top, #6b6b6b 40%, #050505 60%);
  background-image: linear-gradient(top, #6b6b6b 40%, #050505 60%);
}
a.button.contrast:hover, a.btn.contrast:hover, input[type=submit].contrast:hover, button.contrast:hover {
  background-color: #050505 60%;
  background-image: -webkit-linear-gradient(top, #858585, #050505 60%);
  background-image: -moz-linear-gradient(top, #858585, #050505 60%);
  background-image: -ms-linear-gradient(top, #858585, #050505 60%);
  background-image: -o-linear-gradient(top, #858585, #050505 60%);
  background-image: linear-gradient(top, #858585, #050505 60%);
}
a.button.contrast:active, a.button.contrast:focus, a.btn.contrast:active, a.btn.contrast:focus, input[type=submit].contrast:active, input[type=submit].contrast:focus, button.contrast:active, button.contrast:focus {
  background: #383838;
  color: #bfbfbf;
}
a.button.soft, a.btn.soft, input[type=submit].soft, button.soft {
  border-color: #a6a6a6;
  color: #525252;
  background-color: #e6e6e6 60%;
  background-image: -webkit-linear-gradient(top, #fff 40%, #e6e6e6 60%);
  background-image: -moz-linear-gradient(top, #fff 40%, #e6e6e6 60%);
  background-image: -ms-linear-gradient(top, #fff 40%, #e6e6e6 60%);
  background-image: -o-linear-gradient(top, #fff 40%, #e6e6e6 60%);
  background-image: linear-gradient(top, #fff 40%, #e6e6e6 60%);
  text-shadow: 1px 1px 0px #fff;
}
a.button.soft:hover, a.btn.soft:hover, input[type=submit].soft:hover, button.soft:hover {
  border-color: #8c8c8c;
  color: #050505;
  background-color: #eee 60%;
  background-image: -webkit-linear-gradient(top, #fff 40%, #eee 60%);
  background-image: -moz-linear-gradient(top, #fff 40%, #eee 60%);
  background-image: -ms-linear-gradient(top, #fff 40%, #eee 60%);
  background-image: -o-linear-gradient(top, #fff 40%, #eee 60%);
  background-image: linear-gradient(top, #fff 40%, #eee 60%);
}
a.button.soft:active, a.button.soft:focus, a.btn.soft:active, a.btn.soft:focus, input[type=submit].soft:active, input[type=submit].soft:focus, button.soft:active, button.soft:focus {
  background: #bfbfbf;
  border-color: #6b6b6b;
  -webkit-box-shadow: 0 0 0, inset 0 1px 16px #5e5e5e;
  -moz-box-shadow: 0 0 0, inset 0 1px 16px #5e5e5e;
  -o-box-shadow: 0 0 0, inset 0 1px 16px #5e5e5e;
  box-shadow: 0 0 0, inset 0 1px 16px #5e5e5e;
  color: #5e5e5e;
  text-shadow: 0 0 0;
}
a.button.success, a.btn.success, input[type=submit].success, button.success {
  border-color: #2d5011;
  background-color: #457a1a 60%;
  background-image: -webkit-linear-gradient(top, #5DA423 40%, #457a1a 60%);
  background-image: -moz-linear-gradient(top, #5DA423 40%, #457a1a 60%);
  background-image: -ms-linear-gradient(top, #5DA423 40%, #457a1a 60%);
  background-image: -o-linear-gradient(top, #5DA423 40%, #457a1a 60%);
  background-image: linear-gradient(top, #5DA423 40%, #457a1a 60%);
}
a.button.success:hover, a.btn.success:hover, input[type=submit].success:hover, button.success:hover {
  background-color: #457a1a 60%;
  background-image: -webkit-linear-gradient(top, #75ce2c 40%, #457a1a 60%);
  background-image: -moz-linear-gradient(top, #75ce2c 40%, #457a1a 60%);
  background-image: -ms-linear-gradient(top, #75ce2c 40%, #457a1a 60%);
  background-image: -o-linear-gradient(top, #75ce2c 40%, #457a1a 60%);
  background-image: linear-gradient(top, #75ce2c 40%, #457a1a 60%);
}
a.button.success:active, a.button.success:focus, a.btn.success:active, a.btn.success:focus, input[type=submit].success:active, input[type=submit].success:focus, button.success:active, button.success:focus {
  background: #396516;
}
a.button.alert, a.btn.alert, input[type=submit].alert, button.alert {
  border-color: #7c2716;
  background-color: #a7341e 60%;
  background-image: -webkit-linear-gradient(top, #d24226 40%, #a7341e 60%);
  background-image: -moz-linear-gradient(top, #d24226 40%, #a7341e 60%);
  background-image: -ms-linear-gradient(top, #d24226 40%, #a7341e 60%);
  background-image: -o-linear-gradient(top, #d24226 40%, #a7341e 60%);
  background-image: linear-gradient(top, #d24226 40%, #a7341e 60%);
}
a.button.alert:hover, a.btn.alert:hover, input[type=submit].alert:hover, button.alert:hover {
  background-color: #a7341e 60%;
  background-image: -webkit-linear-gradient(top, #df644c 40%, #a7341e 60%);
  background-image: -moz-linear-gradient(top, #df644c 40%, #a7341e 60%);
  background-image: -ms-linear-gradient(top, #df644c 40%, #a7341e 60%);
  background-image: -o-linear-gradient(top, #df644c 40%, #a7341e 60%);
  background-image: linear-gradient(top, #df644c 40%, #a7341e 60%);
}
a.button.alert:active, a.button.alert:focus, a.btn.alert:active, a.btn.alert:focus, input[type=submit].alert:active, input[type=submit].alert:focus, button.alert:active, button.alert:focus {
  background: #912e1a;
}
a.button:before, a.btn:before, input[type=submit]:before, button:before {
  position: relative;
  font-size: 0.95em;
  margin-right: 0.5em;
  top: 0.15em;
}
a.button.large, a.btn.large, input[type=submit].large, button.large {
  font-size: 1.25em;
}
a.button.small, a.btn.small, input[type=submit].small, button.small {
  font-size: 1em;
}
a.button.tiny, a.btn.tiny, input[type=submit].tiny, button.tiny {
  font-size: 0.85em;
  padding: 0.35em 1em 0.4em 1em;
}

/* =========== Icons */
/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
* 
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-social.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSSocial";
  src: url("../fonts/ss-social-circle.eot");
  src: url("../fonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-circle.woff") format("woff"), url("../fonts/ss-social-circle.ttf") format("truetype"), url("../fonts/ss-social-circle.svg#SSSocialCircle") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "SSSocial";
  src: url("../fonts/ss-social-regular.eot");
  src: url("../fonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-regular.woff") format("woff"), url("../fonts/ss-social-regular.ttf") format("truetype"), url("../fonts/ss-social-regular.svg#SSSocialRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=ss-]:before, blockquote[class^=ss-]:after, [class*=" ss-"]:before, blockquote[class*=" ss-"]:after,
.ss-icon.ss-social-circle, [class^=ss-].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
.ss-icon.ss-social, [class^=ss-].ss-social:before, [class*=" ss-"].ss-social:before {
  font-family: "SSSocial";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -moz-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

.ss-icon.ss-social-circle, [class^=ss-].ss-social-circle:before, blockquote[class^=ss-].ss-social-circle:after, [class*=" ss-"].ss-social-circle:before, blockquote[class*=" ss-"].ss-social-circle:after {
  font-weight: bold;
}

.ss-facebook:before, blockquote.ss-facebook:after {
  content: "\f610";
}

.ss-twitter:before, blockquote.ss-twitter:after {
  content: "\f611";
}

.ss-linkedin:before, blockquote.ss-linkedin:after {
  content: "\f612";
}

.ss-googleplus:before, blockquote.ss-googleplus:after {
  content: "\f613";
}

.ss-tumblr:before, blockquote.ss-tumblr:after {
  content: "\f620";
}

.ss-wordpress:before, blockquote.ss-wordpress:after {
  content: "\f621";
}

.ss-blogger:before, blockquote.ss-blogger:after {
  content: "\f622";
}

.ss-posterous:before, blockquote.ss-posterous:after {
  content: "\f623";
}

.ss-youtube:before, blockquote.ss-youtube:after {
  content: "\f630";
}

.ss-vimeo:before, blockquote.ss-vimeo:after {
  content: "\f631";
}

.ss-flickr:before, blockquote.ss-flickr:after {
  content: "\f640";
}

.ss-instagram:before, blockquote.ss-instagram:after {
  content: "\f641";
}

.ss-pinterest:before, blockquote.ss-pinterest:after {
  content: "\f650";
}

.ss-dribbble:before, blockquote.ss-dribbble:after {
  content: "\f660";
}

.ss-behance:before, blockquote.ss-behance:after {
  content: "\f661";
}

.ss-github:before, blockquote.ss-github:after {
  content: "\f670";
}

.ss-paypal:before, blockquote.ss-paypal:after {
  content: "\f680";
}

.ss-foursquare:before, blockquote.ss-foursquare:after {
  content: "\f690";
}

.ss-skype:before, blockquote.ss-skype:after {
  content: "\f6a0";
}

.ss-mail:before, blockquote.ss-mail:after {
  content: "✉";
}

/* =========== Icons */
/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
* 
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-standard.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSStandard";
  src: url("../fonts/ss-standard.eot");
  src: url("../fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-standard.woff") format("woff"), url("../fonts/ss-standard.ttf") format("truetype"), url("../fonts/ss-standard.svg#SSStandard") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ss-icon, [class^=ss-]:before, blockquote[class^=ss-]:after, [class*=" ss-"]:before, blockquote[class*=" ss-"]:after,
.ss-icon.ss-standard, [class^=ss-].ss-standard:before, [class*=" ss-"].ss-standard:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -moz-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

.ss-cursor:before, blockquote.ss-cursor:after {
  content: "\e001";
}

.ss-crosshair:before, blockquote.ss-crosshair:after {
  content: "⌖";
}

.ss-search:before, blockquote.ss-search:after {
  content: "🔎";
}

.ss-view:before, blockquote.ss-view:after {
  content: "👀";
}

.ss-attach:before, blockquote.ss-attach:after {
  content: "📎";
}

.ss-link:before, blockquote.ss-link:after {
  content: "🔗";
}

.ss-move:before, blockquote.ss-move:after {
  content: "\e070";
}

.ss-write:before, blockquote.ss-write:after {
  content: "✎";
}

.ss-writingdisabled:before, blockquote.ss-writingdisabled:after {
  content: "\e071";
}

.ss-erase:before, blockquote.ss-erase:after {
  content: "✐";
}

.ss-compose:before, blockquote.ss-compose:after {
  content: "📝";
}

.ss-lock:before, blockquote.ss-lock:after {
  content: "🔒";
}

.ss-unlock:before, blockquote.ss-unlock:after {
  content: "🔓";
}

.ss-key:before, blockquote.ss-key:after {
  content: "🔑";
}

.ss-backspace:before, blockquote.ss-backspace:after {
  content: "⌫";
}

.ss-ban:before, blockquote.ss-ban:after {
  content: "🚫";
}

.ss-trash:before, blockquote.ss-trash:after {
  content: "\e0d0";
}

.ss-target:before, blockquote.ss-target:after {
  content: "◎";
}

.ss-tag:before, blockquote.ss-tag:after {
  content: "\e100";
}

.ss-bookmark:before, blockquote.ss-bookmark:after {
  content: "🔖";
}

.ss-flag:before, blockquote.ss-flag:after {
  content: "⚑";
}

.ss-like:before, blockquote.ss-like:after {
  content: "👍";
}

.ss-dislike:before, blockquote.ss-dislike:after {
  content: "👎";
}

.ss-heart:before, blockquote.ss-heart:after {
  content: "♥";
}

.ss-halfheart:before, blockquote.ss-halfheart:after {
  content: "\e1a0";
}

.ss-star:before, blockquote.ss-star:after {
  content: "⋆";
}

.ss-halfstar:before, blockquote.ss-halfstar:after {
  content: "\e1a1";
}

.ss-sample:before, blockquote.ss-sample:after {
  content: "\e200";
}

.ss-crop:before, blockquote.ss-crop:after {
  content: "\e201";
}

.ss-layers:before, blockquote.ss-layers:after {
  content: "\e202";
}

.ss-phone:before, blockquote.ss-phone:after {
  content: "📞";
}

.ss-phonedisabled:before, blockquote.ss-phonedisabled:after {
  content: "\e300";
}

.ss-rss:before, blockquote.ss-rss:after {
  content: "\e310";
}

.ss-facetime:before, blockquote.ss-facetime:after {
  content: "\e320";
}

.ss-reply:before, blockquote.ss-reply:after {
  content: "↩";
}

.ss-mail:before, blockquote.ss-mail:after {
  content: "✉";
}

.ss-inbox:before, blockquote.ss-inbox:after {
  content: "📥";
}

.ss-chat:before, blockquote.ss-chat:after {
  content: "💬";
}

.ss-user:before, blockquote.ss-user:after {
  content: "👤";
}

.ss-femaleuser:before, blockquote.ss-femaleuser:after {
  content: "👧";
}

.ss-users:before, blockquote.ss-users:after {
  content: "👥";
}

.ss-cart:before, blockquote.ss-cart:after {
  content: "\e500";
}

.ss-creditcard:before, blockquote.ss-creditcard:after {
  content: "💳";
}

.ss-barchart:before, blockquote.ss-barchart:after {
  content: "📊";
}

.ss-piechart:before, blockquote.ss-piechart:after {
  content: "\e570";
}

.ss-box:before, blockquote.ss-box:after {
  content: "📦";
}

.ss-home:before, blockquote.ss-home:after {
  content: "⌂";
}

.ss-globe:before, blockquote.ss-globe:after {
  content: "🌎";
}

.ss-navigate:before, blockquote.ss-navigate:after {
  content: "\e670";
}

.ss-compass:before, blockquote.ss-compass:after {
  content: "\e671";
}

.ss-signpost:before, blockquote.ss-signpost:after {
  content: "\e672";
}

.ss-location:before, blockquote.ss-location:after {
  content: "\e6d0";
}

.ss-map:before, blockquote.ss-map:after {
  content: "\e673";
}

.ss-pin:before, blockquote.ss-pin:after {
  content: "📍";
}

.ss-database:before, blockquote.ss-database:after {
  content: "\e7a0";
}

.ss-music:before, blockquote.ss-music:after {
  content: "♫";
}

.ss-mic:before, blockquote.ss-mic:after {
  content: "🎤";
}

.ss-volume:before, blockquote.ss-volume:after {
  content: "🔈";
}

.ss-volumelow:before, blockquote.ss-volumelow:after {
  content: "🔉";
}

.ss-volumehigh:before, blockquote.ss-volumehigh:after {
  content: "🔊";
}

.ss-airplay:before, blockquote.ss-airplay:after {
  content: "\e800";
}

.ss-camera:before, blockquote.ss-camera:after {
  content: "📷";
}

.ss-picture:before, blockquote.ss-picture:after {
  content: "🌄";
}

.ss-video:before, blockquote.ss-video:after {
  content: "📹";
}

.ss-play:before, blockquote.ss-play:after {
  content: "▶";
}

.ss-pause:before, blockquote.ss-pause:after {
  content: "\e8a0";
}

.ss-stop:before, blockquote.ss-stop:after {
  content: "■";
}

.ss-record:before, blockquote.ss-record:after {
  content: "●";
}

.ss-rewind:before, blockquote.ss-rewind:after {
  content: "⏪";
}

.ss-fastforward:before, blockquote.ss-fastforward:after {
  content: "⏩";
}

.ss-skipback:before, blockquote.ss-skipback:after {
  content: "⏮";
}

.ss-skipforward:before, blockquote.ss-skipforward:after {
  content: "⏭";
}

.ss-eject:before, blockquote.ss-eject:after {
  content: "⏏";
}

.ss-repeat:before, blockquote.ss-repeat:after {
  content: "🔁";
}

.ss-replay:before, blockquote.ss-replay:after {
  content: "↺";
}

.ss-shuffle:before, blockquote.ss-shuffle:after {
  content: "🔀";
}

.ss-notebook:before, blockquote.ss-notebook:after {
  content: "📓";
}

.ss-grid:before, blockquote.ss-grid:after {
  content: "\e9a0";
}

.ss-rows:before, blockquote.ss-rows:after {
  content: "\e9a1";
}

.ss-columns:before, blockquote.ss-columns:after {
  content: "\e9a2";
}

.ss-desktop:before, blockquote.ss-desktop:after {
  content: "💻";
}

.ss-laptop:before, blockquote.ss-laptop:after {
  content: "\ea00";
}

.ss-tablet:before, blockquote.ss-tablet:after {
  content: "\ea01";
}

.ss-cell:before, blockquote.ss-cell:after {
  content: "📱";
}

.ss-battery:before, blockquote.ss-battery:after {
  content: "🔋";
}

.ss-batteryhigh:before, blockquote.ss-batteryhigh:after {
  content: "\ea10";
}

.ss-batterymedium:before, blockquote.ss-batterymedium:after {
  content: "\ea11";
}

.ss-batterylow:before, blockquote.ss-batterylow:after {
  content: "\ea12";
}

.ss-batteryempty:before, blockquote.ss-batteryempty:after {
  content: "\ea13";
}

.ss-clouddownload:before, blockquote.ss-clouddownload:after {
  content: "\eb00";
}

.ss-download:before, blockquote.ss-download:after {
  content: "\eb01";
}

.ss-cloudupload:before, blockquote.ss-cloudupload:after {
  content: "\eb40";
}

.ss-upload:before, blockquote.ss-upload:after {
  content: "\eb41";
}

.ss-fork:before, blockquote.ss-fork:after {
  content: "\eb80";
}

.ss-merge:before, blockquote.ss-merge:after {
  content: "\eb81";
}

.ss-refresh:before, blockquote.ss-refresh:after {
  content: "↻";
}

.ss-sync:before, blockquote.ss-sync:after {
  content: "\eb82";
}

.ss-loading:before, blockquote.ss-loading:after {
  content: "\eb83";
}

.ss-wifi:before, blockquote.ss-wifi:after {
  content: "\eb84";
}

.ss-connection:before, blockquote.ss-connection:after {
  content: "\eb85";
}

.ss-file:before, blockquote.ss-file:after {
  content: "📄";
}

.ss-folder:before, blockquote.ss-folder:after {
  content: "📁";
}

.ss-quote:before, blockquote.ss-quote:after {
  content: "“";
}

.ss-text:before, blockquote.ss-text:after {
  content: "\ed00";
}

.ss-font:before, blockquote.ss-font:after {
  content: "\ed01";
}

.ss-print:before, blockquote.ss-print:after {
  content: "⎙";
}

.ss-fax:before, blockquote.ss-fax:after {
  content: "📠";
}

.ss-list:before, blockquote.ss-list:after {
  content: "\ed50";
}

.ss-layout:before, blockquote.ss-layout:after {
  content: "\eda0";
}

.ss-action:before, blockquote.ss-action:after {
  content: "\ee00";
}

.ss-expand:before, blockquote.ss-expand:after {
  content: "⤢";
}

.ss-contract:before, blockquote.ss-contract:after {
  content: "\ee01";
}

.ss-help:before, blockquote.ss-help:after {
  content: "❓";
}

.ss-info:before, blockquote.ss-info:after {
  content: "ℹ";
}

.ss-alert:before, blockquote.ss-alert:after {
  content: "⚠";
}

.ss-caution:before, blockquote.ss-caution:after {
  content: "⛔";
}

.ss-plus:before, blockquote.ss-plus:after {
  content: "+";
}

.ss-hyphen:before, blockquote.ss-hyphen:after {
  content: "-";
}

.ss-dropdown:before, blockquote.ss-dropdown:after {
  content: "▾";
}

.ss-check:before, blockquote.ss-check:after {
  content: "✓";
}

.ss-delete:before, blockquote.ss-delete:after {
  content: "␡";
}

.ss-settings:before, blockquote.ss-settings:after {
  content: "⚙";
}

.ss-dashboard:before, blockquote.ss-dashboard:after {
  content: "\f000";
}

.ss-notifications:before, blockquote.ss-notifications:after {
  content: "🔔";
}

.ss-notificationsdisabled:before, blockquote.ss-notificationsdisabled:after {
  content: "🔕";
}

.ss-clock:before, blockquote.ss-clock:after {
  content: "⏲";
}

.ss-stopwatch:before, blockquote.ss-stopwatch:after {
  content: "⏱";
}

.ss-calendar:before, blockquote.ss-calendar:after {
  content: "📆";
}

.ss-calendaradd:before, blockquote.ss-calendaradd:after {
  content: "\f070";
}

.ss-calendarremove:before, blockquote.ss-calendarremove:after {
  content: "\f071";
}

.ss-calendarcheck:before, blockquote.ss-calendarcheck:after {
  content: "\f072";
}

.ss-briefcase:before, blockquote.ss-briefcase:after {
  content: "💼";
}

.ss-cloud:before, blockquote.ss-cloud:after {
  content: "☁";
}

.ss-navigateup:before, blockquote.ss-navigateup:after {
  content: "\f500";
}

.ss-navigateright:before, blockquote.ss-navigateright:after {
  content: "▻";
}

.ss-navigatedown:before, blockquote.ss-navigatedown:after {
  content: "\f501";
}

.ss-navigateleft:before, blockquote.ss-navigateleft:after {
  content: "◅";
}

.ss-up:before, blockquote.ss-up:after {
  content: "⬆";
}

.ss-upright:before, blockquote.ss-upright:after {
  content: "⬈";
}

.ss-right:before, blockquote.ss-right:after {
  content: "➡";
}

.ss-downright:before, blockquote.ss-downright:after {
  content: "⬊";
}

.ss-down:before, blockquote.ss-down:after {
  content: "⬇";
}

.ss-downleft:before, blockquote.ss-downleft:after {
  content: "⬋";
}

.ss-left:before, blockquote.ss-left:after {
  content: "⬅";
}

.ss-upleft:before, blockquote.ss-upleft:after {
  content: "⬉";
}

.ss-retweet:before, blockquote.ss-retweet:after {
  content: "\f600";
}

/* =========== Messages */
ul.messages {
  list-style: none;
  margin: 0 0 1.25em 0;
}
ul.messages li {
  border: 1px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 1px rgba(5, 5, 5, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: 0px 1px 1px rgba(5, 5, 5, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  -o-box-shadow: 0px 1px 1px rgba(5, 5, 5, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  box-shadow: 0px 1px 1px rgba(5, 5, 5, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  font-weight: bold;
  margin: 0.25em 0;
  line-height: 1.5em;
  font-size: 1em;
  display: block;
  vertical-align: baseline;
  padding: 0.25em 1em 0.35em 1em;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
}
ul.messages li.success {
  border-color: #5DA423;
  color: #5DA423;
  background-color: #c6eca7;
  background-image: -webkit-linear-gradient(top, #d4f1bc, #c6eca7);
  background-image: -moz-linear-gradient(top, #d4f1bc, #c6eca7);
  background-image: -ms-linear-gradient(top, #d4f1bc, #c6eca7);
  background-image: -o-linear-gradient(top, #d4f1bc, #c6eca7);
  background-image: linear-gradient(top, #d4f1bc, #c6eca7);
}
ul.messages li.error, ul.messages li.fail, ul.messages li.alert {
  border-color: #d24226;
  color: #d24226;
  background-color: #f6d4ce;
  background-image: -webkit-linear-gradient(top, #fae7e3, #f6d4ce);
  background-image: -moz-linear-gradient(top, #fae7e3, #f6d4ce);
  background-image: -ms-linear-gradient(top, #fae7e3, #f6d4ce);
  background-image: -o-linear-gradient(top, #fae7e3, #f6d4ce);
  background-image: linear-gradient(top, #fae7e3, #f6d4ce);
}
ul.messages li.warning {
  border-color: #f57d00;
  color: #f57d00;
  background-color: #ffe1c2;
  background-image: -webkit-linear-gradient(top, #ffeedc, #ffe1c2);
  background-image: -moz-linear-gradient(top, #ffeedc, #ffe1c2);
  background-image: -ms-linear-gradient(top, #ffeedc, #ffe1c2);
  background-image: -o-linear-gradient(top, #ffeedc, #ffe1c2);
  background-image: linear-gradient(top, #ffeedc, #ffe1c2);
}
ul.messages li.info {
  border-color: #276ba4;
  color: #276ba4;
  background-color: #acceeb;
  background-image: -webkit-linear-gradient(top, #c0daf0, #acceeb);
  background-image: -moz-linear-gradient(top, #c0daf0, #acceeb);
  background-image: -ms-linear-gradient(top, #c0daf0, #acceeb);
  background-image: -o-linear-gradient(top, #c0daf0, #acceeb);
  background-image: linear-gradient(top, #c0daf0, #acceeb);
}

/* =========== Popover */
div.popover {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
  /* Overlay */
}
div.popover > div {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.6);
  -moz-box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.6);
  -o-box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.6);
  box-shadow: 0px 0px 20px rgba(5, 5, 5, 0.6);
  margin: 40px auto;
  max-width: 800px;
  padding: 1.5em;
  position: relative;
  top: 0;
}
div.popover:after {
  background: rgba(5, 5, 5, 0.9);
  content: " ";
  height: 100%;
  opacity: 0.9;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

/* =========== Tabs */
ul.tabs {
  border-bottom: 1px solid #d1d1d1;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 0 0 1.25em 0;
}
ul.tabs li {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-bottom: -2px;
  position: relative;
}
ul.tabs a {
  border: 1px solid transparent;
  color: #666;
  display: block;
  padding: 0.75em 1em;
  text-decoration: none;
}
ul.tabs a:hover {
  border-left: 1px solid #d1d1d1;
  border-top: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0px 0px;
  -moz-border-radius: 4px 4px 0px 0px;
  -ms-border-radius: 4px 4px 0px 0px;
  -o-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  color: #333;
}
ul.tabs li.selected a, ul.tabs li.active a {
  background: #fff;
  border: 1px solid #d1d1d1;
  border-bottom-color: #fff;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  color: #333;
  font-weight: bold;
  padding: 0.7em 1em 0.75em 1em;
}

ul.steps {
  border-bottom: 1px solid #d1d1d1;
  margin: 0 0 1.25em 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
ul.steps li {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
ul.steps a {
  color: #666;
  display: block;
  padding: 0.75em 1em;
  text-decoration: none;
}
ul.steps li.completed a {
  color: #333;
}
ul.steps li:hover a {
  color: #333;
}
ul.steps li.selected a, ul.steps li.active a {
  color: #333;
  font-weight: bold;
}

/* =========== Panels */
.panel {
  background: rgba(255, 255, 255, 0.9);
  background: #ffffff \9 ;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px #e6e6e6;
  -moz-box-shadow: 0px 0px 8px #e6e6e6;
  -o-box-shadow: 0px 0px 8px #e6e6e6;
  box-shadow: 0px 0px 8px #e6e6e6;
  padding: 0.5em 1em;
  margin-bottom: 0.625em;
}
.panel.callout {
  background: #276ba4;
  border-color: #133552;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(5, 5, 5, 0.5);
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  color: #fff;
}
.panel figure {
  width: auto;
  display: block;
  margin-bottom: 0.625em;
  margin-left: -0.95em;
  margin-right: -0.95em;
  padding: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  -o-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  position: relative;
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
.panel figure img {
  width: 100%;
}
.panel figure span {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* =========== Cookie message */
div.cookie {
  display: none;
  text-align: center;
  background-color: #d1d1d1;
  background-image: -webkit-linear-gradient(top, #ebebeb, #d1d1d1);
  background-image: -moz-linear-gradient(top, #ebebeb, #d1d1d1);
  background-image: -ms-linear-gradient(top, #ebebeb, #d1d1d1);
  background-image: -o-linear-gradient(top, #ebebeb, #d1d1d1);
  background-image: linear-gradient(top, #ebebeb, #d1d1d1);
  -webkit-box-shadow: inset 0px -1px 3px -1px rgba(5, 5, 5, 0.4);
  -moz-box-shadow: inset 0px -1px 3px -1px rgba(5, 5, 5, 0.4);
  -o-box-shadow: inset 0px -1px 3px -1px rgba(5, 5, 5, 0.4);
  box-shadow: inset 0px -1px 3px -1px rgba(5, 5, 5, 0.4);
  padding-top: 0.25em;
  padding-bottom: 0.35em;
}
div.cookie p {
  font-size: 0.95em;
  margin-bottom: 0;
}
div.cookie a {
  font-weight: bold;
}

/* =========== Application */
body.application div.container > header {
  display: none;
}
body.application div.support {
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
body.application ul.applications {
  display: block;
  float: left;
  margin: 0;
  position: relative;
  top: 0.15em;
  list-style: none;
  *zoom: 1;
}
body.application ul.applications:before, body.application ul.applications:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
body.application ul.applications:after {
  clear: both;
}
body.application ul.applications li {
  float: left;
  margin-right: 1em;
}
body.application ul.applications a {
  font-size: 0.95em;
  font-family: "Ubuntu Condensed", "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9);
  letter-spacing: -1px;
  color: #acb1b5;
}
body.application ul.applications a:hover {
  color: #276ba4;
}
body.application div.photo {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}
body.application div.photo nav {
  padding: 0.5em 1em 0.5em 1em;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  -o-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
body.application div.photo nav ul.navigation a {
  text-transform: none;
  font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1em;
}
body.application div.photo nav ul.navigation a:before {
  display: inline-block;
  position: relative;
  top: 0.15em;
  margin-right: 0.5em;
  font-size: 0.95em;
}
body.application div.photo nav ul.navigation li.selected a {
  background: rgba(5, 5, 5, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 1px 12px rgba(5, 5, 5, 0.6), 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 1px 12px rgba(5, 5, 5, 0.6), 0px 1px 0px rgba(255, 255, 255, 0.2);
  -o-box-shadow: inset 0px 1px 12px rgba(5, 5, 5, 0.6), 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 12px rgba(5, 5, 5, 0.6), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
body.application div.photo div.slide {
  display: none;
}
body.application div.account {
  top: 0.5em;
  right: 0.5em;
}
body.application div.account a.button {
  display: none;
}
body.application a.account-avatar {
  display: block;
}
body.application a.account-avatar img {
  height: 3.2em;
  width: 3.2em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
body.application ul.account-options {
  display: block;
  background: rgba(255, 255, 255, 0.95);
  background: #ffffff \9 ;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px rgba(5, 5, 5, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(5, 5, 5, 0.3);
  -o-box-shadow: 0px 0px 8px rgba(5, 5, 5, 0.3);
  box-shadow: 0px 0px 8px rgba(5, 5, 5, 0.3);
  border: 1px solid rgba(5, 5, 5, 0.3);
  position: absolute;
  width: 15em;
  right: 0;
  top: 3.4em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  z-index: 10000;
}
body.application ul.account-options:before {
  position: absolute;
  background: url("../images/dropdown.png") no-repeat;
  background-image: url("../images/dropdownIE.png");
  background-size: 100%;
  top: -0.5em;
  right: 0.95em;
  height: 0.6em;
  content: " ";
  display: block;
  width: 1em;
}
body.application ul.account-options li {
  margin-bottom: 0.5em;
  float: none;
  margin: 0;
  padding: 0;
  display: block;
  margin-bottom: 1px;
}
body.application ul.account-options a {
  padding: 0.5em 1em 0.5em 1em;
  text-shadow: 1px 1px 0px #fff;
  text-transform: none;
  font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  display: block;
  color: #91979d;
}
body.application ul.account-options a:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #276ba4;
}
body.application div.holder {
  margin-bottom: 2.5em;
  *zoom: 1;
  background: #fff;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: 0px 0px 8px #e6e6e6;
  -moz-box-shadow: 0px 0px 8px #e6e6e6;
  -o-box-shadow: 0px 0px 8px #e6e6e6;
  box-shadow: 0px 0px 8px #e6e6e6;
}
body.application div.holder:before, body.application div.holder:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
body.application div.holder:after {
  clear: both;
}
body.application div.holder div.content {
  padding-bottom: 2.5em;
}
body.application aside {
  float: left;
  width: 33.3333333333%;
  margin-left: 0%;
  margin-right: 0%;
  padding: 1em;
  border-right: 1px solid #d9d9d9;
  -webkit-box-shadow: 0px 0px 8px #e6e6e6;
  -moz-box-shadow: 0px 0px 8px #e6e6e6;
  -o-box-shadow: 0px 0px 8px #e6e6e6;
  box-shadow: 0px 0px 8px #e6e6e6;
}
body.application aside ul.navigation {
  border: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  -o-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  margin-left: -1em;
  margin-right: -1em;
}
body.application div.content {
  padding: 1em 0.5em 1em 0.5em;
  float: left;
  width: 66.6666666667%;
  margin-left: 0%;
  margin-right: 0%;
}
body.application div.content.no-aside {
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
body.application div.content header {
  border-bottom: 1px solid #d1d1d1;
  -webkit-box-shadow: 0px 1px 0px white;
  -moz-box-shadow: 0px 1px 0px white;
  -o-box-shadow: 0px 1px 0px white;
  box-shadow: 0px 1px 0px white;
  margin-bottom: 1.25em;
  clear: both;
  float: none;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-top: -1em;
  padding: 0.9em 0.5em 0.85em 0.5em;
  background: url("../images/teaser.png") center bottom no-repeat;
  *zoom: 1;
}
body.application div.content header:before, body.application div.content header:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
body.application div.content header:after {
  clear: both;
}
body.application div.content header h1, body.application div.content header h2, body.application div.content header h3 {
  float: left;
  width: 95.8333333333%;
  margin-left: 2.0833333333%;
  margin-right: 2.0833333333%;
  margin-bottom: 0;
}
body.application div.content header h1 {
  font-size: 1.5em;
}
body.application div.content > ul.tabs, body.application div.content > ul.steps {
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-top: -0.85em;
  background: url("../images/teaser.png") left bottom no-repeat;
}
body.application div.content > ul.tabs li a, body.application div.content > ul.steps li a {
  padding: 0.5em 1em 0.5em 1em;
}
body.application div.content > ul.tabs li.selected a, body.application div.content > ul.steps li.selected a {
  padding: 0.45em 1em 0.5em 1em;
}
body.application form ol {
  border-bottom: 1px solid #d9d9d9;
}
body.application form ol > li {
  background: #f5f5f5;
  margin-bottom: 2px;
  padding: 0.5em;
}
body.application form ol > li > label {
  padding-left: 1em;
}
body.application footer {
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
body.application footer ul.partners {
  display: none;
}

/* =========== Login */
body.login {
  background: url("../images/login-background.jpg");
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%;
  display: table;
}

div.login-wrapper {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

div.login-box {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  max-width: 24em;
  margin: auto;
  background: rgba(0, 0, 0, 0.3);
  background-image: url("../images/black.png") \9 ;
  padding: 2em 2em 1em 2em;
  *zoom: 1;
  color: rgba(255, 255, 255, 0.7);
  color: #fff \9 ;
}
div.login-box:before, div.login-box:after {
  display: block;
  height: 0 !important;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ".";
}
div.login-box:after {
  clear: both;
}
div.login-box div.login-logo {
  width: 7.813em;
  height: 3.125em;
  background: url("../images/logo.svg");
  background-image: url("../images/logoIE.svg");
  background-size: 100%;
  margin-bottom: 1.25em;
}
div.login-box a {
  color: rgba(255, 255, 255, 0.7);
  color: #fff \9 ;
  font-size: 0.9em;
}
div.login-box a:hover {
  color: #fff;
}
div.login-box h1, div.login-box h2, div.login-box h3, div.login-box h4, div.login-box h5, div.login-box h6 {
  color: rgba(255, 255, 255, 0.7);
  color: #fff \9 ;
}
div.login-box form {
  margin-bottom: 1.25em;
}
div.login-box fieldset {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px rgba(5, 5, 5, 0.6);
  -moz-box-shadow: 0px 0px 6px rgba(5, 5, 5, 0.6);
  -o-box-shadow: 0px 0px 6px rgba(5, 5, 5, 0.6);
  box-shadow: 0px 0px 6px rgba(5, 5, 5, 0.6);
  margin-bottom: 0.4166666667em;
}
div.login-box input[type=text], div.login-box input[type=password], div.login-box input[type=email] {
  background: none;
  border: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  -o-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  padding-left: 3.4em;
}
div.login-box button {
  width: 100%;
  border: 0;
  font-size: 1em;
  margin-bottom: 0.1em;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), inset 0 1px 0px rgba(255, 255, 255, 0.3), inset 0px 0px 10px rgba(255, 255, 255, 0.3);
}
div.login-box button:last-child {
  margin-bottom: 0;
}
div.login-box button:active {
  -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.2), inset 0 0 20px rgba(5, 5, 5, 0.5);
  -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.2), inset 0 0 20px rgba(5, 5, 5, 0.5);
  -o-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.2), inset 0 0 20px rgba(5, 5, 5, 0.5);
  box-shadow: 0 1px 0px rgba(255, 255, 255, 0.2), inset 0 0 20px rgba(5, 5, 5, 0.5);
}

div.login-label {
  position: relative;
}
div.login-label span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #ebebeb;
  padding: 0.7em 0.8em 0em 0.8em;
}
div.login-label span.ss-user {
  -webkit-border-radius: 5px 0px 0px 0px;
  -moz-border-radius: 5px 0px 0px 0px;
  -ms-border-radius: 5px 0px 0px 0px;
  -o-border-radius: 5px 0px 0px 0px;
  border-radius: 5px 0px 0px 0px;
}
div.login-label span.ss-key {
  -webkit-border-radius: 0px 0px 0px 5px;
  -moz-border-radius: 0px 0px 0px 5px;
  -ms-border-radius: 0px 0px 0px 5px;
  -o-border-radius: 0px 0px 0px 5px;
  border-radius: 0px 0px 0px 5px;
}
div.login-label.first {
  border-bottom: 1px solid #d1d1d1;
}

/* =========== Media queries */
/* =========== Media queries */
/*

    Almost everything in Taiga works with em units.
    This way you only need to change the body font on other screen sizes to make everything fit.

/*

/* Tablets */
@media only screen and (max-height: 760px) {
  body div.photo div.slide {
    padding: 2em 2em;
  }
}
@media only screen and (max-height: 560px) {
  body div.photo nav {
    padding: 1em 2em;
  }
  body div.photo nav a.button {
    top: 1.7em;
  }
  body div.container > header {
    padding: 1em 0;
    margin-bottom: 1.25em;
  }
}
@media only screen and (max-width: 1040px) {
  body div.container {
    min-width: 0 \9 ;
  }
  body div.support {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  body div.container > header {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  body aside {
    float: left;
    width: 27.0833333333%;
    margin-left: 6.25%;
    margin-right: 0%;
  }
  body div.content {
    float: left;
    width: 58.3333333333%;
    margin-left: 2.0833333333%;
    margin-right: 6.25%;
  }
  body div.content.no-aside {
    float: left;
    width: 87.5%;
    margin-left: 6.25%;
    margin-right: 6.25%;
  }
  body footer {
    float: left;
    width: 87.5%;
    margin-left: 6.25%;
    margin-right: 6.25%;
  }
  body.application aside {
    float: left;
    width: 33.3333333333%;
    margin-left: 0%;
    margin-right: 0%;
  }
  body.application div.content {
    float: left;
    width: 66.6666666667%;
    margin-left: 0%;
    margin-right: 0%;
  }
  body.application div.content.no-aside {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
}
@media only screen and (max-width: 960px) {
  body {
    font-size: 14px;
  }
  body aside {
    float: left;
    width: 33.3333333333%;
    margin-left: 0%;
    margin-right: 0%;
  }
  body div.content {
    float: left;
    width: 64.5833333333%;
    margin-left: 2.0833333333%;
    margin-right: 0%;
  }
  body div.content.no-aside {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  body div.content ul.thumbnails li {
    float: left;
    width: 32.2916666667%;
    margin-left: 0.5208333333%;
    margin-right: 0.5208333333%;
  }
  body footer {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  body.application div.content > header {
    padding-bottom: 0.9em;
  }
}
@media only screen and (max-width: 768px) {
  body div.support {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -ms-animation-name: none;
    -webkit-animation-duration: true;
    -moz-animation-duration: true;
    -ms-animation-duration: true;
    -webkit-animation-timing-function: true;
    -moz-animation-timing-function: true;
    -ms-animation-timing-function: true;
  }
  body div.content section.half, body div.content section.one-third, body div.content section.two-third {
    float: left;
    width: 95.8333333333%;
    margin-left: 2.0833333333%;
    margin-right: 2.0833333333%;
  }
  body div.photo {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -ms-animation-name: none;
    -webkit-animation-duration: true;
    -moz-animation-duration: true;
    -ms-animation-duration: true;
    -webkit-animation-timing-function: true;
    -moz-animation-timing-function: true;
    -ms-animation-timing-function: true;
  }
  body div.photo div.slide {
    padding: 2em 2em;
  }
  body div.photo nav div.menu {
    cursor: pointer;
    float: right;
    padding: 0.5em;
  }
  body div.photo nav div.menu span.dropdown {
    display: block;
  }
  body div.photo nav ul.navigation {
    /*display: none;*/
    background: rgba(255, 255, 255, 0.95);
    background: #ffffff \9 ;
    display: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 8px rgba(5, 5, 5, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(5, 5, 5, 0.3);
    -o-box-shadow: 0px 0px 8px rgba(5, 5, 5, 0.3);
    box-shadow: 0px 0px 8px rgba(5, 5, 5, 0.3);
    border: 1px solid rgba(5, 5, 5, 0.3);
    right: 1em;
    width: 50%;
    position: absolute;
    margin-top: 1em;
    z-index: 5;
    clear: both;
    margin-bottom: 0.625em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  body div.photo nav ul.navigation:before {
    position: absolute;
    background: url("../images/dropdown.png") no-repeat;
    background-image: url("../images/dropdownIE.png");
    background-size: 100%;
    top: -0.5em;
    right: 0.65em;
    height: 0.6em;
    content: " ";
    display: block;
    width: 1em;
  }
  body div.photo nav ul.navigation li {
    margin-bottom: 0.5em;
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    margin-bottom: 1px;
  }
  body div.photo nav ul.navigation li.application {
    display: block;
  }
  body div.photo nav ul.navigation li a {
    padding: 0.5em 1em 0.5em 1em;
    text-shadow: 1px 1px 0px #fff;
    text-transform: none;
    font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    display: block;
    color: #91979d;
    font-size: 1.1em;
  }
  body div.photo nav ul.navigation li a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #276ba4;
  }
  body div.photo nav ul.navigation li.selected a {
    background: rgba(0, 0, 0, 0.05);
    color: #276ba4;
  }
  body div.photo nav div.account {
    /* display: none; */
    top: 1.5em;
    right: 4em;
  }
  body div.photo nav div.account a.button {
    top: 1em;
  }
  body div.photo nav div.account a.account-avatar {
    position: relative;
    top: -10px;
  }
  body div.container > header {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -ms-animation-name: none;
    -webkit-animation-duration: true;
    -moz-animation-duration: true;
    -ms-animation-duration: true;
    -webkit-animation-timing-function: true;
    -moz-animation-timing-function: true;
    -ms-animation-timing-function: true;
  }
  body div.holder {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -ms-animation-name: none;
    -webkit-animation-duration: true;
    -moz-animation-duration: true;
    -ms-animation-duration: true;
    -webkit-animation-timing-function: true;
    -moz-animation-timing-function: true;
    -ms-animation-timing-function: true;
  }
  body.application div.photo nav ul.navigation li.selected a {
    background: rgba(0, 0, 0, 0.05);
    color: #276ba4;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  footer {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -ms-animation-name: none;
    -webkit-animation-duration: true;
    -moz-animation-duration: true;
    -ms-animation-duration: true;
    -webkit-animation-timing-function: true;
    -moz-animation-timing-function: true;
    -ms-animation-timing-function: true;
  }
  footer span.line {
    display: none;
  }
  footer ul.navigation {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
}
/* Phones */
@media only screen and (max-width: 520px) {
  body, body.application {
    /*font-size: 13px; */
  }
  body div.support, body.application div.support {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    left: 0;
    border-top: 1px solid rgba(5, 5, 5, 0.2);
    background-color: #fff;
  }
  body div.photo, body.application div.photo {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    margin-right: -1em;
    margin-left: -1em;
    margin-bottom: 1.25em;
  }
  body div.photo nav, body.application div.photo nav {
    padding: 1em 1em 0.6em 1em;
  }
  body div.photo nav div.menu ul.navigation, body.application div.photo nav div.menu ul.navigation {
    right: 0.5em;
  }
  body div.photo nav div.menu ul.navigation:before, body.application div.photo nav div.menu ul.navigation:before {
    right: 1.1em;
  }
  body div.photo a.button, body.application div.photo a.button {
    top: 1.75em;
  }
  body div.photo div.slide, body.application div.photo div.slide {
    display: none;
  }
  body div.become-member, body.application div.become-member {
    display: block;
  }
  body div.container > header, body.application div.container > header {
    display: none;
    text-align: left;
    padding: 0.5em 0;
    margin-bottom: 1.25em;
  }
  body div.container > header h1, body.application div.container > header h1 {
    font-size: 1.5em;
    text-align: left;
  }
  body div.content, body.application div.content {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
  body div.content section, body div.content section.half, body div.content section.one-third, body div.content section.two-third, body.application div.content section, body.application div.content section.half, body.application div.content section.one-third, body.application div.content section.two-third {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
  body div.content ul.thumbnails li, body.application div.content ul.thumbnails li {
    float: left;
    width: 48.9583333333%;
    margin-left: 0.5208333333%;
    margin-right: 0.5208333333%;
  }
  body div.content small.quick-to, body.application div.content small.quick-to {
    display: none;
  }
  body aside, body.application aside {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    height: auto !important;
  }
  body ul.partners, body.application ul.partners {
    display: none;
  }
  body form ol li > label, body.application form ol li > label {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    padding-left: 0;
    text-align: left;
    display: block;
  }
  body form ol li > div, body.application form ol li > div {
    clear: both;
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
  body.application div.photo {
    margin-bottom: 1em;
    margin-top: 0;
  }
  body.application div.holder {
    background: transparent;
    border: 0;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
  }
  body.application aside {
    border-bottom: 1px solid #d9d9d9;
    border-right: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #e6e6e6;
    -moz-box-shadow: 0px 0px 8px #e6e6e6;
    -o-box-shadow: 0px 0px 8px #e6e6e6;
    box-shadow: 0px 0px 8px #e6e6e6;
    margin-bottom: 1.25em;
  }
  body.application div.content {
    padding: 1em;
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #e6e6e6;
    -moz-box-shadow: 0px 0px 8px #e6e6e6;
    -o-box-shadow: 0px 0px 8px #e6e6e6;
    box-shadow: 0px 0px 8px #e6e6e6;
  }
  body.application div.content header, body.application div.content ul.tabs, body.application div.content ul.steps {
    margin-left: -1em;
    margin-right: -1em;
  }
}
/* Retina */
/* =========== Print */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  } /* Black prints faster: h5bp.com/s */
  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: "";
  } /* Don't show links for images, or javascript/internal links */
  pre, blockquote, blockquote:after {
    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: 2cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

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