@charset "UTF-8";
@font-face {
  font-family: "MetronicSlabPro";
  src: url("../fonts/metronic-slab-pro/MetronicSlabProBlack.eot");
  src: local("☺"), url("../fonts/metronic-slab-pro/MetronicSlabProBlack.eot?#") format("embedded-opentype"), url("../fonts/metronic-slab-pro/MetronicSlabProBlack.woff2") format("woff2"), url("../fonts/metronic-slab-pro/MetronicSlabProBlack.woff") format("woff"), url("../fonts/metronic-slab-pro/MetronicSlabProBlack.ttf") format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "MetronicSlabPro";
  src: url("../fonts/metronic-slab-pro/MetronicSlabProBold.eot");
  src: local("☺"), url("../fonts/metronic-slab-pro/MetronicSlabProBold.eot?#") format("embedded-opentype"), url("../fonts/metronic-slab-pro/MetronicSlabProBold.woff2") format("woff2"), url("../fonts/metronic-slab-pro/MetronicSlabProBold.woff") format("woff"), url("../fonts/metronic-slab-pro/MetronicSlabProBold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "MetronicSlabPro";
  src: url("../fonts/metronic-slab-pro/MetronicSlabProSemiBold.eot");
  src: local("☺"), url("../fonts/metronic-slab-pro/MetronicSlabProSemiBold.eot?#") format("embedded-opentype"), url("../fonts/metronic-slab-pro/MetronicSlabProSemiBold.woff2") format("woff2"), url("../fonts/metronic-slab-pro/MetronicSlabProSemiBold.woff") format("woff"), url("../fonts/metronic-slab-pro/MetronicSlabProSemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "MetronicSlabPro";
  src: url("../fonts/metronic-slab-pro/MetronicSlabProRegular.eot");
  src: local("☺"), url("../fonts/metronic-slab-pro/MetronicSlabProRegular.eot?#") format("embedded-opentype"), url("../fonts/metronic-slab-pro/MetronicSlabProRegular.woff2") format("woff2"), url("../fonts/metronic-slab-pro/MetronicSlabProRegular.woff") format("woff"), url("../fonts/metronic-slab-pro/MetronicSlabProRegular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FontAwesomeBrands6";
  src: url("../fonts/fontawesome/new_6/ffa-brands-400.woff2?v=6.4.2");
  src: url("../fonts/fontawesome/new_6/fa-brands-400.woff2?v=6.4.2") format("woff2"), url("../fonts/fontawesome/new_6/fa-brands-400.ttf?v=6.4.2") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.fawesome {
  line-height: 2.4em;
  padding-left: 1px;
}
.is-xs .fawesome {
  line-height: 1.73em;
}
.fawesome:before, .fawesome:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 2.4em;
}
.is-xs .fawesome:before, .is-xs .fawesome:after {
  font-size: 1.73rem;
}
.is-xs .fawesome.icon-dynamic-size:before, .is-xs .fawesome.icon-dynamic-size.after:after {
  font-size: 6.5vw;
}
.is-xs .fawesome.icon-dynamic-size.smaller:before, .is-xs .fawesome.icon-dynamic-size.smaller.after:after {
  font-size: 5vw;
  top: -1vw;
}
.fawesome.active {
  color: #00cdff !important;
}
.fawesome.button, .fawesome.btn {
  height: auto;
  border: none;
  display: block;
  border-radius: 0;
  background: transparent;
  padding: 0;
  color: #afaeae;
  font-size: inherit;
}
.is-xs .fawesome.button, .is-xs .fawesome.btn {
  padding: 0;
  border-radius: 0;
}
.fawesome.button:hover, .fawesome.button:focus, .fawesome.button.focus, .fawesome.btn:hover, .fawesome.btn:focus, .fawesome.btn.focus {
  background: transparent;
  color: #000;
}
.fawesome.button .text, .fawesome.btn .text {
  font-size: 0.83em;
  font-weight: 400;
  margin-left: 10px;
}
.fawesome.button.form, .fawesome.btn.form {
  line-height: 1.6rem;
  font-size: 1.6rem;
  display: inline-block;
}
.fawesome.button.form:before, .fawesome.button.form:after, .fawesome.btn.form:before, .fawesome.btn.form:after {
  width: 1.2em;
  height: 1.2em;
  font-size: 1.6rem;
  line-height: 1.25em;
  color: #fff;
  border: 1px solid black;
  border-radius: 50%;
  text-align: center;
  padding-left: 0.5px;
}
.fawesome.button.form.positive:before, .fawesome.button.form.positive:after, .fawesome.btn.form.positive:before, .fawesome.btn.form.positive:after {
  background: #a2eebe;
  border-color: #a7d0a4;
}
.fawesome.button.form.positive:hover:before, .fawesome.button.form.positive:hover:after, .fawesome.button.form.positive.active:before, .fawesome.button.form.positive.active:after, .fawesome.button.form.positive:focus:before, .fawesome.button.form.positive:focus:after, .fawesome.button.form.positive.focus:before, .fawesome.button.form.positive.focus:after, .fawesome.btn.form.positive:hover:before, .fawesome.btn.form.positive:hover:after, .fawesome.btn.form.positive.active:before, .fawesome.btn.form.positive.active:after, .fawesome.btn.form.positive:focus:before, .fawesome.btn.form.positive:focus:after, .fawesome.btn.form.positive.focus:before, .fawesome.btn.form.positive.focus:after {
  background: #03bf62;
  border-color: #009b4a;
}
.fawesome.button.form.negative:before, .fawesome.button.form.negative:after, .fawesome.btn.form.negative:before, .fawesome.btn.form.negative:after {
  background: #e9b2b2;
  border-color: #b47a7a;
}
.fawesome.button.form.negative:hover:before, .fawesome.button.form.negative:hover:after, .fawesome.button.form.negative.active:before, .fawesome.button.form.negative.active:after, .fawesome.button.form.negative:focus:before, .fawesome.button.form.negative:focus:after, .fawesome.button.form.negative.focus:before, .fawesome.button.form.negative.focus:after, .fawesome.btn.form.negative:hover:before, .fawesome.btn.form.negative:hover:after, .fawesome.btn.form.negative.active:before, .fawesome.btn.form.negative.active:after, .fawesome.btn.form.negative:focus:before, .fawesome.btn.form.negative:focus:after, .fawesome.btn.form.negative.focus:before, .fawesome.btn.form.negative.focus:after {
  background: #ff0000;
  border-color: #c70202;
}
.fawesome.button.form.fa-edit:before, .fawesome.button.form.fa-edit:after, .fawesome.btn.form.fa-edit:before, .fawesome.btn.form.fa-edit:after {
  height: 1.5em;
  font-size: 0.8em;
  width: 1.5em;
  line-height: 1.5em;
}
.fawesome.button.primary, .fawesome.button.btn-primary, .fawesome.btn.primary, .fawesome.btn.btn-primary {
  background: transparent;
  color: #00cdff;
}
.fawesome.button.primary:hover, .fawesome.button.primary:focus, .fawesome.button.primary.focus, .fawesome.button.btn-primary:hover, .fawesome.button.btn-primary:focus, .fawesome.button.btn-primary.focus, .fawesome.btn.primary:hover, .fawesome.btn.primary:focus, .fawesome.btn.primary.focus, .fawesome.btn.btn-primary:hover, .fawesome.btn.btn-primary:focus, .fawesome.btn.btn-primary.focus {
  background: transparent;
  color: #000000;
}
.fawesome.button.success, .fawesome.button.btn-success, .fawesome.btn.success, .fawesome.btn.btn-success {
  background: transparent;
  color: #03bf62;
}
.fawesome.button.success:hover, .fawesome.button.success:focus, .fawesome.button.success.focus, .fawesome.button.btn-success:hover, .fawesome.button.btn-success:focus, .fawesome.button.btn-success.focus, .fawesome.btn.success:hover, .fawesome.btn.success:focus, .fawesome.btn.success.focus, .fawesome.btn.btn-success:hover, .fawesome.btn.btn-success:focus, .fawesome.btn.btn-success.focus {
  background: transparent;
  color: #009b4a;
}
.fawesome.button.warning, .fawesome.button.btn-warning, .fawesome.btn.warning, .fawesome.btn.btn-warning {
  background: transparent;
  color: #dba400;
}
.fawesome.button.warning:hover, .fawesome.button.warning:focus, .fawesome.button.warning.focus, .fawesome.button.btn-warning:hover, .fawesome.button.btn-warning:focus, .fawesome.button.btn-warning.focus, .fawesome.btn.warning:hover, .fawesome.btn.warning:focus, .fawesome.btn.warning.focus, .fawesome.btn.btn-warning:hover, .fawesome.btn.btn-warning:focus, .fawesome.btn.btn-warning.focus {
  background: transparent;
  color: #b57500;
}
.fawesome.button.danger, .fawesome.button.btn-danger, .fawesome.btn.danger, .fawesome.btn.btn-danger {
  background: transparent;
  color: #ff0000;
}
.fawesome.button.danger:hover, .fawesome.button.danger:focus, .fawesome.button.danger.focus, .fawesome.button.btn-danger:hover, .fawesome.button.btn-danger:focus, .fawesome.button.btn-danger.focus, .fawesome.btn.danger:hover, .fawesome.btn.danger:focus, .fawesome.btn.danger.focus, .fawesome.btn.btn-danger:hover, .fawesome.btn.btn-danger:focus, .fawesome.btn.btn-danger.focus {
  background: transparent;
  color: #c70202;
}
.fawesome.button.text, .fawesome.btn.text {
  width: 100%;
  max-width: 270px;
  height: 2.56em;
  line-height: 261%;
  display: inline-block;
  font-weight: 700;
  font-size: 1.2rem;
  color: #444444;
  background: #efefef;
  padding: 0;
  border-radius: 1.33em;
  text-align: left;
}
.is-sm .fawesome.button.text, .is-md .fawesome.button.text, .is-sm .fawesome.btn.text, .is-md .fawesome.btn.text {
  font-size: 1rem;
}
.is-xs .fawesome.button.text, .is-xs .fawesome.btn.text {
  position: relative;
  width: auto;
  height: auto;
  line-height: inherit;
  border-radius: 50%;
}
.fawesome.button.text .text, .fawesome.btn.text .text {
  font-size: inherit;
  font-weight: inherit;
  margin-left: 0;
}
.is-xs .fawesome.button.text .text, .is-xs .fawesome.btn.text .text {
  display: none;
}
.fawesome.button.text:before, .fawesome.btn.text:before {
  font-size: 1.464rem;
  line-height: 205%;
  text-align: center;
  width: 2.05em;
  height: 2.05em;
  border-radius: 50%;
  background: #979797;
  color: #fff;
  margin-right: 8%;
  margin-top: 1px;
  padding-left: 0.7%;
}
.is-md .fawesome.button.text:before, .is-sm .fawesome.button.text:before, .is-md .fawesome.btn.text:before, .is-sm .fawesome.btn.text:before {
  margin-right: 4%;
  font-size: 1.22rem;
}
.is-xs .fawesome.button.text:before, .is-xs .fawesome.btn.text:before {
  width: 1.9em;
  height: 1.9em;
  font-size: 1.32rem;
  line-height: 200%;
  margin: 0;
  z-index: 1;
  position: relative;
}
.fawesome.button.text:hover, .fawesome.button.text:focus, .fawesome.btn.text:hover, .fawesome.btn.text:focus {
  background: #d8d8d8;
}
.fawesome.button.text:hover:before, .fawesome.button.text:focus:before, .fawesome.btn.text:hover:before, .fawesome.btn.text:focus:before {
  background: #444444;
}
.is-xs .fawesome.button.text:hover:after, .is-xs .fawesome.button.text:focus:after, .is-xs .fawesome.btn.text:hover:after, .is-xs .fawesome.btn.text:focus:after {
  content: "";
  position: absolute;
  top: -0.64rem;
  left: -0.64rem;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #afaeae;
  opacity: 0.3;
}
.fawesome.button.text:active, .fawesome.btn.text:active {
  background: #efefef;
}
.fawesome.button.text:active:before, .fawesome.btn.text:active:before {
  background: #00cdff;
}
.is-xs .fawesome.button.text:active:after, .is-xs .fawesome.btn.text:active:after {
  content: "";
  position: absolute;
  top: -0.64rem;
  left: -0.64rem;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #00cdff;
  opacity: 0.1;
}
.is-xs .fawesome.button.text.switch:active:before, .is-xs .fawesome.btn.text.switch:active:before {
  background: #444444;
}
.is-xs .fawesome.button.text.switch:active:after, .is-xs .fawesome.btn.text.switch:active:after {
  content: "";
  position: absolute;
  top: -0.64rem;
  left: -0.64rem;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #00cdff;
  opacity: 0.1;
}
.fawesome.button.text.switch.on, .fawesome.button.text.switch.active, .fawesome.btn.text.switch.on, .fawesome.btn.text.switch.active {
  position: relative;
  background: #eafaff;
  color: #444444 !important;
}
.fawesome.button.text.switch.on:after, .fawesome.button.text.switch.active:after, .fawesome.btn.text.switch.on:after, .fawesome.btn.text.switch.active:after {
  font-size: 2.4rem;
  content: "";
  color: #00cdff !important;
  position: absolute;
  top: 6px;
  right: 8px;
  opacity: 0.3;
}
.is-sm .fawesome.button.text.switch.on:after, .is-md .fawesome.button.text.switch.on:after, .is-sm .fawesome.button.text.switch.active:after, .is-md .fawesome.button.text.switch.active:after, .is-sm .fawesome.btn.text.switch.on:after, .is-md .fawesome.btn.text.switch.on:after, .is-sm .fawesome.btn.text.switch.active:after, .is-md .fawesome.btn.text.switch.active:after {
  top: 5px;
  font-size: 2rem;
}
.is-xs .fawesome.button.text.switch.on:after, .is-xs .fawesome.button.text.switch.active:after, .is-xs .fawesome.btn.text.switch.on:after, .is-xs .fawesome.btn.text.switch.active:after {
  font-size: 1.73rem;
  content: none;
}
.fawesome.button.text.switch.on:before, .fawesome.button.text.switch.active:before, .fawesome.btn.text.switch.on:before, .fawesome.btn.text.switch.active:before {
  background: #00cdff;
}
.fawesome.button.text.switch.on:hover, .fawesome.button.text.switch.on:focus, .fawesome.button.text.switch.on:active, .fawesome.button.text.switch.active:hover, .fawesome.button.text.switch.active:focus, .fawesome.button.text.switch.active:active, .fawesome.btn.text.switch.on:hover, .fawesome.btn.text.switch.on:focus, .fawesome.btn.text.switch.on:active, .fawesome.btn.text.switch.active:hover, .fawesome.btn.text.switch.active:focus, .fawesome.btn.text.switch.active:active {
  background: #efefef;
}
.fawesome.button.text.switch.on:hover:after, .fawesome.button.text.switch.on:focus:after, .fawesome.button.text.switch.on:active:after, .fawesome.button.text.switch.active:hover:after, .fawesome.button.text.switch.active:focus:after, .fawesome.button.text.switch.active:active:after, .fawesome.btn.text.switch.on:hover:after, .fawesome.btn.text.switch.on:focus:after, .fawesome.btn.text.switch.on:active:after, .fawesome.btn.text.switch.active:hover:after, .fawesome.btn.text.switch.active:focus:after, .fawesome.btn.text.switch.active:active:after {
  color: #444444 !important;
  opacity: 1;
}
.is-xs .fawesome.button.text.switch.on:hover:after, .is-xs .fawesome.button.text.switch.on:focus:after, .is-xs .fawesome.button.text.switch.on:active:after, .is-xs .fawesome.button.text.switch.active:hover:after, .is-xs .fawesome.button.text.switch.active:focus:after, .is-xs .fawesome.button.text.switch.active:active:after, .is-xs .fawesome.btn.text.switch.on:hover:after, .is-xs .fawesome.btn.text.switch.on:focus:after, .is-xs .fawesome.btn.text.switch.on:active:after, .is-xs .fawesome.btn.text.switch.active:hover:after, .is-xs .fawesome.btn.text.switch.active:focus:after, .is-xs .fawesome.btn.text.switch.active:active:after {
  content: "";
  position: absolute;
  top: -0.64rem;
  left: -0.64rem;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #00cdff;
  opacity: 0.15;
}
.fawesome.button.text.switch.on:hover:before, .fawesome.button.text.switch.on:focus:before, .fawesome.button.text.switch.on:active:before, .fawesome.button.text.switch.active:hover:before, .fawesome.button.text.switch.active:focus:before, .fawesome.button.text.switch.active:active:before, .fawesome.btn.text.switch.on:hover:before, .fawesome.btn.text.switch.on:focus:before, .fawesome.btn.text.switch.on:active:before, .fawesome.btn.text.switch.active:hover:before, .fawesome.btn.text.switch.active:focus:before, .fawesome.btn.text.switch.active:active:before {
  background: #00cdff;
}
.fawesome.button.text.switch.on:active:after, .fawesome.button.text.switch.active:active:after, .fawesome.btn.text.switch.on:active:after, .fawesome.btn.text.switch.active:active:after {
  top: 0;
  right: 0;
  line-height: 135%;
  width: 1.31em;
  height: 1.31em;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  text-align: center;
}
.is-xs .fawesome.button.text.switch.on:active:after, .is-xs .fawesome.button.text.switch.active:active:after, .is-xs .fawesome.btn.text.switch.on:active:after, .is-xs .fawesome.btn.text.switch.active:active:after {
  background: #afaeae;
}
.fawesome.button.round, .fawesome.btn.round {
  display: block;
  text-align: center;
  width: 4.93em;
  border-radius: 50%;
  background: #000;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  color: #fff;
}
.is-xs .fawesome.button.round, .is-xs .fawesome.btn.round {
  width: 2.53em;
  border-radius: 50%;
  padding: 0;
}
.fawesome.button.round:before, .fawesome.button.round:after, .fawesome.btn.round:before, .fawesome.btn.round:after {
  line-height: 200%;
  padding-top: 0;
}
.is-xs .fawesome.button.round:before, .is-xs .fawesome.button.round:after, .is-xs .fawesome.btn.round:before, .is-xs .fawesome.btn.round:after {
  font-size: 1.27rem;
}
.fawesome.button.round.fa-news:before, .fawesome.button.round.fa-newsafter, .fawesome.button.round.fa-facebook:before, .fawesome.button.round.fa-facebookafter, .fawesome.button.round.fa-googleplus:before, .fawesome.button.round.fa-googleplusafter, .fawesome.button.round.fa-pinterest:before, .fawesome.button.round.fa-pinterestafter, .fawesome.btn.round.fa-news:before, .fawesome.btn.round.fa-newsafter, .fawesome.btn.round.fa-facebook:before, .fawesome.btn.round.fa-facebookafter, .fawesome.btn.round.fa-googleplus:before, .fawesome.btn.round.fa-googleplusafter, .fawesome.btn.round.fa-pinterest:before, .fawesome.btn.round.fa-pinterestafter {
  line-height: 190%;
  padding-top: 5%;
}
.fawesome.button.round:hover, .fawesome.button.round:focus, .fawesome.button.round.focus, .fawesome.btn.round:hover, .fawesome.btn.round:focus, .fawesome.btn.round.focus {
  background: #00cdff;
}
.fawesome.button.round.primary, .fawesome.button.round.btn-primary, .fawesome.btn.round.primary, .fawesome.btn.round.btn-primary {
  background: #00cdff;
  color: #fff;
}
.fawesome.button.round.primary:hover, .fawesome.button.round.primary:focus, .fawesome.button.round.primary.focus, .fawesome.button.round.btn-primary:hover, .fawesome.button.round.btn-primary:focus, .fawesome.button.round.btn-primary.focus, .fawesome.btn.round.primary:hover, .fawesome.btn.round.primary:focus, .fawesome.btn.round.primary.focus, .fawesome.btn.round.btn-primary:hover, .fawesome.btn.round.btn-primary:focus, .fawesome.btn.round.btn-primary.focus {
  background: #000000;
  color: #fff;
}
.fawesome.button.round.success, .fawesome.button.round.btn-success, .fawesome.btn.round.success, .fawesome.btn.round.btn-success {
  background: #03bf62;
  color: #fff;
}
.fawesome.button.round.success:hover, .fawesome.button.round.success:focus, .fawesome.button.round.success.focus, .fawesome.button.round.btn-success:hover, .fawesome.button.round.btn-success:focus, .fawesome.button.round.btn-success.focus, .fawesome.btn.round.success:hover, .fawesome.btn.round.success:focus, .fawesome.btn.round.success.focus, .fawesome.btn.round.btn-success:hover, .fawesome.btn.round.btn-success:focus, .fawesome.btn.round.btn-success.focus {
  background: #009b4a;
  color: #fff;
}
.fawesome.button.round.warning, .fawesome.button.round.btn-warning, .fawesome.btn.round.warning, .fawesome.btn.round.btn-warning {
  background: #dba400;
  color: #fff;
}
.fawesome.button.round.warning:hover, .fawesome.button.round.warning:focus, .fawesome.button.round.warning.focus, .fawesome.button.round.btn-warning:hover, .fawesome.button.round.btn-warning:focus, .fawesome.button.round.btn-warning.focus, .fawesome.btn.round.warning:hover, .fawesome.btn.round.warning:focus, .fawesome.btn.round.warning.focus, .fawesome.btn.round.btn-warning:hover, .fawesome.btn.round.btn-warning:focus, .fawesome.btn.round.btn-warning.focus {
  background: #b57500;
  color: #fff;
}
.fawesome.button.round.danger, .fawesome.button.round.btn-danger, .fawesome.btn.round.danger, .fawesome.btn.round.btn-danger {
  background: #ff0000;
  color: #fff;
}
.fawesome.button.round.danger:hover, .fawesome.button.round.danger:focus, .fawesome.button.round.danger.focus, .fawesome.button.round.btn-danger:hover, .fawesome.button.round.btn-danger:focus, .fawesome.button.round.btn-danger.focus, .fawesome.btn.round.danger:hover, .fawesome.btn.round.danger:focus, .fawesome.btn.round.danger.focus, .fawesome.btn.round.btn-danger:hover, .fawesome.btn.round.btn-danger:focus, .fawesome.btn.round.btn-danger.focus {
  background: #c70202;
  color: #fff;
}
.fawesome.button.square, .fawesome.btn.square {
  display: block;
  text-align: center;
  width: 4em;
  background: #979797;
  color: #000;
  font-size: inherit;
  font-weight: inherit;
}
.fawesome.button.square:hover, .fawesome.button.square:focus, .fawesome.button.square.focus, .fawesome.btn.square:hover, .fawesome.btn.square:focus, .fawesome.btn.square.focus {
  background: #000;
  color: #fff;
}
.fawesome.button.square.primary, .fawesome.button.square.btn-primary, .fawesome.btn.square.primary, .fawesome.btn.square.btn-primary {
  background: #00cdff;
  color: #000;
}
.fawesome.button.square.primary:hover, .fawesome.button.square.primary:focus, .fawesome.button.square.primary.focus, .fawesome.button.square.btn-primary:hover, .fawesome.button.square.btn-primary:focus, .fawesome.button.square.btn-primary.focus, .fawesome.btn.square.primary:hover, .fawesome.btn.square.primary:focus, .fawesome.btn.square.primary.focus, .fawesome.btn.square.btn-primary:hover, .fawesome.btn.square.btn-primary:focus, .fawesome.btn.square.btn-primary.focus {
  background: #000000;
  color: #fff;
}
.fawesome.button.square.success, .fawesome.button.square.btn-success, .fawesome.btn.square.success, .fawesome.btn.square.btn-success {
  background: #03bf62;
  color: #000;
}
.fawesome.button.square.success:hover, .fawesome.button.square.success:focus, .fawesome.button.square.success.focus, .fawesome.button.square.btn-success:hover, .fawesome.button.square.btn-success:focus, .fawesome.button.square.btn-success.focus, .fawesome.btn.square.success:hover, .fawesome.btn.square.success:focus, .fawesome.btn.square.success.focus, .fawesome.btn.square.btn-success:hover, .fawesome.btn.square.btn-success:focus, .fawesome.btn.square.btn-success.focus {
  background: #009b4a;
  color: #fff;
}
.fawesome.button.square.warning, .fawesome.button.square.btn-warning, .fawesome.btn.square.warning, .fawesome.btn.square.btn-warning {
  background: #dba400;
  color: #000;
}
.fawesome.button.square.warning:hover, .fawesome.button.square.warning:focus, .fawesome.button.square.warning.focus, .fawesome.button.square.btn-warning:hover, .fawesome.button.square.btn-warning:focus, .fawesome.button.square.btn-warning.focus, .fawesome.btn.square.warning:hover, .fawesome.btn.square.warning:focus, .fawesome.btn.square.warning.focus, .fawesome.btn.square.btn-warning:hover, .fawesome.btn.square.btn-warning:focus, .fawesome.btn.square.btn-warning.focus {
  background: #b57500;
  color: #fff;
}
.fawesome.button.square.danger, .fawesome.button.square.btn-danger, .fawesome.btn.square.danger, .fawesome.btn.square.btn-danger {
  background: #ff0000;
  color: #000;
}
.fawesome.button.square.danger:hover, .fawesome.button.square.danger:focus, .fawesome.button.square.danger.focus, .fawesome.button.square.btn-danger:hover, .fawesome.button.square.btn-danger:focus, .fawesome.button.square.btn-danger.focus, .fawesome.btn.square.danger:hover, .fawesome.btn.square.danger:focus, .fawesome.btn.square.danger.focus, .fawesome.btn.square.btn-danger:hover, .fawesome.btn.square.btn-danger:focus, .fawesome.btn.square.btn-danger.focus {
  background: #c70202;
  color: #fff;
}
.fawesome.button.square:before, .fawesome.button.square:after, .fawesome.btn.square:before, .fawesome.btn.square:after {
  line-height: 130%;
}
.fawesome.button.square.small, .fawesome.btn.square.small {
  width: 3em;
}
.fawesome.button.square.small:before, .fawesome.button.square.small:after, .fawesome.btn.square.small:before, .fawesome.btn.square.small:after {
  line-height: 190%;
}
.is-xs .fawesome.button.square, .is-xs .fawesome.btn.square {
  border-radius: 0;
  width: 3.6em;
}
.is-xs .fawesome.button.square:before, .is-xs .fawesome.button.square:after, .is-xs .fawesome.btn.square:before, .is-xs .fawesome.btn.square:after {
  line-height: 160%;
}
.is-xs .fawesome.button.square.small, .is-xs .fawesome.btn.square.small {
  width: 2.8em;
}
.is-xs .fawesome.button.square.small:before, .is-xs .fawesome.button.square.small:after, .is-xs .fawesome.btn.square.small:before, .is-xs .fawesome.btn.square.small:after {
  line-height: 180%;
}
.fawesome .text {
  font-size: 1em;
  margin-left: 10px;
}
.is-xs .fawesome .text {
  margin-left: 7px;
}
.fawesome.big {
  line-height: 3.07em;
}
.is-xs .fawesome.big {
  line-height: 2.13em;
}
.fawesome.big:before, .fawesome.big:after {
  font-size: 3.07rem;
}
.is-xs .fawesome.big:before, .is-xs .fawesome.big:after {
  font-size: 2.13rem;
}
.fawesome.big.button .text, .fawesome.big.btn .text {
  font-size: 1em;
}
.fawesome.big .text {
  font-size: 1.2em;
  margin-left: 15px;
}
.is-xs .fawesome.big .text {
  margin-left: 10px;
}
.fawesome.smaller {
  line-height: 1.8em;
}
.is-xs .fawesome.smaller {
  line-height: 1.73em;
}
.fawesome.smaller:before, .fawesome.smaller:after {
  font-size: 1.8rem;
}
.is-xs .fawesome.smaller:before, .is-xs .fawesome.smaller:after {
  font-size: 1.73rem;
}
.fawesome.smaller.button.round, .fawesome.smaller.btn.round {
  width: 3.6em;
}
.is-xs .fawesome.smaller.button.round, .is-xs .fawesome.smaller.btn.round {
  width: 2.67em;
}
.fawesome.smaller.button .text, .fawesome.smaller.btn .text {
  font-size: 0.75em;
}
.is-xs .fawesome.smaller.button .text, .is-xs .fawesome.smaller.btn .text {
  font-size: 0.83em;
}
.fawesome.smaller .text {
  font-size: 0.9em;
  margin-left: 7px;
}
.is-xs .fawesome.smaller .text {
  font-size: 1em;
  margin-left: 7px;
}
.fawesome.small {
  line-height: 1.33em;
}
.is-xs .fawesome.small {
  line-height: 1.27em;
}
.fawesome.small:before, .fawesome.small:after {
  font-size: 1.33rem;
}
.is-xs .fawesome.small:before, .is-xs .fawesome.small:after {
  font-size: 1.27rem;
}
.fawesome.small.button.round, .fawesome.small.btn.round {
  width: 2.67em;
}
.is-xs .fawesome.small.button.round, .is-xs .fawesome.small.btn.round {
  width: 2.53em;
}
.fawesome.small.button .text, .fawesome.small.btn .text {
  font-size: 0.61em;
}
.fawesome.small .text {
  font-size: 0.73em;
  margin-left: 5px;
}
.button-group.top-right .fawesome.button, .button-group.bottom-right .fawesome.button, .button-group.top-right .fawesome.btn, .button-group.bottom-right .fawesome.btn {
  line-height: 1.8rem;
  margin-right: 1.5em;
}
.button-group.top-right .fawesome.button:before, .button-group.top-right .fawesome.button:after, .button-group.bottom-right .fawesome.button:before, .button-group.bottom-right .fawesome.button:after, .button-group.top-right .fawesome.btn:before, .button-group.top-right .fawesome.btn:after, .button-group.bottom-right .fawesome.btn:before, .button-group.bottom-right .fawesome.btn:after {
  font-size: 1.8rem;
}
.is-xs .button-group.top-right .fawesome.button, .is-xs .button-group.bottom-right .fawesome.button, .is-xs .button-group.top-right .fawesome.btn, .is-xs .button-group.bottom-right .fawesome.btn {
  line-height: 1.27rem;
  margin-right: 0.5em;
}
.is-xs .button-group.top-right .fawesome.button:before, .is-xs .button-group.top-right .fawesome.button:after, .is-xs .button-group.bottom-right .fawesome.button:before, .is-xs .button-group.bottom-right .fawesome.button:after, .is-xs .button-group.top-right .fawesome.btn:before, .is-xs .button-group.top-right .fawesome.btn:after, .is-xs .button-group.bottom-right .fawesome.btn:before, .is-xs .button-group.bottom-right .fawesome.btn:after {
  font-size: 1.27rem;
}
.button-group .fawesome.button, .button-group .fawesome.btn {
  display: inline-block;
}
.button-group .fawesome.button.big, .button-group .fawesome.btn.big {
  margin-right: 2.4em;
}
.is-xs .button-group .fawesome.button.big, .is-xs .button-group .fawesome.btn.big {
  margin-right: 1.4em;
}
.button-group .fawesome.button.smaller, .button-group .fawesome.btn.smaller {
  margin-right: 1.5em;
}
.is-xs .button-group .fawesome.button.smaller, .is-xs .button-group .fawesome.btn.smaller {
  margin-right: 1.25em;
}
.button-group .fawesome.button.small, .button-group .fawesome.btn.small {
  margin-right: 0.8em;
}
.is-xs .button-group .fawesome.button.small, .is-xs .button-group .fawesome.btn.small {
  margin-right: 0.5em;
}
.button-group .fawesome.button.round, .button-group .fawesome.btn.round {
  margin-right: 2.4em;
}
.is-xs .button-group .fawesome.button.round, .is-xs .button-group .fawesome.btn.round {
  margin-right: 1.5em;
}
.button-group .fawesome.button.round.smaller, .button-group .fawesome.btn.round.smaller {
  margin-right: 1.8em;
}
.is-xs .button-group .fawesome.button.round.smaller, .is-xs .button-group .fawesome.btn.round.smaller {
  margin-right: 1em;
}
.button-group .fawesome.button.round.small, .button-group .fawesome.btn.round.small {
  margin-right: 1.2em;
}
.is-xs .button-group .fawesome.button.round.small, .is-xs .button-group .fawesome.btn.round.small {
  margin-right: 0.7em;
}
.button-group .fawesome.button:last-child, .button-group .fawesome.btn:last-child {
  margin-right: 0 !important;
}
.fawesome.after:before {
  content: none !important;
}
.fawesome.after.button .text, .fawesome.after.btn .text {
  margin-left: 0px;
  margin-right: 10px;
}
.fawesome.after .text {
  margin-left: 0;
  margin-right: 10px;
}
.is-xs .fawesome.after .text {
  margin-left: 0;
  margin-right: 7px;
}
.fawesome.after.big .text {
  margin-left: 0;
  margin-right: 15px;
}
.is-xs .fawesome.after.big .text {
  margin-left: 0;
  margin-right: 10px;
}
.fawesome.after.smaller .text {
  margin-left: 0;
  margin-right: 7px;
}
.is-xs .fawesome.after.smaller .text {
  margin-left: 0;
  margin-right: 7px;
}
.fawesome.after.small .text {
  margin-left: 0;
  margin-right: 5px;
}

canvas.fawesome {
  width: 31px;
  height: 36px;
  display: block;
}
.is-xs canvas.fawesome {
  width: 23px;
  height: 26px;
}
canvas.fawesome .fawesome {
  margin: 0 !important;
  color: #00cdff;
}
canvas.fawesome.small {
  width: 18px;
  height: 20px;
}
.is-xs canvas.fawesome.small {
  width: 17px;
  height: 19px;
}
canvas.fawesome.smaller {
  width: 24px;
  height: 27px;
}
.is-xs canvas.fawesome.smaller {
  width: 23px;
  height: 26px;
}
canvas.fawesome.big {
  width: 41px;
  height: 46px;
}
.is-xs canvas.fawesome.big {
  width: 28px;
  height: 32px;
}

.fawesome.fa-whatsapp:before {
  content: "";
}

.fawesome.fa-twitter:before {
  content: "";
  font-family: FontAwesomeBrands6;
}

.fawesome.fa-facebook:before {
  content: "";
}

.fawesome.fa-googleplus:before {
  content: "";
}

.fawesome.fa-instagram:before {
  content: "";
}

.fawesome.fa-linkedin:before {
  content: "";
}

.fawesome.fa-map:before {
  content: "";
}

.fawesome.fa-pinterest:before {
  content: "";
}

.fawesome.fa-soundcloud:before {
  content: "";
}

.fawesome.fa-xing:before {
  content: "";
}

.fawesome.fa-youtube:before {
  content: "";
}

.fawesome.fa-vimeo:before {
  content: "";
}

.fawesome.fa-vine:before {
  content: "";
}

.fawesome.fa-issuu:before {
  content: "";
}

.fawesome.fa-flickr:before {
  content: "";
}

.fawesome.fa-blog:before {
  content: "";
}

.fawesome.fa-rss:before {
  content: "";
}

.fawesome.fa-email:before {
  content: "";
}

.fawesome.fa-search:before {
  content: "";
}

.fawesome.fa-education:before {
  content: "";
}

.fawesome.fa-bus:before {
  content: "";
}

.fawesome.fa-gate:before {
  content: "";
}

.fawesome.fa-clock:before {
  content: "";
}

.fawesome.fa-man:before {
  content: "";
}

.fawesome.fa-circle:before {
  content: "";
}

.fawesome.fa-close:before {
  content: "";
}

.fawesome.fa-close-circle:before {
  content: "";
}

.fawesome.fa-edit:before {
  content: "";
}

.fawesome.fa-tickets:before {
  content: "";
}

.fawesome.fa-ticket:before {
  content: "";
}

.fawesome.fa-gift:before {
  content: "";
}

.fawesome.fa-calender:before {
  content: "";
}

.fawesome.fa-calender-check:before {
  content: "";
}

.fawesome.fa-calender-plus:before {
  content: "";
}

.fawesome.fa-calender-minus:before {
  content: "";
}

.fawesome.fa-favorite:before {
  content: "";
}

.fawesome.fa-left:before {
  content: "";
}

.fawesome.fa-right:before {
  content: "";
}

.fawesome.fa-up:before {
  content: "";
}

.fawesome.fa-down:before {
  content: "";
}

.fawesome.fa-left-bold:before {
  content: "";
}

.fawesome.fa-right-bold:before {
  content: "";
}

.fawesome.fa-up-bold:before {
  content: "";
}

.fawesome.fa-down-bold:before {
  content: "";
}

.fawesome.fa-left-inverted:before {
  content: "";
}

.fawesome.fa-right-inverted:before {
  content: "";
}

.fawesome.fa-back:before {
  content: "";
}

.fawesome.fa-more:before {
  content: "";
}

.fawesome.fa-menu:before {
  content: "";
}

.fawesome.fa-bookmark:before {
  content: "";
}

.fawesome.fa-plus:before {
  content: "";
}

.fawesome.fa-plus-circle:before {
  content: "";
}

.fawesome.fa-minus:before {
  content: "";
}

.fawesome.fa-minus-circle:before {
  content: "";
}

.fawesome.fa-eye:before {
  content: "";
}

.fawesome.fa-heart:before {
  content: "";
}

.fawesome.fa-hand-down:before {
  content: "";
}

.fawesome.fa-bullhorn:before {
  content: "";
}

.fawesome.fa-paper-plane:before {
  content: "";
}

.fawesome.fa-list:before {
  content: "";
}

.fawesome.fa-list-short:before {
  content: "";
}

.fawesome.fa-grid:before {
  content: "";
}

.fawesome.fa-rocket:before {
  content: "";
}

.fawesome.fa-caret-left:before {
  content: "";
}

.fawesome.fa-caret-right:before {
  content: "";
}

.fawesome.fa-caret-up:before {
  content: "";
}

.fawesome.fa-caret-down:before {
  content: "";
}

.fawesome.fa-spinner:before {
  content: "";
}

.fawesome.fa-home:before {
  content: "";
}

.fawesome.fa-camera:before {
  content: "";
}

.fawesome.fa-wrench:before {
  content: "";
}

.fawesome.fa-news:before {
  content: "";
}

.fawesome.fa-comment:before {
  content: "";
}

.fawesome.fa-comments:before {
  content: "";
}

.fawesome.fa-comments-mono:before {
  content: "";
}

.fawesome.fa-left-double:before {
  content: "";
}

.fawesome.fa-right-double:before {
  content: "";
}

.fawesome.fa-up-double:before {
  content: "";
}

.fawesome.fa-down-double:before {
  content: "";
}

.fawesome.fa-contact:before {
  content: "";
}

.fawesome.fa-thumb-up:before {
  content: "";
}

.fawesome.fa-thumb-down:before {
  content: "";
}

.fawesome.fa-fist:before {
  content: "";
}

.fawesome.fa-note:before {
  content: "";
}

.fawesome.fa-group:before {
  content: "";
}

.fawesome.fa-audio:before {
  content: "";
}

.fawesome.fa-video:before {
  content: "";
}

.fawesome.fa-image:before {
  content: "";
}

.fawesome.fa-folder-open:before {
  content: "";
}

.fawesome.fa-crop:before {
  content: "";
}

.fawesome.fa-lightbulb:before {
  content: "";
}

.fawesome.fa-key:before {
  content: "";
}

.fawesome.fa-book:before {
  content: "";
}

.fawesome.fa-curated:before {
  content: "";
  position: relative;
  top: -2px;
}

.fawesome.fa-questionmark:before {
  content: "";
}

.fawesome.fa-info:before {
  content: "";
}

.fawesome.fa-person:before {
  content: "";
}

.fawesome.fa-institution:before {
  content: "";
}

.fawesome.fa-whatsapp.after:after {
  content: "";
}

.fawesome.fa-twitter.after:after {
  content: "";
  font-family: FontAwesomeBrands6;
}

.fawesome.fa-facebook.after:after {
  content: "";
}

.fawesome.fa-googleplus.after:after {
  content: "";
}

.fawesome.fa-instagram.after:after {
  content: "";
}

.fawesome.fa-linkedin.after:after {
  content: "";
}

.fawesome.fa-map.after.after:after {
  content: "";
}

.fawesome.fa-pinterest.after:after {
  content: "";
}

.fawesome.fa-soundcloud.after:after {
  content: "";
}

.fawesome.fa-xing.after:after {
  content: "";
}

.fawesome.fa-youtube.after:after {
  content: "";
}

.fawesome.fa-vimeo.after:after {
  content: "";
}

.fawesome.fa-vine.after:after {
  content: "";
}

.fawesome.fa-issuu.after:after {
  content: "";
}

.fawesome.fa-flickr.after:after {
  content: "";
}

.fawesome.fa-blog.after:after {
  content: "";
}

.fawesome.fa-rss.after:after {
  content: "";
}

.fawesome.fa-email.after:after {
  content: "";
}

.fawesome.fa-search.after:after {
  content: "";
}

.fawesome.fa-education.after:after {
  content: "";
}

.fawesome.fa-bus.after:after {
  content: "";
}

.fawesome.fa-gate.after:after {
  content: "";
}

.fawesome.fa-clock.after:after {
  content: "";
}

.fawesome.fa-man.after:after {
  content: "";
}

.fawesome.fa-circle.after:after {
  content: "";
}

.fawesome.fa-close.after:after {
  content: "";
}

.fawesome.fa-close-circle.after:after {
  content: "";
}

.fawesome.fa-edit.after:after {
  content: "";
}

.fawesome.fa-tickets.after:after {
  content: "";
}

.fawesome.fa-ticket.after:after {
  content: "";
}

.fawesome.fa-gift.after:after {
  content: "";
}

.fawesome.fa-calender.after:after {
  content: "";
}

.fawesome.fa-calender-check.after:after {
  content: "";
}

.fawesome.fa-calender-plus.after:after {
  content: "";
}

.fawesome.fa-calender-minus.after:after {
  content: "";
}

.fawesome.fa-favorite.after:after {
  content: "";
}

.fawesome.fa-left.after:after {
  content: "";
}

.fawesome.fa-right.after:after {
  content: "";
}

.fawesome.fa-up.after:after {
  content: "";
}

.fawesome.fa-down.after:after {
  content: "";
}

.fawesome.fa-left-bold.after:after {
  content: "";
}

.fawesome.fa-right-bold.after:after {
  content: "";
}

.fawesome.fa-up-bold.after:after {
  content: "";
}

.fawesome.fa-down-bold.after:after {
  content: "";
}

.fawesome.fa-back.after:after {
  content: "";
}

.fawesome.fa-more.after:after {
  content: "";
}

.fawesome.fa-menu.after:after {
  content: "";
}

.fawesome.fa-bookmark.after:after {
  content: "";
}

.fawesome.fa-plus.after:after {
  content: "";
}

.fawesome.fa-plus-circle.after:after {
  content: "";
}

.fawesome.fa-eye.after:after {
  content: "";
}

.fawesome.fa-heart.after:after {
  content: "";
}

.fawesome.fa-hand-down.after:after {
  content: "";
}

.fawesome.fa-bullhorn.after:after {
  content: "";
}

.fawesome.fa-paper-plane.after:after {
  content: "";
}

.fawesome.fa-list.after:after {
  content: "";
}

.fawesome.fa-list-short.after:after {
  content: "";
}

.fawesome.fa-grid.after:after {
  content: "";
}

.fawesome.fa-rocket.after:after {
  content: "";
}

.fawesome.fa-caret-left.after:after {
  content: "";
}

.fawesome.fa-caret-right.after:after {
  content: "";
}

.fawesome.fa-caret-up.after:after {
  content: "";
}

.fawesome.fa-caret-down.after:after {
  content: "";
}

.fawesome.fa-spinner.after:after {
  content: "";
}

.fawesome.fa-home.after:after {
  content: "";
}

.fawesome.fa-camera.after:after {
  content: "";
}

.fawesome.fa-wrench.after:after {
  content: "";
}

.fawesome.fa-news.after:after {
  content: "";
}

.fawesome.fa-comment.after:after {
  content: "";
}

.fawesome.fa-comments.after:after {
  content: "";
}

.fawesome.fa-comments-mono.after:after {
  content: "";
}

.fawesome.fa-left-double.after:after {
  content: "";
}

.fawesome.fa-right-double.after:after {
  content: "";
}

.fawesome.fa-up-double.after:after {
  content: "";
}

.fawesome.fa-down-double.after:after {
  content: "";
}

.fawesome.fa-contact.after:after {
  content: "";
}

.fawesome.fa-thumb-up.after:after {
  content: "";
}

.fawesome.fa-thumb-down.after:after {
  content: "";
}

.fawesome.fa-fist.after:after {
  content: "";
}

.fawesome.fa-note.after:after {
  content: "";
}

.fawesome.fa-group.after:after {
  content: "";
}

.fawesome.fa-audio.after:after {
  content: "";
}

.fawesome.fa-video.after:after {
  content: "";
}

.fawesome.fa-image.after:after {
  content: "";
}

.fawesome.fa-folder-open.after:after {
  content: "";
}

.fawesome.fa-crop.after:after {
  content: "";
}

.fawesome.fa-lightbulb.after:after {
  content: "";
}

.fawesome.fa-key.after:after {
  content: "";
}

.fawesome.fa-book.after:after {
  content: "";
}

.fawesome.fa-curated.after:after {
  content: "";
}

.fawesome.fa-questionmark.after:after {
  content: "";
}

.fawesome.fa-info.after:after {
  content: "";
}

.fawesome.fa-person.after:after {
  content: "";
}

.fawesome.fa-institution.after:after {
  content: "";
}

html,
body {
  font-family: "Lato", "sans-serif";
  font-size: 15px;
  font-weight: 400;
  color: #000;
}

body.show-layer {
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

#body {
  overflow: hidden;
  position: relative;
}
.magazine.is-lg #body {
  min-height: 700px !important;
}
#body.iframe {
  padding: 5px;
}
#body .content-wrapper {
  margin-bottom: 60px;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.navigation-open #body .content-wrapper {
  left: 380px;
}
#body .content-wrapper > .container > .row {
  margin-left: -10px;
  margin-right: -10px;
}
#body .content-wrapper > .container > .row > div {
  padding-left: 10px;
  padding-right: 10px;
}
.is-xs #body .content-wrapper > .container {
  padding-left: 10px;
  padding-right: 10px;
}
#body .content-wrapper.content-start {
  margin-bottom: 0px;
}

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

.padding-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.is-xs .padding-10 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.is-xs .padding-40 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.seperator {
  display: inline;
}
.seperator:after {
  content: ", ";
}
.seperator:last-of-type:after {
  content: none;
}

.color-black {
  color: #000;
}

.color-over-black:hover {
  color: #000;
}

.color-black-light {
  color: #171616;
}

.color-black-bright {
  color: #1c1c1c;
}

.color-white {
  color: #fff;
}

.color-white-dirty {
  color: #efefef;
}

.color-grey {
  color: #979797;
}

.color-grey-dark {
  color: #444444;
}

.color-grey-darker {
  color: #777777;
}

.color-grey-light {
  color: #afaeae;
}

.color-grey-bright {
  color: #d8d8d8;
}

.color-cyan {
  color: #00cdff;
}

.color-cyan-dark {
  color: #0c8ba9;
}

.color-cyan-light {
  color: #eafaff;
}

.color-form-error {
  color: #c70202;
}

.color-form-error-placeholder {
  color: #c70202;
}

b,
strong,
.strong,
.bold {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

small {
  font-weight: 300;
}

.uppercase {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
}

.word-wrap {
  word-wrap: break-word;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

blockquote {
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 2.13em;
  line-height: 150%;
  color: #171616;
  margin: 60px 0;
  padding: 0 0 0 1.9em;
  position: relative;
}
.is-sm blockquote {
  font-size: 1.76em;
  line-height: 146%;
  margin: 50px 0;
}
.is-xs blockquote {
  font-size: 1.4em;
  line-height: 138%;
  margin: 50px 0;
}
blockquote:before {
  content: "“";
  font-family: Georgia;
  font-weight: 700;
  font-size: 2.34em;
  line-height: 0;
  color: #000;
  position: absolute;
  top: 0.56em;
  left: 0;
}
blockquote p,
blockquote p.intro,
blockquote p.interview,
blockquote h2,
blockquote h4,
blockquote h5 {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
  margin: inherit;
  padding: 0;
}

a {
  color: #0c8ba9;
  text-decoration: none;
}
a:hover, a:focus {
  color: #00cdff;
  outline: none;
}
a:hover, a:active, a:visited, a:focus {
  text-decoration: none;
}

img {
  width: 100%;
  display: block;
  margin: 0 0 40px;
}
.is-sm img {
  margin-bottom: 40px;
}
.is-xs img {
  margin-bottom: 30px;
}
img.ckeditor-image {
  width: 100% !important;
  height: auto !important;
}

.tiny-mce img {
  margin: 0 !important;
  height: auto !important;
  width: 100% !important;
  display: block !important;
  border: none !important;
}
.tiny-mce span {
  font-size: 1em !important;
}
.tiny-mce pre {
  font-family: "Lato", "sans-serif";
  font-size: 1em;
  margin: 0 0 20px 0;
}
.tiny-mce iframe {
  border: 0;
}
.tiny-mce .iframe-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  /* padding-bottom will be defined by JavaScript in the style attribute */
}
.tiny-mce .iframe-wrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tiny-mce ul,
.tiny-mce ol {
  font-size: 1.2rem;
  line-height: 140%;
  color: #000;
  margin: 0 0 30px 1.2rem;
}

.ckeditor-embed {
  width: 100%;
  display: block;
  margin: 0 0 40px;
}
.is-sm .ckeditor-embed {
  margin-bottom: 40px;
}
.is-xs .ckeditor-embed {
  margin-bottom: 30px;
}

h1 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 4.25em;
  line-height: 109%;
  margin: 0;
  word-wrap: break-word;
}
.is-sm h1 {
  font-size: 3.5em;
  line-height: 107%;
}
.is-xs h1 {
  font-size: 2.13em;
  line-height: 110%;
}
h1 a {
  color: #000;
}
h1 a:hover, h1 a:focus, h1 a:active {
  color: #000;
}
h1.magazine-top {
  font-size: 3.5em;
  color: #fff;
}
.is-sm h1.magazine-top {
  font-size: 3.5em;
}
.is-xs h1.magazine-top {
  font-size: 2.13em;
}

h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 400;
  font-size: 2.67em;
  line-height: 140%;
  margin: 0 0 30px;
  word-wrap: break-word;
}
.is-sm h2 {
  font-size: 2em;
  line-height: 115%;
  margin-bottom: 25px;
}
.is-xs h2 {
  font-size: 1.93em;
  line-height: 115%;
  margin-bottom: 25px;
}
h2.icon {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.6em;
  line-height: 133%;
  margin: 10px 0 60px;
  color: #000;
}
.is-sm h2.icon {
  font-size: 1.6em;
  line-height: 133%;
  margin: 10px 0 60px;
}
.is-xs h2.icon {
  font-size: 1.07em;
  line-height: 125%;
  margin: 10px 0 20px;
}
h2.headline-underline {
  padding: 0 20px 15px;
  margin: 40px 0 30px;
  border-bottom: 1px solid #000;
}
.is-sm h2.headline-underline, .is-xs h2.headline-underline {
  margin: 10px 0 20px;
}

h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.07em;
  line-height: 140%;
  color: #00cdff;
  text-transform: uppercase;
  margin: 0 0 20px;
}
h3 time {
  font-weight: 300;
  color: #000;
  padding-left: 15px;
  white-space: nowrap;
}
.is-xs h3 time {
  padding-left: 10px;
}
h3.only-time time {
  padding-left: 0;
}
h3.with-back-button {
  padding-right: 7rem;
}
.is-xs h3.with-back-button {
  padding-right: 5rem;
}
h3 a,
h3 a:hover,
h3 a:focus {
  color: #00cdff;
}
h3 a.back,
h3 a:hover.back,
h3 a:focus.back {
  position: relative;
  padding-left: 1rem;
  position: absolute;
  right: 10px;
}
.is-xs h3 a.back,
.is-xs h3 a:hover.back,
.is-xs h3 a:focus.back {
  padding-left: 0.75rem;
}
h3 a.back:before, h3 a.back:after,
h3 a:hover.back:before,
h3 a:hover.back:after,
h3 a:focus.back:before,
h3 a:focus.back:after {
  content: "";
  display: block;
  width: 0.55rem;
  height: 2px;
  background: #00cdff;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  transform-origin: 1px center;
}
.is-xs h3 a.back:before, .is-xs h3 a.back:after,
.is-xs h3 a:hover.back:before,
.is-xs h3 a:hover.back:after,
.is-xs h3 a:focus.back:before,
.is-xs h3 a:focus.back:after {
  width: 0.45rem;
}
h3 a.back:before,
h3 a:hover.back:before,
h3 a:focus.back:before {
  transform: rotate(45deg);
}
h3 a.back:after,
h3 a:hover.back:after,
h3 a:focus.back:after {
  transform: rotate(-45deg);
}
h3.headline-plugin {
  color: #000;
  text-transform: none;
  font-size: 1.3em;
  line-height: 133%;
  margin: -60px 0 60px 0;
}
.is-xs h3.headline-plugin {
  font-size: 0.9em;
  line-height: 124%;
  margin: -20px 0 20px 0;
}
.is-sm h3 {
  font-size: 1em;
}
.is-xs h3 {
  font-size: 0.73em;
  line-height: 126%;
  margin-bottom: 40px;
}

h4 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.33em;
  line-height: 150%;
  color: #979797;
  text-transform: uppercase;
  margin: 0 0 15px;
}
h4 strong {
  color: #000;
  padding-left: 15px;
}
.is-xs h4 strong {
  padding-left: 10px;
}
.is-sm h4 {
  font-size: 1.2em;
  line-height: 146%;
  margin-bottom: 15px;
}
.is-xs h4 {
  font-size: 0.73em;
  line-height: 126%;
  margin-bottom: 15px;
}

h5 {
  font-family: "Lato", "sans-serif";
  font-weight: 900;
  font-size: 1.07em;
  line-height: 127%;
  letter-spacing: 0.07em;
  color: #444444;
  text-transform: uppercase;
  margin: 60px 0 20px;
}
.is-sm h5 {
  margin: 50px 0 20px;
}
.is-xs h5 {
  margin: 50px 0 15px;
}
h5.caption {
  /*font-size: 0.7rem;
      position: relative;
      left: 0px;
      bottom: 50px;
      color: $white !important;
      background: rgba(0, 0, 0, 0.2);
      display: inline-block;
      padding: 0 5px 0 3px;
      margin: 1em 0px 0 0;
      text-transform: none;
      transform:translateY(-100%);
      font-weight: $font-regular !important;
      font-style: italic !important;*/
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: inherit;
  font-style: italic;
  margin: -30px 0 30px;
  text-transform: none;
  color: #777777 !important;
  background: transparent;
  padding: 0;
  position: static;
  display: block;
  transform: none;
}
h5.caption p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.2rem !important;
}
.is-xs h5.caption p {
  font-size: 1rem !important;
}
h5.caption * {
  color: #777777 !important;
}
.is-sm h5.caption {
  margin-top: -25px;
}
.is-xs h5.caption {
  font-size: 1rem;
  margin-top: -20px;
}
h5.caption-old {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: inherit;
  font-style: italic;
  margin: -30px 0 30px;
  text-transform: none;
  color: #777777 !important;
  background: transparent;
  padding: 0;
  position: static;
  display: block;
  transform: none;
}
object + h5.caption-old {
  margin-top: 5px;
}

div.caption,
span.caption {
  /*font-size: 0.7rem;
    position: relative;
    left: 0px;
    bottom: 50px;
    color: $white !important;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 0 5px 0 3px;
    margin: 1em 0px 0 0;
    text-transform: none;
    transform:translateY(-100%);
    font-weight: $font-regular !important;
    font-style: italic !important;*/
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: inherit;
  font-style: italic;
  margin: -30px 0 30px;
  text-transform: none;
  color: #777777 !important;
  background: transparent;
  padding: 0;
  position: static;
  display: block;
  transform: none;
}
div.caption p,
span.caption p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.2rem !important;
}
.is-xs div.caption p,
.is-xs span.caption p {
  font-size: 1rem !important;
}
div.caption *,
span.caption * {
  color: #777777 !important;
}
.is-xs div.caption,
.is-xs span.caption {
  font-size: 1rem;
}

.caption .caption {
  position: static;
  transform: translateY(0%);
  margin: 0;
  padding: 0;
  background: transparent;
}

p {
  font-size: 1.2em;
  line-height: 140%;
  color: #000;
  margin: 0 0 30px;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.is-sm p {
  font-size: 1.2em;
  line-height: 140%;
  margin-bottom: 25px;
}
.is-xs p {
  font-size: 1.07em;
  line-height: 138%;
  margin-bottom: 20px;
}
p.intro {
  font-size: 1.47em;
  line-height: 164%;
  color: #444444;
}
.is-sm p.intro {
  font-size: 1.33em;
  line-height: 154%;
}
.is-xs p.intro {
  font-size: 1.2em;
  line-height: 144%;
}
p.interview {
  font-size: 1.33em;
  line-height: 150%;
  color: #777777;
  padding: 0;
  margin: 0 0 30px;
}
.is-sm p.interview {
  font-size: 1.2em;
  line-height: 146%;
  margin-bottom: 25px;
}
.is-xs p.interview {
  font-size: 1.07em;
  line-height: 138%;
  margin-bottom: 20px;
}
p.interview .interviewee {
  display: inline-block;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 700;
  color: #171616;
  margin-right: 15px;
}
.is-sm p.interview .interviewee {
  margin-right: 10px;
}
.is-xs p.interview .interviewee {
  margin-right: 10px;
}
p.contact-form-error-message {
  margin-top: 10px;
  font-weight: 700;
}

div.claim {
  text-align: center;
  margin-bottom: 30px;
}
div.claim p {
  font-size: 1.6em;
  font-weight: 700;
  line-height: 133%;
  color: #000;
  padding: 10px 0;
}
.is-xs div.claim p {
  font-size: 1.2em;
  padding: 5px 0;
}

dl {
  margin: 0;
  padding: 0;
}
dl.interview {
  margin-bottom: 30px;
}
.is-sm dl.interview {
  margin-bottom: 25px;
}
.is-xs dl.interview {
  margin-bottom: 20px;
}
dl.interview dt {
  display: inline-block;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 700;
  font-size: 1.33em;
  line-height: 150%;
  color: #171616;
}
dl.interview dt:after {
  content: ":";
  margin-right: 15px;
}
.is-sm dl.interview dt {
  font-size: 1.2em;
  line-height: 146%;
}
.is-sm dl.interview dt:after {
  margin-right: 10px;
}
.is-xs dl.interview dt {
  font-size: 1.07em;
  line-height: 138%;
}
.is-xs dl.interview dt:after {
  margin-right: 10px;
}
dl.interview dd {
  display: inline;
  font-size: 1.33em;
  line-height: 150%;
  color: #777777;
  margin: 0;
}
dl.interview dd:after {
  content: "\a";
  white-space: pre-line;
  display: block;
  height: 0;
  margin-bottom: 30px;
}
dl.interview dd:last-child:after {
  margin-bottom: 0;
}
.is-sm dl.interview dd {
  font-size: 1.2em;
  line-height: 146%;
}
.is-sm dl.interview dd:after {
  margin-bottom: 25px;
}
.is-sm dl.interview dd:last-child:after {
  margin-bottom: 0;
}
.is-xs dl.interview dd {
  font-size: 1.07em;
  line-height: 138%;
}
.is-xs dl.interview dd:after {
  margin-bottom: 20px;
}
.is-xs dl.interview dd:last-child:after {
  margin-bottom: 0;
}

.button,
.btn {
  height: 2.67em;
  line-height: 261%;
  display: inline-block;
  font-weight: 700;
  font-size: 1.2em;
  color: #fff;
  background: #afaeae;
  padding: 0px 3em;
  border-radius: 1.33em;
  border: 1px solid #999999;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button.thin,
.btn.thin {
  font-size: 0.95em !important;
  height: 2.2em;
  line-height: 210%;
  padding: 0 2em !important;
}
.button.btn-responsive,
.btn.btn-responsive {
  height: auto;
  line-height: 110%;
  padding: 0.75em 1.5em !important;
}
.is-sm .button.btn-responsive,
.is-sm .btn.btn-responsive {
  font-size: 1.1rem;
}
.is-xs .button.btn-responsive,
.is-xs .btn.btn-responsive {
  font-size: 0.9rem !important;
  line-height: 120%;
}
.is-xs .button,
.is-xs .btn {
  font-size: 1.07em;
  padding: 0px 2em;
}
.is-xs .sidebar-xs .button.block,
.is-xs .sidebar-xs .btn.block {
  width: calc(100% + 20px);
  height: auto;
  margin: 0 -10px;
  border-radius: 0;
  text-align: center;
  line-height: 2;
}
.button:hover, .button:focus, .button.focus,
.btn:hover,
.btn:focus,
.btn.focus {
  outline: none;
  background: #888888;
  border-color: #999999;
}
.button.primary, .button.btn-primary,
.btn.primary,
.btn.btn-primary {
  background: #00cdff;
  border-color: #d8d8d8;
}
.button.primary.btn-inverse, .button.btn-primary.btn-inverse,
.btn.primary.btn-inverse,
.btn.btn-primary.btn-inverse {
  background: #000000;
}
.button.primary.btn-inverse:hover, .button.primary.btn-inverse:focus, .button.primary.btn-inverse.focus, .button.btn-primary.btn-inverse:hover, .button.btn-primary.btn-inverse:focus, .button.btn-primary.btn-inverse.focus,
.btn.primary.btn-inverse:hover,
.btn.primary.btn-inverse:focus,
.btn.primary.btn-inverse.focus,
.btn.btn-primary.btn-inverse:hover,
.btn.btn-primary.btn-inverse:focus,
.btn.btn-primary.btn-inverse.focus {
  background: #00cdff;
}
.button.primary:hover, .button.primary:focus, .button.primary.focus, .button.btn-primary:hover, .button.btn-primary:focus, .button.btn-primary.focus,
.btn.primary:hover,
.btn.primary:focus,
.btn.primary.focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus {
  background: #000000;
  border-color: #999999;
}
.button.success, .button.btn-success,
.btn.success,
.btn.btn-success {
  background: #03bf62;
  border-color: #009b4a;
}
.button.success:hover, .button.success:focus, .button.success.focus, .button.btn-success:hover, .button.btn-success:focus, .button.btn-success.focus,
.btn.success:hover,
.btn.success:focus,
.btn.success.focus,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success.focus {
  background: #009b4a;
  border-color: #009b4a;
}
.button.warning, .button.btn-warning,
.btn.warning,
.btn.btn-warning {
  background: #dba400;
  border-color: #b57500;
}
.button.warning:hover, .button.warning:focus, .button.warning.focus, .button.btn-warning:hover, .button.btn-warning:focus, .button.btn-warning.focus,
.btn.warning:hover,
.btn.warning:focus,
.btn.warning.focus,
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning.focus {
  background: #b57500;
  border-color: #b57500;
}
.button.danger, .button.btn-danger,
.btn.danger,
.btn.btn-danger {
  background: #ff0000;
  border-color: #c70202;
}
.button.danger:hover, .button.danger:focus, .button.danger.focus, .button.btn-danger:hover, .button.btn-danger:focus, .button.btn-danger.focus,
.btn.danger:hover,
.btn.danger:focus,
.btn.danger.focus,
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger.focus {
  background: #c70202;
  border-color: #c70202;
}
.button.default, .button.btn-default,
.btn.default,
.btn.btn-default {
  background: #afaeae;
  border: 1px solid #999999;
}
.button.default:hover, .button.default:focus, .button.default.focus, .button.btn-default:hover, .button.btn-default:focus, .button.btn-default.focus,
.btn.default:hover,
.btn.default:focus,
.btn.default.focus,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default.focus {
  background: #888888;
  border-color: #999999;
}

span.button,
span.btn {
  font-size: 18px;
}
.is-xs span.button,
.is-xs span.btn {
  font-size: 16px;
}

.button-group {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button-group.top-right {
  position: absolute;
  top: -2px;
  right: 10px;
}
.is-sm .button-group.top-right {
  top: -4px;
}
.is-xs .button-group.top-right {
  top: -5px;
}
.button-group.bottom-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.button-group .button,
.button-group .btn {
  margin-right: 0.5em;
  margin-bottom: 10px;
}
.button-group .button:last-child,
.button-group .btn:last-child {
  margin-right: 0 !important;
}
.button-group .button:first-child,
.button-group .btn:first-child {
  margin-left: 0 !important;
}
.button-group.interview-details-social {
  margin-bottom: 10px;
}
.button-group.interview-details-social .button.text {
  width: 43px !important;
  margin: 0 10px 0 0 !important;
  background: transparent !important;
}
.is-xs .button-group.interview-details-social .button.text, .is-sm .button-group.interview-details-social .button.text, .is-md .button-group.interview-details-social .button.text {
  margin-right: 0px !important;
}
.button-group.interview-details-social .button.text .text {
  display: none;
}
.button-group.interview-details-social .button.text:after {
  content: none !important;
}

.button-group-left-navi .button,
.button-group-left-navi .btn {
  margin-bottom: 10px;
}
.is-xs .button-group-left-navi .button,
.is-xs .button-group-left-navi .btn {
  margin-right: 3%;
}

ul.button-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.button-list li {
  text-align: center;
  min-width: 22px;
  height: 2.25em;
  display: inline-block;
  float: left;
  font-size: 1.07em;
  line-height: 212.5%;
  color: #979797;
  background: #fff;
  padding: 0;
  margin: 0 6px 6px 0;
  border: 1px solid #979797;
  cursor: default;
}
ul.button-list li:last-child {
  margin-right: 0;
}
ul.button-list li.disabled {
  color: #d8d8d8;
  border-color: #d8d8d8;
  background: #efefef;
  padding: 0 5px;
}
ul.button-list li.active a {
  color: #fff;
  background: #00cdff;
}
ul.button-list li a {
  height: 100%;
  display: block;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: inherit;
  line-height: 212.5%;
  color: #979797;
  background: #fff;
  padding: 0 5px;
  margin: 0;
}
ul.button-list li a:hover, ul.button-list li a:focus, ul.button-list li a.active {
  outline: none;
  color: #fff;
  background: #00cdff;
}
ul.button-list.menu li a {
  padding: 0 45px 0 10px;
  position: relative;
}
ul.button-list.menu li a:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 1.47em;
  content: "";
  position: absolute;
  top: 6px;
  right: 7px;
}

.bubble {
  width: 105px;
  height: 105px;
  padding: 35px 5px 0 10px;
  margin: 0;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.47em;
  line-height: 95%;
  background: #00cdff;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  color: #fff;
  text-transform: uppercase;
  display: block;
  word-wrap: break-word;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.is-xs .bubble {
  width: 80px;
  height: 80px;
  padding: 25px 5px 0 8px;
  font-size: 1.1em;
  line-height: 97%;
}

.center {
  display: block;
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.line,
hr {
  display: block;
  width: 100%;
  height: 1px;
  display: block;
  background: #979797;
  margin: 0 0 30px;
  border: 0;
}
.line.thick,
hr.thick {
  height: 3px;
  background: #000;
}
.line.space,
hr.space {
  margin-bottom: 60px;
}
.is-sm .line,
.is-sm hr {
  margin-bottom: 25px;
}
.is-sm .line.space,
.is-sm hr.space {
  margin-bottom: 60px;
}
.is-xs .line,
.is-xs hr {
  margin-bottom: 20px;
}
.is-xs .line.space,
.is-xs hr.space {
  margin-bottom: 50px;
}

.tooltip {
  position: absolute;
  z-index: 9999999999;
  display: none;
  pointer-events: none;
}
.tooltip .tooltip-content {
  background: #000;
  color: #fff;
  padding: 5px 15px;
  border-radius: 15px;
}
.tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -5px;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #000;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0 5px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-bottom: -5px;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000;
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0px 5px 5px 5px;
}

.layer {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 101;
}
body.show-layer.search-layer .layer#search-layer {
  display: block;
}
body.show-layer.image-layer .layer#image-layer {
  display: block;
}

.photo-credits-wrapper {
  position: relative;
}

.photo-credits-over {
  font-size: 0.7rem;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  padding: 0 5px 0 3px;
  margin-right: 0px;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1.42857143;
}
.photo-credits-over p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.7rem !important;
  color: #fff !important;
}
.is-xs .photo-credits-over p {
  font-size: 0.55rem !important;
}
.photo-credits-over * {
  font-weight: 400 !important;
  font-style: italic !important;
}
.is-xs .photo-credits-over {
  font-size: 0.55rem;
}

.photo-credits-beneath {
  color: #000;
  font-size: 0.55rem;
  display: block;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1.42857143;
}
.photo-credits-beneath p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.55rem !important;
  color: #000 !important;
}
.photo-credits-beneath * {
  font-weight: 400 !important;
  font-style: italic !important;
}
.photo-credits-beneath .caption {
  font-size: 0.55rem;
  position: static;
  color: #000 !important;
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent;
  transform: none;
}

#body .no-row-margin > .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.box {
  width: 100%;
  height: 250px;
  background: #d8d8d8;
  text-align: center;
  display: block;
}
.box .fawesome {
  color: #979797;
  padding-top: 59px;
  padding-bottom: 15px;
  line-height: 3.07rem;
}
.is-xs .box .fawesome:before {
  font-size: 2.7rem;
}
.box h3 {
  color: #979797;
  text-transform: none;
  font-size: 1.7em;
  line-height: 130%;
  padding: 0 20px;
}
.is-sm .box h3 {
  font-size: 1.5em;
  line-height: 125%;
  padding: 0 10px;
}
.box:hover {
  background: #00cdff;
}
.box:hover .fawesome,
.box:hover h3 {
  color: #fff;
}

.prompt {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  padding: 0 10px;
  z-index: 99999;
}
.prompt .prompt-content {
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  max-width: 500px;
  width: 100%;
  background: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  padding: 20px 30px 100px;
}
.prompt .prompt-content input {
  width: 100%;
  padding: 5px 15px;
  font-size: 1.3rem;
}
.prompt .prompt-content .btn-success {
  position: absolute;
  left: 30px;
  bottom: 20px;
}
.prompt .prompt-content .btn-default {
  position: absolute;
  right: 30px;
  bottom: 20px;
}

.tags {
  display: block;
  margin-bottom: 20px;
}
.tags .tag {
  display: inline-block;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 5px 20px;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}
.tags .tag:hover {
  background: #00cdff;
}
.is-xs .tags .tag, .is-sm .tags .tag {
  padding: 5px 15px;
  margin-right: 3px;
  margin-bottom: 3px;
  font-size: 0.7rem;
}
.image-wrapper .tags {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 8px 0 0 8px;
}
.image-wrapper .tags .tag:hover {
  background: #000;
}

.space {
  display: block;
  height: 2rem;
}

.grecaptcha-badge {
  z-index: 111;
}

hylo-cookie-layer p {
  font-size: 1.2rem !important;
  color: white !important;
  text-align: center !important;
}
hylo-cookie-layer .hylo-button {
  display: block !important;
  text-transform: uppercase !important;
  border: 2px solid white !important;
  border-radius: 6px !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  line-height: 1 !important;
  padding: 12px 36px !important;
}
hylo-cookie-layer hylo-button.hylo-has-mouseover, hylo-cookie-layer hylo-button.hylo-has-focus {
  background-color: #006950 !important;
}

#navigation {
  width: 100%;
  max-width: 380px;
  background: #000;
  position: absolute;
  top: 0;
  left: -380px;
  z-index: 95;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.navigation-open #navigation {
  left: 0;
}
#navigation .buttons {
  width: 100%;
  height: 60px;
  position: relative;
  border-top: 1px solid #444444;
}
#navigation .buttons .fa-search {
  color: #fff;
  position: absolute;
  left: 20px;
  top: 15px;
}
#navigation .buttons .fa-search:before {
  font-size: 1.6rem;
}
#navigation .buttons .languages {
  width: 70px;
  top: 8px;
  right: 15px;
}
#navigation .buttons .languages .select-display-wrapper:after {
  top: -2px;
}
#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  line-height: 160%;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #afaeae;
}
#navigation ul li {
  border-top: 1px solid #444444;
}
#navigation ul li a,
#navigation ul li span {
  display: inline-block;
  width: 100%;
  color: #afaeae;
  padding: 10px 60px 10px 40px;
  cursor: pointer;
  text-decoration: none;
}
.is-xs #navigation ul li a,
.is-xs #navigation ul li span {
  padding: 7px 60px 7px 20px;
}
#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a.active,
#navigation ul li span:hover,
#navigation ul li span:focus,
#navigation ul li span.active {
  color: #fff;
  outline: none;
}
#navigation ul li.opened.level-1 a,
#navigation ul li.opened.level-1 span {
  color: #fff;
  outline: none;
}
#navigation ul li:last-child {
  border-bottom: 1px solid #444444;
}
#navigation ul li.accordion-inside {
  position: relative;
}
#navigation ul li.accordion-inside:after {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10px 20px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 1.8em;
  content: "";
}
.is-xs #navigation ul li.accordion-inside:after {
  padding: 5px 20px;
}
#navigation ul li.accordion-inside:hover > span, #navigation ul li.accordion-inside.active > span {
  color: #fff;
}
#navigation ul li.accordion-inside:hover:after, #navigation ul li.accordion-inside.active:after {
  color: #fff;
}
#navigation ul li.accordion-inside.opened:after {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
#navigation ul li ul li {
  background: #171616;
}
#navigation ul li ul li a,
#navigation ul li ul li span {
  padding-left: 60px;
}
.is-xs #navigation ul li ul li a,
.is-xs #navigation ul li ul li span {
  padding-left: 40px;
}
#navigation ul li ul li:last-child {
  border-bottom: none;
}
#navigation ul li ul li ul li {
  background: #1c1c1c;
}
#navigation ul li ul li ul li a,
#navigation ul li ul li ul li span {
  padding-left: 80px;
  padding-right: 20px;
}
.is-xs #navigation ul li ul li ul li a,
.is-xs #navigation ul li ul li ul li span {
  padding-left: 60px;
}

#body .navigation-overlay {
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 94;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

#breadcrumbs {
  width: 100%;
  height: 50px;
  background: #efefef;
  position: relative;
  z-index: 80;
  overflow: hidden;
}
#breadcrumbs ul {
  list-style: none;
  width: 10000px;
}
#breadcrumbs ul li {
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  line-height: 50px;
  color: #777777;
  display: inline-block;
}
#breadcrumbs ul li:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 1.9em;
  line-height: 50px;
  content: "";
  padding: 0 20px;
}
#breadcrumbs ul li a {
  display: inline-block;
  color: #777777;
}
#breadcrumbs ul li a:hover, #breadcrumbs ul li a:focus {
  color: #777777;
}
#breadcrumbs ul li:first-child:before {
  content: none;
}
#breadcrumbs ul li:first-child a:before {
  font-size: 1.6rem;
  line-height: 36px;
}

#footer {
  background: #000;
  color: #fff;
  overflow: hidden;
}
#footer img {
  margin: 0;
  padding: 0;
}
#footer > .container > .row {
  margin: 0 -10px;
}
#footer > .container > .row > div {
  padding-left: 10px;
  padding-right: 10px;
}
#footer .projectlogos {
  padding-top: 24px;
  padding-bottom: 14px;
}
#footer .projectlogos .row > div {
  padding-top: 24px;
}
#footer .projectlogos .second {
  margin: 0;
  padding: 0 0 24px;
}
.is-xs #footer .projectlogos .second {
  width: auto;
  float: left;
  margin-right: 40px;
}
.is-xs #footer .projectlogos .second:last-child {
  margin-right: 0;
}
#footer .projectlogos a {
  display: inline-block;
}
#footer .projectlogos a img:hover {
  opacity: 0.7;
}
#footer .projectlogos img {
  width: auto;
  max-width: 100%;
  height: 60px;
}
.is-xs #footer .projectlogos p, .is-sm #footer .projectlogos p {
  text-align: center;
}
#footer .sharelogos {
  padding-top: 24px;
}
#footer .sharelogos .row > div {
  padding-top: 20px;
}
#footer .sharelogos .row > div > .row > div {
  padding-top: 44px;
}
.is-xs #footer .sharelogos > .row > div {
  text-align: center;
  justify-content: center;
  padding-top: 40px;
}
.is-xs #footer .sharelogos > .row > div:first-child {
  padding-top: 20px;
}
.is-xs #footer .sharelogos > .row > div > .row {
  display: flex;
  justify-content: center;
}
.is-xs #footer .sharelogos > .row > div > .row > div {
  width: auto;
  text-align: left;
  padding-top: 0px;
}
#footer .sharelogos .newsletter {
  display: flex;
  justify-content: flex-end;
}
#footer .sharelogos .newsletter hylo-router-link {
  color: #000;
  background: #fff;
  --hylo-unit: 4px;
  --hylo-padding-right: 4;
  --hylo-padding-left: 4;
  --hylo-padding-top: 4;
  --hylo-padding-bottom: 4;
  --hylo-size: 180px;
  --hylo-border-width: 0px;
  --hylo-border-radius: 9999px;
  --hylo-font-size: 1.0667;
  --hylo-font-line-height: 1.25;
  --hylo-font-weight: 700;
  --hylo-font-transform: uppercase;
}
#footer .sharelogos .newsletter hylo-router-link hylo-icon {
  padding-bottom: 12px;
}
#footer .partnerlogos {
  padding-top: 60px;
  padding-bottom: 38px;
}
.is-xs #footer .partnerlogos {
  padding-top: 30px;
}
#footer .partnerlogos .row > div {
  display: flex;
  flex-wrap: wrap;
  column-gap: 68px;
}
.is-xs #footer .partnerlogos .row > div {
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  row-gap: 68px;
}
.is-xs #footer .partnerlogos .row > div > div {
  width: min-content;
}
.is-xs #footer .partnerlogos .row > div > div:first-child h3 {
  text-align: center;
}
#footer .partnerlogos .row > div > div {
  padding-top: 10px;
}
#footer .partnerlogos a {
  display: inline-block;
  margin-right: 24px;
}
.is-md #footer .partnerlogos a {
  margin-right: 15px;
}
#footer .partnerlogos a:last-child {
  margin-right: 0;
}
#footer .partnerlogos a:hover {
  opacity: 0.7;
}
#footer .partnerlogos img {
  width: auto;
  height: 50px;
  margin-bottom: 10px;
}
.is-sm #footer .partnerlogos img, .is-md #footer .partnerlogos img {
  height: 45px;
}
#footer .line {
  margin: 0;
  padding: 0;
  background: #000;
  border-bottom: 2px solid #fff;
}
#footer h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1em;
  line-height: 180%;
  color: #fff;
  margin: 0 0 20px 0;
  text-transform: none;
}
#footer a.textlink {
  display: block;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1em;
  line-height: 173%;
  color: #fff;
}
#footer a.textlink:hover, #footer a.textlink:focus, #footer a.textlink:active {
  color: #afaeae;
}
#footer .fawesome.button {
  background: #fff;
  color: #000;
}
#footer .fawesome.button:hover, #footer .fawesome.button:focus, #footer .fawesome.button:active {
  background: #afaeae;
}
#footer .white-bg {
  background: #fff;
  overflow: hidden;
  display: inline-block;
}

.error {
  color: #c70202;
  font-weight: 700;
}
.error h4 {
  color: #c70202;
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  text-transform: none;
  font-size: 1.2em;
  line-height: 140%;
  margin-bottom: 5px;
}
.error h4 .is-xs {
  font-size: 1.07em;
  line-height: 138%;
}
.error ul {
  list-style: none;
}
.error ul li {
  display: block;
  margin-bottom: 2px;
}

input:focus {
  outline: 0;
}

.text-field {
  font-size: 1.2em;
  padding: 4px 2px 10px 0px;
}
.text-field p {
  font-size: 1em;
  line-height: 140%;
  margin: 0;
  padding: 0;
}
.text-field a {
  word-break: break-word;
  word-wrap: break-word;
}
.is-xs .text-field {
  padding: 4px 2px 10px 0px;
  font-size: 1.07em;
}
.is-xs .text-field p {
  font-size: 1em;
  line-height: 138%;
  margin: 0;
  padding: 0;
}

.input-field.text {
  padding: 5px 2px 10px 0px;
}
.is-xs .input-field.text {
  padding: 5px 2px 10px 0px;
}
.input-field.file {
  padding: 0 2px 5px 0;
}
.is-xs .input-field.file {
  padding: 0 2px 5px 0;
}
.input-field.box {
  height: 58px;
  margin-bottom: -10px;
  position: relative;
  background: transparent;
}
.input-field.box:hover {
  background: transparent;
}
.input-field.select {
  padding: 5px 2px 10px 0px;
}
.is-xs .input-field.select {
  padding: 5px 2px 10px 0px;
}
#sorting_form .input-field {
  padding: 0 0 20px;
  max-width: 300px;
}
.is-xs #sorting_form .input-field {
  max-width: 100%;
}
.input-field.error input[type=text],
.input-field.error input[type=password],
.input-field.error input[type=email],
.input-field.error input[type=url],
.input-field.error input[type=search],
.input-field.error input[type=tel],
.input-field.error input[type=number],
.input-field.error input[type=range],
.input-field.error input[type=color] {
  background: #e9b2b2;
}
.input-field.error input[type=text]::-webkit-input-placeholder,
.input-field.error input[type=password]::-webkit-input-placeholder,
.input-field.error input[type=email]::-webkit-input-placeholder,
.input-field.error input[type=url]::-webkit-input-placeholder,
.input-field.error input[type=search]::-webkit-input-placeholder,
.input-field.error input[type=tel]::-webkit-input-placeholder,
.input-field.error input[type=number]::-webkit-input-placeholder,
.input-field.error input[type=range]::-webkit-input-placeholder,
.input-field.error input[type=color]::-webkit-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error input[type=text]:-moz-placeholder,
.input-field.error input[type=password]:-moz-placeholder,
.input-field.error input[type=email]:-moz-placeholder,
.input-field.error input[type=url]:-moz-placeholder,
.input-field.error input[type=search]:-moz-placeholder,
.input-field.error input[type=tel]:-moz-placeholder,
.input-field.error input[type=number]:-moz-placeholder,
.input-field.error input[type=range]:-moz-placeholder,
.input-field.error input[type=color]:-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error input[type=text]::-moz-placeholder,
.input-field.error input[type=password]::-moz-placeholder,
.input-field.error input[type=email]::-moz-placeholder,
.input-field.error input[type=url]::-moz-placeholder,
.input-field.error input[type=search]::-moz-placeholder,
.input-field.error input[type=tel]::-moz-placeholder,
.input-field.error input[type=number]::-moz-placeholder,
.input-field.error input[type=range]::-moz-placeholder,
.input-field.error input[type=color]::-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error input[type=text]:-ms-input-placeholder,
.input-field.error input[type=password]:-ms-input-placeholder,
.input-field.error input[type=email]:-ms-input-placeholder,
.input-field.error input[type=url]:-ms-input-placeholder,
.input-field.error input[type=search]:-ms-input-placeholder,
.input-field.error input[type=tel]:-ms-input-placeholder,
.input-field.error input[type=number]:-ms-input-placeholder,
.input-field.error input[type=range]:-ms-input-placeholder,
.input-field.error input[type=color]:-ms-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text],
.input-field input[type=password],
.input-field input[type=email],
.input-field input[type=url],
.input-field input[type=search],
.input-field input[type=tel],
.input-field input[type=number],
.input-field input[type=range],
.input-field input[type=color] {
  width: 100%;
  height: 3.5rem;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 300%;
  background: #fff;
  color: #000;
  border: 1px solid #979797;
  border-radius: 4px;
  padding: 0 1rem;
  margin: 0;
  box-sizing: border-box;
}
.is-xs .input-field input[type=text],
.is-xs .input-field input[type=password],
.is-xs .input-field input[type=email],
.is-xs .input-field input[type=url],
.is-xs .input-field input[type=search],
.is-xs .input-field input[type=tel],
.is-xs .input-field input[type=number],
.is-xs .input-field input[type=range],
.is-xs .input-field input[type=color] {
  height: 3rem;
  font-size: 1.07rem;
  line-height: 260%;
}
#filter_form .input-field input[type=text],
#filter_form .input-field input[type=password],
#filter_form .input-field input[type=email],
#filter_form .input-field input[type=url],
#filter_form .input-field input[type=search],
#filter_form .input-field input[type=tel],
#filter_form .input-field input[type=number],
#filter_form .input-field input[type=range],
#filter_form .input-field input[type=color] {
  border-radius: 0;
  font-size: 1.07rem;
  line-height: 200%;
}
.input-field input[type=text].error,
.input-field input[type=password].error,
.input-field input[type=email].error,
.input-field input[type=url].error,
.input-field input[type=search].error,
.input-field input[type=tel].error,
.input-field input[type=number].error,
.input-field input[type=range].error,
.input-field input[type=color].error {
  background: #e9b2b2;
}
.input-field input[type=text].error::-webkit-input-placeholder,
.input-field input[type=password].error::-webkit-input-placeholder,
.input-field input[type=email].error::-webkit-input-placeholder,
.input-field input[type=url].error::-webkit-input-placeholder,
.input-field input[type=search].error::-webkit-input-placeholder,
.input-field input[type=tel].error::-webkit-input-placeholder,
.input-field input[type=number].error::-webkit-input-placeholder,
.input-field input[type=range].error::-webkit-input-placeholder,
.input-field input[type=color].error::-webkit-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].error:-moz-placeholder,
.input-field input[type=password].error:-moz-placeholder,
.input-field input[type=email].error:-moz-placeholder,
.input-field input[type=url].error:-moz-placeholder,
.input-field input[type=search].error:-moz-placeholder,
.input-field input[type=tel].error:-moz-placeholder,
.input-field input[type=number].error:-moz-placeholder,
.input-field input[type=range].error:-moz-placeholder,
.input-field input[type=color].error:-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].error::-moz-placeholder,
.input-field input[type=password].error::-moz-placeholder,
.input-field input[type=email].error::-moz-placeholder,
.input-field input[type=url].error::-moz-placeholder,
.input-field input[type=search].error::-moz-placeholder,
.input-field input[type=tel].error::-moz-placeholder,
.input-field input[type=number].error::-moz-placeholder,
.input-field input[type=range].error::-moz-placeholder,
.input-field input[type=color].error::-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].error:-ms-input-placeholder,
.input-field input[type=password].error:-ms-input-placeholder,
.input-field input[type=email].error:-ms-input-placeholder,
.input-field input[type=url].error:-ms-input-placeholder,
.input-field input[type=search].error:-ms-input-placeholder,
.input-field input[type=tel].error:-ms-input-placeholder,
.input-field input[type=number].error:-ms-input-placeholder,
.input-field input[type=range].error:-ms-input-placeholder,
.input-field input[type=color].error:-ms-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text]:focus,
.input-field input[type=password]:focus,
.input-field input[type=email]:focus,
.input-field input[type=url]:focus,
.input-field input[type=search]:focus,
.input-field input[type=tel]:focus,
.input-field input[type=number]:focus,
.input-field input[type=range]:focus,
.input-field input[type=color]:focus {
  border: 1px solid #444444;
  box-shadow: 0 0 6px 0 rgba(12, 138, 169, 0.7);
}
.input-field input[type=text][readonly],
.input-field input[type=password][readonly],
.input-field input[type=email][readonly],
.input-field input[type=url][readonly],
.input-field input[type=search][readonly],
.input-field input[type=tel][readonly],
.input-field input[type=number][readonly],
.input-field input[type=range][readonly],
.input-field input[type=color][readonly] {
  border: 1px solid #d8d8d8;
  color: #afaeae;
  cursor: default;
}
.input-field input[type=text][readonly]:focus,
.input-field input[type=password][readonly]:focus,
.input-field input[type=email][readonly]:focus,
.input-field input[type=url][readonly]:focus,
.input-field input[type=search][readonly]:focus,
.input-field input[type=tel][readonly]:focus,
.input-field input[type=number][readonly]:focus,
.input-field input[type=range][readonly]:focus,
.input-field input[type=color][readonly]:focus {
  box-shadow: 0 0 6px 0 #d8d8d8;
}
.input-field input[type=text][disabled], fieldset[disabled] .input-field input[type=text],
.input-field input[type=password][disabled],
fieldset[disabled] .input-field input[type=password],
.input-field input[type=email][disabled],
fieldset[disabled] .input-field input[type=email],
.input-field input[type=url][disabled],
fieldset[disabled] .input-field input[type=url],
.input-field input[type=search][disabled],
fieldset[disabled] .input-field input[type=search],
.input-field input[type=tel][disabled],
fieldset[disabled] .input-field input[type=tel],
.input-field input[type=number][disabled],
fieldset[disabled] .input-field input[type=number],
.input-field input[type=range][disabled],
fieldset[disabled] .input-field input[type=range],
.input-field input[type=color][disabled],
fieldset[disabled] .input-field input[type=color] {
  line-height: 133%;
  background: transparent;
  border: none;
  cursor: text;
  padding: 0;
}
.input-field input[type=text][disabled]::-webkit-input-placeholder, fieldset[disabled] .input-field input[type=text]::-webkit-input-placeholder,
.input-field input[type=password][disabled]::-webkit-input-placeholder,
fieldset[disabled] .input-field input[type=password]::-webkit-input-placeholder,
.input-field input[type=email][disabled]::-webkit-input-placeholder,
fieldset[disabled] .input-field input[type=email]::-webkit-input-placeholder,
.input-field input[type=url][disabled]::-webkit-input-placeholder,
fieldset[disabled] .input-field input[type=url]::-webkit-input-placeholder,
.input-field input[type=search][disabled]::-webkit-input-placeholder,
fieldset[disabled] .input-field input[type=search]::-webkit-input-placeholder,
.input-field input[type=tel][disabled]::-webkit-input-placeholder,
fieldset[disabled] .input-field input[type=tel]::-webkit-input-placeholder,
.input-field input[type=number][disabled]::-webkit-input-placeholder,
fieldset[disabled] .input-field input[type=number]::-webkit-input-placeholder,
.input-field input[type=range][disabled]::-webkit-input-placeholder,
fieldset[disabled] .input-field input[type=range]::-webkit-input-placeholder,
.input-field input[type=color][disabled]::-webkit-input-placeholder,
fieldset[disabled] .input-field input[type=color]::-webkit-input-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text][disabled]:-moz-placeholder, fieldset[disabled] .input-field input[type=text]:-moz-placeholder,
.input-field input[type=password][disabled]:-moz-placeholder,
fieldset[disabled] .input-field input[type=password]:-moz-placeholder,
.input-field input[type=email][disabled]:-moz-placeholder,
fieldset[disabled] .input-field input[type=email]:-moz-placeholder,
.input-field input[type=url][disabled]:-moz-placeholder,
fieldset[disabled] .input-field input[type=url]:-moz-placeholder,
.input-field input[type=search][disabled]:-moz-placeholder,
fieldset[disabled] .input-field input[type=search]:-moz-placeholder,
.input-field input[type=tel][disabled]:-moz-placeholder,
fieldset[disabled] .input-field input[type=tel]:-moz-placeholder,
.input-field input[type=number][disabled]:-moz-placeholder,
fieldset[disabled] .input-field input[type=number]:-moz-placeholder,
.input-field input[type=range][disabled]:-moz-placeholder,
fieldset[disabled] .input-field input[type=range]:-moz-placeholder,
.input-field input[type=color][disabled]:-moz-placeholder,
fieldset[disabled] .input-field input[type=color]:-moz-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text][disabled]::-moz-placeholder, fieldset[disabled] .input-field input[type=text]::-moz-placeholder,
.input-field input[type=password][disabled]::-moz-placeholder,
fieldset[disabled] .input-field input[type=password]::-moz-placeholder,
.input-field input[type=email][disabled]::-moz-placeholder,
fieldset[disabled] .input-field input[type=email]::-moz-placeholder,
.input-field input[type=url][disabled]::-moz-placeholder,
fieldset[disabled] .input-field input[type=url]::-moz-placeholder,
.input-field input[type=search][disabled]::-moz-placeholder,
fieldset[disabled] .input-field input[type=search]::-moz-placeholder,
.input-field input[type=tel][disabled]::-moz-placeholder,
fieldset[disabled] .input-field input[type=tel]::-moz-placeholder,
.input-field input[type=number][disabled]::-moz-placeholder,
fieldset[disabled] .input-field input[type=number]::-moz-placeholder,
.input-field input[type=range][disabled]::-moz-placeholder,
fieldset[disabled] .input-field input[type=range]::-moz-placeholder,
.input-field input[type=color][disabled]::-moz-placeholder,
fieldset[disabled] .input-field input[type=color]::-moz-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text][disabled]:-ms-input-placeholder, fieldset[disabled] .input-field input[type=text]:-ms-input-placeholder,
.input-field input[type=password][disabled]:-ms-input-placeholder,
fieldset[disabled] .input-field input[type=password]:-ms-input-placeholder,
.input-field input[type=email][disabled]:-ms-input-placeholder,
fieldset[disabled] .input-field input[type=email]:-ms-input-placeholder,
.input-field input[type=url][disabled]:-ms-input-placeholder,
fieldset[disabled] .input-field input[type=url]:-ms-input-placeholder,
.input-field input[type=search][disabled]:-ms-input-placeholder,
fieldset[disabled] .input-field input[type=search]:-ms-input-placeholder,
.input-field input[type=tel][disabled]:-ms-input-placeholder,
fieldset[disabled] .input-field input[type=tel]:-ms-input-placeholder,
.input-field input[type=number][disabled]:-ms-input-placeholder,
fieldset[disabled] .input-field input[type=number]:-ms-input-placeholder,
.input-field input[type=range][disabled]:-ms-input-placeholder,
fieldset[disabled] .input-field input[type=range]:-ms-input-placeholder,
.input-field input[type=color][disabled]:-ms-input-placeholder,
fieldset[disabled] .input-field input[type=color]:-ms-input-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text]::-webkit-input-placeholder,
.input-field input[type=password]::-webkit-input-placeholder,
.input-field input[type=email]::-webkit-input-placeholder,
.input-field input[type=url]::-webkit-input-placeholder,
.input-field input[type=search]::-webkit-input-placeholder,
.input-field input[type=tel]::-webkit-input-placeholder,
.input-field input[type=number]::-webkit-input-placeholder,
.input-field input[type=range]::-webkit-input-placeholder,
.input-field input[type=color]::-webkit-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text]:-moz-placeholder,
.input-field input[type=password]:-moz-placeholder,
.input-field input[type=email]:-moz-placeholder,
.input-field input[type=url]:-moz-placeholder,
.input-field input[type=search]:-moz-placeholder,
.input-field input[type=tel]:-moz-placeholder,
.input-field input[type=number]:-moz-placeholder,
.input-field input[type=range]:-moz-placeholder,
.input-field input[type=color]:-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text]::-moz-placeholder,
.input-field input[type=password]::-moz-placeholder,
.input-field input[type=email]::-moz-placeholder,
.input-field input[type=url]::-moz-placeholder,
.input-field input[type=search]::-moz-placeholder,
.input-field input[type=tel]::-moz-placeholder,
.input-field input[type=number]::-moz-placeholder,
.input-field input[type=range]::-moz-placeholder,
.input-field input[type=color]::-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text]:-ms-input-placeholder,
.input-field input[type=password]:-ms-input-placeholder,
.input-field input[type=email]:-ms-input-placeholder,
.input-field input[type=url]:-ms-input-placeholder,
.input-field input[type=search]:-ms-input-placeholder,
.input-field input[type=tel]:-ms-input-placeholder,
.input-field input[type=number]:-ms-input-placeholder,
.input-field input[type=range]:-ms-input-placeholder,
.input-field input[type=color]:-ms-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=number] {
  padding-right: 0;
}
.input-field input[type=range] {
  padding: 1em 0;
}
.input-field input[type=range]:focus {
  border: 1px solid white;
  border: 1px solid rgba(255, 255, 255, 0);
  box-shadow: none;
  background: black;
}
.input-field input[type=color] {
  padding: 0 1px;
}
.input-field input[type=file].input-file-hide {
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
}
.input-field input[type=file].input-file-hide[disabled], fieldset[disabled] .input-field input[type=file].input-file-hide {
  display: none;
}
.input-field input[type=file].input-file-hide[disabled] option, fieldset[disabled] .input-field input[type=file].input-file-hide option {
  display: none;
}
.input-field.error input[type=text].input-file-display[disabled], fieldset[disabled] .input-field.error input[type=text].input-file-display {
  background: #e9b2b2;
}
.input-field.error input[type=text].input-file-display[disabled]::-webkit-input-placeholder, fieldset[disabled] .input-field.error input[type=text].input-file-display::-webkit-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error input[type=text].input-file-display[disabled]:-moz-placeholder, fieldset[disabled] .input-field.error input[type=text].input-file-display:-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error input[type=text].input-file-display[disabled]::-moz-placeholder, fieldset[disabled] .input-field.error input[type=text].input-file-display::-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error input[type=text].input-file-display[disabled]:-ms-input-placeholder, fieldset[disabled] .input-field.error input[type=text].input-file-display:-ms-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled], fieldset[disabled] .input-field input[type=text].input-file-display {
  line-height: 300%;
  background: #fff;
  border: 1px solid #979797;
  padding: 0 1em;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.is-xs .input-field input[type=text].input-file-display[disabled], .is-xs fieldset[disabled] .input-field input[type=text].input-file-display {
  line-height: 260%;
}
.input-field input[type=text].input-file-display[disabled]::-webkit-input-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display::-webkit-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled]:-moz-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display:-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled]::-moz-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display::-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled]:-ms-input-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display:-ms-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled].error, fieldset[disabled] .input-field input[type=text].input-file-display.error {
  background: #e9b2b2;
}
.input-field input[type=text].input-file-display[disabled].error::-webkit-input-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display.error::-webkit-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled].error:-moz-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display.error:-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled].error::-moz-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display.error::-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled].error:-ms-input-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display.error:-ms-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled].focus, fieldset[disabled] .input-field input[type=text].input-file-display.focus {
  border: 1px solid #444444;
  box-shadow: 0 0 6px 0 rgba(12, 138, 169, 0.7);
}
.input-field input[type=text].input-file-display[disabled].readonly, fieldset[disabled] .input-field input[type=text].input-file-display.readonly {
  border: 1px solid #d8d8d8;
  color: #afaeae;
  cursor: default;
}
.input-field input[type=text].input-file-display[disabled].readonly.focus, fieldset[disabled] .input-field input[type=text].input-file-display.readonly.focus {
  box-shadow: 0 0 6px 0 #d8d8d8;
}
.input-field input[type=text].input-file-display[disabled].disabled, fieldset[disabled] .input-field input[type=text].input-file-display.disabled {
  line-height: 133%;
  background: transparent;
  border: none;
  cursor: text;
  padding: 0;
}
.input-field input[type=text].input-file-display[disabled].disabled::-webkit-input-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display.disabled::-webkit-input-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled].disabled:-moz-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display.disabled:-moz-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled].disabled::-moz-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display.disabled::-moz-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text].input-file-display[disabled].disabled:-ms-input-placeholder, fieldset[disabled] .input-field input[type=text].input-file-display.disabled:-ms-input-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field .input-file-display-wrapper {
  display: block;
  width: auto;
  overflow: hidden;
  padding: 5px 2px;
}
.input-field .input-file-display-wrapper.disabled {
  padding: 5px 0;
}
.input-field .button.input-file-button {
  display: block;
  float: right;
  margin: 9px 0 4px 23px;
}
.is-xs .input-field .button.input-file-button {
  margin: 5px 0 4px 5px;
}
.input-field .button.input-file-button.only-button {
  display: inline-block;
  float: none;
  margin: 9px 0 4px 0;
}
.is-xs .input-field .button.input-file-button.only-button {
  margin: 5px 0 4px 0;
}
.input-field.error textarea {
  background: #e9b2b2;
}
.input-field.error textarea::-webkit-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error textarea:-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error textarea::-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error textarea:-ms-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field textarea {
  width: 100%;
  height: auto;
  min-height: 6em;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 133%;
  background: #fff;
  color: #000;
  border: 1px solid #979797;
  border-radius: 4px;
  padding: 15px 1em;
  margin: 0;
  overflow: hidden;
  resize: none;
}
.is-xs .input-field textarea {
  font-size: 1.07em;
}
.input-field textarea.error {
  background: #e9b2b2;
}
.input-field textarea.error::-webkit-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field textarea.error:-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field textarea.error::-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field textarea.error:-ms-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field textarea:focus {
  outline: 0;
  border: 1px solid #444444;
  box-shadow: 0 0 6px 0 rgba(12, 138, 169, 0.7);
}
.input-field textarea[readonly] {
  border: 1px solid #d8d8d8;
  color: #afaeae;
  cursor: default;
}
.input-field textarea[readonly]:focus {
  box-shadow: 0 0 6px 0 #d8d8d8;
}
.input-field textarea[disabled], fieldset[disabled] .input-field textarea {
  min-height: 0;
  line-height: 133%;
  background: transparent;
  border: none;
  cursor: text;
  padding: 0;
}
.input-field textarea[disabled]::-webkit-input-placeholder, fieldset[disabled] .input-field textarea::-webkit-input-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field textarea[disabled]:-moz-placeholder, fieldset[disabled] .input-field textarea:-moz-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field textarea[disabled]::-moz-placeholder, fieldset[disabled] .input-field textarea::-moz-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field textarea[disabled]:-ms-input-placeholder, fieldset[disabled] .input-field textarea:-ms-input-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field textarea::-webkit-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field textarea:-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field textarea::-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field textarea:-ms-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=checkbox] {
  width: 48px;
  height: 48px;
  display: inline-block;
  opacity: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-field input[type=checkbox] + label {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 133%;
  padding-top: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.is-xs .input-field input[type=checkbox] + label {
  font-size: 1.07em;
}
#filter_form .input-field input[type=checkbox] + label {
  font-size: 1em;
}
.is-xs #filter_form .input-field input[type=checkbox] + label {
  font-size: 1em;
}
#filter_form .input-field input[type=checkbox] + label:before {
  margin-top: -14px;
  margin-right: 5px;
}
.input-field input[type=checkbox] + label:before {
  width: 48px;
  height: 48px;
  background-image: url("../img/default/checkbox.png");
  background-repeat: no-repeat;
  margin-top: -12px;
  margin-right: 10px;
  float: left;
  content: "";
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.input-field input[type=checkbox] + label:before {
  background-position: 14px -80px;
}
.input-field input[type=checkbox]:hover + label:before, .input-field input[type=checkbox]:active + label:before, .input-field input[type=checkbox]:focus + label:before {
  background-position: -136px -79px;
}
.input-field input[type=checkbox]:checked + label:before {
  background-position: 14px -1px;
}
.input-field input[type=checkbox]:checked:hover + label:before, .input-field input[type=checkbox]:checked:active + label:before, .input-field input[type=checkbox]:checked:focus + label:before {
  background-position: -136px 0px;
}
.input-field input[type=checkbox][disabled] + label:before, fieldset[disabled] .input-field input[type=checkbox] + label:before {
  background-position: -282px -79px;
}
.input-field input[type=checkbox][disabled]:hover + label:before, .input-field input[type=checkbox][disabled]:active + label:before, .input-field input[type=checkbox][disabled]:focus + label:before, fieldset[disabled] .input-field input[type=checkbox]:hover + label:before, fieldset[disabled] .input-field input[type=checkbox]:active + label:before, fieldset[disabled] .input-field input[type=checkbox]:focus + label:before {
  cursor: default;
  background-position: -282px -79px;
}
.input-field input[type=checkbox][disabled]:checked + label:before, fieldset[disabled] .input-field input[type=checkbox]:checked + label:before {
  background-position: -281px -1px;
}
.input-field input[type=checkbox][disabled]:checked:hover + label:before, .input-field input[type=checkbox][disabled]:checked:active + label:before, .input-field input[type=checkbox][disabled]:checked:focus + label:before, fieldset[disabled] .input-field input[type=checkbox]:checked:hover + label:before, fieldset[disabled] .input-field input[type=checkbox]:checked:active + label:before, fieldset[disabled] .input-field input[type=checkbox]:checked:focus + label:before {
  cursor: default;
  background-position: -281px -1px;
}
.input-field input[type=radio] {
  width: 48px;
  height: 48px;
  display: inline-block;
  opacity: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-field input[type=radio] + label {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 133%;
  padding-top: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.is-xs .input-field input[type=radio] + label {
  font-size: 1.07em;
}
.input-field input[type=radio] + label:before {
  width: 48px;
  height: 48px;
  background-image: url("../img/default/radiobutton.png");
  background-repeat: no-repeat;
  margin-top: -12px;
  margin-right: 10px;
  float: left;
  content: "";
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.input-field input[type=radio] + label:before {
  background-position: 12px -80px;
}
.input-field input[type=radio]:hover + label:before, .input-field input[type=radio]:active + label:before, .input-field input[type=radio]:focus + label:before {
  background-position: -137px -79px;
}
.input-field input[type=radio]:checked + label:before {
  background-position: 12px 3px;
}
.input-field input[type=radio]:checked:hover + label:before, .input-field input[type=radio]:checked:active + label:before, .input-field input[type=radio]:checked:focus + label:before {
  background-position: -137px 0px;
}
.input-field input[type=radio][disabled] + label:before, fieldset[disabled] .input-field input[type=radio] + label:before {
  background-position: -284px -75px;
}
.input-field input[type=radio][disabled]:hover + label:before, .input-field input[type=radio][disabled]:active + label:before, .input-field input[type=radio][disabled]:focus + label:before, fieldset[disabled] .input-field input[type=radio]:hover + label:before, fieldset[disabled] .input-field input[type=radio]:active + label:before, fieldset[disabled] .input-field input[type=radio]:focus + label:before {
  cursor: default;
  background-position: -284px -75px;
}
.input-field input[type=radio][disabled]:checked + label:before, fieldset[disabled] .input-field input[type=radio]:checked + label:before {
  background-position: -283px 0px;
}
.input-field input[type=radio][disabled]:checked:hover + label:before, .input-field input[type=radio][disabled]:checked:active + label:before, .input-field input[type=radio][disabled]:checked:focus + label:before, fieldset[disabled] .input-field input[type=radio]:checked:hover + label:before, fieldset[disabled] .input-field input[type=radio]:checked:active + label:before, fieldset[disabled] .input-field input[type=radio]:checked:focus + label:before {
  cursor: default;
  background-position: -283px 0px;
}
.input-field input[type=checkbox].switch,
.input-field input[type=radio].switch {
  width: 75px;
  height: 48px;
  display: inline-block;
  opacity: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-field input[type=checkbox].switch + label,
.input-field input[type=radio].switch + label {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 133%;
  padding-top: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.is-xs .input-field input[type=checkbox].switch + label,
.is-xs .input-field input[type=radio].switch + label {
  font-size: 1.07em;
}
.input-field input[type=checkbox].switch + label:before,
.input-field input[type=radio].switch + label:before {
  width: 75px;
  height: 48px;
  background-image: url("../img/default/switch.png");
  background-repeat: no-repeat;
  margin-top: -12px;
  margin-right: 10px;
  float: left;
  content: "";
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}
.input-field input[type=checkbox].switch + label:before,
.input-field input[type=radio].switch + label:before {
  background-position: 6px -79px;
}
.input-field input[type=checkbox].switch:hover + label:before, .input-field input[type=checkbox].switch:active + label:before, .input-field input[type=checkbox].switch:focus + label:before,
.input-field input[type=radio].switch:hover + label:before,
.input-field input[type=radio].switch:active + label:before,
.input-field input[type=radio].switch:focus + label:before {
  background-position: -140px -79px;
}
.input-field input[type=checkbox].switch:checked + label:before,
.input-field input[type=radio].switch:checked + label:before {
  background-position: 6px -2px;
}
.input-field input[type=checkbox].switch:checked:hover + label:before, .input-field input[type=checkbox].switch:checked:active + label:before, .input-field input[type=checkbox].switch:checked:focus + label:before,
.input-field input[type=radio].switch:checked:hover + label:before,
.input-field input[type=radio].switch:checked:active + label:before,
.input-field input[type=radio].switch:checked:focus + label:before {
  background-position: -140px 0px;
}
.input-field input[type=checkbox].switch[disabled] + label:before, fieldset[disabled] .input-field input[type=checkbox].switch + label:before,
.input-field input[type=radio].switch[disabled] + label:before,
fieldset[disabled] .input-field input[type=radio].switch + label:before {
  background-position: -295px -79px;
}
.input-field input[type=checkbox].switch[disabled]:hover + label:before, .input-field input[type=checkbox].switch[disabled]:active + label:before, .input-field input[type=checkbox].switch[disabled]:focus + label:before, fieldset[disabled] .input-field input[type=checkbox].switch:hover + label:before, fieldset[disabled] .input-field input[type=checkbox].switch:active + label:before, fieldset[disabled] .input-field input[type=checkbox].switch:focus + label:before,
.input-field input[type=radio].switch[disabled]:hover + label:before,
.input-field input[type=radio].switch[disabled]:active + label:before,
.input-field input[type=radio].switch[disabled]:focus + label:before,
fieldset[disabled] .input-field input[type=radio].switch:hover + label:before,
fieldset[disabled] .input-field input[type=radio].switch:active + label:before,
fieldset[disabled] .input-field input[type=radio].switch:focus + label:before {
  cursor: default;
  background-position: -295px -79px;
}
.input-field input[type=checkbox].switch[disabled]:checked + label:before, fieldset[disabled] .input-field input[type=checkbox].switch:checked + label:before,
.input-field input[type=radio].switch[disabled]:checked + label:before,
fieldset[disabled] .input-field input[type=radio].switch:checked + label:before {
  background-position: -286px -2px;
}
.input-field input[type=checkbox].switch[disabled]:checked:hover + label:before, .input-field input[type=checkbox].switch[disabled]:checked:active + label:before, .input-field input[type=checkbox].switch[disabled]:checked:focus + label:before, fieldset[disabled] .input-field input[type=checkbox].switch:checked:hover + label:before, fieldset[disabled] .input-field input[type=checkbox].switch:checked:active + label:before, fieldset[disabled] .input-field input[type=checkbox].switch:checked:focus + label:before,
.input-field input[type=radio].switch[disabled]:checked:hover + label:before,
.input-field input[type=radio].switch[disabled]:checked:active + label:before,
.input-field input[type=radio].switch[disabled]:checked:focus + label:before,
fieldset[disabled] .input-field input[type=radio].switch:checked:hover + label:before,
fieldset[disabled] .input-field input[type=radio].switch:checked:active + label:before,
fieldset[disabled] .input-field input[type=radio].switch:checked:focus + label:before {
  cursor: default;
  background-position: -286px -2px;
}
.input-field select.select-hide {
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
}
.input-field select.select-hide:disabled {
  display: none;
}
.input-field.error input[type=text].select-display[disabled], fieldset[disabled] .input-field.error input[type=text].select-display {
  background: #e9b2b2;
}
.input-field.error input[type=text].select-display[disabled]::-webkit-input-placeholder, fieldset[disabled] .input-field.error input[type=text].select-display::-webkit-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error input[type=text].select-display[disabled]:-moz-placeholder, fieldset[disabled] .input-field.error input[type=text].select-display:-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error input[type=text].select-display[disabled]::-moz-placeholder, fieldset[disabled] .input-field.error input[type=text].select-display::-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field.error input[type=text].select-display[disabled]:-ms-input-placeholder, fieldset[disabled] .input-field.error input[type=text].select-display:-ms-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].select-display.autoload {
  padding: 0 50px 0 1em;
}
.is-xs .input-field input[type=text].select-display.autoload {
  padding-right: 40px;
}
.input-field input[type=text].select-display[disabled], fieldset[disabled] .input-field input[type=text].select-display {
  line-height: 300%;
  background: #fff;
  border: 1px solid #979797;
  padding: 0 50px 0 1em;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.is-xs .input-field input[type=text].select-display[disabled], .is-xs fieldset[disabled] .input-field input[type=text].select-display {
  line-height: 260%;
  padding-right: 40px;
}
.input-field input[type=text].select-display[disabled]::-webkit-input-placeholder, fieldset[disabled] .input-field input[type=text].select-display::-webkit-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled]:-moz-placeholder, fieldset[disabled] .input-field input[type=text].select-display:-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled]::-moz-placeholder, fieldset[disabled] .input-field input[type=text].select-display::-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled]:-ms-input-placeholder, fieldset[disabled] .input-field input[type=text].select-display:-ms-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled].error, fieldset[disabled] .input-field input[type=text].select-display.error {
  background: #e9b2b2;
}
.input-field input[type=text].select-display[disabled].error::-webkit-input-placeholder, fieldset[disabled] .input-field input[type=text].select-display.error::-webkit-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled].error:-moz-placeholder, fieldset[disabled] .input-field input[type=text].select-display.error:-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled].error::-moz-placeholder, fieldset[disabled] .input-field input[type=text].select-display.error::-moz-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled].error:-ms-input-placeholder, fieldset[disabled] .input-field input[type=text].select-display.error:-ms-input-placeholder {
  color: #c70202;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled].focus, fieldset[disabled] .input-field input[type=text].select-display.focus {
  border: 1px solid #444444;
  box-shadow: 0 0 6px 0 rgba(12, 138, 169, 0.7);
}
.input-field input[type=text].select-display[disabled].readonly, fieldset[disabled] .input-field input[type=text].select-display.readonly {
  border: 1px solid #d8d8d8;
  color: #afaeae;
  cursor: default;
  padding-right: 1em;
}
.input-field input[type=text].select-display[disabled].readonly.focus, fieldset[disabled] .input-field input[type=text].select-display.readonly.focus {
  box-shadow: 0 0 6px 0 #d8d8d8;
}
.input-field input[type=text].select-display[disabled].disabled, fieldset[disabled] .input-field input[type=text].select-display.disabled {
  line-height: 133%;
  background: transparent;
  border: none;
  cursor: text;
  padding: 0;
  margin-left: 0px;
}
.input-field input[type=text].select-display[disabled].disabled::-webkit-input-placeholder, fieldset[disabled] .input-field input[type=text].select-display.disabled::-webkit-input-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled].disabled:-moz-placeholder, fieldset[disabled] .input-field input[type=text].select-display.disabled:-moz-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled].disabled::-moz-placeholder, fieldset[disabled] .input-field input[type=text].select-display.disabled::-moz-placeholder {
  color: #afaeae;
  opacity: 1;
}
.input-field input[type=text].select-display[disabled].disabled:-ms-input-placeholder, fieldset[disabled] .input-field input[type=text].select-display.disabled:-ms-input-placeholder {
  color: #afaeae;
  opacity: 1;
}
#sorting_form .input-field input[type=text].select-display {
  height: 2.25em;
  font-size: 1.07em;
  line-height: 212.5%;
  color: #979797;
  margin: 0 10px 15px 0;
  border: 1px solid #979797;
  border-radius: 0;
}
.input-field .select-option {
  width: 100%;
  padding: 7px 5px 7px 1em;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-field .select-option.is-in-option-group {
  padding-left: 2em;
}
.input-field .select-option.first-none-group {
  padding-top: 20px;
}
.input-field .select-option.is-hidden {
  display: none;
}
.input-field .select-option:hover, .input-field .select-option.focus {
  background: #00cdff;
}
.input-field .select-option.multiple {
  padding-left: 10px;
}
.input-field .select-option.multiple.is-in-option-group {
  padding-left: 35px;
}
.input-field .select-option.multiple:before {
  content: "";
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  background: url(../img/default/checkbox.png) no-repeat 0 -94px;
  margin: 2px 10px 0 0;
}
.input-field .select-option.multiple.selected:before {
  background-position: 0 -15px;
}
.input-field .select-option-group {
  width: 100%;
  padding: 20px 5px 7px 1em;
  font-weight: bold;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-field .select-option-group.multiple {
  padding-left: 10px;
}
.input-field .select-dropdown {
  position: absolute;
  left: 0;
  width: 100%;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 133%;
  border: 1px solid #979797;
  border-radius: 4px;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.4);
  background: #fff;
  margin-right: 10px;
  z-index: 2;
  overflow: auto;
  display: none;
}
.is-xs .input-field .select-dropdown, #sorting_form .input-field .select-dropdown {
  font-size: 1.07em;
}
.input-field .select-dropdown-wrapper {
  display: block;
  width: 100%;
  position: relative;
  padding-right: 10px;
}
.input-field .select-dropdown-wrapper.autoload .select-index-0 {
  display: none;
}
.input-field .select-display-wrapper {
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.input-field .select-display-wrapper:after {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10px 15px 0 0;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 2.4rem;
  content: "";
  cursor: pointer;
  color: #777777;
  width: 100%;
  height: 100%;
  text-align: right;
}
.is-xs .input-field .select-display-wrapper:after {
  padding: 7px 12px 0 0;
  font-size: 2rem;
}
#sorting_form .input-field .select-display-wrapper input {
  padding: 0 30px 0 1em;
}
#sorting_form .input-field .select-display-wrapper:after {
  display: inline-block;
  font-size: 1.8rem;
  content: "";
  padding: 5px 10px 0 0;
}
.input-field .select-display-wrapper.readonly:after, .input-field .select-display-wrapper.disabled:after, .input-field .select-display-wrapper.autoload:after {
  content: none;
}
.input-field .select-display-wrapper.autoload.loading:after {
  content: "";
  top: 10px;
  right: 10px;
  width: auto;
  height: auto;
  padding: 0;
  -webkit-transition: -webkit-transform 1000s;
  -moz-transition: -moz-transform 1000s;
  transition: -ms-transform 1000s;
  transition: transform 1000s;
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.is-xs .input-field .select-display-wrapper.autoload.loading:after {
  right: 8px;
  top: 7px;
}
.input-field .select-display-wrapper.autoload.loading.spin:after {
  -ms-transform: rotate(999999deg);
  -moz-transform: rotate(999999deg);
  transform: rotate(999999deg);
}
.input-field .autoload-multiple a {
  display: inline-block;
  padding: 5px 10px 5px 15px;
  margin: 0 5px 5px 0;
  border-radius: 1em;
  line-height: 130%;
  background: #d8d8d8;
  color: #444444;
}
.input-field .autoload-multiple a:hover, .input-field .autoload-multiple a:active, .input-field .autoload-multiple a:focus {
  background: #00cdff;
  color: #444444;
}
.input-field .autoload-multiple a:after {
  content: "";
  font-size: 1.3em;
  padding-left: 10px;
}

.input-prefix {
  display: block;
  float: left;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 300%;
  background: #efefef;
  color: #afaeae;
  border: 1px solid #979797;
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 1em;
  margin: 5px 0 10px 0;
  height: 3.5rem;
  cursor: default;
}
.is-xs .input-prefix {
  font-size: 1.07rem;
  line-height: 260%;
  height: 3rem;
}
.input-prefix.focus {
  box-shadow: 0 0 6px 0 rgba(12, 138, 169, 0.7);
  border-left-color: #444444;
  border-top-color: #444444;
  border-bottom-color: #444444;
}
.input-prefix.focus-readonly {
  box-shadow: 0 0 6px 0 #d8d8d8;
  border-left-color: #d8d8d8;
  border-top-color: #d8d8d8;
  border-bottom-color: #d8d8d8;
}
.input-prefix.readonly {
  border: 1px solid #d8d8d8;
  border-right: none;
  color: #afaeae;
}
.input-prefix.disabled, fieldset[disabled] .input-prefix {
  line-height: 133%;
  color: #000;
  background: transparent;
  border: none;
  padding: 0;
  cursor: text;
}
.input-prefix + div.input-field {
  display: block;
  width: auto;
  overflow: hidden;
  padding-left: 0;
  border-left-color: #979797;
}
.input-prefix + div.input-field input[type=text],
.input-prefix + div.input-field input[type=password],
.input-prefix + div.input-field input[type=email],
.input-prefix + div.input-field input[type=url],
.input-prefix + div.input-field input[type=search],
.input-prefix + div.input-field input[type=tel],
.input-prefix + div.input-field input[type=number],
.input-prefix + div.input-field .input-file-display {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: #d8d8d8 !important;
}
.input-prefix + div.input-field .input-file-display-wrapper {
  padding-left: 0;
}
.input-prefix + div.input-field .input-file-display.disabled {
  margin-left: 5px !important;
}

.fieldset fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
.fieldset fieldset[disabled] .row.collapse {
  margin: 0;
}
.fieldset fieldset[disabled] .row.collapse > * {
  padding: 0;
  width: auto;
}
.fieldset.editable, .fieldset.not-editable {
  position: relative;
  border-radius: 4px;
  background: #eafaff;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.4);
  padding: 10px 20px;
  margin: 0 0 70px 0;
}
.is-xs .fieldset.editable, .is-xs .fieldset.not-editable {
  padding: 10px 10px;
}
.fieldset.editable h2, .fieldset.not-editable h2 {
  width: 100%;
  padding: 10px 0 20px;
  margin: 0 0 25px;
  border-bottom: 2px solid #afaeae;
  font-family: "Lato", "sans-serif";
  font-weight: 900;
  font-size: 1.07em;
  letter-spacing: 0.07em;
  line-height: 118.75%;
  text-transform: uppercase;
  color: #000;
}
.fieldset.editable h3, .fieldset.not-editable h3 {
  color: #777777;
  letter-spacing: 0.07em;
  font-weight: 900;
}
.is-xs .fieldset.editable h3, .is-xs .fieldset.not-editable h3 {
  font-size: 1.07em;
  margin-bottom: 20px;
}
.fieldset.editable h3.section, .fieldset.not-editable h3.section {
  margin-top: 80px;
}
.fieldset.editable dl.input-fields, .fieldset.not-editable dl.input-fields {
  margin: 0;
  padding: 0;
}
.fieldset.editable dl.input-fields .row, .fieldset.not-editable dl.input-fields .row {
  margin: 0 -10px;
}
.fieldset.editable dl.input-fields .row > *, .fieldset.not-editable dl.input-fields .row > * {
  padding: 0 10px;
}
.is-xs .fieldset.editable dl.input-fields .row, .is-xs .fieldset.not-editable dl.input-fields .row {
  margin: 0 -5px;
}
.is-xs .fieldset.editable dl.input-fields .row > *, .is-xs .fieldset.not-editable dl.input-fields .row > * {
  padding: 0 5px;
}
.fieldset.editable dl.input-fields dt, .fieldset.not-editable dl.input-fields dt {
  width: 35%;
  display: inline-block;
  float: left;
  font-family: "Lato", "sans-serif";
  font-weight: 900;
  font-size: 1.07em;
  letter-spacing: 0.07em;
  line-height: 118.75%;
  color: #afaeae;
  text-transform: uppercase;
  padding: 24px 20px 10px 0;
  margin: 0 0px 10px 0;
  word-break: break-word;
  word-wrap: break-word;
}
.is-xs .fieldset.editable dl.input-fields dt, .is-sm .fieldset.editable dl.input-fields dt, .is-md .fieldset.editable dl.input-fields dt, .is-xs .fieldset.not-editable dl.input-fields dt, .is-sm .fieldset.not-editable dl.input-fields dt, .is-md .fieldset.not-editable dl.input-fields dt {
  width: 100%;
  padding: 0;
  margin: 0 0 5px 0;
}
.is-xs .fieldset.editable dl.input-fields dt.multifield.show-labels, .is-sm .fieldset.editable dl.input-fields dt.multifield.show-labels, .is-md .fieldset.editable dl.input-fields dt.multifield.show-labels, .is-xs .fieldset.not-editable dl.input-fields dt.multifield.show-labels, .is-sm .fieldset.not-editable dl.input-fields dt.multifield.show-labels, .is-md .fieldset.not-editable dl.input-fields dt.multifield.show-labels {
  margin-bottom: 17px;
}
.fieldset.editable dl.input-fields dd, .fieldset.not-editable dl.input-fields dd {
  width: 65%;
  display: inline-block;
  float: left;
  margin: 0 0 10px 0;
  padding: 0 10% 0 0;
}
.is-xs .fieldset.editable dl.input-fields dd, .is-sm .fieldset.editable dl.input-fields dd, .is-md .fieldset.editable dl.input-fields dd, .is-xs .fieldset.not-editable dl.input-fields dd, .is-sm .fieldset.not-editable dl.input-fields dd, .is-md .fieldset.not-editable dl.input-fields dd {
  width: 100%;
}
.is-xs .fieldset.editable dl.input-fields dd, .is-sm .fieldset.editable dl.input-fields dd, .is-md .fieldset.editable dl.input-fields dd, .is-xs .fieldset.not-editable dl.input-fields dd, .is-sm .fieldset.not-editable dl.input-fields dd, .is-md .fieldset.not-editable dl.input-fields dd {
  padding-right: 0;
}
.fieldset.editable dl.input-fields dd .multifield .label, .fieldset.not-editable dl.input-fields dd .multifield .label {
  display: none;
}
.fieldset.editable dl.input-fields dd .multifield.show-labels .label, .fieldset.not-editable dl.input-fields dd .multifield.show-labels .label {
  display: block;
  position: absolute;
  top: -15px;
  color: #979797;
  word-break: break-word;
  word-wrap: break-word;
  overflow: hidden;
  height: 1.1em;
}
.fieldset.editable dl.input-fields dd img.avatar, .fieldset.not-editable dl.input-fields dd img.avatar {
  width: 270px;
  margin-top: 20px;
}
.fieldset.editable dl.input-fields dd.clearfix, .fieldset.not-editable dl.input-fields dd.clearfix {
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}
.fieldset.editable dl.input-fields dd.no-label, .fieldset.not-editable dl.input-fields dd.no-label {
  width: 100%;
}
.fieldset.editable .edit-button, .fieldset.not-editable .edit-button {
  position: absolute;
  top: 20px;
  right: 20px;
}
.fieldset.editable .edit-button:focus, .fieldset.editable .edit-button:active, .fieldset.not-editable .edit-button:focus, .fieldset.not-editable .edit-button:active {
  outline: 0;
  opacity: 1 !important;
}
.is-xs .fieldset.editable .edit-button, .is-xs .fieldset.not-editable .edit-button {
  right: 10px;
}
.fieldset.editable .form-buttons, .fieldset.not-editable .form-buttons {
  margin: 40px 10% 0 0 !important;
  float: right;
  text-align: right;
}
.fieldset.editable .form-buttons.button-group .button,
.fieldset.editable .form-buttons.button-group .btn, .fieldset.not-editable .form-buttons.button-group .button,
.fieldset.not-editable .form-buttons.button-group .btn {
  margin-right: -3px;
  margin-left: 0.5em;
}
.is-sm .fieldset.editable .form-buttons, .is-md .fieldset.editable .form-buttons, .is-sm .fieldset.not-editable .form-buttons, .is-md .fieldset.not-editable .form-buttons {
  margin-right: 0 !important;
}
.is-xs .fieldset.editable .form-buttons, .is-xs .fieldset.not-editable .form-buttons {
  margin: 30px 0 0;
  float: left;
  text-align: left;
}
.is-xs .fieldset.editable .form-buttons.button-group .button,
.is-xs .fieldset.editable .form-buttons.button-group .btn, .is-xs .fieldset.not-editable .form-buttons.button-group .button,
.is-xs .fieldset.not-editable .form-buttons.button-group .btn {
  margin-right: 0.5em;
  margin-left: 0px;
}
.fieldset.editable .hide, .fieldset.not-editable .hide {
  display: block !important;
}
.fieldset.editable .input-field.box, .fieldset.not-editable .input-field.box {
  margin: 10px 0 0 -7px;
}
.is-xs .fieldset.editable .input-field.box, .is-xs .fieldset.not-editable .input-field.box {
  margin-top: 0;
}
.fieldset.editable .accordion, .fieldset.not-editable .accordion {
  margin: 10px 0 0 -30px;
}
.is-xs .fieldset.editable .accordion, .is-xs .fieldset.not-editable .accordion {
  margin: 0;
}
.fieldset.editable .accordion .accordion, .fieldset.not-editable .accordion .accordion {
  margin: 0;
}
.fieldset.editable .accordion .input-field.box, .fieldset.not-editable .accordion .input-field.box {
  margin: 0;
}
.fieldset.editable .group,
.fieldset.editable .edit-group, .fieldset.not-editable .group,
.fieldset.not-editable .edit-group {
  position: relative;
  border-top: 1px solid #d8d8d8;
  margin-bottom: 20px;
  padding-top: 20px;
  min-height: 70px;
}
.fieldset.editable .group dl.input-fields dt,
.fieldset.editable .edit-group dl.input-fields dt, .fieldset.not-editable .group dl.input-fields dt,
.fieldset.not-editable .edit-group dl.input-fields dt {
  padding-top: 7px;
}
.fieldset.editable .group dl.input-fields dd,
.fieldset.editable .edit-group dl.input-fields dd, .fieldset.not-editable .group dl.input-fields dd,
.fieldset.not-editable .edit-group dl.input-fields dd {
  padding-top: 0;
}
.fieldset.editable .group .edit-link,
.fieldset.editable .edit-group .edit-link, .fieldset.not-editable .group .edit-link,
.fieldset.not-editable .edit-group .edit-link {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 20px;
}
.fieldset.editable .group .edit-link.fa-minus,
.fieldset.editable .edit-group .edit-link.fa-minus, .fieldset.not-editable .group .edit-link.fa-minus,
.fieldset.not-editable .edit-group .edit-link.fa-minus {
  top: 45px;
}
.fieldset.editable .group:first-of-type,
.fieldset.editable .edit-group:first-of-type, .fieldset.not-editable .group:first-of-type,
.fieldset.not-editable .edit-group:first-of-type {
  border-top: none;
  padding-top: 0;
}
.fieldset.editable .group:first-of-type .edit-link,
.fieldset.editable .edit-group:first-of-type .edit-link, .fieldset.not-editable .group:first-of-type .edit-link,
.fieldset.not-editable .edit-group:first-of-type .edit-link {
  top: -10px;
}
.fieldset.editable .group:first-of-type .edit-link.fa-minus,
.fieldset.editable .edit-group:first-of-type .edit-link.fa-minus, .fieldset.not-editable .group:first-of-type .edit-link.fa-minus,
.fieldset.not-editable .edit-group:first-of-type .edit-link.fa-minus {
  top: 25px;
}
.fieldset.editable.disabled, .fieldset.not-editable.disabled {
  background: none;
  box-shadow: none;
}
.fieldset.editable.disabled h2, .fieldset.not-editable.disabled h2 {
  color: #444444;
}
.fieldset.editable.disabled dl.input-fields dt, .fieldset.not-editable.disabled dl.input-fields dt {
  padding-top: 7px;
}
.fieldset.editable.disabled dl.input-fields dd, .fieldset.not-editable.disabled dl.input-fields dd {
  padding-top: 0;
}
.fieldset.editable.disabled .edit-button, .fieldset.not-editable.disabled .edit-button {
  opacity: 0;
}
.fieldset.editable.disabled .hide, .fieldset.not-editable.disabled .hide {
  display: none !important;
}
.fieldset.editable.disabled .input-field.box, .fieldset.not-editable.disabled .input-field.box {
  margin: -7px 0 0 -7px;
}
.is-xs .fieldset.editable.disabled .input-field.box, .is-xs .fieldset.not-editable.disabled .input-field.box {
  margin-top: 0;
}
.fieldset.editable.disabled .accordion, .fieldset.not-editable.disabled .accordion {
  margin: -7px 0 0 -30px;
}
.is-xs .fieldset.editable.disabled .accordion, .is-xs .fieldset.not-editable.disabled .accordion {
  margin: 0;
}
.fieldset.editable.disabled .accordion .accordion, .fieldset.not-editable.disabled .accordion .accordion {
  margin: 0;
}
.fieldset.editable.disabled .accordion .input-field.box, .fieldset.not-editable.disabled .accordion .input-field.box {
  margin: 0;
}
.fieldset.editable.disabled.switch:hover, .fieldset.not-editable.disabled.switch:hover {
  background: #efefef;
}
.fieldset.editable.disabled.switch:hover h2, .fieldset.not-editable.disabled.switch:hover h2 {
  color: #000;
}
.fieldset.editable.disabled.switch:hover .edit-button, .fieldset.not-editable.disabled.switch:hover .edit-button {
  opacity: 1;
}
.fieldset.editable.disabled .group, .fieldset.not-editable.disabled .group {
  position: relative;
  margin-bottom: 0;
  min-height: 0;
}
.fieldset.editable.disabled .group .edit-link, .fieldset.not-editable.disabled .group .edit-link {
  display: none;
}
.fieldset.editable.disabled .edit-group, .fieldset.not-editable.disabled .edit-group {
  display: none;
}
.fieldset.not-editable {
  background: none;
  box-shadow: none;
  padding: 10px 0;
}
.is-xs .fieldset.not-editable {
  padding: 10px 0;
}
.fieldset.not-editable h2 {
  color: #444444;
}
.fieldset.not-editable dl.input-fields dt {
  padding-top: 7px;
}
.fieldset.not-editable dl.input-fields dd {
  padding-top: 0;
}
.fieldset.not-editable dl.input-fields dd img.avatar {
  margin-top: 10px;
}
.fieldset.not-editable .edit-button {
  opacity: 0;
}
.fieldset.not-editable .hide {
  display: none !important;
}
.fieldset.not-editable .input-field.box {
  margin: -7px 0 0 -7px;
}
.is-xs .fieldset.not-editable .input-field.box {
  margin-top: 0;
}
.fieldset.not-editable .accordion {
  margin: -7px 0 0 -30px;
}
.is-xs .fieldset.not-editable .accordion {
  margin: 0;
}
.fieldset.not-editable .accordion .accordion {
  margin: 0;
}
.fieldset.not-editable .accordion .input-field.box {
  margin: 0;
}
.fieldset.not-editable.switch:hover {
  background: #efefef;
}
.fieldset.not-editable.switch:hover h2 {
  color: #000;
}
.fieldset.not-editable.switch:hover .edit-button {
  opacity: 1;
}
.fieldset.no-label fieldset > dl.input-fields dt {
  display: none;
}
.fieldset.no-label fieldset > dl.input-fields dd {
  width: 100%;
}
.fieldset.no-label fieldset > dl.input-fields dd > ul.accordion {
  margin-left: 10px;
}

.iframe-edit {
  width: 100%;
  display: none;
  border: none;
  margin: -5px;
}

.login-seperation-left {
  box-shadow: -1px 0px 0px 0px #afaeae;
}
.is-xs .login-seperation-left, .is-sm .login-seperation-left {
  box-shadow: none;
}

.ac_results {
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 133%;
  border: 1px solid #979797;
  border-radius: 4px;
  box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.4);
  background: #fff;
}
.is-xs .ac_results {
  font-size: 1.07em;
}
.ac_results ul li {
  width: 100%;
  padding: 7px 5px 7px 1em;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ac_results ul li:hover, .ac_results ul li.focus {
  background: #00cdff;
}

dd.autocomplete .input-field {
  position: relative;
}
dd.autocomplete .input-field:after {
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 17px;
  right: 15px;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 2.4em;
  content: "";
  cursor: pointer;
  color: #777777;
  content: "";
  -webkit-transition: -webkit-transform 1000s;
  -moz-transition: -moz-transform 1000s;
  transition: -ms-transform 1000s;
  transition: transform 1000s;
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.is-xs dd.autocomplete .input-field:after {
  right: 8px;
  top: 13px;
  font-size: 2em;
}
dd.autocomplete .input-field.ac_loading:after {
  visibility: visible;
  -ms-transform: rotate(999999deg);
  -moz-transform: rotate(999999deg);
  transform: rotate(999999deg);
}

.dynamic-entries .entry {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #979797;
}
.dynamic-entries .entry .dynamic-button {
  position: absolute;
  top: 0px;
  right: 20px;
}
.dynamic-entries .entry .delete-entry {
  display: none !important;
}
.dynamic-entries .entry.deleted {
  display: none;
}
.dynamic-entries .add-button-wrapper {
  text-align: right;
  padding-right: 20px;
}

#sorting_form button {
  display: none;
}

#filter_form {
  margin-bottom: 15px;
}

.form-sticky-steps {
  position: static;
  position: sticky;
  top: 75px;
  z-index: 1;
}
.is-xs .form-sticky-steps {
  top: 45px;
  background: #fff;
  padding-top: 5px;
}
.is-xs .form-sticky-steps.sticky {
  box-shadow: 0px 1px 10px #979797;
}
.is-xs .form-sticky-steps ul.navi-box {
  margin-bottom: 5px;
}
.is-xs .form-sticky-steps ul.navi-box ul {
  margin: 0;
}

.progressbar {
  display: block;
  width: 100%;
  margin-bottom: 50px;
}
.progressbar .progressbar-progress {
  display: block;
  width: 100%;
  height: 20px;
  margin-bottom: 15px;
  border: 1px solid #000;
  box-shadow: 0 0 5px #afaeae;
}
.progressbar .progressbar-progress > * {
  display: block;
  height: 100%;
  background: #00cdff;
}
.progressbar .progressbar-steps {
  display: table;
  width: 100%;
  list-style: none;
}
.progressbar .progressbar-steps > * {
  display: table-cell;
  text-align: center;
  cursor: default;
}
.progressbar .progressbar-steps > * .progressbar-counter {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border: 1px solid #000;
  border-radius: 50%;
  color: #000;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.75;
}
.is-xs .progressbar .progressbar-steps > * .progressbar-counter, .is-sm .progressbar .progressbar-steps > * .progressbar-counter, .is-md .progressbar .progressbar-steps > * .progressbar-counter {
  font-size: 0.9rem;
  width: 26px;
  height: 26px;
}
.progressbar .progressbar-steps > * .progressbar-title {
  padding: 0 10px;
  margin-top: 5px;
  color: #000;
  font-size: 1rem;
}
.is-xs .progressbar .progressbar-steps > * .progressbar-title, .is-sm .progressbar .progressbar-steps > * .progressbar-title, .is-md .progressbar .progressbar-steps > * .progressbar-title {
  padding: 0 5px;
  font-size: 0.9rem;
}
.progressbar .progressbar-steps > *.progressbar-done .progressbar-counter {
  color: #fff;
  background: #777777;
}

.formblock {
  font-weight: 400;
}
.formblock p {
  font-size: 1rem;
  margin: 0;
}
.formblock > p {
  margin: 0;
  padding: 0;
}
.formblock.empty {
  display: none;
}
.formblock.show-it.show-id {
  border: 1px dotted #000;
  padding: 1px 5px;
}
.formblock.empty.show-it.show-id {
  display: block;
  width: 100%;
  min-height: 25px;
  margin-bottom: 10px;
}

.formblock-content {
  display: none;
}

.dyn_set_map {
  margin-top: 40px;
}
.is-xs .dyn_set_map {
  margin-top: 30px;
}
.dyn_set_map .map_canvas {
  margin-right: 10%;
}
.is-xs .dyn_set_map .map_canvas {
  margin-right: 0px;
}
.is-sm .dyn_set_map .map_canvas {
  margin-right: 0px;
}
.is-md .dyn_set_map .map_canvas {
  margin-right: 0px;
}
.dyn_set_map .form-actions-wrapper {
  width: 100%;
  overflow: hidden;
}
.dyn_set_map .map_locations {
  margin: 30px 0 20px;
}
.dyn_set_map .map_locations ul {
  list-style-type: decimal;
  padding-left: 30px;
}
.dyn_set_map .map_locations ul li {
  padding: 2px;
}

.static-map .next-location {
  float: right;
}

#body .container .row.profile-grid {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.profile-grid > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.curatet-list {
  display: flex;
}

.row.profile-grid {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 60px;
}
.is-xs .row.profile-grid {
  margin-bottom: 30px;
}
.is-xs .row.profile-grid > div a.content:after {
  right: 20px;
  bottom: inherit;
}
.row.profile-grid > div {
  padding-bottom: 20px;
}
.row.profile-grid > div .content {
  display: block;
  background: #444444;
}
.row.profile-grid > div .content:after {
  position: absolute;
  right: 19px;
  bottom: 31px;
  font-size: 1.2rem;
  color: #fff;
}
.row.profile-grid > div .content:hover, .row.profile-grid > div .content:focus {
  background: #000;
}
.row.profile-grid > div .content img {
  width: 100%;
  margin: 0;
}
.row.profile-grid > div .content .image-wrapper {
  position: relative;
}
.row.profile-grid > div .content .text,
.row.profile-grid > div .content .name {
  width: 100%;
  height: 120px;
}
.row.profile-grid > div .content .text h2,
.row.profile-grid > div .content .name h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 119%;
  color: #fff;
  padding-left: 20px;
  padding-right: 35px;
  padding-top: 30px;
  margin: 0;
  word-break: break-word;
  word-wrap: break-word;
}
.row.profile-grid > div .content .text h3,
.row.profile-grid > div .content .name h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 108%;
  color: #fff;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 10px;
  margin: 0;
  text-transform: none;
}
.row.profile-grid > div .content .text h3 .feature,
.row.profile-grid > div .content .name h3 .feature {
  display: none;
}
.row.profile-grid > div .content .text ul,
.row.profile-grid > div .content .name ul {
  display: none;
}
.row.profile-grid > div .content .text h2 {
  padding-top: 15px;
}
.row.profile-grid > div .content .name br {
  display: none;
}
.row.profile-grid > div .content .photo-credits-beneath {
  font-size: 0.7rem;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  padding: 0 5px 0 3px;
  margin-right: 0px;
}
.is-xs .row.profile-grid > div .content .photo-credits-beneath {
  font-size: 0.55rem;
}
.row.profile-grid > div .button-group {
  position: absolute;
  top: 10px;
  right: 25px;
}
.row.profile-grid > div .button-group .button {
  padding: 0;
  background: none;
  border-radius: 0;
  color: #afaeae;
  font-size: 1rem;
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 0;
  width: auto;
  display: none;
}
.is-xs .row.profile-grid > div .button-group .button {
  display: inline-block;
}
.row.profile-grid > div .button-group .button:hover, .row.profile-grid > div .button-group .button:focus {
  color: #fff;
}
.row.profile-grid > div .button-group .button:before {
  line-height: 100%;
}
.row.profile-grid > div .button-group .button:first-child {
  margin-left: 0;
}
.row.profile-grid > div .button-group .button.active {
  display: inline-block;
}
.row.profile-grid > div .wrapper:hover .button-group .button {
  display: inline-block;
}
.row.profile-grid .curated-list-item a > div {
  padding-bottom: 20px;
}
.is-xs .row.profile-grid .curated-list-item a > div h3 {
  font-size: 1em;
  margin-bottom: 16px;
}
.row.profile-grid .curated-list-item a > div .content {
  display: block;
  background: #444444;
}
.row.profile-grid .curated-list-item a > div .content:after {
  position: absolute;
  right: 19px;
  bottom: 31px;
  font-size: 1.2rem;
  color: #fff;
}
.row.profile-grid .curated-list-item a > div .content:hover, .row.profile-grid .curated-list-item a > div .content:focus {
  background: #000;
}
.row.profile-grid .curated-list-item a > div .content img {
  width: 100%;
  margin: 0;
}
.row.profile-grid .curated-list-item a > div .content .image-wrapper {
  position: relative;
}
.row.profile-grid .curated-list-item a > div .content .text,
.row.profile-grid .curated-list-item a > div .content .name {
  width: 100%;
  height: auto;
  min-height: 120px;
  padding-bottom: 16px;
}
.row.profile-grid .curated-list-item a > div .content .text h2,
.row.profile-grid .curated-list-item a > div .content .name h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 119%;
  color: #fff;
  padding-left: 20px;
  padding-right: 35px;
  padding-top: 30px;
  margin: 0;
  word-break: break-word;
  word-wrap: break-word;
}
.row.profile-grid .curated-list-item a > div .content .text h3,
.row.profile-grid .curated-list-item a > div .content .name h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 108%;
  color: #fff;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 10px;
  margin: 0;
  text-transform: none;
}
.row.profile-grid .curated-list-item a > div .content .text h3 .feature,
.row.profile-grid .curated-list-item a > div .content .name h3 .feature {
  display: none;
}
.row.profile-grid .curated-list-item a > div .content .text ul,
.row.profile-grid .curated-list-item a > div .content .name ul {
  display: none;
}
.row.profile-grid .curated-list-item a > div .content .text h2 {
  padding-top: 15px;
}
.row.profile-grid .curated-list-item a > div .content .name br {
  display: none;
}
.row.profile-grid .curated-list-item a > div .content .photo-credits-beneath {
  font-size: 0.7rem;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  padding: 0 5px 0 3px;
  margin-right: 0px;
}
.is-xs .row.profile-grid .curated-list-item a > div .content .photo-credits-beneath {
  font-size: 0.55rem;
}
.row.profile-grid .curated-list-item a > div .button-group {
  position: absolute;
  top: 10px;
  right: 25px;
}
.row.profile-grid .curated-list-item a > div .button-group .button {
  padding: 0;
  background: none;
  border-radius: 0;
  color: #afaeae;
  font-size: 1rem;
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 0;
  width: auto;
  display: none;
}
.is-xs .row.profile-grid .curated-list-item a > div .button-group .button {
  display: inline-block;
}
.row.profile-grid .curated-list-item a > div .button-group .button:hover, .row.profile-grid .curated-list-item a > div .button-group .button:focus {
  color: #fff;
}
.row.profile-grid .curated-list-item a > div .button-group .button:before {
  line-height: 100%;
}
.row.profile-grid .curated-list-item a > div .button-group .button:first-child {
  margin-left: 0;
}
.row.profile-grid .curated-list-item a > div .button-group .button.active {
  display: inline-block;
}
.row.profile-grid .curated-list-item a > div .wrapper:hover .button-group .button {
  display: inline-block;
}
.row.profile-grid .curated-list-item a {
  padding-left: 10px;
  padding-right: 10px;
}
.is-xs .row.profile-grid .curated-list-item a {
  min-width: 100%;
}
.is-lg .row.profile-grid .curated-list-item a {
  height: auto;
  min-height: 120px;
  padding-bottom: 16px;
}
.row.profile-grid .curated-list-item a > div {
  padding: 10px;
}
.row.profile-grid .curated-list-item a > div:first-child {
  padding-left: 0;
}
.row.profile-grid .curated-list-item a > div:last-child {
  padding-right: 0;
}
.is-sm .row.profile-grid .curated-list-item a > div, .is-xs .row.profile-grid .curated-list-item a > div {
  padding-right: 0;
  padding-left: 0;
}
.row.profile-grid .curated-list-item a > div h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.87em;
  line-height: 127%;
  color: #000;
  padding: 0;
  margin: -7px 0 20px;
  text-transform: none;
}
.row.profile-grid .curated-list-item a > div p:last-child {
  margin-bottom: 0;
}
.row.profile-grid .curated-list-item a:hover {
  background-color: #efefef;
}
.row.profile-grid .curated-list-item a:hover .content {
  background: #000;
}
.is-sm .row.profile-grid > div a.content .text,
.is-sm .row.profile-grid > div a.content .name, .is-md .row.profile-grid > div a.content .text,
.is-md .row.profile-grid > div a.content .name {
  height: 100px;
}
.is-sm .row.profile-grid > div a.content .text h2,
.is-sm .row.profile-grid > div a.content .name h2, .is-md .row.profile-grid > div a.content .text h2,
.is-md .row.profile-grid > div a.content .name h2 {
  font-size: 1.4em;
  padding-left: 15px;
  padding-top: 27px;
}
.is-sm .row.profile-grid > div a.content .text h3,
.is-sm .row.profile-grid > div a.content .name h3, .is-md .row.profile-grid > div a.content .text h3,
.is-md .row.profile-grid > div a.content .name h3 {
  font-size: 1em;
  padding-left: 15px;
  padding-top: 10px;
}
.is-sm .row.profile-grid > div a.content .text h2, .is-md .row.profile-grid > div a.content .text h2 {
  padding-top: 13px;
}
.list .row.profile-grid.profile-list > div {
  width: 100%;
  padding-bottom: 0;
}
.list .row.profile-grid.profile-list > div a.content {
  width: 100%;
  display: block;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 20px;
  position: relative;
}
.list .row.profile-grid.profile-list > div a.content.fa-institution {
  background: #f4fcff;
}
.list .row.profile-grid.profile-list > div a.content:after {
  position: absolute;
  right: 10px;
  top: 19px;
  font-size: 1.2rem;
  color: #000;
}
.list .row.profile-grid.profile-list > div a.content:hover, .list .row.profile-grid.profile-list > div a.content:focus {
  background: #efefef;
}
.list .row.profile-grid.profile-list > div a.content img {
  width: 100px;
  float: left;
  margin-bottom: 20px;
}
.list .row.profile-grid.profile-list > div a.content .image-wrapper {
  width: 100px;
  float: left;
  margin-bottom: 20px;
}
.list .row.profile-grid.profile-list > div a.content .image-wrapper img {
  float: none;
  margin: 0 !important;
}
.list .row.profile-grid.profile-list > div a.content .text,
.list .row.profile-grid.profile-list > div a.content .name {
  width: auto;
  height: auto;
  margin-left: 120px;
}
.list .row.profile-grid.profile-list > div a.content .text h2,
.list .row.profile-grid.profile-list > div a.content .name h2 {
  font-size: 1.47em;
  line-height: 127%;
  color: #000;
  padding: 0 160px 0 0;
  margin: -5px 0 0 0;
}
.list .row.profile-grid.profile-list > div a.content .text h3,
.list .row.profile-grid.profile-list > div a.content .name h3 {
  font-size: 1.2em;
  line-height: 115%;
  color: #000;
  padding: 9px 5px 50px 0;
  font-weight: 400;
}
.list .row.profile-grid.profile-list > div a.content .text h3.secondary_title,
.list .row.profile-grid.profile-list > div a.content .name h3.secondary_title {
  padding-left: 0;
}
.list .row.profile-grid.profile-list > div a.content .text h3 .feature,
.list .row.profile-grid.profile-list > div a.content .name h3 .feature {
  display: inline;
  font-weight: 300;
}
.list .row.profile-grid.profile-list > div a.content .text h3 .feature.ml-2,
.list .row.profile-grid.profile-list > div a.content .name h3 .feature.ml-2 {
  margin-left: 10px;
}
.list .row.profile-grid.profile-list > div a.content .text ul,
.list .row.profile-grid.profile-list > div a.content .name ul {
  font-size: 1.2em;
  line-height: 156%;
  color: #000;
  padding: 0;
  list-style: none;
  display: block;
  position: absolute;
  left: 120px;
  bottom: 14px;
}
.list .row.profile-grid.profile-list > div a.content .text ul li,
.list .row.profile-grid.profile-list > div a.content .name ul li {
  display: inline;
}
.list .row.profile-grid.profile-list > div a.content .text ul li:after,
.list .row.profile-grid.profile-list > div a.content .name ul li:after {
  content: "|";
  padding-left: 5px;
  padding-right: 5px;
}
.list .row.profile-grid.profile-list > div a.content .text ul li:last-child:after,
.list .row.profile-grid.profile-list > div a.content .name ul li:last-child:after {
  content: none;
}
.list .row.profile-grid.profile-list > div a.content .text ul li .feature,
.list .row.profile-grid.profile-list > div a.content .name ul li .feature {
  display: inline;
  font-weight: 300;
  text-transform: uppercase;
}
.list .row.profile-grid.profile-list > div a.content .text ul li .feature.ml-2,
.list .row.profile-grid.profile-list > div a.content .name ul li .feature.ml-2 {
  margin-left: 10px;
}
.is-sm .list .row.profile-grid.profile-list > div a.content .text ul,
.is-sm .list .row.profile-grid.profile-list > div a.content .name ul {
  font-size: 1em;
}
.list .row.profile-grid.profile-list > div a.content .button {
  position: absolute;
  right: 5px;
  bottom: 10px;
}
.list .row.profile-grid.profile-list > div a.content .photo-credits-beneath {
  color: #000;
  font-size: 0.55rem;
  display: block;
  position: static;
  background: transparent;
  padding: 0;
}
.list .row.profile-grid.profile-list > div .button-group .button {
  font-size: inherit;
}
.list .row.profile-grid.profile-list > div .button-group .button:hover, .list .row.profile-grid.profile-list > div .button-group .button:focus {
  color: #000;
}
.list .row.profile-grid.profile-list > div .button-group .button:before {
  font-size: 2rem;
}
.is-sm.grid .row.profile-grid.profile-list .text h3 {
  margin-right: 25px;
}
.is-md.grid .row.profile-grid.profile-list .text h3, .is-sm.grid .row.profile-grid.profile-list .text h3 {
  padding-top: 4px;
}
.is-sm.list .row.profile-grid.profile-list > div a.content .text h2,
.is-sm.list .row.profile-grid.profile-list > div a.content .name h2 {
  font-size: 1.4em;
  line-height: 100%;
  padding-right: 130px;
  margin: -2px 0 0 0;
}
.is-sm.list .row.profile-grid.profile-list > div a.content .text h3,
.is-sm.list .row.profile-grid.profile-list > div a.content .name h3 {
  font-size: 1em;
  padding-top: 9px;
}
.is-sm.list .row.profile-grid.profile-list > div a.content .text ul,
.is-sm.list .row.profile-grid.profile-list > div a.content .name ul {
  font-size: 1em;
  bottom: 14px;
}
.is-sm.list .row.profile-grid.profile-list > div .button-group {
  top: 5px;
}
.is-sm.list .row.profile-grid.profile-list > div .button-group .button {
  font-size: inherit;
  margin-left: 15px;
}
.is-sm.list .row.profile-grid.profile-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.is-xs .row.profile-grid > div, .is-xs.list .row.profile-grid.profile-list > div {
  padding-bottom: 0px;
}
.is-xs .row.profile-grid > div a.content, .is-xs.list .row.profile-grid.profile-list > div a.content {
  width: 100%;
  display: block;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #979797;
  padding-top: 20px;
}
.is-xs .row.profile-grid > div a.content.fa-institution, .is-xs .row.profile-grid > div a.content.fa-institution:hover, .is-xs.list .row.profile-grid.profile-list > div a.content.fa-institution, .is-xs.list .row.profile-grid.profile-list > div a.content.fa-institution:hover {
  background: #f4fcff;
}
.is-xs .row.profile-grid > div a.content:after, .is-xs.list .row.profile-grid.profile-list > div a.content:after {
  position: absolute;
  top: 17px;
  font-size: 1.2rem;
  color: #000;
}
.is-xs .row.profile-grid > div a.content:hover, .is-xs.list .row.profile-grid.profile-list > div a.content:hover {
  background: #fff;
}
.is-xs .row.profile-grid > div a.content img, .is-xs.list .row.profile-grid.profile-list > div a.content img {
  width: 110px;
  float: left;
  margin-bottom: 20px;
}
.is-xs .row.profile-grid > div a.content .image-wrapper, .is-xs.list .row.profile-grid.profile-list > div a.content .image-wrapper {
  width: 110px;
  float: left;
  margin-bottom: 20px;
}
.is-xs .row.profile-grid > div a.content .image-wrapper img, .is-xs.list .row.profile-grid.profile-list > div a.content .image-wrapper img {
  float: none;
  margin: 0 !important;
}
.is-xs .row.profile-grid > div a.content .text,
.is-xs .row.profile-grid > div a.content .name, .is-xs.list .row.profile-grid.profile-list > div a.content .text,
.is-xs.list .row.profile-grid.profile-list > div a.content .name {
  width: auto;
  height: auto;
  margin-left: 130px;
}
.is-xs .row.profile-grid > div a.content .text h2,
.is-xs .row.profile-grid > div a.content .name h2, .is-xs.list .row.profile-grid.profile-list > div a.content .text h2,
.is-xs.list .row.profile-grid.profile-list > div a.content .name h2 {
  font-size: 1.27em;
  line-height: 100%;
  color: #000;
  padding: 0;
  margin-top: -2px;
}
.is-xs .row.profile-grid > div a.content .text h3,
.is-xs .row.profile-grid > div a.content .name h3, .is-xs.list .row.profile-grid.profile-list > div a.content .text h3,
.is-xs.list .row.profile-grid.profile-list > div a.content .name h3 {
  font-size: 1em;
  line-height: 100%;
  color: #000;
  padding: 10px 0 0;
}
.is-xs .row.profile-grid > div a.content .text h3 .feature,
.is-xs .row.profile-grid > div a.content .name h3 .feature, .is-xs.list .row.profile-grid.profile-list > div a.content .text h3 .feature,
.is-xs.list .row.profile-grid.profile-list > div a.content .name h3 .feature {
  display: none;
}
.is-xs .row.profile-grid > div a.content .text ul,
.is-xs .row.profile-grid > div a.content .name ul, .is-xs.list .row.profile-grid.profile-list > div a.content .text ul,
.is-xs.list .row.profile-grid.profile-list > div a.content .name ul {
  display: none;
}
.is-xs .row.profile-grid > div a.content .name br, .is-xs.list .row.profile-grid.profile-list > div a.content .name br {
  display: inline;
}
.is-xs .row.profile-grid > div a.content .photo-credits-beneath, .is-xs.list .row.profile-grid.profile-list > div a.content .photo-credits-beneath {
  color: #000;
  font-size: 0.55rem;
  display: block;
  position: static;
  background: transparent;
  padding: 0;
}
.is-xs .row.profile-grid > div .button-group, .is-xs.list .row.profile-grid.profile-list > div .button-group {
  top: inherit;
  right: inherit;
  bottom: 19px;
  left: 140px;
}
.is-xs .row.profile-grid > div .button-group .button, .is-xs.list .row.profile-grid.profile-list > div .button-group .button {
  font-size: inherit;
}
.is-xs .row.profile-grid > div .button-group .button:hover, .is-xs .row.profile-grid > div .button-group .button:focus, .is-xs.list .row.profile-grid.profile-list > div .button-group .button:hover, .is-xs.list .row.profile-grid.profile-list > div .button-group .button:focus {
  color: #000;
}
.is-xs .row.profile-grid > div .button-group .button:before, .is-xs.list .row.profile-grid.profile-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.is-xs .row.profile-grid.profile-list > div a.content img, .is-xs.list .row.profile-grid.profile-list > div a.content img {
  width: 80px;
}
.is-xs .row.profile-grid.profile-list > div a.content .image-wrapper, .is-xs.list .row.profile-grid.profile-list > div a.content .image-wrapper {
  width: 80px;
  float: left;
  margin-bottom: 20px;
}
.is-xs .row.profile-grid.profile-list > div a.content .image-wrapper img, .is-xs.list .row.profile-grid.profile-list > div a.content .image-wrapper img {
  float: none;
  margin: 0 !important;
}
.is-xs .row.profile-grid.profile-list > div a.content .text,
.is-xs .row.profile-grid.profile-list > div a.content .name, .is-xs.list .row.profile-grid.profile-list > div a.content .text,
.is-xs.list .row.profile-grid.profile-list > div a.content .name {
  margin-left: 100px;
}
.is-xs .row.profile-grid.profile-list > div a.content .text h2,
.is-xs .row.profile-grid.profile-list > div a.content .name h2, .is-xs.list .row.profile-grid.profile-list > div a.content .text h2,
.is-xs.list .row.profile-grid.profile-list > div a.content .name h2 {
  padding-right: 30px;
  word-break: break-word;
  word-wrap: break-word;
}
.is-xs .row.profile-grid.profile-list > div a.content .text h3,
.is-xs .row.profile-grid.profile-list > div a.content .name h3, .is-xs.list .row.profile-grid.profile-list > div a.content .text h3,
.is-xs.list .row.profile-grid.profile-list > div a.content .name h3 {
  padding-top: 3px;
  padding-right: 0;
  line-height: 110%;
}
.is-xs .row.profile-grid.profile-list > div .button-group, .is-xs.list .row.profile-grid.profile-list > div .button-group {
  left: 110px;
}
.is-xs .row.profile-grid.profile-list > div .button-group .button, .is-xs.list .row.profile-grid.profile-list > div .button-group .button {
  display: inline-block;
}
.is-xs .row.profile-grid.profile-list.dashboard > div a.content {
  padding-bottom: 15px;
}
.row.profile-grid.profile-list.dashboard > div a.content .text h3,
.row.profile-grid.profile-list.dashboard > div a.content .name h3 {
  color: #979797;
  padding: 9px 5px 9px 0;
  text-transform: uppercase;
  font-weight: 400;
}
.is-xs .row.profile-grid.profile-list.dashboard > div a.content .text h3,
.is-xs .row.profile-grid.profile-list.dashboard > div a.content .name h3 {
  margin-bottom: 10px;
}
.row.profile-grid.profile-list.dashboard > div a.content .text .dashboard-details h3,
.row.profile-grid.profile-list.dashboard > div a.content .name .dashboard-details h3 {
  color: #000;
  padding: 0 5px 9px 0;
  text-transform: none;
  font-weight: 700;
}
.is-xs .row.profile-grid.profile-list.dashboard > div a.content .text .dashboard-details h3,
.is-xs .row.profile-grid.profile-list.dashboard > div a.content .name .dashboard-details h3 {
  padding-bottom: 0;
  margin-bottom: 5px;
}
.row.profile-grid.profile-list.dashboard > div a.content .text .dashboard-details .event-times,
.row.profile-grid.profile-list.dashboard > div a.content .name .dashboard-details .event-times {
  margin: 5px 0;
}
.is-xs .row.profile-grid.profile-list.dashboard > div a.content .text .dashboard-details .event-times,
.is-xs .row.profile-grid.profile-list.dashboard > div a.content .name .dashboard-details .event-times {
  margin-top: 0;
}
.row.profile-grid.profile-list.dashboard > div a.content .text .dashboard-details .event-times .event-time,
.row.profile-grid.profile-list.dashboard > div a.content .name .dashboard-details .event-times .event-time {
  color: #000;
  font-size: 1.2em;
}
.is-xs .row.profile-grid.profile-list.dashboard > div a.content .text .dashboard-details .event-times .event-time,
.is-xs .row.profile-grid.profile-list.dashboard > div a.content .name .dashboard-details .event-times .event-time {
  font-size: 1em;
}
.row.profile-grid.profile-list.dashboard > div a.content .dashboard-time {
  color: #979797;
  font-size: 1em;
  position: absolute;
  top: 15px;
  right: 5px;
}
.is-xs .row.profile-grid.profile-list.dashboard > div a.content .dashboard-time {
  top: inherit;
  bottom: 0;
  right: 0;
}

#body .container .row.profile-header {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.profile-header > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.profile-header {
  height: 281px;
  position: relative;
  margin-bottom: 20px;
}
.is-md .row.profile-header {
  height: 229px;
}
.is-sm .row.profile-header {
  height: 236px;
}
.is-xs .row.profile-header {
  height: auto;
  margin-bottom: 50px;
}
.row.profile-header > div {
  height: 100%;
}
.row.profile-header .statistics {
  clear: both;
  overflow: hidden;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -40px;
}
.is-xs .row.profile-header .statistics {
  margin-top: 20px;
  position: static;
  display: -webkit-box;
  display: box;
  display: -ms-flexbox;
  display: flexbox;
  display: -webkit-flex;
  display: flex;
}
.row.profile-header .statistics .statistic {
  width: 150px;
  display: inline-block;
}
.is-xs .row.profile-header .statistics .statistic {
  width: 33.3%;
  max-width: 130px;
}
.row.profile-header .statistics .statistic canvas.fawesome {
  margin-bottom: 8px;
}
.row.profile-header .statistics .statistic canvas.fawesome .fawesome {
  margin-bottom: 2px;
}
.row.profile-header .statistics .statistic .fawesome {
  color: #00cdff;
  margin-bottom: 10px;
  margin-left: 20px;
  display: inline-block;
}
.is-xs .row.profile-header .statistics .statistic .text {
  font-size: 0.85em;
}
.row.profile-header .statistics .statistic:first-child .fawesome {
  margin-left: 30px;
}
.row.profile-header .statistics .statistic:last-child .fawesome {
  margin-left: 5px;
}

.magazine-profile {
  padding-right: 6rem;
  margin-bottom: 4rem;
  position: relative;
}
.is-sm .magazine-profile {
  margin-bottom: 3rem;
}
.is-xs .magazine-profile {
  margin-bottom: 0;
  margin-top: 1rem;
}
.magazine-profile .magazine-profile-content {
  display: inline-block;
  width: 100%;
}
.magazine-profile h2 {
  margin: -0.37em 0 0 0;
}
.is-sm .magazine-profile h2 {
  margin-top: -0.25em;
}
.is-xs .magazine-profile h2 {
  width: calc(142% - 18px);
  font-size: 6vw;
  margin-top: 0px;
  line-height: 90%;
  padding-bottom: 5px;
}
.magazine-profile h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 167%;
  color: #000;
  text-transform: none;
  margin: 0;
}
.is-xs .magazine-profile h3 {
  width: calc(142% - 18px);
  font-size: 4vw;
  line-height: 120%;
}
.magazine-profile .avatar {
  display: block;
  width: 30%;
  float: left;
  margin: 0 3.5% 0 0;
}
.magazine-profile a.back {
  padding-left: 1rem;
  font-size: 1.07em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 126%;
  color: #00cdff;
  position: absolute;
  right: 0;
  top: 0.8rem;
}
.is-sm .magazine-profile a.back {
  font-size: 1em;
  top: 0.25rem;
}
.is-xs .magazine-profile a.back {
  padding-left: 0.75rem;
  font-size: 0.73em;
}
.magazine-profile a.back:before, .magazine-profile a.back:after {
  content: "";
  display: block;
  width: 0.55rem;
  height: 2px;
  background: #00cdff;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  transform-origin: 1px center;
}
.is-xs .magazine-profile a.back:before, .is-xs .magazine-profile a.back:after {
  width: 0.45rem;
}
.magazine-profile a.back:before {
  transform: rotate(45deg);
}
.magazine-profile a.back:after {
  transform: rotate(-45deg);
}

.magazine-detail {
  position: relative;
}

.profile-image {
  margin-bottom: 40px;
}
.profile-image img {
  width: 100%;
  margin-bottom: 20px;
}
.profile-image .button {
  margin-bottom: 10px;
}
.is-xs .profile-image {
  display: none;
}

div.edit-avatar {
  background: #000;
  position: relative;
}
div.edit-avatar a {
  display: none;
  position: absolute;
  z-index: 1;
  color: #00cdff;
}
div.edit-avatar a:hover {
  color: #0c8ba9;
}
div.edit-avatar.editable:hover img {
  opacity: 0.6;
}
div.edit-avatar.editable:hover a.recrop-link {
  display: block;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -13px;
}
.is-xs div.edit-avatar.editable:hover a.recrop-link {
  margin: -10px 0 0 -7px;
}
div.edit-avatar.editable:hover a.edit-image-link {
  display: block;
  top: 10px;
  right: 10px;
}
.is-xs div.edit-avatar.editable:hover a.edit-image-link {
  top: 5px;
  right: 5px;
}

#body .container .row.project-header {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.project-header > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.project-header h3 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.87em;
  line-height: 127%;
  color: #000;
  padding: 0;
  margin: 0 0 40px;
  text-transform: none;
}
.is-sm .row.project-header h3 {
  font-size: 1.5em;
  margin-bottom: 30px;
}
.is-xs .row.project-header h3 {
  font-size: 1.4em;
  margin-bottom: 25px;
  margin-right: 35px;
}
.row.project-header h4 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.07em;
  line-height: 140%;
  color: #444444;
  text-transform: uppercase;
  padding: 0;
  margin: 0 145px 20px 0;
}
.is-sm .row.project-header h4 {
  font-size: 1em;
}
.is-xs .row.project-header h4 {
  font-size: 0.73em;
  line-height: 126%;
  margin-right: 115px;
  margin-bottom: 15px;
}
.row.project-header h4 .feature {
  color: #00cdff;
  padding-left: 5px;
}
.is-xs .row.project-header h4 .feature {
  padding-left: 5px;
}
.row.project-header .button-group.top-right {
  top: 5px;
  right: 10px;
}
.is-sm .row.project-header .button-group.top-right {
  top: 3px;
}
.is-xs .row.project-header .button-group.top-right {
  top: 6px;
  position: relative;
  width: 100%;
}
.is-xs .row.project-header .button-group.top-right .button {
  position: absolute;
  top: -2px;
  right: -10px;
}
.row.project-header .button-group.top-right .text {
  font-size: 1em;
  margin-right: 20px;
}
.is-xs .row.project-header .button-group.top-right .text {
  display: none;
}
.row.project-header .button-group.bottom-right {
  right: 10px;
  bottom: 50px;
}
.is-sm .row.project-header .button-group.bottom-right {
  bottom: 44px;
}
.is-xs .row.project-header .button-group.bottom-right {
  bottom: 32px;
}

#body .container .row.projects-grid {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.projects-grid > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.projects-grid {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.row.projects-grid > div {
  padding: 0;
  margin: 0;
  position: absolute;
}
.row.projects-grid > div .wrapper {
  position: relative;
}
.row.projects-grid > div .wrapper a.content {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  background: #00cdff;
}
.row.projects-grid > div .wrapper a.content .underlay {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  background: #00cdff;
}
.row.projects-grid > div .wrapper a.content .underlay.has-border {
  border-bottom: 20px solid #fff;
}
.is-xs .row.projects-grid > div .wrapper a.content .underlay.has-border {
  border-bottom: 10px solid #fff;
}
.row.projects-grid > div .wrapper a.content img {
  width: 100%;
  margin: 0;
}
.row.projects-grid > div .wrapper a.content h2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 700;
  font-size: 1.87em;
  line-height: 110%;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
  text-transform: none;
  word-break: break-word;
  word-wrap: break-word;
  visibility: hidden;
}
.is-sm .row.projects-grid > div .wrapper a.content h2 {
  font-size: 1.6em;
  line-height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.row.projects-grid > div .wrapper a.content .upload-project {
  width: 100%;
  height: 250px;
  background: #d8d8d8;
  text-align: center;
}
.row.projects-grid > div .wrapper a.content .upload-project .fawesome {
  color: #979797;
  padding-bottom: 15px;
  line-height: 3.07rem;
}
.row.projects-grid > div .wrapper a.content .upload-project .fawesome:before {
  font-size: 3.07rem;
}
.is-xs .row.projects-grid > div .wrapper a.content .upload-project .fawesome, .is-sm .row.projects-grid > div .wrapper a.content .upload-project .fawesome {
  line-height: 2.7rem;
}
.is-xs .row.projects-grid > div .wrapper a.content .upload-project .fawesome:before, .is-sm .row.projects-grid > div .wrapper a.content .upload-project .fawesome:before {
  font-size: 2.7rem;
}
.row.projects-grid > div .wrapper a.content .upload-project h3 {
  color: #979797;
  text-transform: none;
  font-size: 1.7em;
  line-height: 130%;
  padding: 0 20px;
}
.is-sm .row.projects-grid > div .wrapper a.content .upload-project h3 {
  font-size: 1.5em;
  line-height: 125%;
  padding: 0 10px;
}
.row.projects-grid > div .wrapper a.content:hover .underlay, .row.projects-grid > div .wrapper a.content:focus .underlay {
  display: block;
}
.row.projects-grid > div .wrapper a.content:hover img, .row.projects-grid > div .wrapper a.content:focus img {
  opacity: 0.33;
}
.row.projects-grid > div .wrapper a.content:hover h2, .row.projects-grid > div .wrapper a.content:focus h2 {
  visibility: visible;
}
.row.projects-grid > div .wrapper .button-group {
  position: absolute;
  top: 10px;
  right: 20px;
}
.is-sm .row.projects-grid > div .wrapper .button-group {
  top: 0px;
  right: 15px;
}
.is-xs .row.projects-grid > div .wrapper .button-group {
  top: 15px;
  right: 20px;
}
.row.projects-grid > div .wrapper .button-group .button {
  padding: 0;
  background: none;
  border-radius: 0;
  color: #afaeae;
  font-size: inherit;
  display: none;
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 0;
  width: auto;
}
.is-sm .row.projects-grid > div .wrapper .button-group .button {
  margin-left: 15px;
}
.row.projects-grid > div .wrapper .button-group .button:hover, .row.projects-grid > div .wrapper .button-group .button:focus {
  color: #fff;
}
.row.projects-grid > div .wrapper .button-group .button:before {
  font-size: 2rem;
  line-height: 100%;
}
.is-sm .row.projects-grid > div .wrapper .button-group .button:before {
  font-size: 1.67rem;
}
.row.projects-grid > div .wrapper .button-group .button.active {
  display: inline-block;
}
.row.projects-grid > div .wrapper .button-group .button:first-child {
  margin-left: 0;
}
.row.projects-grid > div .wrapper:hover, .row.projects-grid > div .wrapper.hover, .row.projects-grid > div .wrapper:focus {
  z-index: 1;
}
.row.projects-grid > div .wrapper:hover .button-group .button, .row.projects-grid > div .wrapper.hover .button-group .button, .row.projects-grid > div .wrapper:focus .button-group .button {
  display: inline-block;
}
.row.projects-grid > div .wrapper:hover a.content .upload-project, .row.projects-grid > div .wrapper.hover a.content .upload-project, .row.projects-grid > div .wrapper:focus a.content .upload-project {
  background: rgba(216, 216, 216, 0.33);
}
.row.projects-grid > div .wrapper:hover a.content .upload-project .fawesome, .row.projects-grid > div .wrapper.hover a.content .upload-project .fawesome, .row.projects-grid > div .wrapper:focus a.content .upload-project .fawesome {
  color: #fff;
}
.row.projects-grid > div .wrapper:hover a.content .upload-project h3, .row.projects-grid > div .wrapper.hover a.content .upload-project h3, .row.projects-grid > div .wrapper:focus a.content .upload-project h3 {
  color: #fff;
}
.row.projects-grid > div .wrapper.hover a.content .underlay, .row.projects-grid > div .wrapper:focus a.content .underlay {
  display: block;
}
.row.projects-grid > div .wrapper.hover a.content img, .row.projects-grid > div .wrapper:focus a.content img {
  opacity: 0.33;
}
.row.projects-grid > div .wrapper.hover a.content h2, .row.projects-grid > div .wrapper:focus a.content h2 {
  visibility: visible;
}

#body .container .row.navi-grid {
  margin-left: -5px;
  margin-right: -5px;
}
#body .container .row.navi-grid > div {
  padding-left: 5px;
  padding-right: 5px;
}

.row.navi-grid {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 60px 0 80px;
}
.is-xs .row.navi-grid {
  margin: 30px 0 60px;
}
.row.navi-grid > div {
  padding-bottom: 10px;
}
.row.navi-grid > div a.content {
  display: block;
  background: #00cdff;
  position: relative;
}
.row.navi-grid > div a.content img {
  width: 100%;
  margin: 0;
}
.row.navi-grid > div a.content h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 700;
  font-size: 1.87em;
  line-height: 100%;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  word-break: break-word;
  word-wrap: break-word;
  text-align: center;
}
.row.navi-grid > div a.content p {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  width: 100%;
  font-size: 1.07em;
  line-height: 125%;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
  text-align: center;
}
.row.navi-grid > div a.content:hover img, .row.navi-grid > div a.content:focus img {
  opacity: 0.33;
}
.is-xs .row.navi-grid > div a.content:hover img, .is-xs .row.navi-grid > div a.content:focus img {
  opacity: 1;
}
.row.navi-grid > div a.content:hover p, .row.navi-grid > div a.content:focus p {
  opacity: 1;
}
.row.navi-grid > div.col-xs-12 a.content h2 {
  font-size: 2.8em;
}
.is-md .row.navi-grid > div a.content h2 {
  font-size: 1.5em;
}
.is-md .row.navi-grid > div a.content p {
  font-size: 1em;
}
.is-md .row.navi-grid > div.col-xs-12 a.content h2 {
  font-size: 2.3em;
}
.is-sm .row.navi-grid > div a.content h2 {
  font-size: 2em;
}
.is-sm .row.navi-grid > div.col-xs-12 a.content h2 {
  font-size: 3em;
}
.is-xs .row.navi-grid > div a.content:hover p, .is-xs .row.navi-grid > div a.content:focus p {
  opacity: 0;
}

.is-xs .filter-xs-navi-box {
  width: 100vw;
  margin: 0 0 30px -10px;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 10px 0px;
  overflow: hidden;
}

.is-xs.fixed-filter #body {
  overflow: initial;
}
.is-xs.fixed-filter .filter-xs {
  position: sticky;
  top: calc(72px + 30px);
  z-index: 9;
  background: #fff;
}
.is-xs.fixed-filter .filter-xs form#filter_form {
  margin-bottom: 0;
}

ul.navi-box {
  width: 100%;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  border-top: 1px solid #afaeae;
}
ul.navi-box li:not(.abc_filter) {
  width: 100%;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  border-left: 1px solid #afaeae;
  border-right: 1px solid #afaeae;
}
ul.navi-box li:not(.abc_filter) div.head {
  background: #d8d8d8;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.07em;
  letter-spacing: 0.125em;
  cursor: pointer;
  padding: 10px 45px 10px 20px;
}
ul.navi-box li:not(.abc_filter) a:not([id^=id_abc_filter_]),
ul.navi-box li:not(.abc_filter) .disbaled {
  display: block;
  display: -webkit-box;
  display: box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-weight: 400;
  font-size: 0.93em;
  line-height: 140%;
  margin: 0 20px;
  padding: 9px 0;
  color: #444444;
  border-bottom: 1px solid #afaeae;
}
ul.navi-box li:not(.abc_filter) a:not([id^=id_abc_filter_]).active,
ul.navi-box li:not(.abc_filter) .disbaled.active {
  color: #000;
  font-weight: 700;
}
ul.navi-box li:not(.abc_filter) a:not([id^=id_abc_filter_]) .counter,
ul.navi-box li:not(.abc_filter) .disbaled .counter {
  float: left;
  margin-right: 5px;
}
ul.navi-box li:not(.abc_filter) a:not([id^=id_abc_filter_]):hover, ul.navi-box li:not(.abc_filter) a:not([id^=id_abc_filter_]):focus {
  color: #000;
}
ul.navi-box li:not(.abc_filter) .disbaled {
  cursor: default;
}
ul.navi-box li:not(.abc_filter).accordion-inside {
  position: relative;
}
ul.navi-box li:not(.abc_filter).accordion-inside:after {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 8px 20px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 1.8em;
  content: "";
}
ul.navi-box li:not(.abc_filter).accordion-inside.opened:after {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
ul.navi-box li:not(.abc_filter) ul:not(.button-list) {
  margin: 0;
  border: none;
}
ul.navi-box li:not(.abc_filter) ul:not(.button-list) li:not(.abc_filter) {
  border-left: none;
  border-right: none;
}
ul.navi-box li:not(.abc_filter) ul:not(.button-list) li:not(.abc_filter):last-child {
  border-bottom: none;
  position: static;
}
ul.navi-box li:not(.abc_filter):last-child {
  border-bottom: 1px solid #afaeae;
  position: relative;
  top: -1px;
}
.is-xs ul.navi-box.navi-box-xs {
  width: 100vw;
  margin: -30px 0 0 -10px;
  border: none;
}
.is-xs ul.navi-box.navi-box-xs > li:not(.abc_filter) {
  border: none;
}
.is-xs ul.navi-box.navi-box-xs > .accordion-inside {
  overflow: inherit;
}
.is-xs ul.navi-box.navi-box-xs > .accordion-inside > .head {
  display: none;
}
.is-xs ul.navi-box.navi-box-xs > .accordion-inside:after {
  content: none;
}

ul.filter-box {
  width: 100%;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  border-top: 1px solid #afaeae;
}
ul.filter-box li:not(.abc_filter) {
  width: 100%;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  border-left: 1px solid #afaeae;
  border-right: 1px solid #afaeae;
}
ul.filter-box li:not(.abc_filter):after {
  content: none !important;
}
ul.filter-box li:not(.abc_filter) div.head {
  background: #d8d8d8;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.07em;
  letter-spacing: 0.125em;
  cursor: default;
  padding: 10px 0 10px 20px;
}
ul.filter-box li:not(.abc_filter) a:not([id^=id_abc_filter_]),
ul.filter-box li:not(.abc_filter) div.child {
  display: block;
  font-weight: 400;
  font-size: 0.93em;
  margin: 0 20px;
  padding: 0;
  line-height: 271.43%;
  color: #444444;
  border-bottom: 1px solid #afaeae;
  cursor: pointer;
}
ul.filter-box li:not(.abc_filter) a:not([id^=id_abc_filter_]):hover, ul.filter-box li:not(.abc_filter) a:not([id^=id_abc_filter_]):focus, ul.filter-box li:not(.abc_filter) a:not([id^=id_abc_filter_]).active,
ul.filter-box li:not(.abc_filter) div.child:hover,
ul.filter-box li:not(.abc_filter) div.child:focus,
ul.filter-box li:not(.abc_filter) div.child.active {
  color: #000;
}
ul.filter-box li:not(.abc_filter) a:not([id^=id_abc_filter_]).active,
ul.filter-box li:not(.abc_filter) div.child.active {
  font-weight: 700;
}
ul.filter-box li:not(.abc_filter) div.child {
  position: relative;
  padding-right: 25px;
}
ul.filter-box li:not(.abc_filter) div.child a {
  font-size: 1em;
  margin: 0;
  border-bottom: none;
}
ul.filter-box li:not(.abc_filter) div.child:after {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  -moz-transition: -moz-transform 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-in;
  transition: -ms-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 7px 0px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 1.8em;
  content: "";
}
ul.filter-box li:not(.abc_filter).accordion-inside.opened div.child:after {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
ul.filter-box li:not(.abc_filter) ul.button-list {
  width: 100vw;
  margin: 20px 0px;
  padding: 0 10px;
}
ul.filter-box li:not(.abc_filter) ul:not(.button-list) {
  margin: 0;
  border: none;
}
ul.filter-box li:not(.abc_filter) ul:not(.button-list) li:not(.abc_filter) {
  border-left: none;
  border-right: none;
}
ul.filter-box li:not(.abc_filter) ul:not(.button-list) li:not(.abc_filter) a:not([id^=id_abc_filter_]) {
  padding-left: 20px;
}
ul.filter-box li:not(.abc_filter) ul:not(.button-list) li:not(.abc_filter) a:not([id^=id_abc_filter_]).level-0.level-changed {
  border-top: 1px solid #afaeae;
  margin-top: 15px;
}
ul.filter-box li:not(.abc_filter) ul:not(.button-list) li:not(.abc_filter) a:not([id^=id_abc_filter_]).level-1 {
  padding: 3px 0 3px 40px;
  border-bottom: none;
  line-height: 133%;
}
ul.filter-box li:not(.abc_filter) ul:not(.button-list) li:not(.abc_filter) a:not([id^=id_abc_filter_]).level-1.level-changed {
  border-top: 1px solid white;
  margin-top: -1px;
}
ul.filter-box li:not(.abc_filter) ul:not(.button-list) li:not(.abc_filter):first-child a:not([id^=id_abc_filter_]).level-0.level-changed {
  border-top: none;
}
ul.filter-box li:not(.abc_filter) ul:not(.button-list) li:not(.abc_filter):last-child {
  border-bottom: none;
  position: static;
}
ul.filter-box li:not(.abc_filter):last-child {
  border-bottom: 1px solid #afaeae;
  position: relative;
  top: -1px;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) {
  width: 50%;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) div.child {
  border-bottom: none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 45px 0 25px;
  margin: 0;
  box-shadow: 0 1px #d8d8d8;
  white-space: nowrap;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) div.child:after {
  position: absolute;
  top: -1px;
  right: 0px;
  z-index: 1;
  cursor: pointer;
  color: #000;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 8px 20px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 1.8em;
  content: "";
  transition: transform 0.1s ease-in;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) li:last-child a:not([id^=id_abc_filter_]) {
  border-bottom: none;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion {
  max-height: 70vh;
  overflow-y: auto;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li:not(.abc_filter) {
  white-space: nowrap;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar {
  height: 405px;
  padding: 0 10px;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar {
  width: calc(100vw - 20px);
  height: 100%;
  --hylo-calendar-grid-gap: 7px;
  --hylo-calendar-cell-padding: 13px 0px;
  --hylo-calendar-hover-box-shadow: none;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls {
  display: block;
  width: 100%;
  padding: 20px 0 0px;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.09rem;
  text-transform: uppercase;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls ion-row {
  display: block;
  width: 100%;
  position: relative;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls ion-col {
  position: static;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls ion-col.disabled {
  opacity: 0.2;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-left, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-right {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-left:before, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-left:after, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-right:before, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-right:after {
  content: "";
  width: 13px;
  height: 4px;
  background: #000;
  position: absolute;
  top: calc(50% - 2px);
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-left:before, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-right:before {
  transform: rotate(45deg);
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-left:after, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-right:after {
  transform: rotate(-45deg);
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-left {
  left: 0px;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-left:before, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-left:after {
  transform-origin: 2px 2px;
  left: 2px;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-right {
  right: 0px;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-right:before, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-controls hylo-icon-arrow-right:after {
  transform-origin: calc(100% - 2px) 2px;
  right: 2px;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-grid .head-cell {
  margin-bottom: 0.45rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.09rem;
  text-transform: uppercase;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-grid .cell {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-grid .cell.selected {
  font-weight: 700;
  letter-spacing: 0.09rem;
  background: #00cdff;
  color: #000 !important;
  outline: none;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-grid .cell.blank {
  visibility: hidden;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .calendar-grid .cell:focus {
  outline: none;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .month-grid ion-grid, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .year-grid ion-grid {
  display: block;
  padding: 20px 0 0;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .month-grid ion-grid ion-row, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .year-grid ion-grid ion-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3.5px;
  margin-right: -3.5px;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .month-grid ion-grid ion-row ion-col, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .year-grid ion-grid ion-row ion-col {
  width: 25%;
  padding: 3.5px;
}
.is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .month-grid ion-grid ion-row ion-col .cell.selected, .is-xs ul.filter-box.filter-box-xs > li:not(.abc_filter) .accordion li.hylo-calendar hylo-calendar .year-grid ion-grid ion-row ion-col .cell.selected {
  font-weight: 700;
  letter-spacing: 0.09rem;
  background: #00cdff;
  color: #000 !important;
  outline: none;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) {
  height: 76px !important;
  position: relative;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list).single-line {
  height: 38px !important;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter) {
  position: absolute;
  background: #fff;
  box-shadow: -1px 1px #d8d8d8;
  transition: width 0.1s ease-in-out, left 0.1s ease-in-out;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter):after {
  content: "" !important;
  display: block;
  width: 53px;
  height: 36px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9), #fff, #fff);
  position: absolute;
  top: 0;
  right: 0;
  transition: transform 0.1s ease-out;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter):nth-of-type(odd) {
  left: 0;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter):nth-of-type(even) {
  left: 50%;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter):nth-of-type(even).opened {
  left: 0;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter):nth-of-type(1), .is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter):nth-of-type(2) {
  top: 0;
  z-index: 2;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter):nth-of-type(3), .is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter):nth-of-type(4) {
  top: 39px;
  z-index: 1;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter).opened {
  width: 100vw;
  z-index: 3;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter).opened:after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter).selected > .accordion-trigger {
  background: #efefef;
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter).selected:after {
  background-image: linear-gradient(to right, rgba(239, 239, 239, 0), rgba(239, 239, 239, 0.7), rgba(239, 239, 239, 0.8), rgba(239, 239, 239, 0.9), #efefef, #efefef);
}
.is-xs ul.filter-box.filter-box-xs.initialised:not(.button-list) > li:not(.abc_filter) .accordion {
  transition: height 0.1s ease-in;
}

ul.info-box {
  width: 100%;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  border-top: 1px solid #afaeae;
  background: #eafaff;
}
ul.info-box li {
  width: 100%;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  border-left: 1px solid #afaeae;
  border-right: 1px solid #afaeae;
  border-bottom: 1px solid #afaeae;
}
ul.info-box li div.head {
  background: #444444;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.07em;
  letter-spacing: 0.125em;
  cursor: pointer;
  padding: 10px 45px 10px 50px;
  color: #fff;
}
ul.info-box li.accordion-inside {
  position: relative;
}
ul.info-box li.accordion-inside:after, ul.info-box li.accordion-inside:before {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 8px 20px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 1.8em;
  content: "";
}
ul.info-box li.accordion-inside:before {
  right: inherit;
  left: 0;
  content: "";
  font-size: 1.24rem;
  padding: 12px 20px;
}
ul.info-box li.accordion-inside.opened:after {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
ul.info-box li ul.content {
  margin: 0;
  border: none;
}
ul.info-box li ul.content li {
  border-left: none;
  border-right: none;
  border-bottom: none;
  padding: 10px 0;
}
ul.info-box li ul.content h1,
ul.info-box li ul.content h2,
ul.info-box li ul.content h3,
ul.info-box li ul.content h4,
ul.info-box li ul.content h5,
ul.info-box li ul.content h6 {
  margin: 0 !important;
  padding: 10px 20px 0px !important;
  color: #444444 !important;
  font-size: 1.07em !important;
  font-family: "Lato", "sans-serif" !important;
  font-weight: 700 !important;
  line-height: 133% !important;
  text-transform: none !important;
}
ul.info-box li ul.content p {
  margin: 0;
  padding: 10px 20px;
  color: #444444;
  font-size: 1em;
}
ul.info-box li ul.content .line,
ul.info-box li ul.content hr {
  margin: 10px 0 0 !important;
  background: #afaeae;
}
ul.info-box li ul.content .line + *,
ul.info-box li ul.content hr + * {
  font-size: 1em !important;
  padding: 10px 20px 0 !important;
  text-align: center !important;
}
ul.info-box li ul.content .line + * a, ul.info-box li ul.content .line + a,
ul.info-box li ul.content hr + * a,
ul.info-box li ul.content hr + a {
  display: block;
  margin: 0 auto;
  font-weight: 700;
  font-size: 1.1em !important;
  color: #00cdff;
}
ul.info-box li ul.content .line + * a:hover, ul.info-box li ul.content .line + * a:active, ul.info-box li ul.content .line + * a:focus, ul.info-box li ul.content .line + a:hover, ul.info-box li ul.content .line + a:active, ul.info-box li ul.content .line + a:focus,
ul.info-box li ul.content hr + * a:hover,
ul.info-box li ul.content hr + * a:active,
ul.info-box li ul.content hr + * a:focus,
ul.info-box li ul.content hr + a:hover,
ul.info-box li ul.content hr + a:active,
ul.info-box li ul.content hr + a:focus {
  color: #0c8ba9;
}

#body .container .row.job-list {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.job-list > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.job-list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.row.job-list > div a.content {
  display: block;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.is-xs .row.job-list > div a.content {
  padding-bottom: 60px;
}
.row.job-list > div a.content:hover, .row.job-list > div a.content:focus {
  background: #efefef;
}
.is-xs .row.job-list > div a.content:hover, .is-xs .row.job-list > div a.content:focus {
  background: transparent;
}
.row.job-list > div a.content h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.47em;
  line-height: 127%;
  color: #000;
  padding: 0 20px 5px;
  margin: 0;
}
.is-sm .row.job-list > div a.content h2 {
  font-size: 1.4em;
}
.is-xs .row.job-list > div a.content h2 {
  font-size: 1.27em;
  padding: 0 0 5px;
}
.row.job-list > div a.content h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.07em;
  line-height: 140%;
  color: #00cdff;
  text-transform: uppercase;
  padding: 0 115px 20px 20px;
  margin: 0;
}
.row.job-list > div a.content h3 .content-provider {
  text-transform: none;
  color: #444444;
}
.row.job-list > div a.content h3 .commercial {
  font-weight: 400;
  font-size: 1em;
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  color: #fff;
  background: #00cdff;
  border-radius: 50%;
  text-align: center;
  line-height: 1.1em;
  padding-right: 1px;
  position: relative;
  top: -1px;
}
.row.job-list > div a.content h3 time {
  font-weight: 300;
  color: #000;
  padding-left: 15px;
}
.is-xs .row.job-list > div a.content h3 time {
  padding-left: 10px;
}
.is-sm .row.job-list > div a.content h3 {
  font-size: 1em;
  padding: 0 100px 15px 20px;
}
.is-xs .row.job-list > div a.content h3 {
  font-size: 0.73em;
  padding: 0 0 20px 0;
  line-height: 126%;
}
.row.job-list > div a.content h4 {
  font-size: 0.9em;
  font-weight: 400;
  color: #000;
  padding: 0 20px 10px 20px;
  margin: -20px 0 0 0;
}
.is-sm .row.job-list > div a.content h4 {
  margin-top: -17px;
}
.is-xs .row.job-list > div a.content h4 {
  font-size: 0.73em;
  padding-left: 0;
}
.row.job-list > div a.content p {
  font-size: 1.2em;
  line-height: 140%;
  padding: 0 20px 5px;
  margin: 0;
  color: #000;
}
.is-sm .row.job-list > div a.content p {
  font-size: 1em;
}
.is-xs .row.job-list > div a.content p {
  font-size: 1.07em;
  padding: 0 0 5px;
  line-height: 150%;
}
.row.job-list > div a.content ul {
  font-size: 1.2em;
  font-weight: 300;
  line-height: 140%;
  list-style: none;
  padding: 0 20px;
  margin: 0;
  color: #000;
}
.is-sm .row.job-list > div a.content ul {
  font-size: 1.07em;
}
.is-xs .row.job-list > div a.content ul {
  font-size: 1.07em;
  padding: 0;
  line-height: 150%;
}
.row.job-list > div a.content ul li {
  display: inline;
}
.row.job-list > div a.content ul li:after {
  content: ", ";
}
.row.job-list > div a.content ul li:last-child:after {
  content: none;
}
.row.job-list > div a.content .bubble {
  position: absolute;
  right: 10px;
  bottom: 30px;
  cursor: pointer;
}
.is-xs .row.job-list > div a.content .bubble {
  top: 5px;
  right: 0;
  bottom: inherit;
}
.row.job-list > div.has-bubble a.content h2,
.row.job-list > div.has-bubble a.content p,
.row.job-list > div.has-bubble a.content ul {
  padding-right: 125px;
}
.is-xs .row.job-list > div.has-bubble a.content {
  padding-top: 30px;
}
.is-xs .row.job-list > div.has-bubble a.content h2,
.is-xs .row.job-list > div.has-bubble a.content h3 {
  padding-right: 90px;
}
.is-xs .row.job-list > div.has-bubble a.content p,
.is-xs .row.job-list > div.has-bubble a.content ul {
  padding-right: 0;
}
.row.job-list > div.has-bubble a.website {
  margin-right: 125px;
  word-break: break-word;
  word-wrap: break-word;
}
.is-xs .row.job-list > div.has-bubble a.website {
  margin-right: 0;
}
.row.job-list > div a.website {
  font-size: 1.2em;
  line-height: 140%;
  padding: 0;
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  left: 0;
  word-break: break-word;
  word-wrap: break-word;
}
.is-sm .row.job-list > div a.website {
  font-size: 1.07em;
}
.is-xs .row.job-list > div a.website {
  font-size: 1.07em;
  margin-left: 0;
  margin-right: 0;
}
.row.job-list > div .button-group {
  position: absolute;
  top: 14px;
  right: 20px;
}
.is-sm .row.job-list > div .button-group {
  top: 10px;
}
.is-xs .row.job-list > div .button-group {
  position: absolute;
  top: inherit;
  right: inherit;
  left: 0;
  bottom: 20px;
}
.row.job-list > div .button-group .button {
  padding: 0;
  background: none;
  border-radius: 0;
  color: #afaeae;
  font-size: inherit;
  display: none;
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 0;
  width: auto;
}
.is-sm .row.job-list > div .button-group .button {
  margin-left: 15px;
}
.is-xs .row.job-list > div .button-group .button {
  display: inline-block;
}
.row.job-list > div .button-group .button:hover, .row.job-list > div .button-group .button:focus {
  color: #000;
}
.row.job-list > div .button-group .button:before {
  font-size: 2rem;
  line-height: 100%;
}
.is-sm .row.job-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.is-xs .row.job-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.row.job-list > div .button-group .button.active {
  display: inline-block;
}
.row.job-list > div .button-group .button:first-child {
  margin-left: 0;
}
.row.job-list > div .wrapper {
  position: relative;
}
.row.job-list > div .wrapper:hover .button-group .button {
  display: inline-block;
}

#body .container .row.job-columns {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.job-columns > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.job-columns a.content {
  width: 100%;
  display: block;
  border-bottom: 1px solid #979797;
  margin-bottom: 10px;
  padding-top: 10px;
}
.row.job-columns a.content h3 {
  padding: 0 20px;
}
.is-xs .row.job-columns a.content h3 {
  margin-bottom: 20px;
  padding: 0;
}
.row.job-columns a.content h2 {
  width: 100%;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 700;
  font-size: 1.47em;
  line-height: 127%;
  color: #000;
  margin: 0 0 10px;
  padding: 0 20px;
}
.is-sm .row.job-columns a.content h2 {
  font-size: 1.4em;
}
.is-xs .row.job-columns a.content h2 {
  font-size: 1.27em;
  padding: 0;
}
.row.job-columns a.content p {
  font-size: 1.2em;
  line-height: 140%;
  margin: 0 0 20px;
  padding: 0 20px;
}
.is-sm .row.job-columns a.content p {
  font-size: 1em;
}
.is-xs .row.job-columns a.content p {
  font-size: 1.07em;
  line-height: 150%;
  padding: 0;
}
.row.job-columns a.content:hover, .row.job-columns a.content:focus {
  background: #efefef;
}
.is-xs .row.job-columns a.content:hover, .is-xs .row.job-columns a.content:focus {
  background: transparent;
}

#body .container .row.news-columns {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.news-columns > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.news-columns a.content {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding: 10px 0;
}
.row.news-columns a.content:hover, .row.news-columns a.content:focus {
  background: #efefef;
}
.is-xs .row.news-columns a.content:hover, .is-xs .row.news-columns a.content:focus {
  background: transparent;
}
.row.news-columns a.content h3 {
  width: 100%;
  border-bottom: 1px solid #979797;
  padding-bottom: 10px;
}
.is-xs .row.news-columns a.content h3 {
  margin-bottom: 20px;
}
.row.news-columns a.content h3 time {
  padding: 0;
}
.row.news-columns a.content h2 {
  width: 100%;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 700;
  font-size: 1.47em;
  line-height: 127%;
  color: #000;
  margin: 0 0 10px;
  padding: 0;
}
.is-sm .row.news-columns a.content h2 {
  font-size: 1.4em;
}
.is-xs .row.news-columns a.content h2 {
  font-size: 1.27em;
}
.row.news-columns a.content p {
  font-size: 1.2em;
  line-height: 140%;
  margin: 0 0 10px;
  padding: 0;
}
.is-sm .row.news-columns a.content p {
  font-size: 1em;
}
.is-xs .row.news-columns a.content p {
  font-size: 1.07em;
  line-height: 150%;
}

#body .container .row.article-bios {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.article-bios > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.article-bios > div .article-bio {
  padding-top: 20px;
  border-top: 1px solid #d8d8d8;
}
.row.article-bios .article-bio {
  display: flex;
  column-gap: 20px;
}
.row.article-bios .article-bio .image-wrapper {
  width: 200px;
  min-width: 200px;
  height: fit-content;
  min-height: fit-content;
  position: relative;
  margin-bottom: 20px;
}
.is-xs .row.article-bios .article-bio .image-wrapper {
  width: 80px;
  min-width: 80px;
}
.row.article-bios .article-bio .image-wrapper img {
  margin: 0;
}
.row.article-bios .article-bio .image-wrapper .photo-credits-over, .row.article-bios .article-bio .image-wrapper .photo-credits-beneath {
  word-break: break-word;
}
.row.article-bios .text-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.row.article-bios .text-wrapper h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.07em;
  line-height: 140%;
  color: #00cdff;
  text-transform: uppercase;
  padding: 0 0px 20px 0px;
  margin: -5px 0 0 0;
}
.is-sm .row.article-bios .text-wrapper h3, .is-xs .row.article-bios .text-wrapper h3 {
  font-size: 1em;
  padding: 0 0px 15px 0px;
}
.row.article-bios .text-wrapper p {
  font-size: 1.2em;
  line-height: 140%;
  padding: 0 20px 20px 0;
  margin: 0;
  color: #000;
}
.is-sm .row.article-bios .text-wrapper p {
  font-size: 1em;
}
.is-xs .row.article-bios .text-wrapper p {
  font-size: 1.07em;
  padding: 0 0 20px;
  line-height: 127%;
}
.row.article-bios .text-wrapper a {
  word-break: break-word;
}

#body .container .row.article-list {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.article-list > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.article-list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.row.article-list > div a.content {
  display: block;
  width: 100%;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 20px;
}
.row.article-list > div a.content:hover, .row.article-list > div a.content:focus {
  background: #efefef;
}
.is-xs .row.article-list > div a.content:hover, .is-xs .row.article-list > div a.content:focus {
  background: #fff;
}
.row.article-list > div a.content img {
  width: 100px;
  margin: 0;
}
.magazine .row.article-list > div a.content img {
  width: 200px;
}
.is-xs .row.article-list > div a.content img {
  width: 80px;
}
.row.article-list > div a.content .image-wrapper {
  position: relative;
  margin-bottom: 20px;
  float: left;
}
.row.article-list > div a.content .text {
  margin-left: 120px;
  margin-bottom: 20px;
}
.magazine .row.article-list > div a.content .text {
  margin-left: 220px;
}
.is-xs .row.article-list > div a.content .text {
  margin-left: 100px;
}
.row.article-list > div a.content .text.no-image {
  margin-left: 20px;
}
.is-xs .row.article-list > div a.content .text.no-image {
  margin-left: 0;
}
.row.article-list > div a.content .text h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.47em;
  line-height: 127%;
  color: #000;
  padding: 0 20px 5px 0;
  margin: 0;
}
.is-sm .row.article-list > div a.content .text h2 {
  font-size: 1.4em;
}
.is-xs .row.article-list > div a.content .text h2 {
  font-size: 1.27em;
  padding: 0 0 5px;
}
.row.article-list > div a.content .text h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.07em;
  line-height: 140%;
  color: #00cdff;
  text-transform: uppercase;
  padding: 0 50px 20px 0px;
  margin: -5px 0 0 0;
}
.row.article-list > div a.content .text h3 time {
  font-weight: 300;
  color: #000;
  padding-left: 15px;
}
.is-sm .row.article-list > div a.content .text h3 time {
  display: block;
  padding-left: 0;
  padding-top: 2x;
}
.is-xs .row.article-list > div a.content .text h3 time {
  display: block;
  padding-left: 0;
  padding-top: 2x;
}
.is-sm .row.article-list > div a.content .text h3 {
  font-size: 1em;
  padding: 0 20px 15px 0px;
}
.is-xs .row.article-list > div a.content .text h3 {
  font-size: 0.73em;
  padding: 0 0 20px 0;
  line-height: 126%;
  margin-top: -2px;
}
.row.article-list > div a.content .text p {
  font-size: 1.2em;
  line-height: 140%;
  padding: 0 20px 20px 0;
  margin: 0;
  color: #000;
}
.is-sm .row.article-list > div a.content .text p {
  font-size: 1em;
}
.is-xs .row.article-list > div a.content .text p {
  font-size: 1.07em;
  padding: 0 0 20px;
  line-height: 127%;
}
.row.article-list > div a.content .text div {
  color: #444444;
  text-transform: uppercase;
  font-size: 0.73em;
  font-weight: 700;
}
.row.article-list > div .button-group {
  position: absolute;
  top: 10px;
  right: 15px;
}
.is-sm .row.article-list > div .button-group {
  top: 3px;
  right: 10px;
}
.is-xs .row.article-list > div .button-group {
  position: absolute;
  top: inherit;
  bottom: 15px;
  right: 5px;
}
.row.article-list > div .button-group .button {
  padding: 0;
  background: none;
  border-radius: 0;
  color: #afaeae;
  font-size: inherit;
  display: none;
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 0;
  width: auto;
}
.is-sm .row.article-list > div .button-group .button {
  margin-left: 15px;
}
.is-xs .row.article-list > div .button-group .button {
  display: inline-block;
}
.row.article-list > div .button-group .button:hover, .row.article-list > div .button-group .button:focus {
  color: #000;
}
.row.article-list > div .button-group .button:before {
  font-size: 2rem;
  line-height: 100%;
}
.is-sm .row.article-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.is-xs .row.article-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.row.article-list > div .button-group .button.active {
  display: inline-block;
}
.row.article-list > div .button-group .button:first-child {
  margin-left: 0;
}
.row.article-list > div .wrapper {
  position: relative;
}
.row.article-list > div .wrapper:hover .button-group .button {
  display: inline-block;
}
.row.article-list .photo-credits-beneath {
  max-width: 100px;
}
.is-xs .row.article-list .photo-credits-beneath {
  max-width: 80px;
}

#body .container .row.event-list {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.event-list > div {
  padding-left: 10px;
  padding-right: 10px;
  float: none;
}

.row.event-list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.row.event-list h2.date {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 2em;
  line-height: 127%;
  color: #000;
  padding: 20px 10px 10px;
  margin: 0;
}
.row.event-list h2.date:first-child {
  padding-top: 0;
}
.is-sm .row.event-list h2.date {
  font-size: 1.9em;
}
.is-xs .row.event-list h2.date {
  font-size: 1.8em;
}
.row.event-list > div a.content {
  display: block;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}
.row.event-list > div a.content:hover, .row.event-list > div a.content:focus {
  background: #efefef;
}
.is-xs .row.event-list > div a.content:hover, .is-xs .row.event-list > div a.content:focus {
  background: transparent;
}
.row.event-list > div a.content img {
  width: 100px;
  float: left;
  margin-bottom: 0px;
}
.is-xs .row.event-list > div a.content img {
  width: 80px;
}
.row.event-list > div a.content .image-wrapper {
  width: 100px;
  float: left;
  margin-bottom: 0px;
  position: relative;
}
.is-xs .row.event-list > div a.content .image-wrapper {
  width: 80px;
}
.row.event-list > div a.content .image-wrapper img {
  float: none;
}
.row.event-list > div a.content .text {
  margin-left: 120px;
  margin-bottom: 0px;
}
.is-xs .row.event-list > div a.content .text {
  margin-left: 100px;
}
.row.event-list > div a.content .text h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.47em;
  line-height: 127%;
  color: #000;
  padding: 0 20px 5px 0;
  margin: 0;
}
.is-sm .row.event-list > div a.content .text h2 {
  font-size: 1.4em;
}
.is-xs .row.event-list > div a.content .text h2 {
  font-size: 1.27em;
  padding: 0 0 5px;
}
.row.event-list > div a.content .text h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.07em;
  line-height: 140%;
  color: #00cdff;
  text-transform: uppercase;
  padding: 0 165px 20px 0px;
  margin: -5px 0 0 0;
}
.is-sm .row.event-list > div a.content .text h3 {
  font-size: 1em;
  padding: 0 135px 15px 0px;
}
.is-xs .row.event-list > div a.content .text h3 {
  font-size: 0.73em;
  padding: 0 0 20px 0;
  line-height: 126%;
  margin-top: -2px;
}
.row.event-list > div a.content .text p {
  font-size: 1.2em;
  line-height: 140%;
  padding: 0 20px 0px 0;
  margin: 0;
  color: #000;
}
.is-sm .row.event-list > div a.content .text p {
  font-size: 1em;
}
.is-xs .row.event-list > div a.content .text p {
  font-size: 1.07em;
  padding: 0 0 40px;
  line-height: 150%;
}
.row.event-list > div a.website {
  font-size: 1.2em;
  line-height: 140%;
  padding: 0;
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  left: 100px;
  word-break: break-word;
  word-wrap: break-word;
}
.is-sm .row.event-list > div a.website {
  font-size: 1.07em;
}
.is-xs .row.event-list > div a.website {
  font-size: 1.07em;
  margin-left: 0;
  margin-right: 0;
}
.row.event-list > div .button-group {
  position: absolute;
  top: 9px;
  right: 20px;
}
.is-sm .row.event-list > div .button-group {
  top: 5px;
}
.is-xs .row.event-list > div .button-group {
  position: absolute;
  top: inherit;
  right: inherit;
  left: 100px;
  bottom: 20px;
}
.row.event-list > div .button-group .button {
  padding: 0;
  background: none;
  border-radius: 0;
  color: #afaeae;
  font-size: inherit;
  display: none;
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 0;
  width: auto;
}
.is-sm .row.event-list > div .button-group .button {
  margin-left: 15px;
}
.is-xs .row.event-list > div .button-group .button {
  display: inline-block;
}
.row.event-list > div .button-group .button:hover, .row.event-list > div .button-group .button:focus {
  color: #000;
}
.row.event-list > div .button-group .button:before {
  font-size: 2rem;
  line-height: 100%;
}
.is-sm .row.event-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.is-xs .row.event-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.row.event-list > div .button-group .button.active {
  display: inline-block;
}
.row.event-list > div .button-group .button:first-child {
  margin-left: 0;
}
.row.event-list > div .wrapper {
  position: relative;
}
.row.event-list > div .wrapper:hover .button-group .button {
  display: inline-block;
}
.row.event-list .photo-credits-over {
  font-size: 0.55rem;
  margin: 0;
}

#body .container .row.event-grid {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.event-grid > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.event-grid {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 60px;
}
.is-xs .row.event-grid {
  margin-bottom: 30px;
}
.row.event-grid a.content {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 0 20px;
  background: #00cdff;
}
.row.event-grid a.content img {
  width: 100%;
  padding: 0;
  margin: 0;
}
.row.event-grid a.content h2 {
  width: 100%;
  padding: 0 20px;
  position: absolute;
  left: 0;
  top: 50%;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 700;
  font-size: 1.87em;
  line-height: 110%;
  word-break: break-word;
  word-wrap: break-word;
  color: #fff;
  visibility: hidden;
}
.is-sm .row.event-grid a.content h2 {
  font-size: 1.6em;
  line-height: 100%;
  padding: 0 10px;
}
.row.event-grid a.content p {
  width: 100%;
  padding: 0 20px;
  position: absolute;
  left: 0;
  top: 50%;
  font-family: "Lato", "sans-serif";
  font-size: 1.07em;
  line-height: 125%;
  color: #fff;
  visibility: hidden;
}
.is-sm .row.event-grid a.content p {
  padding: 0 10px;
}
.row.event-grid a.content p time {
  display: block;
  margin-bottom: 5px;
}
.row.event-grid a.content .event-grid-over {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.row.event-grid a.content .event-grid-over h2 {
  position: static;
}
.row.event-grid a.content .event-grid-over p {
  position: static;
}
.row.event-grid a.content:hover img, .row.event-grid a.content:focus img, .row.event-grid a.content.hover img {
  opacity: 0.33;
}
.row.event-grid a.content:hover h2, .row.event-grid a.content:focus h2, .row.event-grid a.content.hover h2 {
  visibility: visible;
  margin-bottom: 10px;
  font-size: 1.5rem;
}
.row.event-grid a.content:hover p, .row.event-grid a.content:focus p, .row.event-grid a.content.hover p {
  visibility: visible;
  margin-bottom: 10px;
}
.row.event-grid.magazine {
  margin-bottom: 80px;
}
.is-md .row.event-grid.magazine a.content h2 {
  font-size: 1.5em;
}
.row.event-grid.magazine a.content p {
  font-size: 1.2em;
}
.is-md .row.event-grid.magazine a.content p {
  font-size: 1.07em;
}

#body .container .row.comment-list {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.comment-list > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.comment-list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.row.comment-list .wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
}
.row.comment-list img {
  width: 100px;
  float: left;
  margin-bottom: 20px;
}
.is-xs .row.comment-list img {
  width: 80px;
}
.row.comment-list time {
  font-size: 1.07em;
  line-height: 100%;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
  float: right;
  padding-left: 15px;
  padding-top: 2px;
}
.is-sm .row.comment-list time {
  display: block;
  float: none;
  padding: 0;
  margin: 0 0 25px 120px;
}
.is-xs .row.comment-list time {
  display: block;
  font-size: 1em;
  float: none;
  padding: 0;
  margin: 0 0 20px 100px;
}
.row.comment-list h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.47em;
  line-height: 127%;
  color: #000;
  padding: 0;
  margin: 0 0 3px 120px;
  position: relative;
  top: -5px;
}
.is-sm .row.comment-list h2 {
  font-size: 1.4em;
  line-height: 100%;
  top: -3px;
}
.is-xs .row.comment-list h2 {
  font-size: 1.27em;
  line-height: 100%;
  margin-left: 100px;
  margin-bottom: 10px;
  top: -1px;
}
.row.comment-list p {
  margin: 0 0 0 120px;
}
.is-xs .row.comment-list p {
  margin-left: 100px;
}

#body .container .row.curated-list {
  margin-left: -10px;
  margin-right: -10px;
}
#body .container .row.curated-list > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row.curated-list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.row.curated-list > div a.content {
  display: block;
  width: 100%;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 20px;
}
.row.curated-list > div a.content:hover, .row.curated-list > div a.content:focus {
  background: #efefef;
}
.is-xs .row.curated-list > div a.content:hover, .is-xs .row.curated-list > div a.content:focus {
  background: #fff;
}
.row.curated-list > div a.content img {
  width: 100px;
  margin: 0;
}
.is-xs .row.curated-list > div a.content img {
  width: 80px;
}
.row.curated-list > div a.content .image-wrapper {
  position: relative;
  margin-bottom: 20px;
  float: left;
}
.row.curated-list > div a.content .text {
  position: relative;
  margin-left: 120px;
  margin-bottom: 20px;
}
.is-xs .row.curated-list > div a.content .text {
  margin-left: 100px;
}
.row.curated-list > div a.content .text.no-image {
  margin-left: 20px;
}
.is-xs .row.curated-list > div a.content .text.no-image {
  margin-left: 0;
}
.row.curated-list > div a.content .text h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.47em;
  line-height: 127%;
  color: #000;
  padding: 0 20px 5px 0;
  margin: -6px 55px 0 0;
}
.is-sm .row.curated-list > div a.content .text h2 {
  font-size: 1.4em;
  margin-top: -5px;
}
.is-xs .row.curated-list > div a.content .text h2 {
  font-size: 1.27em;
  padding: 0 0 5px;
  margin-top: -5px;
}
.row.curated-list > div a.content .text h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.07em;
  line-height: 140%;
  color: #00cdff;
  text-transform: uppercase;
  padding: 0 50px 20px 0px;
  margin: -5px 0 0 0;
}
.row.curated-list > div a.content .text h3 time {
  font-weight: 300;
  color: #000;
  padding-left: 15px;
}
.is-sm .row.curated-list > div a.content .text h3 time {
  display: block;
  padding-left: 0;
  padding-top: 2x;
}
.is-xs .row.curated-list > div a.content .text h3 time {
  display: block;
  padding-left: 0;
  padding-top: 2x;
}
.is-sm .row.curated-list > div a.content .text h3 {
  font-size: 1em;
  padding: 0 20px 15px 0px;
}
.is-xs .row.curated-list > div a.content .text h3 {
  font-size: 0.73em;
  padding: 0 0 20px 0;
  line-height: 126%;
  margin-top: -2px;
}
.row.curated-list > div a.content .text p {
  font-size: 1.2em;
  line-height: 140%;
  padding: 0 20px 5px 0;
  margin: 0;
  color: #000;
}
.row.curated-list > div a.content .text p.owner {
  margin-top: -8px;
  margin-right: 55px;
  padding-bottom: 10px;
  font-size: 1em;
  font-weight: 100;
}
.is-sm .row.curated-list > div a.content .text p {
  font-size: 1.07em;
}
.is-xs .row.curated-list > div a.content .text p {
  font-size: 1.07em;
  padding: 0 0 10px;
  line-height: 127%;
}
.row.curated-list > div a.content .text ul {
  font-size: 1rem;
  font-weight: 300;
  line-height: 140%;
  list-style: none;
  padding: 0 20px 0 0;
  margin: 0;
  color: #000;
}
.is-sm .row.curated-list > div a.content .text ul {
  font-size: 1.07em;
}
.is-xs .row.curated-list > div a.content .text ul {
  font-size: 1.07em;
  padding: 0;
  line-height: 150%;
}
.row.curated-list > div a.content .text ul li {
  display: inline;
}
.row.curated-list > div a.content .text ul li:after {
  content: ", ";
}
.row.curated-list > div a.content .text ul li:last-child:after {
  content: none;
}
.row.curated-list > div a.content .text div {
  color: #444444;
  font-size: 0.73em;
  font-weight: 700;
  position: absolute;
  right: 10px;
  top: 1px;
}
.row.curated-list > div .button-group {
  position: absolute;
  top: 10px;
  right: 15px;
}
.is-sm .row.curated-list > div .button-group {
  top: 3px;
  right: 10px;
}
.is-xs .row.curated-list > div .button-group {
  position: absolute;
  top: inherit;
  bottom: 15px;
  right: 5px;
}
.row.curated-list > div .button-group .button {
  padding: 0;
  background: none;
  border-radius: 0;
  color: #afaeae;
  font-size: inherit;
  display: none;
  margin-left: 20px;
  margin-right: 0;
  margin-bottom: 0;
  width: auto;
}
.is-sm .row.curated-list > div .button-group .button {
  margin-left: 15px;
}
.is-xs .row.curated-list > div .button-group .button {
  display: inline-block;
}
.row.curated-list > div .button-group .button:hover, .row.curated-list > div .button-group .button:focus {
  color: #000;
}
.row.curated-list > div .button-group .button:before {
  font-size: 2rem;
  line-height: 100%;
}
.is-sm .row.curated-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.is-xs .row.curated-list > div .button-group .button:before {
  font-size: 1.67rem;
}
.row.curated-list > div .button-group .button.active {
  display: inline-block;
}
.row.curated-list > div .button-group .button:first-child {
  margin-left: 0;
}
.row.curated-list > div .wrapper {
  position: relative;
}
.row.curated-list > div .wrapper:hover .button-group .button {
  display: inline-block;
}
.row.curated-list .photo-credits-beneath {
  max-width: 100px;
}
.is-xs .row.curated-list .photo-credits-beneath {
  max-width: 80px;
}

.profile.wrapper.curated-list {
  position: relative;
}
.profile.wrapper.curated-list .button-group {
  position: absolute;
  right: 0;
  bottom: 0;
}
.profile.wrapper.curated-list .button-group a {
  margin-left: 10px;
}
.is-xs .profile.wrapper.curated-list .button-group a {
  margin-left: 0;
}
.profile.wrapper.curated-list .button-group a:before {
  color: #00cdff;
}
.profile.wrapper.curated-list .button-group a:hover:before {
  color: #0c8ba9;
}

.curated-list-item {
  position: relative;
}
.curated-list-item > a {
  display: block;
  overflow: hidden;
}
.curated-list-item > .button-group {
  position: absolute;
  top: 15px !important;
  bottom: initial !important;
  left: 30px !important;
  right: initial !important;
}
.curated-list-item > .button-group a {
  display: inline-block !important;
  margin-left: 10px !important;
  min-width: initial !important;
}
.curated-list-item > .button-group a:before {
  color: #00cdff;
}
.curated-list-item > .button-group a:hover {
  background: transparent !important;
}
.curated-list-item > .button-group a:hover:before {
  color: #0c8ba9;
}

.curated-list-owners .button-group a {
  display: inline-block !important;
}
.curated-list-owners .button-group a:before {
  color: #00cdff;
}
.curated-list-owners .button-group a:hover:before {
  color: #0c8ba9;
}

.curated-list-back {
  position: absolute;
  right: 10px;
  bottom: 0;
}
.curated-list-back:hover {
  color: #fff;
}

.curated-list-invite:hover {
  color: #fff;
}

#body .container .row.blog-grid {
  margin-left: -15px;
  margin-right: -15px;
}
#body .container .row.blog-grid > div {
  padding-left: 15px;
  padding-right: 15px;
}

.row.blog-grid {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.row.blog-grid > div {
  /*&:first-child {
          a.content {

              .subline {
                  position: relative;

                  .is-xs & {
                      position: static;
                  }
              }
              .statistics {
                  position: absolute;
                  top: 0;
                  right: 0;

                  .is-xs & {
                      position: static;
                  }
              }
          }
      }*/
  padding: 0;
  margin: 0;
  position: absolute;
}
.row.blog-grid > div a.content {
  display: block;
  border-bottom: 3px solid #000;
  margin-bottom: 30px;
}
.is-xs.magazine .row.blog-grid > div a.content {
  margin-bottom: 50px;
}
.row.blog-grid > div a.content.no-underline {
  border-bottom: none;
}
.row.blog-grid > div a.content:hover, .row.blog-grid > div a.content:focus, .row.blog-grid > div a.content:active {
  background: #efefef;
  box-shadow: 0px 0px 0px 5px #efefef;
}
.is-xs .row.blog-grid > div a.content:hover, .is-xs .row.blog-grid > div a.content:focus, .is-xs .row.blog-grid > div a.content:active {
  background: transparent;
  box-shadow: none;
}
.row.blog-grid > div a.content.grey-background:hover, .row.blog-grid > div a.content.grey-background:focus, .row.blog-grid > div a.content.grey-background:active {
  background: #fff;
  box-shadow: 0px 0px 0px 5px #fff;
}
.is-xs .row.blog-grid > div a.content.grey-background:hover, .is-xs .row.blog-grid > div a.content.grey-background:focus, .is-xs .row.blog-grid > div a.content.grey-background:active {
  background: transparent;
  box-shadow: none;
}
.row.blog-grid > div a.content img {
  width: 100% !important;
  height: auto !important;
  margin: 0 0 35px 0 !important;
  border: none !important;
  display: block !important;
}
.is-xs.magazine .row.blog-grid > div a.content img {
  margin-bottom: 10px !important;
}
.row.blog-grid > div a.content img.logo {
  width: auto !important;
  max-width: 100%;
  max-height: 50px;
  margin: -5px 0 25px 0 !important;
}
.row.blog-grid > div a.content .image-wrapper {
  position: relative;
}
.row.blog-grid > div a.content .subline {
  border-bottom: 1px solid #d8d8d8;
  margin: 0 0 20px;
  position: relative;
}
.is-xs.magazine .row.blog-grid > div a.content .subline {
  margin-bottom: 10px;
}
.is-xs.magazine .row.blog-grid > div a.content .subline h3 {
  margin-bottom: 15px;
}
.row.blog-grid > div a.content h3 {
  margin: 0 0 20px;
}
.row.blog-grid > div a.content h3 time {
  padding: 0;
}
.row.blog-grid > div a.content .statistics {
  /*margin: 0 0 20px;

          > * {
              display: inline-block;
              color: $grey;
              margin-left: 20px;

              .is-sm & {
                  margin-left: 15px;
              }

              &:first-child {
                  margin-left: 0;
                  .is-sm & {
                      margin-left: 0;
                  }
              }
          }*/
  position: absolute;
  top: 0;
  right: 0;
}
.is-xs .row.blog-grid > div a.content .statistics {
  top: -5px;
}
.row.blog-grid > div a.content h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.87em;
  line-height: 127%;
  color: #000;
  padding: 0;
  margin: 0 0 30px;
  text-transform: none;
}
.is-sm .row.blog-grid > div a.content h2 {
  font-size: 1.5em;
  margin-bottom: 25px;
}
.is-xs .row.blog-grid > div a.content h2 {
  font-size: 1.4em;
  margin-bottom: 20px;
}
.row.blog-grid > div a.content p {
  margin: 0 0 20px;
}
.row.blog-grid > div a.content.curated-lists h3 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d8d8d8;
}

.partner {
  background: #efefef;
  padding-bottom: 50px;
  margin-bottom: 80px;
}
.partner .fawesome {
  color: #000;
  margin: 50px 0 0;
}
.partner h2 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.6em;
  line-height: 133%;
  margin: 10px 0 60px;
  color: #000;
}
.is-xs .partner h2 {
  font-size: 1.07em;
  line-height: 125%;
}

#body .container .row.magazine-grid {
  margin-left: -15px;
  margin-right: -15px;
}
#body .container .row.magazine-grid > div {
  padding-left: 15px;
  padding-right: 15px;
}

.row.magazine-grid {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 60px;
}
.is-xs .row.magazine-grid {
  margin-bottom: 10px;
}
.row.magazine-grid > div {
  padding-bottom: 30px;
}
.is-xs .row.magazine-grid > div {
  padding-bottom: 50px;
}
.row.magazine-grid > div a.content {
  display: block;
  color: #000;
}
.row.magazine-grid > div a.content h2 {
  font-family: "Lato", "sans-serif";
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: 700;
  margin-bottom: 20px;
  margin-left: 35px;
  position: relative;
}
.row.magazine-grid > div a.content h2:before {
  font-size: 1.5rem;
  position: absolute;
  top: 0;
  left: -35px;
}
.row.magazine-grid > div a.content h3 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-size: 1.47em;
  line-height: 127%;
  font-weight: 900;
  color: #000;
  text-transform: none;
  margin-bottom: 0;
}
.row.magazine-grid > div a.content h4 {
  font-family: "Lato", "sans-serif";
  font-size: 1.07em;
  line-height: 1.07em;
  font-weight: 300;
  text-transform: uppercase;
  color: #000;
}
.row.magazine-grid > div a.content:hover, .row.magazine-grid > div a.content:focus, .row.magazine-grid > div a.content:active {
  color: #000;
  background: #efefef;
  box-shadow: 0px 0px 0px 15px #efefef;
}

.row.magazine-grid-topic {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.row.magazine-grid-topic a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
}
.row.magazine-grid-topic a .tags {
  display: inline-block;
  max-width: calc(100% - 40px);
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 0;
}
.row.magazine-grid-topic a .tags .tag:hover {
  background: #000;
}
.row.magazine-grid-topic a .description {
  display: inline-block;
  max-width: calc(100% - 40px);
  background: #000;
  color: #fff;
  padding: 20px;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.row.magazine-grid-topic a .description h2 {
  font-weight: 900;
  font-size: 1.87em;
  line-height: 127%;
  margin-bottom: 20px;
}
.is-sm .row.magazine-grid-topic a .description h2 {
  font-size: 1.75em;
}
.row.magazine-grid-topic a .description p {
  display: none;
  color: #fff;
  margin-bottom: 10px;
}
.row.magazine-grid-topic a .description:hover {
  background: rgba(0, 205, 255, 0.7);
}
.row.magazine-grid-topic a .description:hover p {
  display: block;
}
.is-xs .row.magazine-grid-topic a .description:hover {
  background: #000;
}
.is-xs .row.magazine-grid-topic a .description:hover p {
  display: none;
}
.row.magazine-grid-topic a .description.small-mouseover p {
  font-size: 1rem;
}
.is-sm .row.magazine-grid-topic a .description.small-mouseover p {
  font-size: 0.9rem;
}
.row.magazine-grid-topic .col-sm-8,
.row.magazine-grid-topic .col-sm-4 {
  height: 600px;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.is-sm .row.magazine-grid-topic .col-sm-8,
.is-sm .row.magazine-grid-topic .col-sm-4 {
  height: 500px;
}
.row.magazine-grid-topic .col-sm-4 a {
  height: calc(50% - 15px);
}
.row.magazine-grid-topic .col-sm-4 a:first-child {
  margin-bottom: 30px;
}
.row.magazine-grid-topic .col-sm-4 a:last-child {
  margin-top: 30px;
}
.row.magazine-grid-topic .col-sm-4 a .tags {
  max-width: calc(100% - 20px);
  margin-left: 10px;
}
.row.magazine-grid-topic .col-sm-4 a .description {
  max-width: calc(100% - 20px);
  padding: 20px;
  left: 10px;
  bottom: 15px;
}
.is-sm .row.magazine-grid-topic .col-sm-4 a .description {
  padding: 10px;
}
.row.magazine-grid-topic .col-sm-4 a .description h2 {
  font-size: 1.3em;
  line-height: 127%;
  margin-bottom: 10px;
}
.is-sm .row.magazine-grid-topic .col-sm-4 a .description h2 {
  font-size: 0.9em;
  line-height: 134%;
}

img[data-popup-image-src] {
  cursor: pointer;
}

#image-layer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#image-layer .wrapper {
  width: 100%;
  height: 100%;
  padding: 80px 140px 60px;
  opacity: 0;
}
.is-md #image-layer .wrapper {
  padding: 70px 100px 50px;
}
.is-sm #image-layer .wrapper {
  padding: 70px 80px 50px;
}
.is-xs #image-layer .wrapper {
  padding: 50px 10px 20px;
}
#image-layer .wrapper .image {
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
#image-layer .wrapper img {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
}
#image-layer .wrapper h5.caption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  color: #fff !important;
  background: transparent;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 150%;
  letter-spacing: inherit;
  font-style: italic;
  margin: -30px 0 30px;
  padding: 0;
  text-transform: none;
  transform: none;
}
#image-layer .fa-close {
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  background: #fff;
  width: 72px;
  text-align: center;
}
#image-layer .fa-close:before {
  line-height: 72px;
}
.is-xs #image-layer .fa-close {
  width: 72px;
}
.is-xs #image-layer .fa-close:before {
  line-height: 72px;
}
#image-layer .navi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#image-layer .navi .fawesome {
  position: absolute;
  top: 50%;
  color: #fff;
}
.is-xs #image-layer .navi .fawesome {
  display: none;
}
#image-layer .navi .fawesome.fa-right-bold {
  right: 50px;
}
.is-md #image-layer .navi .fawesome.fa-right-bold {
  right: 30px;
}
.is-sm #image-layer .navi .fawesome.fa-right-bold {
  right: 20px;
}
#image-layer .navi .fawesome.fa-left-bold {
  left: 50px;
}
.is-md #image-layer .navi .fawesome.fa-left-bold {
  left: 30px;
}
.is-sm #image-layer .navi .fawesome.fa-left-bold {
  left: 20px;
}

.question-of-the-week {
  display: block;
  background: #00cdff;
  margin-bottom: 80px;
  color: #fff;
}
.question-of-the-week:hover {
  color: #fff;
}
.question-of-the-week .container {
  padding-bottom: 30px;
}
.question-of-the-week .fawesome {
  color: #fff;
  margin: 30px 0 0;
}
.question-of-the-week h2 {
  font-family: "Lato", "sans-serif";
  font-weight: 700;
  font-size: 1.6em;
  line-height: 133%;
  margin: 10px 0 50px;
  color: #fff;
}
.is-xs .question-of-the-week h2 {
  font-size: 1.07em;
  line-height: 125%;
}
.question-of-the-week p {
  color: #fff;
}
.question-of-the-week article {
  position: relative;
}
.question-of-the-week article section {
  margin-bottom: 50px;
}
.question-of-the-week article section p {
  font-weight: 400;
  font-size: 3rem;
  font-style: italic;
  line-height: 130%;
  text-align: center;
}
.is-sm .question-of-the-week article section p {
  font-size: 2rem;
}
.is-xs .question-of-the-week article section p {
  font-size: 1.5rem;
}
.question-of-the-week article aside p {
  text-transform: uppercase;
  float: right;
}
.is-xs .question-of-the-week article aside p {
  float: none;
  text-align: center;
  font-size: 0.8rem;
}
.question-of-the-week dl {
  color: #0c8ba9;
  text-align: center;
  padding: 0 50px;
}
.is-sm .question-of-the-week dl, .is-xs .question-of-the-week dl {
  padding: 0;
}
.question-of-the-week dl dt {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 700;
  font-size: 1.87em;
  margin-bottom: 30px;
}
.is-xs .question-of-the-week dl dt {
  font-size: 1.4em;
}
.question-of-the-week dl dd {
  font-size: 1.2em;
  margin-bottom: 60px;
}
.is-xs .question-of-the-week dl dd {
  font-size: 1.07em;
}

.twitter-wall {
  width: 100%;
  background: #00cdff;
  position: relative;
}
.twitter-wall .fawesome {
  margin: 30px 0;
}
.twitter-wall h2 {
  font-family: "Lato", "sans-serif";
  font-size: 1.6em;
  line-height: 133%;
  margin: 30px 0;
}
.is-xs .twitter-wall h2 {
  font-size: 1.07em;
  line-height: 125%;
}
.twitter-wall p {
  font-size: 1em;
  line-height: 133%;
  margin: 0;
}
.twitter-wall .row {
  margin: 30px 0 60px;
}
.twitter-wall .row .tweet {
  text-align: center;
  color: #444444;
}
.twitter-wall .row .tweet a {
  color: #444444;
  font-weight: 700;
}
.twitter-wall .row .tweet a:hover {
  color: #444444;
}
.twitter-wall .row .tweet .tweet-time {
  margin-top: 15px;
  text-transform: uppercase;
}
.is-xs .twitter-wall p {
  font-size: 1.07em;
  line-height: 125%;
}

#body > .container > .row.slider.portfolio {
  margin-left: 0px;
  margin-right: 0px;
}
#body > .container > .row.slider.portfolio > div {
  padding-left: 0px;
  padding-right: 0px;
}

.slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider.portfolio.row {
  margin-left: 0px;
  margin-right: 0px;
  position: relative;
  margin-bottom: 60px;
}
.is-xs .slider.portfolio.row {
  margin-bottom: 30px;
}
.slider.portfolio.row .wrapper > div {
  padding-left: 5px;
  padding-right: 5px;
}
.slider.portfolio.row .wrapper > div a.content {
  display: block;
}
.slider.portfolio.row .wrapper > div a.content .image-hover-bg {
  background: #00cdff;
  display: inline-block;
}
.slider.portfolio.row .wrapper > div a.content:hover img, .slider.portfolio.row .wrapper > div a.content:focus img {
  opacity: 0.33;
}
.is-xs .slider.portfolio.row .wrapper > div a.content:hover img, .is-xs .slider.portfolio.row .wrapper > div a.content:focus img {
  opacity: 1;
}
.slider.portfolio.row .wrapper > div a.content:hover h2, .slider.portfolio.row .wrapper > div a.content:focus h2 {
  display: block;
}
.slider.portfolio.row .wrapper > div h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  display: none;
  margin: 0;
}
.slider.portfolio.row .wrapper > div .button-group .button {
  padding: 0;
  background: none;
  border-radius: 0;
  line-height: 2rem;
  margin-left: 20px;
  margin-right: 0;
  width: auto;
  display: none;
}
.is-xs .slider.portfolio.row .wrapper > div .button-group .button {
  display: inline-block;
}
.slider.portfolio.row .wrapper > div .button-group .button:before {
  line-height: 100%;
  font-size: 2rem;
}
.slider.portfolio.row .wrapper > div .button-group .button:first-child {
  margin-left: 0;
}
.slider.portfolio.row .wrapper > div .button-group .button.active {
  display: inline-block;
}
.slider.portfolio.row .wrapper > div:hover .button-group .button, .slider.portfolio.row .wrapper > div:focus .button-group .button {
  display: inline-block;
}
.is-xs .slider.portfolio.row .wrapper > div {
  margin-bottom: 20px;
  position: static;
  padding-left: 0;
  padding-right: 0;
}
.is-xs .slider.portfolio.row .wrapper > div img,
.is-xs .slider.portfolio.row .wrapper > div .image-hover-bg {
  width: 100%;
  margin: 0;
}
.is-xs .slider.portfolio.row .wrapper > div h2 {
  color: #000;
  font-size: 1.27em;
  line-height: 100%;
  padding: 20px 0;
  background: #fff;
  display: block;
}
.is-xs .slider.portfolio.row .wrapper > div .button-group {
  border-bottom: 1px solid #979797;
}
.is-xs .slider.portfolio.row .wrapper > div .button-group .button {
  color: #979797;
  margin-bottom: 17px;
  line-height: 1.67rem;
}
.is-xs .slider.portfolio.row .wrapper > div .button-group .button:before {
  font-size: 1.67rem;
}
.is-xs .slider.portfolio.row .wrapper > div .button-group .button:hover, .is-xs .slider.portfolio.row .wrapper > div .button-group .button:focus {
  color: #000;
}
.is-xs .slider.portfolio.row .prev,
.is-xs .slider.portfolio.row .next {
  display: none;
}
.is-sm .slider.portfolio.row .wrapper, .is-md .slider.portfolio.row .wrapper, .is-lg .slider.portfolio.row .wrapper {
  overflow: hidden;
  height: 320px;
  width: 100%;
  position: relative;
}
.is-sm .slider.portfolio.row .wrapper > div, .is-md .slider.portfolio.row .wrapper > div, .is-lg .slider.portfolio.row .wrapper > div {
  position: absolute;
  top: 0;
  left: 0;
}
.is-sm .slider.portfolio.row img, .is-md .slider.portfolio.row img, .is-lg .slider.portfolio.row img {
  width: auto;
  height: 100%;
  margin: 0;
}
.is-sm .slider.portfolio.row h2, .is-md .slider.portfolio.row h2, .is-lg .slider.portfolio.row h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 1.87em;
  line-height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.is-sm .slider.portfolio.row .button-group, .is-md .slider.portfolio.row .button-group, .is-lg .slider.portfolio.row .button-group {
  position: absolute;
  top: 15px;
  right: 35px;
}
.is-sm .slider.portfolio.row .button-group .button, .is-md .slider.portfolio.row .button-group .button, .is-lg .slider.portfolio.row .button-group .button {
  color: #afaeae;
}
.is-sm .slider.portfolio.row .button-group .button:hover, .is-sm .slider.portfolio.row .button-group .button:focus, .is-md .slider.portfolio.row .button-group .button:hover, .is-md .slider.portfolio.row .button-group .button:focus, .is-lg .slider.portfolio.row .button-group .button:hover, .is-lg .slider.portfolio.row .button-group .button:focus {
  color: #fff;
}
.is-sm .slider.portfolio.row .prev,
.is-sm .slider.portfolio.row .next, .is-md .slider.portfolio.row .prev,
.is-md .slider.portfolio.row .next, .is-lg .slider.portfolio.row .prev,
.is-lg .slider.portfolio.row .next {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  color: #afaeae;
  cursor: pointer;
  line-height: 1.6rem;
}
.is-sm .slider.portfolio.row .prev:hover, .is-sm .slider.portfolio.row .prev:focus,
.is-sm .slider.portfolio.row .next:hover,
.is-sm .slider.portfolio.row .next:focus, .is-md .slider.portfolio.row .prev:hover, .is-md .slider.portfolio.row .prev:focus,
.is-md .slider.portfolio.row .next:hover,
.is-md .slider.portfolio.row .next:focus, .is-lg .slider.portfolio.row .prev:hover, .is-lg .slider.portfolio.row .prev:focus,
.is-lg .slider.portfolio.row .next:hover,
.is-lg .slider.portfolio.row .next:focus {
  color: #000;
}
.is-sm .slider.portfolio.row .prev:before,
.is-sm .slider.portfolio.row .next:before, .is-md .slider.portfolio.row .prev:before,
.is-md .slider.portfolio.row .next:before, .is-lg .slider.portfolio.row .prev:before,
.is-lg .slider.portfolio.row .next:before {
  line-height: 100%;
  font-size: 1.6rem;
}
.is-sm .slider.portfolio.row .prev.disabled,
.is-sm .slider.portfolio.row .next.disabled, .is-md .slider.portfolio.row .prev.disabled,
.is-md .slider.portfolio.row .next.disabled, .is-lg .slider.portfolio.row .prev.disabled,
.is-lg .slider.portfolio.row .next.disabled {
  opacity: 0.2;
  cursor: default;
}
.is-sm .slider.portfolio.row .prev.disabled:hover, .is-sm .slider.portfolio.row .prev.disabled:focus,
.is-sm .slider.portfolio.row .next.disabled:hover,
.is-sm .slider.portfolio.row .next.disabled:focus, .is-md .slider.portfolio.row .prev.disabled:hover, .is-md .slider.portfolio.row .prev.disabled:focus,
.is-md .slider.portfolio.row .next.disabled:hover,
.is-md .slider.portfolio.row .next.disabled:focus, .is-lg .slider.portfolio.row .prev.disabled:hover, .is-lg .slider.portfolio.row .prev.disabled:focus,
.is-lg .slider.portfolio.row .next.disabled:hover,
.is-lg .slider.portfolio.row .next.disabled:focus {
  color: #afaeae;
}
.slider.magazine.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
  position: relative;
  margin-bottom: 80px;
}
.slider.magazine.row .wrapper > div {
  padding-left: 5px;
  padding-right: 5px;
}
.slider.magazine.row .wrapper > div a.content {
  display: block;
}
.slider.magazine.row .wrapper > div a.content .image-hover-bg {
  background: #00cdff;
  display: inline-block;
  margin: 5px 0;
}
.slider.magazine.row .wrapper > div a.content:hover img, .slider.magazine.row .wrapper > div a.content:focus img {
  opacity: 0.33;
}
.is-xs .slider.magazine.row .wrapper > div a.content:hover img, .is-xs .slider.magazine.row .wrapper > div a.content:focus img {
  opacity: 1;
}
.slider.magazine.row .wrapper > div .photo-credits-over {
  left: 5px;
  bottom: 5px;
}
.is-xs .slider.magazine.row .wrapper > div .photo-credits-over {
  left: 0;
}
.is-sm .slider.magazine.row .wrapper, .is-md .slider.magazine.row .wrapper, .is-lg .slider.magazine.row .wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.is-sm .slider.magazine.row .wrapper > div, .is-md .slider.magazine.row .wrapper > div, .is-lg .slider.magazine.row .wrapper > div {
  position: absolute;
  top: 0;
  left: 0;
}
.is-sm .slider.magazine.row img, .is-md .slider.magazine.row img, .is-lg .slider.magazine.row img {
  width: 100%;
  height: auto;
  margin: 0;
}
.is-sm .slider.magazine.row h2, .is-md .slider.magazine.row h2, .is-lg .slider.magazine.row h2 {
  position: absolute;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  margin: 0;
  padding: 0 20px 0 0;
  bottom: 40px;
  left: 30px;
  color: #fff;
  line-height: 100%;
}
.is-sm .slider.magazine.row h3, .is-md .slider.magazine.row h3, .is-lg .slider.magazine.row h3 {
  position: absolute;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.25em;
  margin: 0;
  padding: 0 20px 0 0;
  text-transform: uppercase;
  top: 0;
  left: 30px;
  color: #fff;
  line-height: 133%;
}
.is-sm .slider.magazine.row .prev,
.is-sm .slider.magazine.row .next, .is-md .slider.magazine.row .prev,
.is-md .slider.magazine.row .next, .is-lg .slider.magazine.row .prev,
.is-lg .slider.magazine.row .next {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  color: #afaeae;
  cursor: pointer;
  line-height: 1.6rem;
}
.is-sm .slider.magazine.row .prev:hover, .is-sm .slider.magazine.row .prev:focus,
.is-sm .slider.magazine.row .next:hover,
.is-sm .slider.magazine.row .next:focus, .is-md .slider.magazine.row .prev:hover, .is-md .slider.magazine.row .prev:focus,
.is-md .slider.magazine.row .next:hover,
.is-md .slider.magazine.row .next:focus, .is-lg .slider.magazine.row .prev:hover, .is-lg .slider.magazine.row .prev:focus,
.is-lg .slider.magazine.row .next:hover,
.is-lg .slider.magazine.row .next:focus {
  color: #000;
}
.is-sm .slider.magazine.row .prev:before,
.is-sm .slider.magazine.row .next:before, .is-md .slider.magazine.row .prev:before,
.is-md .slider.magazine.row .next:before, .is-lg .slider.magazine.row .prev:before,
.is-lg .slider.magazine.row .next:before {
  line-height: 100%;
  font-size: 1.6rem;
}
.is-sm .slider.magazine.row .prev.disabled,
.is-sm .slider.magazine.row .next.disabled, .is-md .slider.magazine.row .prev.disabled,
.is-md .slider.magazine.row .next.disabled, .is-lg .slider.magazine.row .prev.disabled,
.is-lg .slider.magazine.row .next.disabled {
  opacity: 0.2;
  cursor: default;
}
.is-sm .slider.magazine.row .prev.disabled:hover, .is-sm .slider.magazine.row .prev.disabled:focus,
.is-sm .slider.magazine.row .next.disabled:hover,
.is-sm .slider.magazine.row .next.disabled:focus, .is-md .slider.magazine.row .prev.disabled:hover, .is-md .slider.magazine.row .prev.disabled:focus,
.is-md .slider.magazine.row .next.disabled:hover,
.is-md .slider.magazine.row .next.disabled:focus, .is-lg .slider.magazine.row .prev.disabled:hover, .is-lg .slider.magazine.row .prev.disabled:focus,
.is-lg .slider.magazine.row .next.disabled:hover,
.is-lg .slider.magazine.row .next.disabled:focus {
  color: #afaeae;
}
.is-md .slider.magazine.row h2 {
  font-size: 2em;
}
.is-sm .slider.magazine.row h2 {
  bottom: 30px;
  font-size: 1.6em;
}
.is-sm .slider.magazine.row h3 {
  font-size: 1.1em;
}
.is-xs .slider.magazine.row {
  margin-bottom: 30px;
}
.is-xs .slider.magazine.row .wrapper > div {
  margin-bottom: 5px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.is-xs .slider.magazine.row .wrapper > div img,
.is-xs .slider.magazine.row .wrapper > div .image-hover-bg {
  width: 100%;
  margin: 0 !important;
  padding: 0;
}
.is-xs .slider.magazine.row .wrapper > div h2 {
  width: 100%;
  position: absolute;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 900;
  font-size: 1.6em;
  margin: 0;
  padding: 0 20px;
  bottom: 50%;
  left: 0;
  color: #fff;
  line-height: 100%;
  text-shadow: 0 0 1px #000;
}
.is-xs .slider.magazine.row .wrapper > div h3 {
  width: 100%;
  position: absolute;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.1em;
  margin: 0;
  padding: 0 20px;
  text-transform: uppercase;
  top: 0;
  left: 0;
  color: #fff;
  line-height: 133%;
  text-shadow: 0 0 1px #000;
}
.is-xs .slider.magazine.row .prev,
.is-xs .slider.magazine.row .next {
  display: none;
}
.slider.fullside {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 100px;
}
.is-xs .slider.fullside {
  margin-bottom: 60px;
}
.slider.fullside .slide {
  width: 100%;
  height: 100%;
  max-height: 590px;
  position: relative;
  overflow: hidden;
}
.slider.fullside .slide img {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
}
.slider.fullside .slide .container {
  position: absolute;
  left: 0;
  top: 50%;
  color: #fff;
  margin-left: -15px;
}
.is-xs .slider.fullside .slide .container {
  width: 100%;
}
.slider.fullside .slide .container h1 {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  text-align: center;
  text-transform: uppercase;
  margin: 0 40px;
}
.is-sm .slider.fullside .slide .container h1 {
  font-size: 3rem;
}
.is-xs .slider.fullside .slide .container h1 {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75);
  font-size: 2.4em;
  line-height: 97%;
  margin: 0;
  display: none;
}
.slider.fullside .prev,
.slider.fullside .next {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  color: #fff;
  cursor: pointer;
  line-height: 3rem;
}
.slider.fullside .prev:hover, .slider.fullside .prev:focus,
.slider.fullside .next:hover,
.slider.fullside .next:focus {
  color: #fff;
  opacity: 0.7;
}
.slider.fullside .prev:before,
.slider.fullside .next:before {
  line-height: 100%;
  font-size: 3rem;
}
.slider.fullside .prev.disabled,
.slider.fullside .next.disabled {
  opacity: 0.2;
  cursor: default;
}
.slider.fullside .prev.disabled:hover, .slider.fullside .prev.disabled:focus,
.slider.fullside .next.disabled:hover,
.slider.fullside .next.disabled:focus {
  color: #afaeae;
}
.is-xs .slider.fullside .prev,
.is-xs .slider.fullside .next {
  display: none;
}
.slider.fullside .prev {
  left: 40px;
}
.slider.fullside .next {
  right: 40px;
}
.slider.fullside .slider-button {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
}
.is-sm .slider.fullside .slider-button {
  bottom: 55px;
}
.is-xs .slider.fullside .slider-button {
  bottom: 40px;
}
.slider.fullside.v2 {
  height: calc(100vh - 114px - 220px) !important;
}
.is-xs .slider.fullside.v2 {
  height: calc(100vh - 94px - 220px) !important;
  max-height: 400px;
}
.slider.fullside.magazine {
  height: calc(100vh - 114px - 107px) !important;
}
.is-sm .slider.fullside.magazine {
  height: calc(100vh - 114px - 106px) !important;
}
.is-xs .slider.fullside.magazine {
  height: calc(100vh - 94px - 85px) !important;
}
.slider.fullside.magazine, .slider.fullside.v2 {
  margin-bottom: 0;
}
.slider.fullside.magazine .slide, .slider.fullside.v2 .slide {
  max-height: none;
}
.slider.fullside.magazine .slide a, .slider.fullside.v2 .slide a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.slider.fullside.magazine .slide a .container, .slider.fullside.v2 .slide a .container {
  height: 100%;
  top: 0;
  margin-top: 0 !important;
}
.is-xs .slider.fullside.magazine .slide a .container, .is-xs .slider.fullside.v2 .slide a .container {
  left: 10px !important;
}
.slider.fullside.magazine .slide a .categories, .slider.fullside.v2 .slide a .categories {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 0;
}
.slider.fullside.magazine .slide a .categories .tag:hover, .slider.fullside.v2 .slide a .categories .tag:hover {
  background: #000;
}
.slider.fullside.magazine .slide a .description, .slider.fullside.v2 .slide a .description {
  display: inline-block;
  max-width: 75%;
  background: #000;
  color: #fff;
  padding: 20px;
  position: absolute;
  left: 15px;
  bottom: 20px;
}
.is-md .slider.fullside.magazine .slide a .description, .is-md .slider.fullside.v2 .slide a .description {
  max-width: 85%;
}
.is-sm .slider.fullside.magazine .slide a .description, .is-sm .slider.fullside.v2 .slide a .description {
  max-width: calc(100% - 30px);
}
.is-xs .slider.fullside.magazine .slide a .description, .is-xs .slider.fullside.v2 .slide a .description {
  max-width: calc(100% - 20px);
  bottom: 50px;
}
.slider.fullside.magazine .slide a .description h2, .slider.fullside.v2 .slide a .description h2 {
  font-weight: 900;
  font-size: 1.87em;
  line-height: 127%;
  margin-bottom: 20px;
}
.is-xs .slider.fullside.magazine .slide a .description h2, .is-xs .slider.fullside.v2 .slide a .description h2 {
  font-size: 1.4em;
}
.slider.fullside.magazine .slide a .description p, .slider.fullside.v2 .slide a .description p {
  display: none;
  color: #fff;
  margin-bottom: 10px;
}
.slider.fullside.magazine .slide a .description:hover, .slider.fullside.v2 .slide a .description:hover {
  background: rgba(0, 205, 255, 0.7);
}
.slider.fullside.magazine .slide a .description:hover p, .slider.fullside.v2 .slide a .description:hover p {
  display: block;
}
.is-xs .slider.fullside.magazine .slide a .description:hover, .is-xs .slider.fullside.v2 .slide a .description:hover {
  background: #000;
}
.is-xs .slider.fullside.magazine .slide a .description:hover p, .is-xs .slider.fullside.v2 .slide a .description:hover p {
  display: none;
}
.slider.fullside.magazine .slider-menu li, .slider.fullside.v2 .slider-menu li {
  background: rgba(255, 255, 255, 0.7);
}
.slider.fullside.magazine .slider-menu li.active, .slider.fullside.magazine .slider-menu li:hover, .slider.fullside.v2 .slider-menu li.active, .slider.fullside.v2 .slider-menu li:hover {
  background: #fff;
}
.slider .slider-menu {
  list-style: none;
  overflow: hidden;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.is-xs .slider .slider-menu {
  bottom: 10px;
}
.slider .slider-menu li {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #000;
  border-radius: 50%;
  margin: 0 1px;
  cursor: pointer;
}
.slider .slider-menu li.active, .slider .slider-menu li:hover {
  background: #00cdff;
}

.is-xs.fixed-filter .sidebar-xs .header-search {
  margin-top: 15px;
}

.header-search {
  border-bottom: 2px solid #000;
  overflow: hidden;
  padding-top: 1px;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.is-xs .header-search {
  padding-top: 0;
  padding-bottom: 10px;
}
.is-xs .header-search.visible-xs {
  margin-bottom: 10px;
  position: relative;
}
.is-xs .header-search.visible-xs > div.result {
  margin-right: 40px;
}
.is-xs .header-search.visible-xs button.info {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid black;
  border-radius: 50%;
  background: white;
  width: 18px;
  height: 18px;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 0px;
  bottom: 11px;
  outline: none;
}
.header-search > div {
  display: inline-block;
}
.header-search > div.fawesome {
  line-height: 1.73rem;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.is-xs .header-search > div.fawesome {
  line-height: 1.33rem;
}
.header-search > div.fawesome:before {
  font-size: 1.73rem;
}
.is-xs .header-search > div.fawesome:before {
  font-size: 1.33rem;
}
.header-search > div.fawesome .text {
  font-size: 1.07em;
  color: #979797;
}
.header-search > div.result {
  float: right;
  font-size: 1.73rem;
  line-height: 100%;
  vertical-align: middle;
  font-weight: 900;
  position: relative;
  top: -3px;
}
.is-xs .header-search > div.result {
  font-size: 1.33rem;
  top: 3px;
}
.header-search > div.result .text {
  font-size: 0.62em;
  color: #979797;
  font-weight: 400;
  margin-left: 15px;
}
.header-search > div.button-group {
  float: right;
  margin-left: 50px;
}
.is-xs .header-search > div.button-group {
  margin-left: 25px;
}
.header-search > div.button-group .button {
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
  background: none;
  border-radius: 0;
  color: #979797;
  margin: 0 0 0 15px;
  width: auto;
  line-height: 1.73em;
}
.is-xs .header-search > div.button-group .button {
  line-height: 1.33rem;
  margin: 0 0 0 15px;
}
.header-search > div.button-group .button:hover, .header-search > div.button-group .button.active {
  color: #000 !important;
}
.header-search > div.button-group .button:before {
  font-size: 1.73rem;
  line-height: 100%;
}
.is-xs .header-search > div.button-group .button:before {
  font-size: 1.33rem;
}
.magazine .header-search {
  position: relative;
}
.magazine .header-search h1 {
  float: left;
  text-transform: uppercase;
}
.magazine .header-search .result {
  position: absolute;
  right: 0px;
  top: unset;
  bottom: 16px;
}
.magazine.is-sm .header-search h1 {
  font-size: 3.3em;
}
.magazine.is-sm .header-search .result {
  bottom: 13px;
}
.magazine.is-xs .header-search .fa-search {
  float: left;
}
.magazine.is-xs .header-search .fa-favorite {
  float: left;
  color: black;
  margin: -2px 0 0 10px;
}
.magazine.is-xs .header-search .fa-favorite:before {
  font-size: 1.55rem;
}
.magazine.is-xs .header-search .result {
  position: static;
}

.magazine .filtered {
  float: left;
  margin-right: 2rem;
  margin-top: -3px;
  position: relative;
  top: 1px;
}
.magazine .filtered a {
  display: block;
  float: left;
  background: #000;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0.45rem 2rem 0.45rem 0.8rem;
  margin-left: 0.5rem;
  position: relative;
}
.magazine .filtered a:hover {
  background: #00cdff;
}
.magazine .filtered a:before, .magazine .filtered a:after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 2px;
  background: #fff;
  position: absolute;
  top: calc(50% - 1px);
  right: 0.5rem;
  transform-origin: center center;
}
.magazine .filtered a:before {
  transform: rotate(45deg);
}
.magazine .filtered a:after {
  transform: rotate(-45deg);
}

.magazine.is-sm .filtered {
  margin-right: 1.5rem;
}
.magazine.is-sm .filtered a {
  font-size: 0.7rem;
  padding: 0.45rem 1.9rem 0.5rem 0.6rem;
}
.magazine.is-sm .filtered a:before, .magazine.is-sm .filtered a:after {
  width: 0.7rem;
}

.magazine.is-xs .filtered {
  position: static;
  float: none;
  margin: -30px 0 20px;
  overflow: hidden;
}
.magazine.is-xs .filtered a {
  font-size: 0.7rem;
  padding: 0.45rem 1.9rem 0.5rem 0.6rem;
  margin: 0 0.5rem 2px 0;
}
.magazine.is-xs .filtered a:before, .magazine.is-xs .filtered a:after {
  width: 0.7rem;
}

#search-layer .wrapper {
  position: relative;
  top: 40%;
  width: 710px;
  margin: 0 auto;
}
.is-xs #search-layer .wrapper {
  width: auto;
  margin: 0 15px;
  top: 20%;
}
#search-layer input {
  display: inline-block;
  float: left;
  background: #fff;
  color: #afaeae;
  font-size: 2em;
  line-height: 240%;
  width: 580px;
  height: 5rem;
  padding: 0 15px;
  text-align: center;
  border: 0;
  margin-right: 20px;
}
.is-xs #search-layer input {
  display: block;
  float: none;
  width: 100%;
  font-size: 1.27em;
  margin-right: 0;
  height: 3rem;
}
#search-layer input:focus {
  outline: 0;
}
#search-layer input::-webkit-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
#search-layer input:-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
#search-layer input::-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
#search-layer input:-ms-input-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
#search-layer .button-group {
  display: inline-block;
  float: left;
}
.is-xs #search-layer .button-group {
  display: block;
  float: right;
}
#search-layer .button-group .button {
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
  background: none;
  border-radius: 0;
  color: #fff;
  margin: 0 0 0 30px;
  width: auto;
}
#search-layer .button-group .button:before {
  line-height: 200%;
}
.is-xs #search-layer .button-group .button {
  margin: 0 0 0 20px;
}

.search-page h2 {
  margin: 30px 0 10px;
}
.search-page h2 .amount {
  font-size: 0.5em;
}
.search-page .search-result a:hover, .search-page .search-result a:active, .search-page .search-result a:focus {
  color: #0c8ba9;
}
.search-page .search-result a:hover h5,
.search-page .search-result a:hover p, .search-page .search-result a:active h5,
.search-page .search-result a:active p, .search-page .search-result a:focus h5,
.search-page .search-result a:focus p {
  color: #0c8ba9;
}
.search-page .search-result h5 {
  margin: 10px 0;
}
.search-page .search-result p {
  margin-bottom: 10px;
  margin-top: -10px;
  font-size: 1.2em;
}
.search-page p {
  margin-bottom: 30px;
  margin-top: 20px;
  font-size: 1em;
  overflow: hidden;
}
.search-page p a.button {
  float: right;
  color: #fff;
}
.search-page p a.button:hover, .search-page p a.button:active, .search-page p a.button:focus {
  color: #fff;
}

.search-infobox.hidden-info-xs {
  max-height: 0px;
  overflow-y: hidden;
}
.search-infobox.uninit {
  visibility: hidden;
  overflow: hidden;
  height: 0px;
}

ccb-header {
  height: 114px;
  color: #fff;
  background-color: #000;
}
ccb-header .ccb-header {
  height: 114px;
  background-color: #000;
}
.is-xs ccb-header .ccb-header {
  height: 94px;
}
.is-xs ccb-header {
  height: 94px;
}
ccb-header.small .ccb-header {
  top: -42px;
}
.is-xs ccb-header.small .ccb-header {
  top: -22px;
}

ccb-header.small .menu-magazine.overview {
  display: table;
}
ccb-header .menu-magazine {
  display: table;
  width: 100%;
  background: #000;
  color: #fff;
  position: relative;
}
ccb-header .menu-magazine.overview {
  display: none;
}
ccb-header .menu-magazine > * {
  display: table-cell;
}
ccb-header .menu-magazine .title {
  width: 25%;
  text-align: center;
  vertical-align: middle;
}
.is-sm ccb-header .menu-magazine .title {
  width: 20%;
}
.is-xs ccb-header .menu-magazine .title {
  display: none;
}
ccb-header .menu-magazine .title h1 {
  margin: 0;
  font-size: 2em;
}
.is-md ccb-header .menu-magazine .title h1 {
  font-size: 1.7em;
}
.is-sm ccb-header .menu-magazine .title h1 {
  font-size: 1.1em;
}
ccb-header .menu-magazine .title h1 a {
  color: #fff;
}
ccb-header .menu-magazine .buttons {
  text-align: right;
  border: none;
  padding: 0;
  margin: 0;
}
.is-xs ccb-header .menu-magazine .buttons {
  display: none;
}
ccb-header .menu-magazine .buttons > * {
  display: block;
  width: 33.3333%;
  max-width: 70px;
  height: 100%;
  float: right;
  background: #000;
  color: #fff;
  border: none;
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: 0px 1px 1px 1px #fff;
  position: static;
  line-height: inherit;
}
.is-md ccb-header .menu-magazine .buttons > * {
  max-width: 70px;
}
.is-sm ccb-header .menu-magazine .buttons > * {
  max-width: 55px;
}
.is-xs ccb-header .menu-magazine .buttons > * {
  width: 50px;
  max-width: none;
}
ccb-header .menu-magazine .buttons > *:before {
  font-size: 1.5em;
  line-height: 56px;
}
.is-md ccb-header .menu-magazine .buttons > *:before {
  font-size: 1.2em;
  line-height: 45px;
}
.is-sm ccb-header .menu-magazine .buttons > *:before {
  font-size: 1em;
  line-height: 35px;
}
.is-xs ccb-header .menu-magazine .buttons > *:before {
  font-size: 1em;
  line-height: 35px;
}
ccb-header .menu-magazine .filter {
  width: 59%;
  position: relative;
}
.is-md ccb-header .menu-magazine .filter {
  width: 58%;
}
.is-sm ccb-header .menu-magazine .filter {
  width: 64%;
}
.is-xs ccb-header .menu-magazine .filter {
  width: 100%;
  height: 71px;
}
ccb-header .menu-magazine .filter ul {
  display: block;
  width: 33.3333%;
  position: absolute;
  top: 0px;
  list-style: none;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.is-xs ccb-header .menu-magazine .filter ul {
  border: none;
  box-shadow: 0px 2px 1px 1px #fff;
}
ccb-header .menu-magazine .filter ul:nth-child(1) {
  left: 0px;
}
.is-xs ccb-header .menu-magazine .filter ul:nth-child(1) {
  width: 100%;
  position: static;
}
.is-xs ccb-header .menu-magazine .filter ul:nth-child(1) li {
  width: 100%;
}
ccb-header .menu-magazine .filter ul:nth-child(2) {
  left: calc(33.3333% - 1px);
}
.is-xs ccb-header .menu-magazine .filter ul:nth-child(2) {
  width: 50%;
  left: 0;
  top: 50%;
}
.is-xs ccb-header .menu-magazine .filter ul:nth-child(2) > * {
  border-right: 1px solid #fff;
}
ccb-header .menu-magazine .filter ul:nth-child(3) {
  left: calc(66.6666% - 2px);
}
.is-xs ccb-header .menu-magazine .filter ul:nth-child(3) {
  width: 50%;
  left: 50%;
  top: 50%;
}
ccb-header .menu-magazine .filter ul:last-child li {
  width: 100%;
}
.is-xs ccb-header .menu-magazine .filter ul.secondary {
  -webkit-transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
  transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
}
ccb-header .menu-magazine .filter ul li {
  display: block;
  width: 100%;
  height: auto;
  max-height: 0px;
  background: #444444;
  color: #fff;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: max-height 0.3s ease-in-out;
  -moz-transition: max-height 0.3s ease-in-out;
  -o-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}
.is-md ccb-header .menu-magazine .filter ul li {
  font-size: 11px;
}
.is-sm ccb-header .menu-magazine .filter ul li {
  font-size: 10px;
}
.is-xs ccb-header .menu-magazine .filter ul li {
  font-size: 10px;
}
ccb-header .menu-magazine .filter ul li > * {
  display: block;
  height: 100%;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px 5px 10px 25px;
  cursor: pointer;
  color: #fff;
  border-bottom: 1px solid #d8d8d8;
}
ccb-header .menu-magazine .filter ul li > *:hover, ccb-header .menu-magazine .filter ul li > *.active {
  color: #00cdff;
}
.is-md ccb-header .menu-magazine .filter ul li > * {
  padding: 5px 10px 7px 25px;
}
.is-sm ccb-header .menu-magazine .filter ul li > * {
  padding: 4px 10px 5px 20px;
}
.is-xs ccb-header .menu-magazine .filter ul li > * {
  padding: 6px 10px 7px 25px;
}
ccb-header .menu-magazine .filter ul li > *.from-the-blogs {
  border-top: 2px solid #fff;
}
.is-lg ccb-header .menu-magazine .filter ul li > *.from-the-blogs {
  border-top: 4px solid #fff;
}
.is-md ccb-header .menu-magazine .filter ul li > *.from-the-blogs {
  border-top: 3px solid #fff;
}
.is-xs ccb-header .menu-magazine .filter ul li:last-child > * {
  border-bottom: none;
}
ccb-header .menu-magazine .filter ul li.toggle {
  position: static;
  width: 100%;
  height: 56px;
  max-height: 56px;
  font-size: 15px;
  background: #000;
}
ccb-header .menu-magazine .filter ul li.toggle > * {
  padding: 0px 40px 0px 20px;
  border-right: none;
  border-bottom: none;
  position: relative;
  line-height: 56px;
  color: #fff !important;
}
ccb-header .menu-magazine .filter ul li.toggle > *:hover {
  color: #fff;
}
ccb-header .menu-magazine .filter ul li.toggle > *.active {
  background: #00cdff;
}
ccb-header .menu-magazine .filter ul li.toggle > *:after {
  content: "";
  color: #fff;
  font-size: 1.33rem;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 18px 20px 0px 0px;
}
.is-md ccb-header .menu-magazine .filter ul li.toggle {
  height: 45px;
  max-height: 45px;
  font-size: 14px;
}
.is-md ccb-header .menu-magazine .filter ul li.toggle > * {
  padding: 0px 35px 0px 20px;
  line-height: 45px;
}
.is-md ccb-header .menu-magazine .filter ul li.toggle > *:after {
  padding: 13px 15px 0px 0px;
}
.is-sm ccb-header .menu-magazine .filter ul li.toggle {
  height: 35px;
  max-height: 35px;
  font-size: 12px;
}
.is-sm ccb-header .menu-magazine .filter ul li.toggle > * {
  padding: 0px 35px 0px 15px;
  line-height: 35px;
}
.is-sm ccb-header .menu-magazine .filter ul li.toggle > *:after {
  padding: 8px 15px 0px 0px;
}
.is-xs ccb-header .menu-magazine .filter ul li.toggle {
  height: 35px;
  max-height: 35px;
  font-size: 12px;
}
.is-xs ccb-header .menu-magazine .filter ul li.toggle > * {
  padding: 0px 30px 0px 20px;
  line-height: 35px;
}
.is-xs ccb-header .menu-magazine .filter ul li.toggle > *:after {
  padding: 8px 10px 0px 0px;
}
ccb-header .menu-magazine .filter ul.open li {
  max-height: 70px;
  overflow: visible;
}
.is-xs ccb-header .menu-magazine .filter ul.open li {
  z-index: 2;
}
.is-xs ccb-header .menu-magazine .filter ul.open.secondary {
  left: 0px;
  width: 100%;
  z-index: 2;
}
.is-xs ccb-header .menu-magazine .filter ul.open.secondary:nth-child(2) {
  width: calc(100% + 1px);
}

/*
#header,
#navigation {
  .languages {
    width: 75px;
    text-align: left;
    position: absolute;

    -webkit-transition: top 0.4s;
    transition: top 0.4s;

    .select-display-wrapper {
      cursor: pointer;
      &:after {
        content: "\f107";
        color: $header-font;
        font-size: 1.33rem;
        padding: 6px 5px 0 0;
      }
    }
    .select-display {
      color: $header-font;
      background: $header-bg;
      border: none;
      border-radius: 0;
      padding-right: 25px;
      line-height: 200%;
      height: 2rem;

      &:focus,
      &:hover,
      &.focus {
        border: none;
        box-shadow: none;
      }
    }
    .select-dropdown {
      background: $header-bg;
      color: $header-font;
      border: 1px solid $header-border;
      border-radius: 0;
      box-shadow: none;
    }
  }
}
*/
/*
#header {
  width: 100%;
  height: $header-height;
  position: relative;

  .is-xs & {
    height: $header-height-xs;
  }

  .wrapper {
    width: 100%;
    height: $header-height;
    background: $header-bg;
    text-align: center;
    z-index: 100;
    position: absolute;
    top: -$header-height;
    left: 0;
    margin-top: $header-height;

    -webkit-transition: top 0.4s, left 0.4s, margin-top 0.4s;
    transition: top 0.4s, left 0.4s, margin-top 0.4s;

    .is-xs & {
      height: $header-height-xs;
      top: -$header-height-xs;
      margin-top: $header-height-xs;
    }

    .navigation-open & {
      left: $navi-space-width;
    }
    .is-xs.navigation-open & {
      left: 0;
    }

    .navigation-bg {
      height: 100%;
      width: $navi-space-width;
      background: $header-bg;
      position: absolute;
      top: 0;
      left: -$navi-space-width;
    }
  }

  img.logo,
  img.magazine-logo {
    display: inline-block;
    width: auto;
    height: 100%;
    margin: 0;
    padding: $header-logo-padding 0;
    position: relative;
    z-index: 9;

    -webkit-transition: width 0.4s, height 0.4s, padding 0.4s;
    transition: width 0.4s, height 0.4s, padding 0.4s;

    .is-xs & {
      padding: $header-logo-padding-top-xs 0 $header-logo-padding-bottom-xs;
    }
  }

  img.logo {
    .magazine.subpage.is-xs & {
      display: none;
    }
  }

  img.magazine-logo {
    display: none;

    .magazine.subpage.is-xs & {
      display: inline-block;
    }
  }

  .languages {
    top: $header-language-button-top;
    right: 40px;

    .is-xs & {
      display: none;
    }
  }

  .button {
    color: $header-font;
    position: absolute;
    top: $header-navi-button-top;

    -webkit-transition: top 0.4s, left 0.4s;
    transition: top 0.4s, left 0.4s;

    .is-xs & {
      top: $header-navi-button-top-xs;

      &:before {
        -webkit-transition: font-size 0.4s;
        transition: font-size 0.4s;
      }
    }

    &.navigation {
      left: 40px;

      .is-xs & {
        left: 20px !important;
        z-index: 2;
      }

      .navigation-open & {
        left: $navi-close-button;
      }
    }

    &.fa-search {
      left: 110px;

      .is-xs & {
        display: none;
      }
    }

    &.fa-man {
      right: 130px;

      .is-xs & {
        right: 20px;
      }
    }
    &.user-avatar {
      right: 130px;
      width: 39px;
      height: 39px;
      display: inline-block;
      .is-xs & {
        right: 20px;
        margin-right: 25px !important;
      }

      &.fa-man {
        width: 35px;
        height: 37px;
        margin-bottom: 7px;

        .is-xs & {
          width: 25px;
          height: 35px;
          margin-bottom: 9px;
        }
      }
    }
  }

  #avatar_navi,
  #language_navi {
    position: absolute;
    top: $header-navi-button-top;
    right: 130px;
    display: inline-block;
    z-index: 1;

    list-style: none;
    text-align: left;

    .is-xs & {
      right: 15px;
      top: $header-navi-button-top-xs;
    }

    li {
      background: $navi-bg;
      color: $navi-font;
      position: relative;
      right: 30px;
      height: 46px;
      overflow: hidden;

      -webkit-transition: height 0.3s ease-in-out;
      -moz-transition: height 0.3s ease-in-out;
      -o-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out;

      .is-xs & {
        right: 25px;
      }

      a {
        display: block;
        color: $navi-font;
        text-decoration: none;
        font-family: $font-2, $font-family-1;
        font-weight: $font-bold;
        line-height: 160%;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-top: 1px solid $navi-border;
        padding: 10px 60px 10px 40px;

        &:hover {
          color: $navi-font-hover;
        }

        .is-xs & {
          padding: 7px 60px 7px 20px;
        }
      }

      &:last-child {
        a {
          border-bottom: 1px solid $navi-border;
        }
      }

      &.toggle {
        height: auto;
        background: transparent;
        text-align: right;
        padding-bottom: 30px;
        position: static;

        .magazine & {
          padding-bottom: 8px;
        }

        .is-xs & {
          padding-bottom: 5px;
        }
      }
    }

    .user-avatar {
      position: static;
      margin-right: 30px;

      &:after {
        //content: "\f106";
        content: "\f107";
        color: $header-font;
        font-size: 1.33rem;
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 8px 0px 12px 20px;
      }
    }

    &.closed {
      .user-avatar {
        &:after {
          content: "\f107";
        }
      }

      li {
        height: 0px;

        &.toggle {
          height: auto;
        }

        a {
          border: 0px;
        }
      }
    }
  }

  #language_navi {
    right: 50px;
    z-index: 0;

    .magazine & {
      z-index: 1;
    }

    li {
      right: 28px;

      &.toggle {
        padding-bottom: 40px;
      }

      a {
        padding: 10px 20px 10px 20px;
      }
    }

    .choosen-language {
      position: static;
      margin-right: 27px;
      color: $white;
      cursor: pointer;
      font-size: 1.2rem;
      line-height: 2.2rem;

      &:after {
        //content: "\f106";
        content: "\f107";
        color: $header-font;
        font-size: 1.33rem;
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 8px 0px 12px 20px;
      }
    }
  }

  &.fixed {
    .wrapper {
      position: fixed;
      top: $header-fixed-top;
      left: 0;
      margin: 0;

      -webkit-transition: top 0.4s, left 0.4s;
      transition: top 0.4s, left 0.4s;

      .is-xs & {
        top: $header-fixed-top-xs;
      }

      .navigation-open & {
        left: $navi-space-width;
      }
      .is-xs.navigation-open & {
        left: 0;
      }
    }

    img.logo,
    img.magazine-logo {
      padding: $header-fixed-logo-padding 0 5px;

      -webkit-transition: none;
      transition: none;

      .is-xs & {
        padding: $header-fixed-logo-padding-xs 0 5px;
      }
    }

    img.logo {
      .magazine.is-xs & {
        display: none;
      }
    }

    img.magazine-logo {
      .magazine.is-xs & {
        display: inline-block;
      }
    }

    .button {
      top: $header-fixed-navi-button-top;

      .is-xs & {
        top: $header-fixed-navi-button-top-xs;

        &:before {
          font-size: 1.33rem;

          -webkit-transition: none;
          transition: none;
        }
      }
    }

    .languages {
      top: $header-fixed-language-button-top;
    }

    #avatar_navi,
    #language_navi {
      top: $header-fixed-navi-button-top;

      .is-xs & {
        top: $header-fixed-navi-button-top-xs;
      }

      li {
        &.toggle {
          padding-bottom: 8px;

          .is-xs & {
            padding-bottom: 0px;
            margin-top: -3px;
            margin-bottom: -2px;
          }
        }
      }
    }

    #language_navi {
      li {
        &.toggle {
          padding-bottom: 18px;
        }
      }
    }
  }
}
*/
.header {
  margin-bottom: 60px;
  overflow: hidden;
  position: relative;
  left: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.header.institution {
  background: #f4fcff;
}
.is-xs .header.has-menu, .header.has-tabs {
  border-bottom: 1px solid #d8d8d8;
}
.is-xs .header {
  margin-bottom: 30px;
}
.is-xs .header .container {
  padding-left: 10px;
  padding-right: 10px;
}
.header .sticky {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  max-height: 450px;
}
.is-xs .header .sticky {
  position: static;
  height: auto !important;
}
.header.large-image .sticky {
  max-height: 590px;
}
.header.beneath {
  margin-top: -60px;
}
.is-xs .header.beneath {
  margin-top: -30px;
}
.header.beneath h1 {
  margin-bottom: 0;
}
.is-xs .header.beneath h1 {
  margin-bottom: 0;
}
.header.beneath.has-menu h1 {
  margin-bottom: 50px;
}
.is-xs .header.beneath.has-menu h1 {
  margin-bottom: 36px;
}
.header > .container {
  height: 100%;
}
.header h1 {
  margin: 50px 0;
  text-transform: uppercase;
  word-break: break-word;
  word-wrap: break-word;
}
.is-xs .header h1 {
  margin: 36px 0;
}
.header .profile {
  width: 100%;
  height: 115px;
  margin: 40px 0 0;
}
.is-sm .header .profile {
  height: 80px;
  margin: 60px 0 0;
}
.is-xs .header .profile {
  height: auto;
  margin: 30px 0 0;
  overflow: hidden;
  padding-bottom: 3.5%;
  position: relative;
}
.is-xs .header .profile .photo-credits-over {
  display: block;
}
.header .profile .edit-avatar {
  display: none;
  width: 30%;
  float: left;
  margin: 0 3.5% 0 0;
}
.is-xs .header .profile .edit-avatar {
  display: block;
}
.is-xs .header .profile .edit-avatar img {
  margin-bottom: 0;
}
.header .profile h2 {
  margin: 0;
}
.is-xs .header .profile h2 {
  font-size: 1.47em;
  font-size: 6vw;
  margin-top: 1px;
  line-height: 90%;
  padding-bottom: 5px;
}
.header .profile h3 {
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.2em;
  line-height: 167%;
  color: #000;
  text-transform: none;
  margin: 0;
}
.is-xs .header .profile h3 {
  font-size: 1em;
  font-size: 4vw;
  line-height: 120%;
}
.header .profile .buttons {
  bottom: 0;
  margin-left: 30%;
  padding: 10px 29.5% 0px 3.5%;
  width: 100%;
  display: none;
}
.is-xs .header .profile .buttons {
  display: block;
}
.header .profile .buttons > * {
  display: inline-block;
  margin-right: 3%;
  margin-bottom: 10px;
}
.header .profile .buttons > *:last-child {
  margin-right: 0;
}
.header > img,
.header .sticky img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0;
}
.is-xs .header > img,
.is-xs .header .sticky img {
  display: none;
}
.header .photo-credits-over {
  z-index: 1;
}
.is-xs .header .photo-credits-over {
  display: none;
}
.header.has-menu .info {
  margin-bottom: 0;
}
.is-xs .header.has-menu .info {
  padding-bottom: 0;
}
.is-xs .header.has-menu .info.closed {
  margin-bottom: 0;
}
.header .info {
  background: #eafaff;
  position: relative;
  margin-bottom: 56px;
}
.is-xs .header .info {
  margin-bottom: 0;
  padding-bottom: 40px;
}
.is-xs .header .info.closed {
  padding-bottom: 0;
  margin-bottom: 40px;
}
.header .info.closed .info-menu-space {
  visibility: visible;
}
.is-xs .header .info.closed .info-menu-space {
  display: none;
}
.header .info.closed .toggle:before {
  content: "";
}
.is-xs .header .info.closed .toggle {
  bottom: -40px;
}
.header .info .info-menu-space {
  height: 56px;
  background: #fff;
  visibility: hidden;
}
.is-xs .header .info .info-menu-space {
  height: 40px;
}
.header .info .toggle {
  width: 56px;
  height: 56px;
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
  color: #00cdff;
  text-align: center;
}
.header .info .toggle:before {
  content: "";
  font-size: 1.87rem;
  line-height: 52px;
}
.is-xs .header .info .toggle {
  width: 40px;
  height: 40px;
  top: inherit;
  bottom: 0;
  -webkit-transition: bottom 0.4s;
  transition: bottom 0.4s;
}
.is-xs .header .info .toggle:before {
  font-size: 1.6rem;
  line-height: 38px;
}
.header .info a {
  color: #000;
}
.header .info .container > .portfolio {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 320px;
}
.is-xs .header .info .container > .portfolio {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
}
.header .info .container > .portfolio > div {
  height: 100%;
  position: relative;
}
.header .info .container > .portfolio > div:first-child {
  z-index: 1;
}
.is-xs .header .info .container > .portfolio > div:first-child {
  padding: 0;
  z-index: inherit;
}
.header .info .container > .portfolio > div:last-child .text {
  position: absolute;
  left: 15px;
  bottom: 20px;
}
.is-xs .header .info .container > .portfolio > div:last-child .text {
  position: static;
}
.header .info .container > .portfolio > div:last-child h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-size: 1.47em;
  line-height: 127%;
  font-weight: 900;
  margin: 0;
}
.header .info .container > .portfolio > div:last-child h3 {
  font-family: "Lato", "sans-serif";
  font-size: 1.2em;
  line-height: 156%;
  font-weight: 400;
  color: #000;
  text-transform: none;
  margin: 0;
}
.is-xs .header .info .container > .portfolio > div:last-child .bubble {
  position: absolute;
  top: 10px;
  right: 15px;
}
.is-xs .header .info .container > .portfolio > div {
  position: static;
}
.is-xs .header .info .container > .portfolio .slider .slide {
  display: none;
}
.is-xs .header .info .container > .portfolio .slider .slide:first-child {
  display: block;
}
.header .info .bubble {
  cursor: pointer;
}
.is-xs .header .info .prev,
.is-xs .header .info .next {
  display: none !important;
}
.header .menu {
  width: 100%;
  height: 56px;
  background: rgba(0, 0, 0, 0.5);
  color: #d8d8d8;
  overflow: hidden;
  -webkit-transition: background 0.3s, left 0.4s;
  transition: background 0.3s, left 0.4s;
}
.header .menu > .container > .row {
  margin-left: -10px;
  margin-right: -10px;
}
.header .menu > .container > .row > div {
  padding-left: 10px;
  padding-right: 10px;
}
.is-xs .header .menu > .container > .row > div.headline {
  position: absolute;
}
.is-xs .header .menu > .container > .row > div.headline h2 {
  font-size: 1.07rem;
  line-height: 40px;
  padding-right: 15px;
}
.is-xs .header .menu > .container > .row > div.headline h2:before {
  font-size: 1rem;
  line-height: 1rem;
  margin-right: 5px;
  margin-bottom: 4px;
}
.header .menu > .container > .row > div.navi {
  position: absolute;
  top: 0;
  width: auto;
}
.is-xs .header .menu {
  height: 40px;
  background: transparent;
  bottom: 40px;
}
.header .menu h2 {
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 600;
  font-size: 1.47em;
  line-height: 56px;
  cursor: default;
  padding-right: 15px;
  margin: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.is-xs .header .menu h2, .is-sm .header .menu h2 {
  padding-right: 0;
}
.header .menu nav {
  overflow: hidden;
  height: 56px;
  position: relative;
  width: 100%;
}
.is-xs .header .menu nav {
  height: 40px;
}
.header .menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: default;
  position: relative;
  -webkit-transition: left 0.6s;
  transition: left 0.6s;
}
.header .menu ul li {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.header .menu ul li a {
  display: inline-block;
  font-family: "MetronicSlabPro", "sans-serif";
  font-weight: 600;
  font-size: 1.47em;
  line-height: 44px;
  color: #d8d8d8;
  padding: 6px 0;
}
.is-xs .header .menu ul li a {
  font-size: 1.07em;
  line-height: 32px;
  padding: 4px 0;
}
.header .menu ul li a:hover, .header .menu ul li a.active {
  color: #fff;
  border-bottom: 6px solid #00cdff;
  padding-bottom: 0;
}
.is-xs .header .menu ul li a:hover, .is-xs .header .menu ul li a.active {
  color: #000;
  border-bottom: 4px solid #00cdff;
}
.header .menu .row {
  position: relative;
}
.header .menu .prev,
.header .menu .next {
  position: absolute;
  top: 0;
  color: #d8d8d8;
  cursor: pointer;
  line-height: 56px;
}
.header .menu .prev:hover,
.header .menu .next:hover {
  color: #fff;
}
.header .menu .prev:before,
.header .menu .next:before {
  line-height: 56px;
  font-size: 1.6rem;
}
.header .menu .prev.disabled,
.header .menu .next.disabled {
  display: none;
}
.is-xs .header .menu .prev,
.is-xs .header .menu .next {
  display: none;
}
.header .menu .prev {
  left: -10px;
}
.header .menu .next {
  right: -10px;
}
.header .menu.tabs {
  background: transparent;
  color: #afaeae;
}
.header .menu.tabs h2 {
  padding-right: 0;
}
.header .menu.tabs h2.fawesome {
  opacity: 1;
  color: #000;
}
.header .menu.tabs h2.fawesome:before {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-right: 10px;
  margin-bottom: 5px;
  vertical-align: middle;
}
.header .menu.tabs a h2 {
  cursor: pointer;
  display: inline-block;
}
.header .menu.tabs ul li a {
  color: #afaeae;
}
.header .menu.tabs ul li a:hover, .header .menu.tabs ul li a.active {
  color: #000;
}
.header .menu.tabs .prev:hover,
.header .menu.tabs .next:hover {
  color: #000;
}
.header .menu.magazine-menu {
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
  font-family: "Lato", "sans-serif";
  font-weight: 400;
}
.is-sm .header .menu.magazine-menu {
  height: 45px;
}
.is-sm .header .menu.magazine-menu nav {
  height: 45px;
}
.is-xs .header .menu.magazine-menu {
  display: none !important;
}
.header .menu.magazine-menu div.headline {
  display: none !important;
}
.header .menu.magazine-menu div.navi {
  padding: 0;
  width: 100% !important;
}
.header .menu.magazine-menu div.navi nav {
  display: table;
}
.header .menu.magazine-menu div.navi nav ul {
  display: table-row;
  width: 100%;
}
.header .menu.magazine-menu div.navi nav ul li {
  display: table-cell;
  position: static;
  vertical-align: top;
  border-bottom: 6px solid #fff;
  -webkit-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
}
.header .menu.magazine-menu div.navi nav ul li a {
  font-family: "Lato", "sans-serif";
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.1;
  color: #afaeae;
  padding: 5px 8px 0;
  text-align: center;
  min-width: 90px;
  max-width: 150px;
  display: block;
}
.is-md .header .menu.magazine-menu div.navi nav ul li a {
  font-size: 1.1rem;
  line-height: 1.1;
  min-width: 110px;
  max-width: 140px;
}
.is-sm .header .menu.magazine-menu div.navi nav ul li a {
  font-size: 0.9rem;
  line-height: 1.2;
  min-width: 85px;
  max-width: 130px;
  padding: 0px 8px 0;
}
.header .menu.magazine-menu div.navi nav ul li a:hover {
  border-bottom: none;
  color: #000;
}
.header .menu.magazine-menu div.navi nav ul li a.active {
  border-bottom: none;
  color: #000;
}
.header .menu.magazine-menu div.navi nav ul li:hover, .header .menu.magazine-menu div.navi nav ul li.active {
  border-bottom: 6px solid #00cdff;
}
.header .menu.magazine-menu div.navi nav ul li:hover a, .header .menu.magazine-menu div.navi nav ul li.active a {
  color: #000;
}
.header.has-image {
  max-height: 450px;
}
.header.has-image.large-image {
  max-height: 590px;
}
.header.has-content .menu {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.is-xs .header.has-content .menu {
  position: static;
}
.header.has-content.fixed {
  padding-bottom: 0;
}
.is-xs .header.has-content.fixed {
  padding-bottom: 40px;
}
.fixed-filter.is-xs .header.has-content.fixed {
  padding-bottom: 0px;
}
.header.has-sticky h1 {
  -webkit-transition: top 0.4s;
  transition: top 0.4s;
  top: 0px;
}
.header.fixed-headline h1 {
  position: fixed;
  top: 60px;
}
.header.fixed {
  padding-bottom: 56px;
}
.is-xs .header.fixed {
  padding-bottom: 40px;
}
.fixed-filter.is-xs .header.fixed {
  padding-bottom: 0px;
}
.header.fixed .sticky {
  position: fixed;
  z-index: 90;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.is-xs .header.fixed .sticky {
  position: static;
}
.navigation-open .header.fixed .sticky {
  left: 380px;
}
.header.fixed .menu {
  position: fixed;
  top: 72px;
  left: 0;
  bottom: inherit;
  background: #000;
  z-index: 90;
}
.navigation-open .header.fixed .menu {
  left: 380px;
}
.is-xs .header.fixed .menu {
  top: 72px;
  background: #000;
  position: fixed;
}
.fixed-filter.is-xs .header.fixed .menu {
  position: static;
  background: transparent;
}
.fixed-filter.is-xs .header.fixed .menu ul li a:hover, .fixed-filter.is-xs .header.fixed .menu ul li a.active {
  color: #000;
}
.header.fixed .menu h2 {
  opacity: 1;
}
.header.fixed .menu h2.fawesome {
  color: #d8d8d8;
}
.header.fixed .menu ul li a:hover, .header.fixed .menu ul li a.active {
  color: #fff;
}
.header.fixed .menu.tabs {
  color: #d8d8d8;
}
.header.fixed .menu.tabs ul li a {
  color: #d8d8d8;
}
.header.fixed .menu.tabs .prev:hover,
.header.fixed .menu.tabs .next:hover {
  color: #fff;
}
.header.fixed .menu.magazine-menu {
  border-bottom: none;
}
.header.fixed .menu.magazine-menu div.navi nav ul li {
  border-bottom: 6px solid #000;
}
.header.fixed .menu.magazine-menu div.navi nav ul li a {
  color: #d8d8d8;
}
.header.fixed .menu.magazine-menu div.navi nav ul li a:hover {
  border-bottom: none;
  color: #d8d8d8;
}
.header.fixed .menu.magazine-menu div.navi nav ul li a.active {
  border-bottom: none;
  color: #d8d8d8;
}
.header.fixed .menu.magazine-menu div.navi nav ul li:hover, .header.fixed .menu.magazine-menu div.navi nav ul li.active {
  border-bottom: 6px solid #00cdff;
}
.header.fixed .menu.magazine-menu div.navi nav ul li:hover a, .header.fixed .menu.magazine-menu div.navi nav ul li.active a {
  color: #d8d8d8;
}
.header.fixed.has-sticky .menu {
  background: rgba(0, 0, 0, 0.5);
}
.header.magazine {
  margin: 0;
  background: #000;
  color: #fff;
  text-align: center;
}
.header.magazine h1 {
  margin: 25px 0;
}

.header-profile {
  padding: 20px 0 0;
  position: relative;
  z-index: 1;
}
.is-xs .header-profile > .container > .row > * {
  padding-left: 10px;
  padding-right: 10px;
}
.header-profile .profile-image-wrapper {
  margin-bottom: -56px;
}
.is-xs .header-profile .profile-image-wrapper {
  margin-bottom: 30px;
}
.header-profile .profile-image {
  margin-bottom: 0px;
}
.is-xs .header-profile .profile-image {
  display: block;
  max-width: 270px;
  margin: 0 auto;
}
.header-profile .profile-image #profile-image-header {
  min-height: 100px;
  margin-bottom: 0px;
}
.header-profile .profile-image a.fawesome:before {
  color: #00cdff;
}
.header-profile .profile-image a.fawesome:before:hover {
  color: rgba(0, 205, 255, 0.7);
}
.header-profile .profile-image a.fawesome:hover:before {
  color: rgba(0, 205, 255, 0.7);
}
.is-xs .header-profile .content {
  text-align: center;
}
.is-xs .header-profile .content .fawesome.smaller:before {
  font-size: 1.3rem;
  top: auto;
  vertical-align: baseline;
}
.header-profile h2 {
  margin: 0 0 40px;
}
.header-profile h3 {
  margin: -35px 0 40px;
  text-transform: none;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7;
  color: #000;
}
.header-profile .follow {
  margin: -20px 0 10px;
}
.is-xs .header-profile .follow {
  display: none;
}
.header-profile .follow .button {
  margin-right: 20px;
}
.header-profile .follow .button:last-child {
  margin-right: 0px;
}
.is-sm .header-profile .follow .button {
  max-width: 225px;
  margin-right: 10px;
}
.is-sm .header-profile .follow .button:last-child {
  margin-right: 0px;
}
.is-xs .header-profile .stats {
  margin-top: -20px;
}
.is-xs .header-profile .stats > .stats-item:first-child {
  display: none;
}
.header-profile .stats .stats-item {
  display: inline;
  padding: 0 20px 0 0;
  font-size: 1.2rem;
  font-weight: 300;
  color: #777777;
  background: transparent;
  border: none;
}
.header-profile .stats .stats-item:last-child {
  padding-right: 0 !important;
}
.is-xs .header-profile .stats .stats-item {
  display: inline-block;
  font-size: 0.8rem;
  padding-right: 10px;
}
.is-xs .header-profile .stats .stats-item .stats-count {
  display: block;
  font-size: 1rem;
}
.header-profile .stats .stats-item:hover {
  color: #777777;
}
.header-profile .stats .stats-item .stats-count {
  font-weight: 900;
}
.header-profile .stats .stats-item .text {
  font-weight: 300;
  margin: 0;
}
.header-profile .stats .stats-item:before {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-right: 0px;
  margin-bottom: 5px;
  vertical-align: baseline;
}
.header-profile .stats .stats-item * {
  color: #777777;
}
.header-profile .stats .stats-item *:hover {
  color: #777777;
}
.header-profile .stats button.stats-item {
  position: relative;
}
.header-profile .stats button.stats-item ul {
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  left: -10px;
  background: #333333;
  padding: 0px 20px 0px 10px;
  box-shadow: 0 0 5px #333333;
  transition: max-height 0.15s ease-in-out;
}
.header-profile .stats button.stats-item ul li {
  list-style: none;
  text-align: left;
  white-space: nowrap;
}
.header-profile .stats button.stats-item ul li:first-child {
  margin-top: 10px;
}
.header-profile .stats button.stats-item ul li:last-child {
  margin-bottom: 10px;
}
.header-profile .stats button.stats-item ul li .stats-item {
  display: block;
}
.header-profile .stats button.stats-item ul li .stats-count {
  display: inline-block !important;
  position: relative;
  color: #333333 !important;
}
.is-xs .header-profile .stats button.stats-item ul li .stats-count {
  font-size: 0.8rem;
}
.header-profile .stats button.stats-item ul li .stats-count:after {
  content: attr(data-favorite);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
}
.is-xs .header-profile .stats button.stats-item ul li .stats-count:after {
  color: #afaeae;
}
.header-profile .stats button.stats-item:focus, .header-profile .stats button.stats-item:hover {
  outline: none;
}
.header-profile .stats button.stats-item:focus ul, .header-profile .stats button.stats-item:hover ul {
  max-height: 200px;
}
.header-profile .stats .personal-following-stats {
  display: inline;
  display: inline-flex;
}
.header-profile .buttons {
  display: none;
}
.is-xs .header-profile .buttons {
  display: block;
  display: flex;
  margin: 20px 0 -10px;
}
.is-xs .header-profile .buttons > * {
  width: 100% !important;
  max-width: 70px;
}
.is-xs .header-profile .buttons > *:last-child {
  width: auto !important;
}
.is-xs .header-profile .buttons > *, .is-xs .header-profile .buttons > *:hover, .is-xs .header-profile .buttons > *:after {
  background: transparent !important;
}
.is-xs .header-profile .buttons > *:hover:before {
  background: #979797;
}
.is-xs .header-profile .buttons > *:active:before {
  background: #00cdff;
}
.header-profile .buttons > * {
  transform: translateX(-100vw);
  transition: transform 0.1s ease-in-out;
}
.header-profile .buttons > *.fa-plus, .header-profile .buttons > *.fa-minus {
  transform: translateX(0vw);
}
.header-profile .buttons > *.fa-plus {
  display: inline-block;
}
.header-profile .buttons > *.fa-minus {
  display: none;
}
.header-profile .buttons.showing > * {
  transform: translateX(0vw);
}
.header-profile .buttons.showing > *.fa-plus {
  display: none;
}
.header-profile .buttons.showing > *.fa-minus {
  display: inline-block;
}
.header-profile.institution {
  background: #f4fcff;
}
.header-profile.my-profile {
  background: #333333;
}
.header-profile.my-profile *, .header-profile.my-profile .stats .stats-item, .header-profile.my-profile .stats .stats-item .stats-count, .header-profile.my-profile .stats .stats-item .text, .header-profile.my-profile .menu.tabs ul li a.active, .header-profile.my-profile .menu.tabs ul li a:hover {
  color: #fff;
}
.header-profile.my-profile *:hover, .header-profile.my-profile .stats .stats-item:hover, .header-profile.my-profile .stats .stats-item .stats-count:hover, .header-profile.my-profile .stats .stats-item .text:hover, .header-profile.my-profile .menu.tabs ul li a.active:hover, .header-profile.my-profile .menu.tabs ul li a:hover:hover {
  color: #fff;
}
.is-xs .header-profile.my-profile .stats .stats-item {
  color: #afaeae;
}
.is-xs .header-profile.my-profile .stats .stats-item .stats-count {
  color: #afaeae;
}
.header-profile.my-profile .menu.tabs .headline h2.fawesome {
  color: #afaeae;
}
.header-profile.my-profile .menu.tabs .prev:hover:before, .header-profile.my-profile .menu.tabs .menu.tabs .next:hover:before {
  color: #fff;
}
.header-profile.my-profile.fixed .menu.tabs .headline h2.fawesome {
  color: #d8d8d8;
}
.header-profile.header {
  position: static;
  z-index: unset;
}
.header-profile.header .headline {
  display: none;
}
.is-xs .header-profile.header .headline {
  display: block;
}
.header-profile.header.fixed .headline {
  display: block;
}

.accordion.initialised,
.accordion.initialised .accordion {
  -webkit-transition: height 0.3s ease-in;
  -moz--transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
  visibility: visible;
}
.accordion.initialised > *.accordion-inside:before, .accordion.initialised > *.accordion-inside:after,
.accordion.initialised .accordion > *.accordion-inside:before,
.accordion.initialised .accordion > *.accordion-inside:after {
  -webkit-transition: -webkit-transform 0.2s ease-in;
  -moz-transition: -moz-transform 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-in;
  transition: -ms-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
}

.accordion {
  list-style: none;
  visibility: hidden;
}
.accordion > *.accordion-inside {
  position: relative;
  overflow: hidden;
}
.accordion .accordion-trigger {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.is-xs .accordion.accordion-disable-xs {
  visibility: visible;
}

.accordion.boxes .accordion.boxes {
  padding-left: 15px;
}
.accordion.boxes > * {
  padding-left: 25px;
}
.accordion.boxes > *.accordion-inside:before {
  position: absolute;
  left: 4px;
  top: 6px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
  font-weight: 400;
  font-size: 2.4em;
  content: "";
}
.accordion.boxes > *.accordion-inside.opened:before {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.pagination {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.pagination ul.button-list {
  display: inline-block;
}
.pagination ul.button-list .fawesome:before {
  font-size: 1.8rem;
  line-height: 120%;
  vertical-align: top;
  padding: 0 5px;
}
.pagination ul.button-list li {
  margin-right: 5px;
}
.pagination ul.button-list li > * {
  min-width: 30px;
  text-align: center;
}
.pagination ul.button-list li.hidden {
  display: none;
}
.is-xs .pagination ul.button-list li.prev_next {
  display: none;
}

.faq-wrapper {
  margin-bottom: 10px;
  margin-top: -10px;
}
.faq-wrapper .faq-item a.accordion-trigger {
  font-size: 1.2em;
  color: #000;
  cursor: pointer;
  margin-bottom: 10px;
  display: block;
  font-weight: 700;
}
.faq-wrapper .faq-item a.accordion-trigger:hover, .faq-wrapper .faq-item a.accordion-trigger:active, .faq-wrapper .faq-item a.accordion-trigger:focus {
  color: #000;
}
.faq-wrapper .faq-item .faq-content {
  padding-top: 5px;
  padding-bottom: 10px;
}

.alert-dark {
  background: black;
  color: #fff;
}
.alert-dark p {
  font-size: 1rem;
  color: #fff;
  margin: 0 0 10px;
}
.alert-dark a {
  color: #00cdff;
}
.alert-dark .btn {
  color: black;
  background: #ffe345;
  font-size: 1rem;
  font-weight: 700;
  border: none;
  border-radius: 0;
  padding: 0 13px;
}
.alert-dark .close {
  color: white;
  opacity: 1;
  font-size: 30px;
  margin-right: -5px;
  margin-top: -15px;
}
.alert-dark .close:hover, .alert-dark .close:focus {
  color: white;
  opacity: 1;
}

.infobanner {
  display: none;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 950;
  padding: 20px;
  margin: 0;
  border-radius: 0;
}
.infobanner .container {
  text-align: center;
}
.infobanner .btn {
  margin-left: 1em;
  margin-right: 1em;
}
.infobanner .close {
  float: right;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 1px 0 #fff;
  background: transparent;
  padding: 0;
  cursor: pointer;
  border: none;
}

.go-top {
  display: none;
  width: 90px;
  height: 70px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999999998;
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.1s ease-in-out;
}
.no-go-top .go-top {
  display: none !important;
}
.is-sm .go-top {
  width: 70px;
  height: 70px;
}
.is-xs .go-top {
  width: 60px;
  height: 60px;
}
.go-top:before, .go-top:after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  left: 30px;
  top: 10px;
  background: #444444;
  transform-origin: 1px 50%;
  transition: width 0.1s ease-in-out, height 0.1s ease-in-out;
}
.is-sm .go-top:before, .is-sm .go-top:after {
  width: 18px;
}
.is-xs .go-top:before, .is-xs .go-top:after {
  width: 15px;
}
.go-top:before {
  transform: rotate(40deg);
}
.go-top:after {
  transform: rotate(140deg);
}
.go-top:hover:before, .go-top:hover:after {
  width: 25px;
  height: 3px;
}
.is-sm .go-top:hover:before, .is-sm .go-top:hover:after {
  width: 20px;
}
.is-xs .go-top:hover:before, .is-xs .go-top:hover:after {
  width: 15px;
  height: 2px;
}
.go-top.active {
  display: block;
}
.go-top.show {
  opacity: 1;
}

.date-slider {
  height: 140px;
  padding: 0;
  margin-bottom: 40px;
  position: relative;
}
.date-slider * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.date-slider .date-slider-days-wrapper {
  overflow: hidden;
}
.date-slider .date-slider-days {
  height: 60px;
  margin-top: 40px;
  position: relative;
}
.date-slider .date-slider-days .date-slider-item {
  width: 44px;
  height: 100%;
  position: absolute;
  top: 0;
  font-family: "MetronicSlabPro", "sans-serif";
}
.date-slider .date-slider-days .date-slider-item:first-child .date-slider-month:before {
  content: none;
}
.date-slider .date-slider-days .date-slider-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #333333;
  position: absolute;
  top: 0;
  right: 0;
}
.date-slider .date-slider-days .date-slider-item .date-slider-month {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  font-weight: 700;
  font-size: 1.35rem;
  white-space: nowrap;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  background: #fff;
}
.date-slider .date-slider-days .date-slider-item .date-slider-month:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #333333;
  position: absolute;
  top: 0;
  left: -1px;
}
.date-slider .date-slider-days .date-slider-item .date-slider-day {
  width: 100%;
  font-weight: 900;
  font-size: 1rem;
  text-align: center;
}
.date-slider .date-slider-days .date-slider-item .date-slider-weekday {
  width: 100%;
  font-weight: 300;
  font-size: 1rem;
  text-align: center;
  color: #333333;
  padding-top: 8px;
}
.date-slider .date-slider-days .date-slider-item.over {
  background: #efefef;
}
.date-slider .date-slider-days .date-slider-item.active {
  background: #00cdff;
}
.date-slider .date-slider-days .date-slider-links {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.date-slider .date-slider-prev, .date-slider .date-slider-next {
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px);
  cursor: pointer;
}
.date-slider .date-slider-prev:before, .date-slider .date-slider-prev:after, .date-slider .date-slider-next:before, .date-slider .date-slider-next:after {
  content: "";
  display: block;
  width: 20px;
  height: 6px;
  background: #000;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 3px);
}
.date-slider .date-slider-prev:after, .date-slider .date-slider-next:after {
  transform: rotate(-45deg);
}
.date-slider .date-slider-prev.out, .date-slider .date-slider-next.out {
  visibility: hidden;
}
.date-slider .date-slider-prev {
  left: -35px;
}
.date-slider .date-slider-prev:before, .date-slider .date-slider-prev:after {
  transform-origin: 3px 3px;
  left: 3px;
}
.date-slider .date-slider-next {
  right: -35px;
}
.date-slider .date-slider-next:before, .date-slider .date-slider-next:after {
  transform-origin: calc(100% - 3px) 3px;
  right: 3px;
}
.date-slider .date-slider-field {
  width: 100%;
  height: 18px;
  position: relative;
  margin-top: 20px;
  padding-top: 5px;
  cursor: pointer;
}
.date-slider .date-slider-field hr {
  width: calc(100% - 8px);
  height: 8px;
  margin: 0 4px;
  color: #d8d8d8;
  border-color: #d8d8d8;
  background-color: #d8d8d8;
}
.date-slider .date-slider-field hr:before, .date-slider .date-slider-field hr:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d8d8d8;
  position: absolute;
  top: 5px;
  left: 0;
}
.date-slider .date-slider-field hr:after {
  left: auto;
  right: 0;
}
.date-slider .date-slider-field .date-slider-field-button {
  width: 18px;
  height: 18px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.followees .text {
  color: #000;
}
.followees:before {
  color: #000;
}
.events-base .followees {
  margin-top: -10px;
}
.is-sm.events-base .followees {
  margin-top: -20px;
}
.is-sm.events-base .followees:before {
  font-size: 1rem;
  line-height: 1.8;
}
.is-xs.bulletin-base .followees:before, .is-xs.article-base .followees:before {
  font-size: 1rem;
  line-height: 1.3;
}