@charset "utf-8";
/*@system-info-default-bg: 			#B6C3C8;
@system-info-default-color: 		@text-color;

@system-info-bg: 					#CDE6F6;
@system-info-color: 				@text-color;

@system-info-link-color:			@link-color;
@system-info-link-color-hover:		@link-color;

@system-info-success-bg:			#D5EDAD;
@system-info-success-text:			@text-color;

@system-info-warning-bg:			#FCE7C4;
@system-info-warning-text:			@text-color;

@system-info-danger-bg:				#c30;
@system-info-danger-text:			@white;*/
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-size: 15px;
  line-height: 1.45;
  color: #304b50;
  background-color: #f1f1f1;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #304b50;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #304b50;
  text-decoration: none;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.45;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #DDDDDD;
}
.sr-only,
.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus,
.visually {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 620px;
  }
}
@media (min-width: 940px) {
  .container {
    width: 950px;
  }
}
@media (min-width: 940px) {
  .container {
    width: 950px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 940px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 940px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.tooltip {
  position: absolute;
  z-index: 830;
  display: block;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 13px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.tooltip.top {
  padding: 6px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 6px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 6px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 6px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #2a2a2a;
}
.tooltip.top-left .tooltip-arrow {
  right: 6px;
  bottom: 0;
  margin-bottom: -6px;
  border-width: 6px 6px 0;
  border-top-color: #2a2a2a;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 6px;
  margin-bottom: -6px;
  border-width: 6px 6px 0;
  border-top-color: #2a2a2a;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #2a2a2a;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #2a2a2a;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #2a2a2a;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 6px;
  margin-top: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #2a2a2a;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 6px;
  margin-top: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #2a2a2a;
}
.tooltip-inner {
  max-width: 250px;
  padding: 3px 8px;
  color: #FFFFFF;
  text-align: center;
  background-color: #2a2a2a;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
code,
kbd,
pre,
samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}
pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 14px;
  line-height: 1.45;
  color: #FFFFFF;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #304b50;
  border: 1px solid #2a2a2a;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  font-size: 15px;
  line-height: 1.45;
  color: #304b50;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
  background-color: #f1f1f1;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  position: relative;
  height: auto;
  min-height: 100%;
  width: 100%;
  text-rendering: optimizeLegibility;
  -webkit-backface: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  width: 100%;
  overflow-x: hidden;
}
html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden;
}
section,
.footer {
  -webkit-backface: hidden;
  -webkit-backface-visibility: hidden;
}
.row {
  min-height: 1px;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
a,
.statistic-footer {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
img {
  opacity: 1;
  width: auto\9;
}
a,
li {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus,
.btn:focus {
  outline: 0;
}
iframe {
  border: 0 none;
}
.myty-area {
  right: 0;
  z-index: 1031 !important;
}
#sb-site > .myty-area {
  top: 100px;
}
.myty-area__btn.myty-area__btn {
  padding: 5px;
  height: auto;
  width: auto;
}
.pageContentWrap {
  background: transparent;
  padding-bottom: 4em;
  position: relative;
}
.sn-avatar {
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  overflow: hidden;
  border-radius: 50%;
  font-size: 15px;
}
.sn-avatar img {
  display: block;
  width: 100%;
}
.sn-avatar--big {
  width: 45px;
  height: 45px;
  min-width: 45px;
  min-height: 45px;
  font-size: 18px;
}
.sn-avatar--small {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  font-size: 10px;
}
.sn-avatar--icon {
  background-color: #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sn-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inherit;
}
.link-icon {
  color: #4e666b;
  text-decoration: none;
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
.link-icon:hover {
  color: #6d8083;
}
.pageContentSections {
  position: relative;
  z-index: 2;
}
.contents-media {
  padding: 0;
  background-image: none;
}
.contents-media .video-preview {
  margin-top: 30px;
}
.contents-media .image-swap .image {
  height: 26.53333333em;
  overflow: hidden;
}
.contents-media .image-swap .list {
  margin: 0.06666667em 0 0 -0.06666667em;
  padding: 0;
  list-style: none;
}
.contents-media .image-swap .list li {
  width: 20%;
  margin: 0 0 0;
  padding: 0 0 0 0.06666667em;
  height: 5.66666667em;
  overflow: hidden;
}
.contents-media .image-swap img {
  display: block;
  max-width: 100%;
  height: auto;
}
img {
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
img.lazyload {
  opacity: 0;
}
img.lazyloaded {
  opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  color: #304b50;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #a1a1a1;
}
strong.h1,
strong.h2,
strong.h3,
strong.h4,
strong.h5,
strong.h6 {
  display: block;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-bottom: 15px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 38px;
  line-height: 1.10526316;
  letter-spacing: normal;
}
h2,
.h2 {
  font-size: 28px;
  line-height: 1.28571429;
  letter-spacing: normal;
}
h3,
.h3 {
  font-size: 18px;
  line-height: 1.22222222;
  letter-spacing: normal;
}
h4,
.h4 {
  font-size: 15px;
  line-height: 1.33333333;
}
h5,
.h5 {
  font-size: 15px;
  line-height: 1.35714286;
}
h6,
.h6 {
  font-size: 15px;
  line-height: 1.35714286;
}
p {
  margin: 0 0 15px 0;
}
strong {
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.03em;
}
a,
a:visited,
a:active,
a:focus,
input,
select,
textarea {
  outline: none;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
small,
.small {
  font-size: 86%;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.img-responsive.text-center {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.alert {
  margin: 30px 0;
}
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
  color: inherit;
}
.text-muted {
  color: #a1a1a1;
}
.text-primary,
.alert-primary {
  color: #304b50;
}
a.text-primary:hover,
a.alert-primary:hover,
a.text-primary:focus,
a.alert-primary:focus {
  color: #1d2d30;
}
.text-success,
.alert-success {
  color: #238C87;
}
a.text-success:hover,
a.alert-success:hover,
a.text-success:focus,
a.alert-success:focus {
  color: #196360;
}
.text-info,
.alert-info {
  color: #24468D;
}
a.text-info:hover,
a.alert-info:hover,
a.text-info:focus,
a.alert-info:focus {
  color: #1a3264;
}
.text-warning,
.alert-warning {
  color: #E1B400;
}
a.text-warning:hover,
a.alert-warning:hover,
a.text-warning:focus,
a.alert-warning:focus {
  color: #ae8b00;
}
.text-danger,
.alert-error {
  color: #DC002D;
}
a.text-danger:hover,
a.alert-error:hover,
a.text-danger:focus,
a.alert-error:focus {
  color: #a90023;
}
.alert .richtext a {
  text-decoration: underline;
}
.alert .richtext a:hover {
  text-decoration: none;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.45;
}
.richtext a:not([data-readmore-toggle]):not(.btn):not(.nb) {
  color: #5dd382;
  overflow-wrap: break-word;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.richtext a:not([data-readmore-toggle]):not(.btn):not(.nb):focus,
.richtext a:not([data-readmore-toggle]):not(.btn):not(.nb):hover {
  color: #2b9f4f;
  text-decoration: none;
}
.richtext a[href^="http"]:empty:before {
  content: attr(href);
}
.richtext h1 {
  margin: 0;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  color: #304b50;
  margin-bottom: 15px;
  font-size: 28px;
  line-height: 1.28571429;
  letter-spacing: normal;
  margin: 0 0 30px 0;
}
.richtext h1 small,
.richtext h1 .small {
  font-weight: normal;
  line-height: 1;
  color: #a1a1a1;
}
strong.richtext h1 {
  display: block;
}
.richtext h1 small,
.richtext h1 .small {
  font-size: 65%;
}
.richtext h2 {
  margin: 0;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  color: #304b50;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.22222222;
  letter-spacing: normal;
  margin: 0 0 20px 0;
}
.richtext h2 small,
.richtext h2 .small {
  font-weight: normal;
  line-height: 1;
  color: #a1a1a1;
}
strong.richtext h2 {
  display: block;
}
.richtext h2 small,
.richtext h2 .small {
  font-size: 65%;
}
.richtext h3 {
  margin-bottom: 30px;
}
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  color: #304b50;
  margin-top: 11px;
  margin-bottom: 11px;
  font-size: 15px;
  line-height: 1.33333333;
  margin: 0;
  line-height: 1.5;
}
.richtext h3 small,
.richtext h4 small,
.richtext h5 small,
.richtext h6 small,
.richtext h3 .small,
.richtext h4 .small,
.richtext h5 .small,
.richtext h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #a1a1a1;
}
strong.richtext h3,
strong.richtext h4,
strong.richtext h5,
strong.richtext h6 {
  display: block;
}
.richtext h3 small,
.richtext h4 small,
.richtext h5 small,
.richtext h6 small,
.richtext h3 .small,
.richtext h4 .small,
.richtext h5 .small,
.richtext h6 .small {
  font-size: 75%;
}
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5 {
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
}
.richtext ul,
.richtext ol,
.richtext li,
.richtext p,
.richtext a {
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}
.richtext ol,
.richtext ul,
.richtext p,
.richtext table {
  margin-bottom: 2em;
}
.richtext ol:last-child,
.richtext ul:last-child,
.richtext p:last-child,
.richtext table:last-child {
  margin-bottom: 0;
}
.richtext ol + h1,
.richtext ul + h1,
.richtext p + h1,
.richtext table + h1,
.richtext ol + h2,
.richtext ul + h2,
.richtext p + h2,
.richtext table + h2 {
  margin-top: 40px;
}
.richtext ol + h3,
.richtext ul + h3,
.richtext p + h3,
.richtext table + h3 {
  margin-top: 30px;
}
.richtext p {
  margin-bottom: 1.5em;
  line-height: 1.5;
}
.richtext + .buttons {
  margin-top: 20px;
}
.richtext ol {
  margin-left: 2.33333333em;
  padding: 0;
  list-style-type: decimal-leading-zero;
}
.richtext ul li,
.richtext ol li {
  padding: 0;
  margin: 0;
  margin-bottom: 0.66666667em;
}
.richtext ul li:last-child,
.richtext ol li:last-child {
  margin-bottom: 0;
}
.richtext ul li ul,
.richtext ol li ul,
.richtext ul li ol,
.richtext ol li ol {
  margin-left: 1.4em;
  margin-top: 0.66666667em;
}
.richtext blockquote {
  padding: 0 2rem 0 2.33333333rem;
  margin: 2em 0;
  position: relative;
  font-style: italic !important;
  font-size: 20px !important;
  letter-spacing: 0.04em;
  color: #3f636a;
}
.richtext blockquote:before {
  content: " ";
  display: inline-block;
  width: 2.66666667em;
  height: 2.66666667em;
  position: absolute;
  top: -6px;
  left: 0.66666667em;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMzA0YjUwIiBkPSJNNDY0IDMySDMzNmMtMjYuNSAwLTQ4IDIxLjUtNDggNDh2MTI4YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDgwdjY0YzAgMzUuMy0yOC43IDY0LTY0IDY0aC04Yy0xMy4zIDAtMjQgMTAuNy0yNCAyNHY0OGMwIDEzLjMgMTAuNyAyNCAyNCAyNGg4Yzg4LjQgMCAxNjAtNzEuNiAxNjAtMTYwVjgwYzAtMjYuNS0yMS41LTQ4LTQ4LTQ4em0tMjg4IDBINDhDMjEuNSAzMiAwIDUzLjUgMCA4MHYxMjhjMCAyNi41IDIxLjUgNDggNDggNDhoODB2NjRjMCAzNS4zLTI4LjcgNjQtNjQgNjRoLThjLTEzLjMgMC0yNCAxMC43LTI0IDI0djQ4YzAgMTMuMyAxMC43IDI0IDI0IDI0aDhjODguNCAwIDE2MC03MS42IDE2MC0xNjBWODBjMC0yNi41LTIxLjUtNDgtNDgtNDh6Ii8+PC9zdmc+Cg==');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.06;
}
.richtext .contents + .contents {
  padding-top: 0;
}
.richtext h1:empty,
.richtext h2:empty,
.richtext h3:empty,
.richtext h4:empty,
.richtext h5:empty,
.richtext ul:empty,
.richtext ol:empty,
.richtext li:empty,
.richtext blockquote:empty,
.richtext p:empty {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  margin: 0;
  padding: 0;
}
.richtext .btns a + a {
  margin-left: 5px;
}
.richtext .btns.btns.btns.btns a {
  color: #FFFFFF;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.richtext caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #a1a1a1;
  text-align: left;
}
.richtext th {
  text-align: left;
}
.richtext table {
  width: 100%;
  background-color: transparent;
  max-width: 100%;
  margin-bottom: 22px;
}
.richtext table > thead > tr > th,
.richtext table > tbody > tr > th,
.richtext table > tfoot > tr > th,
.richtext table > thead > tr > td,
.richtext table > tbody > tr > td,
.richtext table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.45;
  vertical-align: top !important;
  border-top: 1px solid #ddd;
}
.richtext table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.richtext table > caption + thead > tr:first-child > th,
.richtext table > colgroup + thead > tr:first-child > th,
.richtext table > thead:first-child > tr:first-child > th,
.richtext table > caption + thead > tr:first-child > td,
.richtext table > colgroup + thead > tr:first-child > td,
.richtext table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.richtext table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.richtext table table {
  background-color: #f1f1f1;
}
.richtext .table-condensed > thead > tr > th,
.richtext .table-condensed > tbody > tr > th,
.richtext .table-condensed > tfoot > tr > th,
.richtext .table-condensed > thead > tr > td,
.richtext .table-condensed > tbody > tr > td,
.richtext .table-condensed > tfoot > tr > td {
  padding: 5px;
}
.richtext .table-bordered {
  border: 1px solid #ddd;
}
.richtext .table-bordered > thead > tr > th,
.richtext .table-bordered > tbody > tr > th,
.richtext .table-bordered > tfoot > tr > th,
.richtext .table-bordered > thead > tr > td,
.richtext .table-bordered > tbody > tr > td,
.richtext .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.richtext .table-bordered > thead > tr > th,
.richtext .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.richtext ul,
.rt-dotlist,
.rt-checklist,
.rt-unchecklist,
.richtext .rt-dotlist,
.richtext .rt-checklist,
.richtext .rt-unchecklist,
.faq-detail .accordeon ul,
.js-contact-help .accordeon ul {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.richtext ul li,
.rt-dotlist li,
.rt-checklist li,
.rt-unchecklist li,
.richtext .rt-dotlist li,
.richtext .rt-checklist li,
.richtext .rt-unchecklist li,
.faq-detail .accordeon ul li,
.js-contact-help .accordeon ul li {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2.33333333em;
  padding-right: 0;
  position: relative;
  vertical-align: middle;
}
.richtext ul li:before,
.rt-dotlist li:before,
.rt-checklist li:before,
.rt-unchecklist li:before,
.richtext .rt-dotlist li:before,
.richtext .rt-checklist li:before,
.richtext .rt-unchecklist li:before,
.faq-detail .accordeon ul li:before,
.js-contact-help .accordeon ul li:before,
.richtext ul li:after,
.rt-dotlist li:after,
.rt-checklist li:after,
.rt-unchecklist li:after,
.richtext .rt-dotlist li:after,
.richtext .rt-checklist li:after,
.richtext .rt-unchecklist li:after,
.faq-detail .accordeon ul li:after,
.js-contact-help .accordeon ul li:after {
  content: " ";
  display: block;
  position: absolute;
}
.rt-dotlist li:before,
.richtext .rt-dotlist li:before,
.richtext ul:not(.rt-checklist):not(.rt-unchecklist) li:before,
.faq-detail .accordeon ul:not(.rt-unchecklist):not(.rt-checklist) li:before,
.js-contact-help .accordeon ul:not(.rt-unchecklist):not(.rt-checklist) li:before {
  background-color: #99d1c8;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 4px;
  left: 10px;
}
.rt-checklist li:before,
.richtext .rt-checklist li:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 4px;
  left: 10px;
  width: 14px;
  height: 8px;
  border-bottom: 3px solid #99d1c8;
  border-left: 3px solid #99d1c8;
  background-color: transparent;
  border-radius: 0;
}
.rt-unchecklist li:before,
.richtext .rt-unchecklist li:before,
.rt-unchecklist li:after,
.richtext .rt-unchecklist li:after {
  background-color: #f29b8a;
  left: 6px;
  top: 8px;
  width: 18px;
  height: 4px;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rt-unchecklist li:after,
.richtext .rt-unchecklist li:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.richtext--inverse {
  color: #FFFFFF;
}
.richtext--inverse ul,
.richtext--inverse ol,
.richtext--inverse li,
.richtext--inverse blockquote,
.richtext--inverse p,
.richtext--inverse.richtext--inverse.richtext--inverse.richtext--inverse.richtext--inverse a {
  color: #FFFFFF;
}
.richtext--inverse h1,
.richtext--inverse h2,
.richtext--inverse h3,
.richtext--inverse h4,
.richtext--inverse h5,
.richtext--inverse h6,
.richtext--inverse .h1,
.richtext--inverse .h2,
.richtext--inverse .h3,
.richtext--inverse .h4,
.richtext--inverse .h5,
.richtext--inverse .h6 {
  color: #FFFFFF;
}
.richtext--inverse h1 small,
.richtext--inverse h2 small,
.richtext--inverse h3 small,
.richtext--inverse h4 small,
.richtext--inverse h5 small,
.richtext--inverse h6 small,
.richtext--inverse .h1 small,
.richtext--inverse .h2 small,
.richtext--inverse .h3 small,
.richtext--inverse .h4 small,
.richtext--inverse .h5 small,
.richtext--inverse .h6 small,
.richtext--inverse h1 .small,
.richtext--inverse h2 .small,
.richtext--inverse h3 .small,
.richtext--inverse h4 .small,
.richtext--inverse h5 .small,
.richtext--inverse h6 .small,
.richtext--inverse .h1 .small,
.richtext--inverse .h2 .small,
.richtext--inverse .h3 .small,
.richtext--inverse .h4 .small,
.richtext--inverse .h5 .small,
.richtext--inverse .h6 .small {
  color: #FFFFFF;
}
@media (min-width: 940px) {
  .richtext h1,
  .richtext .h1 {
    font-size: 38px;
    line-height: 1.10526316;
  }
  .richtext h2,
  .richtext .h2 {
    font-size: 28px;
    line-height: 1.28571429;
  }
  .richtext h3,
  .richtext .h3 {
    font-size: 18px;
    line-height: 1.22222222;
  }
}
.borvo__buttons-lg a,
.borvo__buttons a {
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 1.45;
  border-radius: 6px;
  padding-bottom: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #5dd382;
  border-color: #5dd382;
  display: block;
  padding-left: 2.66666667em;
  padding-right: 2.66666667em;
  display: inline-block;
  max-width: 90%;
  width: auto;
  margin: 0 auto;
  border-color: #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  border-width: 2px;
  font-weight: 700;
  transition: all 0.15s ease-out !important;
}
.borvo__buttons-lg a:focus,
.borvo__buttons a:focus,
.borvo__buttons-lg a:active:focus,
.borvo__buttons a:active:focus,
.borvo__buttons-lg a.active:focus,
.borvo__buttons a.active:focus,
.borvo__buttons-lg a.focus,
.borvo__buttons a.focus,
.borvo__buttons-lg a:active.focus,
.borvo__buttons a:active.focus,
.borvo__buttons-lg a.active.focus,
.borvo__buttons a.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.borvo__buttons-lg a:hover,
.borvo__buttons a:hover,
.borvo__buttons-lg a:focus,
.borvo__buttons a:focus,
.borvo__buttons-lg a.focus,
.borvo__buttons a.focus {
  text-decoration: none;
}
.borvo__buttons-lg a:active,
.borvo__buttons a:active,
.borvo__buttons-lg a.active,
.borvo__buttons a.active {
  outline: 0;
  background-image: none;
}
.borvo__buttons-lg a.borvo__buttons-lg a.disabled,
.borvo__buttons-lg a.borvo__buttons a.disabled,
.borvo__buttons a.borvo__buttons-lg a.disabled,
.borvo__buttons a.borvo__buttons a.disabled,
.borvo__buttons-lg a.borvo__buttons-lg a[disabled],
.borvo__buttons-lg a.borvo__buttons a[disabled],
.borvo__buttons a.borvo__buttons-lg a[disabled],
.borvo__buttons a.borvo__buttons a[disabled],
fieldset[disabled] .borvo__buttons-lg a,
fieldset[disabled] .borvo__buttons a {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  background-color: #c1c1c1;
  border-color: #c1c1c1;
}
.borvo__buttons-lg a.invisible,
.borvo__buttons a.invisible {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.borvo__buttons-lg a .icon,
.borvo__buttons a .icon {
  fill: #FFFFFF;
  top: 0;
  margin-right: 1px;
}
.borvo__buttons-lg a:hover,
.borvo__buttons a:hover,
.borvo__buttons-lg a:focus,
.borvo__buttons a:focus,
.borvo__buttons-lg a.focus,
.borvo__buttons a.focus,
.borvo__buttons-lg a:active,
.borvo__buttons a:active,
.borvo__buttons-lg a.active,
.borvo__buttons a.active {
  color: #FFFFFF;
  background-color: #41cb6c;
  border-color: #41cb6c;
}
.borvo__buttons-lg a:hover .icon,
.borvo__buttons a:hover .icon,
.borvo__buttons-lg a:focus .icon,
.borvo__buttons a:focus .icon,
.borvo__buttons-lg a.focus .icon,
.borvo__buttons a.focus .icon,
.borvo__buttons-lg a:active .icon,
.borvo__buttons a:active .icon,
.borvo__buttons-lg a.active .icon,
.borvo__buttons a.active .icon {
  fill: #FFFFFF;
}
.borvo__buttons-lg a:active,
.borvo__buttons a:active,
.borvo__buttons-lg a.active,
.borvo__buttons a.active {
  background-image: none;
}
.borvo__buttons-lg a.disabled,
.borvo__buttons a.disabled,
.borvo__buttons-lg a[disabled],
.borvo__buttons a[disabled],
fieldset[disabled] .borvo__buttons-lg a,
fieldset[disabled] .borvo__buttons a,
.borvo__buttons-lg a.disabled:hover,
.borvo__buttons a.disabled:hover,
.borvo__buttons-lg a[disabled]:hover,
.borvo__buttons a[disabled]:hover,
fieldset[disabled] .borvo__buttons-lg a:hover,
fieldset[disabled] .borvo__buttons a:hover,
.borvo__buttons-lg a.disabled:focus,
.borvo__buttons a.disabled:focus,
.borvo__buttons-lg a[disabled]:focus,
.borvo__buttons a[disabled]:focus,
fieldset[disabled] .borvo__buttons-lg a:focus,
fieldset[disabled] .borvo__buttons a:focus,
.borvo__buttons-lg a.disabled.focus,
.borvo__buttons a.disabled.focus,
.borvo__buttons-lg a[disabled].focus,
.borvo__buttons a[disabled].focus,
fieldset[disabled] .borvo__buttons-lg a.focus,
fieldset[disabled] .borvo__buttons a.focus,
.borvo__buttons-lg a.disabled:active,
.borvo__buttons a.disabled:active,
.borvo__buttons-lg a[disabled]:active,
.borvo__buttons a[disabled]:active,
fieldset[disabled] .borvo__buttons-lg a:active,
fieldset[disabled] .borvo__buttons a:active,
.borvo__buttons-lg a.disabled.active,
.borvo__buttons a.disabled.active,
.borvo__buttons-lg a[disabled].active,
.borvo__buttons a[disabled].active,
fieldset[disabled] .borvo__buttons-lg a.active,
fieldset[disabled] .borvo__buttons a.active {
  background-color: hsl(138.81355932, 27.2815534%, 59.60784314%);
  border-color: hsl(138.81355932, 27.2815534%, 59.60784314%);
  color: #cccccc;
}
button.borvo__buttons-lg a.borvo__buttons-lg a,
button.borvo__buttons-lg a.borvo__buttons a,
button.borvo__buttons a.borvo__buttons-lg a,
button.borvo__buttons a.borvo__buttons a {
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.borvo__buttons-lg a:hover,
.borvo__buttons a:hover,
.borvo__buttons-lg a:active,
.borvo__buttons a:active {
  border-color: inherit;
  background-color: rgba(255, 255, 255, 0.1);
  color: inherit;
}
.borvo__buttons-lg a {
  padding: 22.5px 50px;
  font-size: 26px;
  line-height: 32px;
  border-radius: 8px;
}
@media (max-width: 480px) {
  .borvo__buttons-lg a,
  .borvo__buttons a {
    display: block;
    margin-bottom: 10px;
  }
}
@media (min-width: 640px) {
  .borvo__buttons-lg a,
  .borvo__buttons a {
    width: auto;
    margin: 0;
  }
  .borvo__buttons-lg a + a,
  .borvo__buttons a + a {
    margin-top: 0;
    margin-left: 10px;
  }
  .borvo__buttons-lg a {
    padding: 22.5px 50px;
    font-size: 26px;
    line-height: 32px;
    border-radius: 8px;
  }
}
.swiper-pagination-bullets {
  text-align: center;
  margin-top: 15px;
}
.swiper-pagination-bullet {
  display: inline-block;
  opacity: 1;
  padding: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  background-color: #97a5a7;
}
.swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet {
  margin: 1px 2px;
}
.swiper-pagination-bullet:hover {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}
.swiper-pagination-bullet:only-child {
  display: none;
}
.swiper-pagination-bullet-active {
  background-color: #304b50;
}
.swiper-pagination-bullet-active:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.swiper-button-prev,
.swiper-button-next {
  color: white;
}
.fullwidth-content .swiper-pagination-bullets {
  position: absolute;
  z-index: 2;
  bottom: 30px;
}
.fullwidth-content .swiper-pagination-bullet {
  background-color: #FFFFFF;
  opacity: 0.5;
}
.fullwidth-content .swiper-pagination-bullet-active {
  opacity: 1;
}
.tooltip-inner {
  padding: 7.5px 15px 4.5px;
}
@media (max-width: 767px) {
  .sb-active body {
    position: fixed;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
#sb-site .user-social-links {
  list-style: none;
  padding: 0 0 40px;
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -80px;
  height: auto;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 12;
}
#sb-site .user-social-links li {
  float: none;
  clear: left;
}
#sb-site .user-social-links a:hover {
  color: #304b50;
}
#sb-site .user-social-links .btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFFFFF;
  float: left;
  text-align: center;
  padding: 0;
  padding-top: 7px;
  border-radius: 0;
  border-color: transparent;
  outline: none;
  line-height: 1.7;
}
#sb-site .user-social-links .btn:hover {
  color: #FFFFFF;
}
#sb-site .user-social-links .btn-expand {
  color: #304b50;
  background: #e4e4e4;
  position: absolute;
  left: 0;
  bottom: 0;
}
#sb-site .user-social-links .btn.hide-mobile {
  display: none;
}
#sb-site .user-social-links .btn-expand:hover {
  background: #304b50;
  color: #FFFFFF;
}
.social-lp {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-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;
  background-color: #f1f1f1;
}
.social-lp .social {
  list-style: none;
  margin: 0;
  padding: 0 2em 2em;
  height: 100%;
  float: right;
}
.social-lp .social li {
  float: left;
}
.social-lp .social .btn {
  width: 40px;
  height: 40px;
  color: #FFFFFF;
  text-align: center;
  padding: 0;
  padding-top: 7px;
  border-radius: 0;
  outline: none;
  line-height: 1.7;
}
.social-lp .social .btn:hover {
  color: #FFFFFF;
}
@media (min-width: 1020px) {
  #sb-site .user-social-links .btn.hide-desktop {
    display: none;
  }
  #sb-site .user-social-links .btn.hide-mobile {
    display: inline-block;
  }
}
.btn,
.richtext .btns a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 1.45;
  border-radius: 6px;
  padding-bottom: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn:focus,
.richtext .btns a:focus,
.btn:active:focus,
.richtext .btns a:active:focus,
.btn.active:focus,
.richtext .btns a.active:focus,
.btn.focus,
.richtext .btns a.focus,
.btn:active.focus,
.richtext .btns a:active.focus,
.btn.active.focus,
.richtext .btns a.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.richtext .btns a:hover,
.btn:focus,
.richtext .btns a:focus,
.btn.focus,
.richtext .btns a.focus {
  text-decoration: none;
}
.btn:active,
.richtext .btns a:active,
.btn.active,
.richtext .btns a.active {
  outline: 0;
  background-image: none;
}
.btn.btn.disabled,
.btn.richtext .btns a.disabled,
.richtext .btns a.btn.disabled,
.richtext .btns a.richtext .btns a.disabled,
.btn.btn[disabled],
.btn.richtext .btns a[disabled],
.richtext .btns a.btn[disabled],
.richtext .btns a.richtext .btns a[disabled],
fieldset[disabled] .btn,
fieldset[disabled] .richtext .btns a {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  background-color: #c1c1c1;
  border-color: #c1c1c1;
}
.btn.invisible,
.richtext .btns a.invisible {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.btn,
.btn-primary,
.richtext .btns a {
  color: #FFFFFF;
  background-color: #5dd382;
  border-color: #5dd382;
}
.btn .icon,
.btn-primary .icon,
.richtext .btns a .icon {
  fill: #FFFFFF;
  top: 0;
  margin-right: 1px;
}
.btn:hover,
.btn-primary:hover,
.richtext .btns a:hover,
.btn:focus,
.btn-primary:focus,
.richtext .btns a:focus,
.btn.focus,
.btn-primary.focus,
.richtext .btns a.focus,
.btn:active,
.btn-primary:active,
.richtext .btns a:active,
.btn.active,
.btn-primary.active,
.richtext .btns a.active {
  color: #FFFFFF;
  background-color: #41cb6c;
  border-color: #41cb6c;
}
.btn:hover .icon,
.btn-primary:hover .icon,
.richtext .btns a:hover .icon,
.btn:focus .icon,
.btn-primary:focus .icon,
.richtext .btns a:focus .icon,
.btn.focus .icon,
.btn-primary.focus .icon,
.richtext .btns a.focus .icon,
.btn:active .icon,
.btn-primary:active .icon,
.richtext .btns a:active .icon,
.btn.active .icon,
.btn-primary.active .icon,
.richtext .btns a.active .icon {
  fill: #FFFFFF;
}
.btn:active,
.btn-primary:active,
.richtext .btns a:active,
.btn.active,
.btn-primary.active,
.richtext .btns a.active {
  background-image: none;
}
.btn.disabled,
.btn-primary.disabled,
.richtext .btns a.disabled,
.btn[disabled],
.btn-primary[disabled],
.richtext .btns a[disabled],
fieldset[disabled] .btn,
fieldset[disabled] .btn-primary,
fieldset[disabled] .richtext .btns a,
.btn.disabled:hover,
.btn-primary.disabled:hover,
.richtext .btns a.disabled:hover,
.btn[disabled]:hover,
.btn-primary[disabled]:hover,
.richtext .btns a[disabled]:hover,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .richtext .btns a:hover,
.btn.disabled:focus,
.btn-primary.disabled:focus,
.richtext .btns a.disabled:focus,
.btn[disabled]:focus,
.btn-primary[disabled]:focus,
.richtext .btns a[disabled]:focus,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .richtext .btns a:focus,
.btn.disabled.focus,
.btn-primary.disabled.focus,
.richtext .btns a.disabled.focus,
.btn[disabled].focus,
.btn-primary[disabled].focus,
.richtext .btns a[disabled].focus,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .richtext .btns a.focus,
.btn.disabled:active,
.btn-primary.disabled:active,
.richtext .btns a.disabled:active,
.btn[disabled]:active,
.btn-primary[disabled]:active,
.richtext .btns a[disabled]:active,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .richtext .btns a:active,
.btn.disabled.active,
.btn-primary.disabled.active,
.richtext .btns a.disabled.active,
.btn[disabled].active,
.btn-primary[disabled].active,
.richtext .btns a[disabled].active,
fieldset[disabled] .btn.active,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .richtext .btns a.active {
  background-color: hsl(138.81355932, 27.2815534%, 59.60784314%);
  border-color: hsl(138.81355932, 27.2815534%, 59.60784314%);
  color: #cccccc;
}
.btn-2nd,
.btn-2nd.mytyFormBtn {
  color: #31b359;
  background-color: #e7f8ec;
  border-color: #e7f8ec;
  font-weight: 600;
}
.btn-2nd .icon,
.btn-2nd.mytyFormBtn .icon {
  fill: #31b359;
  top: 0;
  margin-right: 1px;
}
.btn-2nd:hover,
.btn-2nd.mytyFormBtn:hover,
.btn-2nd:focus,
.btn-2nd.mytyFormBtn:focus,
.btn-2nd.focus,
.btn-2nd.mytyFormBtn.focus,
.btn-2nd:active,
.btn-2nd.mytyFormBtn:active,
.btn-2nd.active,
.btn-2nd.mytyFormBtn.active {
  color: #31b359;
  background-color: #d7f4e0;
  border-color: #d7f4e0;
}
.btn-2nd:hover .icon,
.btn-2nd.mytyFormBtn:hover .icon,
.btn-2nd:focus .icon,
.btn-2nd.mytyFormBtn:focus .icon,
.btn-2nd.focus .icon,
.btn-2nd.mytyFormBtn.focus .icon,
.btn-2nd:active .icon,
.btn-2nd.mytyFormBtn:active .icon,
.btn-2nd.active .icon,
.btn-2nd.mytyFormBtn.active .icon {
  fill: #31b359;
}
.btn-2nd:active,
.btn-2nd.mytyFormBtn:active,
.btn-2nd.active,
.btn-2nd.mytyFormBtn.active {
  background-image: none;
}
.btn-2nd.disabled,
.btn-2nd.mytyFormBtn.disabled,
.btn-2nd[disabled],
.btn-2nd.mytyFormBtn[disabled],
fieldset[disabled] .btn-2nd,
fieldset[disabled] .btn-2nd.mytyFormBtn,
.btn-2nd.disabled:hover,
.btn-2nd.mytyFormBtn.disabled:hover,
.btn-2nd[disabled]:hover,
.btn-2nd.mytyFormBtn[disabled]:hover,
fieldset[disabled] .btn-2nd:hover,
fieldset[disabled] .btn-2nd.mytyFormBtn:hover,
.btn-2nd.disabled:focus,
.btn-2nd.mytyFormBtn.disabled:focus,
.btn-2nd[disabled]:focus,
.btn-2nd.mytyFormBtn[disabled]:focus,
fieldset[disabled] .btn-2nd:focus,
fieldset[disabled] .btn-2nd.mytyFormBtn:focus,
.btn-2nd.disabled.focus,
.btn-2nd.mytyFormBtn.disabled.focus,
.btn-2nd[disabled].focus,
.btn-2nd.mytyFormBtn[disabled].focus,
fieldset[disabled] .btn-2nd.focus,
fieldset[disabled] .btn-2nd.mytyFormBtn.focus,
.btn-2nd.disabled:active,
.btn-2nd.mytyFormBtn.disabled:active,
.btn-2nd[disabled]:active,
.btn-2nd.mytyFormBtn[disabled]:active,
fieldset[disabled] .btn-2nd:active,
fieldset[disabled] .btn-2nd.mytyFormBtn:active,
.btn-2nd.disabled.active,
.btn-2nd.mytyFormBtn.disabled.active,
.btn-2nd[disabled].active,
.btn-2nd.mytyFormBtn[disabled].active,
fieldset[disabled] .btn-2nd.active,
fieldset[disabled] .btn-2nd.mytyFormBtn.active {
  background-color: hsl(138.81355932, 27.2815534%, 93.94117647%);
  border-color: hsl(138.81355932, 27.2815534%, 93.94117647%);
  color: #1b6331;
}
.btn-3rd,
.btn-3nd.mytyFormBtn {
  color: #304b50;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  font-weight: 600;
}
.btn-3rd .icon,
.btn-3nd.mytyFormBtn .icon {
  fill: #304b50;
  top: 0;
  margin-right: 1px;
}
.btn-3rd:hover,
.btn-3nd.mytyFormBtn:hover,
.btn-3rd:focus,
.btn-3nd.mytyFormBtn:focus,
.btn-3rd.focus,
.btn-3nd.mytyFormBtn.focus,
.btn-3rd:active,
.btn-3nd.mytyFormBtn:active,
.btn-3rd.active,
.btn-3nd.mytyFormBtn.active {
  color: #304b50;
  background-color: #DDDDDD;
  border-color: #DDDDDD;
}
.btn-3rd:hover .icon,
.btn-3nd.mytyFormBtn:hover .icon,
.btn-3rd:focus .icon,
.btn-3nd.mytyFormBtn:focus .icon,
.btn-3rd.focus .icon,
.btn-3nd.mytyFormBtn.focus .icon,
.btn-3rd:active .icon,
.btn-3nd.mytyFormBtn:active .icon,
.btn-3rd.active .icon,
.btn-3nd.mytyFormBtn.active .icon {
  fill: #304b50;
}
.btn-3rd:active,
.btn-3nd.mytyFormBtn:active,
.btn-3rd.active,
.btn-3nd.mytyFormBtn.active {
  background-image: none;
}
.btn-3rd.disabled,
.btn-3nd.mytyFormBtn.disabled,
.btn-3rd[disabled],
.btn-3nd.mytyFormBtn[disabled],
fieldset[disabled] .btn-3rd,
fieldset[disabled] .btn-3nd.mytyFormBtn,
.btn-3rd.disabled:hover,
.btn-3nd.mytyFormBtn.disabled:hover,
.btn-3rd[disabled]:hover,
.btn-3nd.mytyFormBtn[disabled]:hover,
fieldset[disabled] .btn-3rd:hover,
fieldset[disabled] .btn-3nd.mytyFormBtn:hover,
.btn-3rd.disabled:focus,
.btn-3nd.mytyFormBtn.disabled:focus,
.btn-3rd[disabled]:focus,
.btn-3nd.mytyFormBtn[disabled]:focus,
fieldset[disabled] .btn-3rd:focus,
fieldset[disabled] .btn-3nd.mytyFormBtn:focus,
.btn-3rd.disabled.focus,
.btn-3nd.mytyFormBtn.disabled.focus,
.btn-3rd[disabled].focus,
.btn-3nd.mytyFormBtn[disabled].focus,
fieldset[disabled] .btn-3rd.focus,
fieldset[disabled] .btn-3nd.mytyFormBtn.focus,
.btn-3rd.disabled:active,
.btn-3nd.mytyFormBtn.disabled:active,
.btn-3rd[disabled]:active,
.btn-3nd.mytyFormBtn[disabled]:active,
fieldset[disabled] .btn-3rd:active,
fieldset[disabled] .btn-3nd.mytyFormBtn:active,
.btn-3rd.disabled.active,
.btn-3nd.mytyFormBtn.disabled.active,
.btn-3rd[disabled].active,
.btn-3nd.mytyFormBtn[disabled].active,
fieldset[disabled] .btn-3rd.active,
fieldset[disabled] .btn-3nd.mytyFormBtn.active {
  background-color: hsl(0, 0%, 89.50980392%);
  border-color: hsl(0, 0%, 89.50980392%);
  color: #0a0f10;
}
.btn-block {
  display: block;
}
button.btn-block.btn-block {
  width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .btn-block--sm-centered.btn-block {
    margin-left: auto;
    margin-right: auto;
    max-width: 290px;
  }
}
.btn-round.btn-round.btn-round {
  border-radius: 40px;
}
.btn-ghost {
  background: transparent;
  color: #5dd382;
  border-width: 2px;
}
.btn-ghost .icon {
  fill: #5dd382;
}
.btn-ghost:hover,
.btn-ghost:focus,
.btn-ghost:active {
  background: transparent;
  color: #41cb6c;
}
.btn-ghost:hover .icon,
.btn-ghost:focus .icon,
.btn-ghost:active .icon {
  fill: #41cb6c;
}
.btn-ghost.btn-2nd {
  color: #e7f8ec;
}
.btn-ghost.btn-2nd .icon {
  fill: #e7f8ec;
}
.btn-ghost.btn-2nd:hover,
.btn-ghost.btn-2nd:focus,
.btn-ghost.btn-2nd:active {
  color: #d7f4e0;
}
.btn-ghost.btn-2nd:hover .icon,
.btn-ghost.btn-2nd:focus .icon,
.btn-ghost.btn-2nd:active .icon {
  fill: #d7f4e0;
}
.btn-ghost.btn-3rd {
  color: #304b50;
  border-color: #c1c1c1;
}
.btn-ghost.btn-3rd .icon {
  fill: #304b50;
}
.btn-ghost.btn-3rd:hover,
.btn-ghost.btn-3rd:focus,
.btn-ghost.btn-3rd:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.btn-ghost-bg {
  background-color: #FFFFFF;
}
.btn-ghost-bg:hover {
  background-color: #FFFFFF;
}
.icon {
  position: relative;
  display: inline-block;
  -webkit-transition: fill 0.3s ease-in-out;
  -o-transition: fill 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
}
.icon__ref {
  pointer-events: none;
}
.icon--text {
  fill: #304b50;
  color: #304b50;
}
.icon--link {
  fill: #304b50;
  color: #304b50;
}
.icon--link:hover {
  fill: #000000;
  color: #000000;
}
.icon--secondary {
  fill: #304b50;
  color: #304b50;
}
.icon--primary {
  fill: #5dd382;
  color: #5dd382;
}
.icon--white {
  fill: #FFFFFF;
  color: #FFFFFF;
}
.icon--gray {
  fill: #7f7f7f;
  color: #7f7f7f;
}
.icon--gray-lighter {
  fill: #e4e4e4;
  color: #e4e4e4;
}
.icon--success {
  fill: #238C87;
  color: #238C87;
}
.icon--danger {
  fill: #DC002D;
  color: #DC002D;
}
.icon--warning {
  fill: #E1B400;
  color: #E1B400;
}
.icon--xxs {
  height: 11px;
  width: 11px;
  top: 1px;
}
.icon--xs {
  height: 14px;
  width: 14px;
  top: 2px;
}
.icon--default {
  width: 15px;
  height: 15px;
}
.icon--s {
  height: 16px;
  width: 16px;
  top: 2px;
}
.icon--sm {
  height: 18px;
  width: 18px;
  top: 3px;
}
.icon--m {
  width: 24px;
  height: 24px;
  top: 3px;
}
.icon--l {
  width: 28px;
  height: 28px;
}
.icon--xl {
  width: 40px;
  height: 40px;
}
.icon--xxl {
  width: 80px;
  height: 80px;
}
.icon--xxxl {
  width: 140px;
  height: 140px;
}
.icon--startnext {
  width: 139px;
  height: 39px;
}
.icon--spinner {
  -webkit-animation: spin 0.75s infinite linear;
  animation: spin 0.75s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.icon--flip-h {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.icon--flip-v {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.icon--rot1x {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon--rot3x {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon--inline {
  top: 0;
}
.icon--spaced {
  margin-left: 5px;
}
.icon--rspaced {
  margin-right: 5px;
}
.page-section .container {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
.page-section + .page-section {
  margin-top: 2.66666667em;
}
.page-section + .page-section-curated {
  margin-top: 0;
}
.page-section + .appArticleList:not(.page-section) {
  margin-top: 0;
}
.page-section .contents {
  padding: 4.66666667em 4em;
}
.page-section .contents + .contents {
  padding-top: 0;
}
.appArticleList .headline {
  position: relative;
}
.appArticleList .headline:before,
.appArticleList .headline:after {
  display: table;
  content: " ";
}
.appArticleList .headline:after {
  clear: both;
}
.appArticleList .headline:before,
.appArticleList .headline:after {
  display: table;
  content: " ";
}
.appArticleList .headline:after {
  clear: both;
}
.appArticleList .headline .more {
  position: absolute;
  right: 0;
  bottom: 0.4em;
}
.page-sections.pullup-content > section:first-of-type {
  margin-top: 0;
}
.page-section--first {
  margin-top: -30px;
}
.page-section--first .headline--project-list .more {
  top: -30px;
}
@media (min-width: 940px) {
  .page-section--first .headline--project-list .more {
    color: #FFFFFF;
  }
  .project-list-more {
    opacity: 1;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
  }
  /*.masthead--slide-up ~ .pageContentWrap .project-list-more {
		opacity: 0;
	}*/
}
.funding-bar {
  font-size: 12px;
  border-radius: 0.5em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e4e4e4;
  position: relative;
}
.funding-bar--large {
  font-size: 15px;
}
.funding-bar__track {
  height: 100%;
  width: 10%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.funding-bar__track:first-child {
  overflow: hidden;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
.funding-bar__track--only {
  width: 90%;
}
.funding-bar__track--1st {
  width: 80%;
}
.funding-bar__track--finished,
.funding-bar__track--full {
  width: 100%;
}
.funding-bar__track--2nd {
  position: relative;
  overflow: visible;
}
.funding-bar__track--2nd .funding-bar__bar {
  position: absolute;
  left: -0.5em;
  top: 0;
}
.funding-bar__bar {
  height: 100%;
  width: 100%;
  background-color: #5dd382;
  -webkit-transition: width 1s ease;
  -o-transition: width 1s ease;
  transition: width 1s ease;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.funding-bar__bar--unsuccessful {
  background-color: #c1c1c1;
}
.funding-bar__bar--cofunding {
  background-color: #24468D;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.funding-bar__target {
  background-color: #c1c1c1;
  border-radius: 100%;
  height: 1em;
  width: 1em;
  z-index: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  position: relative;
}
@-webkit-keyframes radar {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
@keyframes radar {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
.funding-bar__target--animated:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #c1c1c1;
  border-radius: 50%;
  -webkit-animation: radar 1.75s ease-in-out infinite;
  animation: radar 1.75s ease-in-out infinite;
  pointer-events: none;
}
.funding-bar__target--success:before {
  content: " ";
  display: block;
  background-color: #238C87;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.funding-bar__target--success:after {
  content: " ";
  display: block;
  background-color: #5dd382;
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  left: -0.5em;
  z-index: 1;
}
.funding-bar__target--success.funding-bar__target--disbursed:before {
  background-color: #304b50;
}
.funding-bar__target--success.funding-bar__target--disbursed:after {
  background-color: #c1c1c1;
}
@media (min-width: 768px) {
  .funding-bar--large {
    font-size: 20px;
  }
}
.project-box {
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
}
.project-box__image {
  padding-bottom: 66.66666667%;
  background: #F5F5F5;
  position: relative;
  overflow: hidden;
}
.project-box__image.shine:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(0, 0, 0, 0.05)), to(transparent));
  background: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.05), transparent);
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.05), transparent);
  -webkit-animation: shine 1.5s infinite;
  animation: shine 1.5s infinite;
}
@-webkit-keyframes shine {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes shine {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.project-box__image.shine:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(0, 0, 0, 0.05)), to(transparent));
  background: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.05), transparent);
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.05), transparent);
  -webkit-animation: shine 1.5s infinite;
  animation: shine 1.5s infinite;
}
@keyframes shine {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.project-box__img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.project-box__cat,
.project-box__country {
  display: inline-block;
  height: 2.07692308em;
  padding: 0 0.76923077em;
  line-height: 2.35em;
  color: #FFFFFF;
  background-color: rgba(42, 42, 42, 0.8);
  float: left;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  z-index: 3;
}
.project-box__cat {
  left: 0;
}
.project-box__country {
  right: 0;
}
.project-box__ranking {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 28px;
  height: 28px;
}
.project-box__ranking-text {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 12px;
  line-height: 33px;
  letter-spacing: 0;
  text-align: center;
  position: relative;
  z-index: 2;
}
.project-box__ranking-svg {
  position: absolute;
  z-index: 1;
  top: 0;
}
.project-box__content {
  padding: 30px;
  padding-bottom: 0;
  height: 184px;
}
.project-box__hl {
  margin-top: 0;
  max-height: 38px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.project-box__teaser {
  height: 105px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.project-box__footer {
  height: 95px;
  margin-top: auto;
  padding: 30px;
  padding-top: 20px;
}
.project-box__stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  line-height: 1;
}
.project-box__stat {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 600;
}
.project-box__stat-2nd {
  font-weight: normal;
  font-size: 13px;
}
.project-box--bordered:after {
  content: " ";
  display: block;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  border-radius: 0;
  mix-blend-mode: darken;
}
@media (min-width: 940px) {
  .project-box {
    height: 472px;
  }
}
.headline--project-list .h2 {
  margin-bottom: 0;
}
.avatar-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.avatar-info:before,
.avatar-info:after {
  display: table;
  content: " ";
}
.avatar-info:after {
  clear: both;
}
.avatar-info:before,
.avatar-info:after {
  display: table;
  content: " ";
}
.avatar-info:after {
  clear: both;
}
.avatar-info .image {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  margin-bottom: auto;
}
.avatar-info .image img {
  width: 100%;
}
.avatar-info .image .img-alternate {
  width: 40px;
  height: 40px;
  background-color: #6d8083;
  border-radius: 50%;
  color: #f1f1f1;
  text-align: center;
  padding-top: 0.46666667em;
}
.avatar-info .info {
  width: calc(100% -  40px);
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
  z-index: 20;
}
.avatar-info .info .headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.avatar-info .info .headline a {
  display: inline-block;
  margin-right: 3px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.avatar-info .info .description {
  display: block;
  color: #6d8083;
  font-size: 86%;
}
.avatar-info .info .description a {
  color: #6d8083;
}
.avatar-info .info .description a:hover {
  color: #304b50;
}
.avatar-info .info .original {
  display: block;
}
.avatar-info .info .dropdown-menu-wrap {
  position: absolute;
  top: 10px;
  right: -5px;
}
.avatar-info .info .dropdown-menu-wrap .dropdown-menu-toggle {
  width: 24px;
  height: 24px;
  margin-top: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.avatar-info:hover .dropdown-menu-wrap .dropdown-menu-toggle {
  opacity: 1;
  pointer-events: auto;
}
.avatar-info + .avatar-info {
  margin-top: 1em;
}
.avatar-info[class*=col-] {
  margin-top: 1em;
}
.avatar-info .richtext {
  padding-left: 4em;
}
.follower-list {
  display: none;
}
.follower-list.in {
  display: block;
}
.minicard-list {
  position: relative;
  z-index: 1;
}
.minicard-list.active {
  z-index: 2;
}
.minicard-list > .container {
  padding: 0 2em;
}
.minicard-list .team-article-cell {
  margin-top: 2em;
  height: 8em;
  position: relative;
  z-index: 1;
}
.minicard-list .team-article-cell.active {
  z-index: 2;
}
.minicard-list .avatar-info {
  background-color: #FFFFFF;
  padding: 1em;
  cursor: pointer;
}
.minicard-list .avatar-info .image {
  width: 6em;
  height: 6em;
  margin-right: -6em;
}
.minicard-list .avatar-info .image .img-alternate {
  background-color: #c1c1c1;
  width: 6em;
  height: 6em;
  margin-right: -6em;
  opacity: 100%;
  display: block;
}
.minicard-list .avatar-info .headline {
  line-height: 1.2;
  max-height: 36px;
  overflow: hidden;
}
.minicard-list .avatar-info .info {
  padding-top: 0.5em;
  padding-left: 8em;
}
.minicard-list .avatar-info .description {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.contacts-followees-list {
  position: relative;
  z-index: 2;
}
.appArticleList .btn-lazy,
.minicard-list .btn-lazy {
  margin-top: 30px;
}
.appArticleList .btn-lazy p,
.minicard-list .btn-lazy p {
  margin-bottom: 0;
}
@media (min-width: 640px) {
  .team-article-cell {
    margin-top: 75px;
  }
  .team-article-cell:first-child,
  .team-article-cell:nth-child(2) {
    margin-top: 35px;
  }
  .minicard-list .article-cell {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .minicard-list > .container {
    padding: 0;
  }
  .minicard-list .team-article-cell {
    margin-top: 2em;
  }
  .minicard-list .team-article-cell:first-child,
  .minicard-list .team-article-cell:nth-child(2) {
    margin-top: 0;
  }
  .minicard-list .article-cell {
    max-width: 100%;
  }
}
@media (min-width: 940px) {
  .team-article-cell {
    margin-top: 75px;
  }
  .team-article-cell:first-child,
  .team-article-cell:nth-child(2),
  .team-article-cell:nth-child(3) {
    margin-top: 35px;
  }
  .minicard-list > .container {
    padding: 0;
  }
  .minicard-list .team-article-cell {
    margin-top: 2em;
  }
  .minicard-list .team-article-cell:first-child,
  .minicard-list .team-article-cell:nth-child(2),
  .minicard-list .team-article-cell:nth-child(3) {
    margin-top: 0;
  }
}
@media (max-width: 639px) {
  .appArticleList .headline h2,
  .section-search-user .headline h2,
  .appArticleList .headline .more,
  .section-search-user .headline .more {
    float: none;
  }
  .appArticleList .headline h2 + .more,
  .section-search-user .headline h2 + .more {
    display: block;
    position: static;
  }
  .appArticleList .headline--project-list .more,
  .section-search-user .headline--project-list .more {
    right: 15px;
  }
}
.page-section + .page-section--projects {
  margin-top: 0;
}
.page-section {
  margin-top: 2.66666667em;
}
@media (max-width: 939px) {
  .container.container--project-list {
    padding: 0 15px;
    width: 100%;
  }
}
@media (min-width: 940px) {
  .container.container--project-list {
    padding: 0;
  }
}
@media (min-width: 640px) and (max-width: 939px) {
  .container.container--project-list .js-preloaded-campaign {
    max-width: 50%;
    width: 50%;
  }
  .container > .container.container--project-list {
    padding: 0;
  }
  .page-fullwidth {
    padding-left: 15px;
    padding-right: 15px;
  }
  .page-fullwidth .vcard {
    max-width: none;
  }
  .page-fullwidth .teaser-navigation .container {
    width: 100%;
  }
  .page-fullwidth .container {
    padding: 0;
  }
  .page-fullwidth .navigation-horizontal .teaser-navigation .container .nav,
  .page-fullwidth .navigation-horizontal .teaser-navigation {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .page-fullwidth .statusgroup--page .container {
    padding: 1em;
  }
  .page-fullwidth .statusgroup--page .facts {
    padding-left: 15px;
  }
}
@media (max-width: 639px) {
  .article-cell {
    max-width: 100%;
  }
}
.section-text-image-teaser {
  padding: 5.33333333em 0 4.66666667em 0;
  background: #e4e4e4;
  margin-bottom: 2.66666667;
}
.section-text-image-teaser .headline h1 {
  font-size: 38px;
  font-weight: 400;
  margin-bottom: 0.52631579em;
  padding: 0;
  color: #304b50;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
}
.section-text-image-teaser .teaser {
  width: 100%;
  max-width: 62.66666667em;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.section-text-image-teaser .teaser:before,
.section-text-image-teaser .teaser:after {
  display: table;
  content: " ";
}
.section-text-image-teaser .teaser:after {
  clear: both;
}
.section-text-image-teaser .teaser:before,
.section-text-image-teaser .teaser:after {
  display: table;
  content: " ";
}
.section-text-image-teaser .teaser:after {
  clear: both;
}
.section-text-image-teaser .teaser .text {
  font-size: 22px;
  font-weight: 400;
  color: #304b50;
}
.section-text-image-teaser .teaser .text p:last-child,
.section-text-image-teaser .teaser .text ul ol:last-child {
  margin-bottom: 0;
}
.section-text-image-teaser .image {
  max-width: 65.33333333em;
  margin: 0 auto;
  position: relative;
  padding: 0;
}
.section-text-image-teaser .image img {
  display: block;
  max-width: 100%;
  margin: 2.66666667em auto -4.66666667em auto;
}
.section-text-image-teaser .bordered {
  background-color: #ffffff;
  border: 2px solid rgba(47, 75, 94, 0.3);
  padding: 10px;
  overflow: hidden;
  margin: 0 0 1.33333333em;
}
.section-text-image-teaser .bordered img {
  margin: 0;
}
.page-sections > a + .section-text-image-teaser {
  margin-top: 0;
}
.page-sections--max-width {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.fragment .appCommentSlider .table:last-child {
  margin-bottom: 30px;
}
.mytyForm {
  margin-bottom: 15px;
}
.mytyFormBox,
.mytyFormField {
  margin-bottom: 20px;
}
.mytyFormBox .mytyFormElementDescription,
.mytyFormField .mytyFormElementDescription,
.mytyFormBox .mytyFormElementSuccessMsg,
.mytyFormField .mytyFormElementSuccessMsg,
.mytyFormBox .mytyFormElementErrorMsg,
.mytyFormField .mytyFormElementErrorMsg {
  margin-top: 5px;
  font-size: 12px;
}
.mytyFormElementDescription > *:last-child {
  margin-bottom: 0;
}
.mytyFormLegend {
  display: none;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
fieldset + fieldset {
  margin-top: 30px;
}
.mytyFormBtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  padding: 10px 15px;
  font-size: 15px;
  line-height: 1.45;
  border-radius: 6px;
  padding-bottom: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  background-color: #5dd382;
  border-color: #5dd382;
}
.mytyFormBtn:focus,
.mytyFormBtn:active:focus,
.mytyFormBtn.active:focus,
.mytyFormBtn.focus,
.mytyFormBtn:active.focus,
.mytyFormBtn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.mytyFormBtn:hover,
.mytyFormBtn:focus,
.mytyFormBtn.focus {
  text-decoration: none;
}
.mytyFormBtn:active,
.mytyFormBtn.active {
  outline: 0;
  background-image: none;
}
.mytyFormBtn.mytyFormBtn.disabled,
.mytyFormBtn.mytyFormBtn[disabled],
fieldset[disabled] .mytyFormBtn {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  background-color: #c1c1c1;
  border-color: #c1c1c1;
}
.mytyFormBtn.invisible {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.mytyFormBtn .icon {
  fill: #FFFFFF;
  top: 0;
  margin-right: 1px;
}
.mytyFormBtn:hover,
.mytyFormBtn:focus,
.mytyFormBtn.focus,
.mytyFormBtn:active,
.mytyFormBtn.active {
  color: #FFFFFF;
  background-color: #41cb6c;
  border-color: #41cb6c;
}
.mytyFormBtn:hover .icon,
.mytyFormBtn:focus .icon,
.mytyFormBtn.focus .icon,
.mytyFormBtn:active .icon,
.mytyFormBtn.active .icon {
  fill: #FFFFFF;
}
.mytyFormBtn:active,
.mytyFormBtn.active {
  background-image: none;
}
.mytyFormBtn.disabled,
.mytyFormBtn[disabled],
fieldset[disabled] .mytyFormBtn,
.mytyFormBtn.disabled:hover,
.mytyFormBtn[disabled]:hover,
fieldset[disabled] .mytyFormBtn:hover,
.mytyFormBtn.disabled:focus,
.mytyFormBtn[disabled]:focus,
fieldset[disabled] .mytyFormBtn:focus,
.mytyFormBtn.disabled.focus,
.mytyFormBtn[disabled].focus,
fieldset[disabled] .mytyFormBtn.focus,
.mytyFormBtn.disabled:active,
.mytyFormBtn[disabled]:active,
fieldset[disabled] .mytyFormBtn:active,
.mytyFormBtn.disabled.active,
.mytyFormBtn[disabled].active,
fieldset[disabled] .mytyFormBtn.active {
  background-color: hsl(138.81355932, 27.2815534%, 59.60784314%);
  border-color: hsl(138.81355932, 27.2815534%, 59.60784314%);
  color: #cccccc;
}
.mytyFormBtnBox {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mytyFormBtnBox .mytyFormBtn {
  width: 100%;
}
@media (min-width: 768px) {
  .mytyFormBtnBox .mytyFormBtn {
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: calc(50% - 15px);
  }
}
.mytyFormBtnBox .mytyFormBtn + .mytyFormBtn {
  margin-top: 15px;
}
.text-primary {
  color: #5dd382;
}
.text-danger {
  color: #DC002D;
}
.text-success {
  color: #238C87;
}
.mytyFormLabel {
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  z-index: 3;
}
.mytyFormLabel label {
  cursor: pointer;
  margin-bottom: 0;
}
.mytyFormLabel p {
  display: inline;
}
.mytyFormLabel a,
.mytyFormFieldsetDescription a {
  color: #5dd382;
  overflow-wrap: break-word;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  font-weight: 400;
}
.mytyFormLabel a:focus,
.mytyFormFieldsetDescription a:focus,
.mytyFormLabel a:hover,
.mytyFormFieldsetDescription a:hover {
  color: #2b9f4f;
  text-decoration: none;
}
.mytyFormControl {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #c1c1c1;
  border-radius: 0;
  color: #304b50;
  background: #FFFFFF;
  height: 30px;
  padding: 0;
  margin: 0;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  font-size: 15px;
}
.mytyFormControl:hover {
  border-color: #8e8e8e;
}
.mytyFormControl[disabled],
.mytyFormControl[readonly] {
  cursor: not-allowed;
  color: #97a5a7;
}
.mytyFormControl[disabled]:focus,
.mytyFormControl[readonly]:focus {
  border-color: #e4e4e4;
}
.mytyFormControl::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.mytyFormControl:-ms-input-placeholder {
  color: #999999;
}
.mytyFormControl::-webkit-input-placeholder {
  color: #999999;
}
.mytyFormControl::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.mytyFormControl:-ms-input-placeholder {
  color: #999999;
}
.mytyFormControl::-webkit-input-placeholder {
  color: #999999;
}
select.mytyFormControl {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAuMSAxOTAuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIwLjEgMTkwLjciPjxwYXRoIGZpbGw9IiMzMDRiNTAiIGQ9Ik0xNTEuNSAxODcuMWwtMTQ4LTE0Ni44Yy00LjctNC43LTQuNy0xMi4zIDAtMTdsMTkuOC0xOS44YzQuNy00LjcgMTIuMy00LjcgMTcgMGwxMTkuNyAxMTguNSAxMTkuNy0xMTguNWM0LjctNC43IDEyLjMtNC43IDE3IDBsMTkuOCAxOS44YzQuNyA0LjcgNC43IDEyLjMgMCAxN2wtMTQ4IDE0Ni44Yy00LjcgNC43LTEyLjMgNC43LTE3IDB6Ii8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: right 10px;
  background-size: 10px 10px;
}
.is-default select.mytyFormControl {
  color: transparent;
}
.mytyFormControl[disabled] {
  cursor: not-allowed;
  color: #97a5a7;
}
.mytyFormControl .mytyFormElementErrorMsg {
  margin-top: 10px;
}
.mytyFormControl--large {
  font-size: 20px;
}
.mytyFormBox:after {
  content: '';
  top: 46px;
  left: 15px;
  right: 15px;
  position: absolute;
  border-color: #5dd382;
  border-style: solid;
  border-width: thin 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  -o-transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  will-change: transform;
}
.mytyFormBox.is-focused:after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.mytyFormBox.mytyFormRichtextBox:after,
.mytyFormBox.mytyFormTextAreaBox:after {
  top: unset;
  bottom: -1px;
}
.mytyFormFieldsetDescription,
.mytyFormPasswordQualityBox,
.mytyFormFileRequirements {
  font-size: 13px;
}
.mytyFormPasswordValidation,
.mytyFormFlexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 0;
}
.mytyFormPasswordValidation > .mytyFormFieldsetDescription,
.mytyFormFlexbox > .mytyFormFieldsetDescription {
  margin-top: 30px;
  margin-bottom: 15px;
}
.mytyFormFlexbox > .mytyFormPasswordValidation {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.col-fm-12,
.mytyFormBox:not(.mytyFormPasswordValidation),
.mytyFormFieldsetDescription,
.mytyFormCheckboxField .mytyFormElementDescription {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  text-align: left;
}
.mytyFormFieldset > .mytyFormFieldsetDescription {
  margin: 0;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  color: #304b50;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.22222222;
  letter-spacing: normal;
}
.mytyFormFieldset > .mytyFormFieldsetDescription small,
.mytyFormFieldset > .mytyFormFieldsetDescription .small {
  font-weight: normal;
  line-height: 1;
  color: #a1a1a1;
}
strong.mytyFormFieldset > .mytyFormFieldsetDescription {
  display: block;
}
.mytyFormFieldset > .mytyFormFieldsetDescription small,
.mytyFormFieldset > .mytyFormFieldsetDescription .small {
  font-size: 65%;
}
.mytyUIDatePickerBox.is-default .mytyFormLabel,
.mytyFormSelectBox.is-default .mytyFormLabel {
  pointer-events: none;
}
.mytyFormRichtextBox .mytyFormControl.fr-box {
  height: auto;
  min-height: 30px;
}
.mytyFormRichtextBox .mytyFormControl.fr-box.has-focus {
  border-color: #5dd382;
}
.mytyFormRichtextBox .mytyFormControl.fr-box .fr-wrapper {
  padding: 0;
  max-width: unset;
  height: 100%;
}
.mytyFormRichtextBox .mytyFormControl.fr-box .fr-wrapper .fr-view {
  display: inline-block;
  width: 100%;
}
.mytyFormRichtextBox .mytyFormControl.fr-box .fr-wrapper p > br {
  display: block;
}
.mytyFormRichtextBox .mytyFormControl.fr-box .fr-counter {
  top: -21px;
  padding-right: 0;
  bottom: unset !important;
  border: none;
  font-size: 12px;
  color: #999999;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}
.mytyFormCaptchaBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-bottom: 1px;
}
.mytyFormCaptchaBox:after,
.mytyFormCaptchaBox .mytyFormLabel.mytyFormLabel {
  left: 170px;
}
@media (max-width: 374px) {
  .mytyFormCaptchaBox:after,
  .mytyFormCaptchaBox .mytyFormLabel.mytyFormLabel {
    left: 115px;
  }
}
.mytyFormCaptchaBox .mytyFormCaptchaImg {
  height: 30px;
  width: 124px;
  margin-right: 30px;
}
@media (max-width: 374px) {
  .mytyFormCaptchaBox .mytyFormCaptchaImg {
    width: 84px;
    margin-right: 15px;
  }
}
.mytyFormCaptchaBox .mytyFormCaptchaInputBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.mytyFormTextBox,
.mytyFormSelectBox,
.mytyUIDatePickerBox,
.mytyFormPasswordBox,
.mytyFormCurrentPasswordBox,
.mytyFormPasswordValidationBox,
.mytyFormCaptchaBox,
.linkCaption,
.mytyFormTextAreaBox,
.mytyFormRichtextBox {
  position: relative;
  padding-top: 17px;
  min-width: 0;
}
.mytyFormTextBox .mytyFormLabel,
.mytyFormSelectBox .mytyFormLabel,
.mytyUIDatePickerBox .mytyFormLabel,
.mytyFormPasswordBox .mytyFormLabel,
.mytyFormCurrentPasswordBox .mytyFormLabel,
.mytyFormPasswordValidationBox .mytyFormLabel,
.mytyFormCaptchaBox .mytyFormLabel,
.linkCaption .mytyFormLabel,
.mytyFormTextAreaBox .mytyFormLabel,
.mytyFormRichtextBox .mytyFormLabel {
  position: absolute;
  top: 0;
  left: 15px;
  width: calc(100% - 30px);
  -webkit-transition: color 0.2s linear, -webkit-transform 0.2s ease-in-out;
  transition: color 0.2s linear, -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out, color 0.2s linear;
  transition: transform 0.2s ease-in-out, color 0.2s linear;
  transition: transform 0.2s ease-in-out, color 0.2s linear, -webkit-transform 0.2s ease-in-out;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  z-index: 3;
  font-size: 12px;
  color: #999999;
}
.mytyFormTextBox .mytyFormLabel label,
.mytyFormSelectBox .mytyFormLabel label,
.mytyUIDatePickerBox .mytyFormLabel label,
.mytyFormPasswordBox .mytyFormLabel label,
.mytyFormCurrentPasswordBox .mytyFormLabel label,
.mytyFormPasswordValidationBox .mytyFormLabel label,
.mytyFormCaptchaBox .mytyFormLabel label,
.linkCaption .mytyFormLabel label,
.mytyFormTextAreaBox .mytyFormLabel label,
.mytyFormRichtextBox .mytyFormLabel label {
  cursor: pointer;
  margin-bottom: 0;
}
.mytyFormTextBox .mytyFormLabel p,
.mytyFormSelectBox .mytyFormLabel p,
.mytyUIDatePickerBox .mytyFormLabel p,
.mytyFormPasswordBox .mytyFormLabel p,
.mytyFormCurrentPasswordBox .mytyFormLabel p,
.mytyFormPasswordValidationBox .mytyFormLabel p,
.mytyFormCaptchaBox .mytyFormLabel p,
.linkCaption .mytyFormLabel p,
.mytyFormTextAreaBox .mytyFormLabel p,
.mytyFormRichtextBox .mytyFormLabel p {
  display: inline;
}
@media (max-width: 767px) {
  .mytyFormTextBox .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .mytyFormTextBox .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .mytyFormTextBox .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .mytyFormTextBox .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .mytyFormTextBox .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .mytyFormTextBox .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .mytyFormTextBox .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .mytyFormTextBox .mytyFormLabel.linkCaption .mytyFormLabel,
  .mytyFormTextBox .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .mytyFormTextBox .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.linkCaption .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .mytyFormSelectBox .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.linkCaption .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .mytyUIDatePickerBox .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.linkCaption .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .mytyFormPasswordBox .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.linkCaption .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .mytyFormCurrentPasswordBox .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.linkCaption .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .mytyFormPasswordValidationBox .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.linkCaption .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .mytyFormCaptchaBox .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel,
  .linkCaption .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .linkCaption .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .linkCaption .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .linkCaption .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .linkCaption .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .linkCaption .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .linkCaption .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .linkCaption .mytyFormLabel.linkCaption .mytyFormLabel,
  .linkCaption .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .linkCaption .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.linkCaption .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .mytyFormTextAreaBox .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.mytyFormTextBox .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.mytyFormSelectBox .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.mytyUIDatePickerBox .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.mytyFormPasswordBox .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.mytyFormCurrentPasswordBox .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.mytyFormPasswordValidationBox .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.mytyFormCaptchaBox .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.linkCaption .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.mytyFormTextAreaBox .mytyFormLabel,
  .mytyFormRichtextBox .mytyFormLabel.mytyFormRichtextBox .mytyFormLabel {
    width: 100%;
  }
}
.mytyFormTextBox .tyFormTextCounter,
.mytyFormSelectBox .tyFormTextCounter,
.mytyUIDatePickerBox .tyFormTextCounter,
.mytyFormPasswordBox .tyFormTextCounter,
.mytyFormCurrentPasswordBox .tyFormTextCounter,
.mytyFormPasswordValidationBox .tyFormTextCounter,
.mytyFormCaptchaBox .tyFormTextCounter,
.linkCaption .tyFormTextCounter,
.mytyFormTextAreaBox .tyFormTextCounter,
.mytyFormRichtextBox .tyFormTextCounter {
  position: absolute;
  right: 0;
  top: 0;
}
.mytyFormTextBox.is-default .tyFormTextCounter,
.mytyFormSelectBox.is-default .tyFormTextCounter,
.mytyUIDatePickerBox.is-default .tyFormTextCounter,
.mytyFormPasswordBox.is-default .tyFormTextCounter,
.mytyFormCurrentPasswordBox.is-default .tyFormTextCounter,
.mytyFormPasswordValidationBox.is-default .tyFormTextCounter,
.mytyFormCaptchaBox.is-default .tyFormTextCounter,
.linkCaption.is-default .tyFormTextCounter,
.mytyFormTextAreaBox.is-default .tyFormTextCounter,
.mytyFormRichtextBox.is-default .tyFormTextCounter {
  display: none;
}
.mytyFormTextBox.is-default .mytyFormLabel,
.mytyFormSelectBox.is-default .mytyFormLabel,
.mytyUIDatePickerBox.is-default .mytyFormLabel,
.mytyFormPasswordBox.is-default .mytyFormLabel,
.mytyFormCurrentPasswordBox.is-default .mytyFormLabel,
.mytyFormPasswordValidationBox.is-default .mytyFormLabel,
.mytyFormCaptchaBox.is-default .mytyFormLabel,
.linkCaption.is-default .mytyFormLabel,
.mytyFormTextAreaBox.is-default .mytyFormLabel,
.mytyFormRichtextBox.is-default .mytyFormLabel {
  -webkit-transform: translateY(21px) scale(1.25);
  -ms-transform: translateY(21px) scale(1.25);
  transform: translateY(21px) scale(1.25);
  width: calc((100% - 30px)*0.8);
}
.mytyFormTextBox label,
.mytyFormSelectBox label,
.mytyUIDatePickerBox label,
.mytyFormPasswordBox label,
.mytyFormCurrentPasswordBox label,
.mytyFormPasswordValidationBox label,
.mytyFormCaptchaBox label,
.linkCaption label,
.mytyFormTextAreaBox label,
.mytyFormRichtextBox label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.is-focused .mytyFormLabel.mytyFormLabel {
  color: #5dd382;
}
.mytyFormNumberBox.mytyFormNumberBox {
  max-width: 80px;
}
.mytyFormPasswordQualityBox {
  margin-top: 5px;
  margin-bottom: -5px;
}
.mytyFormPasswordQualityBox .mytyFormPasswordQualityBar {
  border: none;
  background-color: #f1f1f1;
  width: 100%;
}
.mytyFormPasswordQualityBox .mytyFormPasswordQualityBar,
.mytyFormPasswordQualityBox .mytyFormPasswordQualityBarProgress {
  height: 5px;
}
.mytyFormPasswordStrength .mytyFormElementDescription {
  display: none;
}
.linkCaption.linkCaption .mytyFormInputGroup-addon {
  font-size: 15px;
  font-weight: normal;
  color: #999999;
}
.linkCaption .mytyFormElementLoading {
  display: none;
  width: 26px;
  height: 26px;
  margin-bottom: 4px;
  border-radius: 50%;
  -webkit-animation: spin 0.75s infinite linear;
  animation: spin 0.75s infinite linear;
  border: 2px solid #304b50;
  border-right-color: transparent;
}
.linkCaption .mytyFormElementLoading.is-active {
  display: block;
}
.linkCaptionVerification {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.linkCaptionVerification .mytyFormElementDescription span {
  display: none;
}
.mytyFormElementSuccessMsg {
  color: #238C87;
}
.mytyFormElementErrorMsg {
  color: #DC002D;
}
.mytyFormControl + .mytyFormElementErrorMsg {
  margin-top: 10px;
}
.mytyFormInputGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 1px;
}
.mytyFormInputGroup .mytyFormControl {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  border-bottom: none;
}
.mytyFormInputGroup .mytyFormControl[type="number"] {
  -moz-appearance: textfield;
}
.mytyFormInputGroup .mytyFormControl[type="number"]::-webkit-inner-spin-button,
.mytyFormInputGroup .mytyFormControl[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mytyFormInputGroup .mytyFormControl + *:after {
  content: " ";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background-color: #c1c1c1;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.mytyFormError.mytyFormError.mytyFormError.mytyFormError .mytyFormInputGroup .mytyFormControl + *:after {
  background-color: #DC002D;
}
.mytyFormInputGroup .mytyFormControl:focus + *:after {
  background-color: #5dd382;
}
.mytyFormInputGroup .mytyFormInputGroup-addon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  background-color: #FFFFFF;
}
.mytyFormInputGroup .mytyFormInputGroup-addon.is-disabled {
  color: #e4e4e4;
  pointer-events: none;
}
.mytyFormInputGroup .mytyFormInputGroup-addon:hover {
  text-decoration: none;
}
.mytyFormInputGroup .mytyFormInputGroup-addon + .mytyFormControl {
  text-align: center;
}
.mytyFormBoxMultiUpload {
  position: relative;
  min-height: 1px;
}
.mytyFormBoxMultiUpload:before,
.mytyFormBoxMultiUpload:after {
  display: table;
  content: " ";
}
.mytyFormBoxMultiUpload:after {
  clear: both;
}
.mytyFormBoxMultiUpload:before,
.mytyFormBoxMultiUpload:after {
  display: table;
  content: " ";
}
.mytyFormBoxMultiUpload:after {
  clear: both;
}
.mytyFormBoxMultiUpload input[type="file"] {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
}
.mytyFormBoxMultiUpload.noHTML5 input[type="file"] {
  width: 100%;
  height: auto;
  position: static;
  left: auto;
}
.mytyFormBoxMultiUpload .mytyFormLabel {
  color: #999999;
  cursor: default;
  font-size: 15px;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload {
  width: 100%;
  padding: 0;
  min-height: 1px;
  display: inline-block;
  float: none;
  clear: left;
  position: relative;
  cursor: pointer;
  background-color: #f1f1f1;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile {
  position: relative;
  cursor: pointer;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  min-height: 100px;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile img {
  max-width: 100%;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile .tyUploadFile {
  width: 128px;
  height: 128px;
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTM3LjYgMjI2LjZjNC4xLTEwLjcgNi40LTIyLjQgNi40LTM0LjYgMC01My00My05Ni05Ni05Ni0xOS43IDAtMzguMSA2LTUzLjMgMTYuMi0yNy43LTQ4LTc5LjQtODAuMi0xMzguNy04MC4yLTg4LjQgMC0xNjAgNzEuNi0xNjAgMTYwIDAgMi43LjEgNS40LjIgOC4xLTU2IDE5LjctOTYuMiA3My4xLTk2LjIgMTM1LjkgMCA3OS41IDY0LjUgMTQ0IDE0NCAxNDRoMzY4YzcwLjcgMCAxMjgtNTcuMyAxMjgtMTI4IDAtNjEuOS00NC0xMTMuNi0xMDIuNC0xMjUuNHptLTE0NC4yIDYxLjRoLTY1LjR2MTEyYzAgOC44LTcuMiAxNi0xNiAxNmgtNDhjLTguOCAwLTE2LTcuMi0xNi0xNnYtMTEyaC02NS40Yy0xNC4zIDAtMjEuNC0xNy4yLTExLjMtMjcuM2wxMDUuNC0xMDUuNGM2LjItNi4yIDE2LjQtNi4yIDIyLjYgMGwxMDUuNCAxMDUuNGMxMC4xIDEwLjEgMi45IDI3LjMtMTEuMyAyNy4zeiIvPjwvc3ZnPg==') no-repeat center center / 75px;
  background-color: rgba(48, 75, 80, 0.3);
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile .tyUploadFile .tyPreview {
  display: none;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile .tyUploadFile img {
  display: none;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile .mytyFormElementDescription {
  padding: 5px 10px;
  margin-left: 0;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile .mytyFormElementDescription:empty {
  display: none;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile .btn-group {
  display: none;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile.has-preview .btn-group {
  padding: 15px;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormBoxFile.has-preview .btn-group .btn [class*="icon-"] {
  display: none;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .tyUploadedInfoContainer {
  padding: 20px;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload img {
  max-width: 100%;
  display: block;
}
.mytyFormBoxMultiUpload .mytyFormBoxUpload .mytyFormControl {
  height: 27px;
  line-height: 1.2;
  font-size: 13px;
  padding: 5px 10px;
  float: none;
  width: 100%;
}
.mytyFormBoxMultiUpload .tyProgressBar {
  background-color: transparent;
  height: 5px;
  padding: 0;
  width: 100%;
  border-radius: 0;
  float: none;
  clear: left;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mytyFormBoxMultiUpload .tyProgressBar .tyProgressBarProgress {
  display: inline-block;
  height: 100%;
  -webkit-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  position: relative;
  background: #5dd382 -webkit-gradient(linear, left top, left bottom, from(#5dd382), to(#85dea1));
  background: #5dd382 -o-linear-gradient(top, #5dd382, #85dea1);
  background: #5dd382 linear-gradient(to bottom, #5dd382, #85dea1);
}
.mytyFormBoxMultiUpload .tyProgressBar .tyProgressBarProgress:after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 0;
  -webkit-animation: animate-shine 2s ease-out infinite;
  animation: animate-shine 2s ease-out infinite;
}
@-webkit-keyframes animate-shine {
  0% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    width: 95%;
  }
}
@keyframes animate-shine {
  0% {
    opacity: 0;
    width: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    width: 95%;
  }
}
.mytyFormTextAreaBox + .mytyFormBoxMultiUpload,
.mytyFormTextBox + .mytyFormBoxMultiUpload {
  margin-top: 5px;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded {
  padding: 0;
  background: #e4e4e4;
  background-color: rgba(255, 255, 255, 0.3);
  position: relative;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded:before,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded:after {
  display: table;
  content: " ";
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded:after {
  clear: both;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded:before,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded:after {
  display: table;
  content: " ";
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded:after {
  clear: both;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .mytyFormControl.js_myty_file_description {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 20px;
  width: calc(100% - 60px - 8em);
  padding: 5px;
  resize: none;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-group {
  width: 3em;
  height: 3em;
  background-color: rgba(48, 75, 80, 0);
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  text-align: center;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-edit,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-move,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-remove {
  width: 3em;
  height: 3em;
  padding: 0;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-edit.btn.btn,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-move.btn.btn,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-remove.btn.btn {
  background-color: transparent;
  border-color: transparent;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-edit .caption,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-move .caption,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-remove .caption {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-edit [class*="icon-"],
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-move [class*="icon-"],
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-remove [class*="icon-"] {
  display: block;
  width: 100%;
  height: 3em;
  padding-top: 3px;
  text-align: right;
  color: #4e666b;
  -webkit-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-edit [class*="icon-"]:before,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-move [class*="icon-"]:before,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-remove [class*="icon-"]:before {
  font-size: 21px;
  font-weight: 700;
  padding: 5px 10px;
  text-shadow: 0 0 1px #FFFFFF;
  background: rgba(255, 255, 255, 0.5);
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-edit:hover [class*="icon-"],
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-move:hover [class*="icon-"],
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-remove:hover [class*="icon-"] {
  color: #304b50;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .btn-move:hover {
  cursor: -webkit-grab;
  cursor: grab;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .icon-edit:before {
  content: "[]";
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .icon-move:before {
  content: ":::";
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .icon-remove:before {
  content: "×";
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .tyUploadedInfoContainer {
  width: 100%;
  float: left;
  position: relative;
  margin-right: -8em;
  padding: 20px;
  height: 8em;
  overflow: hidden;
  background-color: #f1f1f1;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .tyUploadedInfoContainer > span,
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .tyUploadedInfoContainer > a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .tyUploadedInfoContainer .tyFilename {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .tyPreview {
  height: 8em;
  width: 8em;
  float: right;
  padding: 0;
  overflow: hidden;
  position: relative;
  margin: 0;
  z-index: 1;
}
.mytyFormBoxMultiUpload .mytyFormBoxUploaded .tyPreview img {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  max-height: 100% !important;
}
.img-wide .mytyFormBoxUpload .mytyFormBoxFile {
  padding: 0;
}
.img-wide .mytyFormBoxMultiUpload .mytyFormBoxUploaded .tyUploadedInfoContainer {
  margin-right: 0;
}
.img-wide .mytyFormBoxUpload .mytyFormBoxFile .tyUploadFile {
  width: 100%;
  height: 8em;
  position: static;
  left: auto;
  top: auto;
  margin-top: 0;
  background-color: rgba(48, 75, 80, 0.3);
}
.img-wide .tyUploadedFileInfo {
  width: 100%;
  float: left;
  position: relative;
  margin-right: 0;
  padding: 1.5em 2em;
  padding-left: 1.33333333em;
  height: auto;
  overflow: hidden;
  background: #f1f1f1;
  background-color: rgba(255, 255, 255, 0.3);
}
.img-wide .tyUploadedFileInfo > span,
.img-wide .tyUploadedFileInfo > a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.img-wide .tyUploadedFileInfo .tyFilename {
  display: none;
}
.img-wide .mytyFormBoxUploaded .tyPreview {
  display: block;
  float: none;
  width: 100%;
  height: auto;
}
.img-wide .mytyFormBoxUploaded .tyPreview .tyDownloadAnchor {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.img-wide .mytyFormBoxUploaded .tyPreview .tyDownloadAnchor img {
  width: 100% !important;
  max-height: 53.33333333em !important;
}
.mytyFormError {
  color: #DC002D;
}
.mytyFormError:after,
.mytyFormError .mytyFormControl,
.mytyFormError.mytyFormControl,
.mytyFormError .mytyFormInputGroup-addon.mytyFormInputGroup-addon.mytyFormInputGroup-addon {
  border-color: #DC002D;
}
.mytyFormError .mytyFormLabel.mytyFormLabel.mytyFormLabel {
  color: #DC002D;
}
.mytyFormError a {
  color: #DC002D;
  font-weight: 700;
}
.mytyFormError a:focus,
.mytyFormError a:hover {
  color: #DC002D;
  text-decoration: underline;
}
.mytyFormCheckboxBox,
.mytyFormRadioBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
}
.mytyFormCheckboxBox input,
.mytyFormRadioBox input {
  width: 18px;
  height: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1px solid #c1c1c1;
  background-color: #FFFFFF;
  border-radius: 0;
  margin-right: 10px;
  margin-top: 1px;
  position: relative;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  cursor: pointer;
}
.mytyFormCheckboxBox input:after,
.mytyFormRadioBox input:after {
  content: " ";
  display: block;
  position: absolute;
  left: 3px;
  top: 4px;
  width: 10px;
  height: 5px;
  border-left: 2px solid #304b50;
  border-bottom: 2px solid #304b50;
  -webkit-transform: rotate(-20deg) scale(0);
  -ms-transform: rotate(-20deg) scale(0);
  transform: rotate(-20deg) scale(0);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  transition: -webkit-transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  -o-transition: transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  transition: transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  transition: transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55), -webkit-transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  will-change: transform;
}
.mytyFormCheckboxBox input:hover,
.mytyFormRadioBox input:hover {
  border-color: #8e8e8e;
}
.mytyFormCheckboxBox input:checked,
.mytyFormRadioBox input:checked {
  border-color: #304b50;
}
.mytyFormCheckboxBox input:checked:after,
.mytyFormRadioBox input:checked:after {
  -webkit-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}
.mytyFormCheckboxBox .mytyFormLabel,
.mytyFormRadioBox .mytyFormLabel {
  font-weight: 400;
  cursor: pointer;
}
.mytyFormSelectBox + .mytyFormCheckboxBox,
.mytyFormTextBox + .mytyFormCheckboxBox,
.mytyFormSelectBox + .mytyFormCheckboxField,
.mytyFormTextBox + .mytyFormCheckboxField {
  margin-top: 15px;
}
.mytyFormRadioBox input {
  border-radius: 50%;
  border-width: 1px;
}
.mytyFormRadioBox input:after {
  width: 8px;
  height: 8px;
  top: 4px;
  left: 4px;
  border: none;
  border-radius: 50%;
  background: #304b50;
  opacity: 1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  transition: -webkit-transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  -o-transition: transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  transition: transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  transition: transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55), -webkit-transform 0.2s cubic-bezier(0.54, 0.35, 0.27, 1.55);
  will-change: transform;
}
.mytyFormRadioBox input:checked:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.select2-container {
  width: 100%;
}
.select2-container .select2-selection.select2-selection .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
}
.select2-container .select2-selection--multiple {
  height: 30px;
  min-height: 0;
}
.select2-container.select2-container.select2-container .select2-selection--multiple {
  border: none;
  border-bottom: 1px solid #c1c1c1;
  border-radius: 0;
}
.select2-container.select2-container .select2-search__field::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.select2-container.select2-container .select2-search__field:-ms-input-placeholder {
  color: transparent;
}
.select2-container.select2-container .select2-search__field::-webkit-input-placeholder {
  color: transparent;
}
.select2-container.select2-container .select2-search__field::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.select2-container.select2-container .select2-search__field:-ms-input-placeholder {
  color: transparent;
}
.select2-container.select2-container .select2-search__field::-webkit-input-placeholder {
  color: transparent;
}
.select2-container .select2-search__field {
  width: 100% !important;
}
.select2-container .select2-dropdown {
  border-color: #c1c1c1;
  border-radius: 0;
}
@media (min-width: 768px) {
  .mytyFormCheckboxBox:not(.checkbox-sm) input,
  .mytyFormRadioBox:not(.radio-sm) input {
    width: 22px;
    height: 22px;
  }
  .mytyFormCheckboxBox:not(.checkbox-sm) input:after,
  .mytyFormRadioBox:not(.radio-sm) input:after {
    width: 14px;
    height: 7px;
  }
  .mytyFormRadioBox:not(.radio-sm) input:after {
    width: 10px;
    height: 10px;
    top: 5px;
    left: 5px;
  }
  .mytyFormBody .col-fm-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .mytyFormBody .col-fm-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mytyFormBody .col-fm-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .mytyFormBody .col-fm-6,
  .mytyFormBody .div-mytyFormBoxHs,
  .mytyFormBody .div-mytyFormBoxHsr {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mytyFormBody .col-fm-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .mytyFormBody .col-fm-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mytyFormBody .col-fm-10 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .mytyFormBody .break-after {
    -webkit-column-break-after: always;
    page-break-after: always;
    break-after: always;
  }
  .mytyFormBody .break-after.col-fm-6 {
    margin-right: 50%;
  }
  .mytyFormBody .right {
    margin-left: auto;
  }
}
@-webkit-keyframes splashIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.8;
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes splashIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.8;
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.checkbox-switch,
.formmanager .checkbox-switch {
  padding: 0 15px;
  margin: 30px 0 0 0;
}
.checkbox-switch + .checkbox-switch,
.formmanager .checkbox-switch + .checkbox-switch {
  margin-top: 15px;
}
.checkbox-switch_container {
  position: relative;
}
.checkbox-switch_label,
.checkbox-switch_button {
  padding-top: 0;
  padding-bottom: 0;
}
.checkbox-switch_element {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 0;
  cursor: pointer;
  opacity: 0;
}
.checkbox-switch_element:checked ~ .checkbox-switch_caption:after {
  margin-left: 22px;
  content: "";
}
.checkbox-switch_element:checked ~ .checkbox-switch_caption:before {
  -webkit-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}
.checkbox-switch_button {
  padding: 0;
  border: 0;
  background-color: transparent;
  line-height: inherit;
}
.checkbox-switch_caption {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  padding-left: 66.5px;
  line-height: 1.2;
}
.checkbox-switch_caption:before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: "";
  height: 22px;
  width: 44px;
  -webkit-transition: background 0.15s ease-out;
  -o-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}
.checkbox-switch_caption:after {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: #FFFFFF;
  -webkit-transition: margin-left 0.1s ease-in-out;
  -o-transition: margin-left 0.1s ease-in-out;
  transition: margin-left 0.1s ease-in-out;
  text-align: center;
  font-weight: bold;
  content: "";
}
.checkbox-switch.field--always-on .checkbox-switch_caption {
  padding: 0;
}
.checkbox-switch.field--always-on .checkbox-switch_caption:before,
.checkbox-switch.field--always-on .checkbox-switch_caption:after {
  display: none;
}
.checkbox-switch.field--always-on .mytyFormInputGroup {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.checkbox-switch.field--always-on .mytyFormInputGroup-addon {
  font-size: 15px;
  color: #5dd382;
  float: right;
}
.checkbox-switch_element:checked ~ .checkbox-switch_caption:after {
  margin-left: 22px;
  content: "";
}
.checkbox-switch_element:checked ~ .checkbox-switch_caption:before {
  -webkit-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}
.checkbox-switch_button[data-status=checked] .checkbox-switch_caption:after {
  margin-left: 22px;
  content: "";
}
.checkbox-switch_button[data-status=checked] .checkbox-switch_caption:before {
  -webkit-transition: background 0.2s ease-in;
  -o-transition: background 0.2s ease-in;
  transition: background 0.2s ease-in;
}
.checkbox-switch_caption--left {
  padding-left: 0;
  padding-right: 66.5px;
}
.checkbox-switch_caption--left:before {
  left: auto;
  right: 0;
}
.checkbox-switch_caption--left:after {
  left: auto;
  right: 0;
  margin-right: 22px;
  -webkit-transition: margin-right 0.1s ease-in-out;
  -o-transition: margin-right 0.1s ease-in-out;
  transition: margin-right 0.1s ease-in-out;
}
.checkbox-switch_element:checked ~ .checkbox-switch_caption--left:after {
  margin-left: 0;
  margin-right: 0;
}
.checkbox-switch_button[data-status=checked] .checkbox-switch_caption--left:after {
  margin-left: 0;
  margin-right: 0;
}
.checkbox-switch_caption:before {
  height: 14px !important;
  border-radius: 8px;
  top: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 44px;
  background: #c1c1c1;
}
.checkbox-switch_caption:after {
  border: 2px solid #c1c1c1;
  border-radius: 22px;
}
.checkbox-switch_element:checked ~ .checkbox-switch_caption:after,
.checkbox-switch_button[data-status=checked] .checkbox-switch_caption:after {
  background: #5dd382;
  margin-left: 22px;
  border: 2px solid #5dd382;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-animation: splashIn ease-in 0.3s normal;
  animation: splashIn ease-in 0.3s normal;
}
.checkbox-switch_element:checked ~ .checkbox-switch_caption:before,
.checkbox-switch_button[data-status=checked] .checkbox-switch_caption:before {
  background: #ade9c0;
  background: rgba(93, 211, 130, 0.5);
}
.checkbox-switch_element:disabled:checked ~ .checkbox-switch_caption:after {
  background: #e4e4e4;
}
.checkbox-switch_element:disabled:checked ~ .checkbox-switch_caption::before {
  background: rgba(228, 228, 228, 0.5);
}
.checkbox-switch_element:disabled + .checkbox-switch_caption:after {
  border-color: #e4e4e4;
}
.checkbox-switch_element:disabled + .checkbox-switch_caption:before {
  background: #e4e4e4;
}
.checkbox-switch_element:disabled + .checkbox-switch_caption {
  color: #e4e4e4;
}
.checkbox-switch_element:checked ~ .checkbox-switch_caption.checkbox-switch_caption:before {
  background-color: #e7f8ec;
}
.checkbox-switch_button--disabled[data-status=checked] .checkbox-switch_caption:after {
  background: #e4e4e4;
}
.checkbox-switch_button--disabled[data-status=checked] .checkbox-switch_caption::before {
  background: rgba(228, 228, 228, 0.5);
}
.checkbox-switch_button--disabled[data-status=checked] .checkbox-switch_caption:after,
.checkbox-switch_button--disabled .checkbox-switch_caption:after {
  border-color: #e4e4e4;
}
.checkbox-switch_button--disabled .checkbox-switch_caption:before {
  background: #e4e4e4;
}
.checkbox-switch_button--disabled .checkbox-switch_caption {
  color: #e4e4e4;
}
.formmanager .checkbox-switch {
  padding: 22.5px 0 0;
  margin-bottom: 0;
}
.ui-datepicker {
  display: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  background-color: #FFFFFF;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  overflow: hidden;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 5px 0;
}
.ui-datepicker .ui-datepicker-header a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #304b50;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-e {
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-w:before,
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-e:before {
  padding-right: 20px;
  vertical-align: middle;
  font-size: 22px;
  line-height-base: 1em;
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-w:after,
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-e:after {
  padding-left: 20px;
  vertical-align: middle;
  font-size: 22px;
  line-height: 1em;
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-w:before {
  content: "<";
  padding-left: 5px;
}
.ui-datepicker .ui-datepicker-header a span.ui-icon-circle-triangle-e:before {
  content: ">";
  padding-left: 5px;
}
.ui-datepicker .ui-datepicker-header a:hover {
  color: #5dd382;
}
.ui-datepicker .ui-datepicker-header a.ui-state-disabled {
  opacity: 0.33;
}
.ui-datepicker .ui-datepicker-header a.ui-state-disabled:hover {
  color: #304b50;
  cursor: not-allowed;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
  color: #97a5a7;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 1px;
  width: 1.8em;
  height: 1.8em;
  overflow: hidden;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  /*display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
    text-indent: -999em; */
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.45;
  text-align: center;
  background-color: #FFFFFF;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 35%;
}
.ui-datepicker select.ui-datepicker-year + select.ui-datepicker-month {
  margin-left: 15%;
}
.ui-datepicker select {
  color: #304b50;
  border-color: #FFFFFF;
  cursor: pointer;
}
.ui-datepicker select:hover,
.ui-datepicker select:focus {
  color: #5dd382;
}
.ui-datepicker table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  margin: 0;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
}
.ui-datepicker th {
  padding: 0.2em;
  text-align: center;
  font-weight: 400;
  border: 0;
  color: #FFFFFF;
  background-color: #304b50;
  text-transform: uppercase;
}
.ui-datepicker td {
  border: 0;
  padding: 0;
  background-color: #FFFFFF;
}
.ui-datepicker td.ui-datepicker-today {
  background-color: #fff274;
  color: #FFFFFF;
}
.ui-datepicker td .ui-state-default {
  border: none;
  text-align: center;
  font-weight: 400;
}
.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: 0.2em 0.5em;
  text-align: right;
  text-decoration: none;
  background-color: #FFFFFF;
  color: #304b50;
}
.ui-datepicker td a {
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.ui-datepicker td a:hover {
  background-color: #e6e6e6;
}
.ui-datepicker td span {
  background-color: #FFFFFF;
  color: #304b50;
  opacity: 0.33;
}
.ui-datepicker td span:hover {
  cursor: not-allowed;
}
.ui-datepicker td.ui-datepicker-today span,
.ui-datepicker td.ui-datepicker-today a {
  background-color: #a0c0c6;
  color: #FFFFFF;
  opacity: 1;
}
.ui-datepicker td.ui-datepicker-today span:hover,
.ui-datepicker td.ui-datepicker-today a:hover {
  background-color: #90b5bc;
}
.ui-datepicker td.ui-datepicker-current-day span,
.ui-datepicker td.ui-datepicker-current-day a {
  background-color: #5dd382;
  color: #FFFFFF;
}
.ui-datepicker td.ui-datepicker-current-day span:hover,
.ui-datepicker td.ui-datepicker-current-day a:hover {
  background-color: #41cb6c;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker .ui-datepicker-other-month {
  background-color: #f1f1f1;
  opacity: 1;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker-cover {
  position: absolute;
  z-index: -1;
  -webkit-filter: mask();
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}
.appProjectListFilter {
  position: relative;
  z-index: 17;
  margin-top: 0;
  margin-bottom: 15px;
}
.appProjectListFilter.no-subfilter {
  margin-bottom: 30px;
}
.appProjectListFilter .row-section {
  margin: 0;
}
.appPageListFilter {
  margin-bottom: 30px;
}
.filter-navigation:before,
.filter-navigation:after {
  display: table;
  content: " ";
}
.filter-navigation:after {
  clear: both;
}
.filter-navigation:before,
.filter-navigation:after {
  display: table;
  content: " ";
}
.filter-navigation:after {
  clear: both;
}
.filter-navigation--space {
  padding-top: 40px;
}
.filter-set .filter-category {
  position: relative;
  float: left;
  margin-right: 22.5px;
  cursor: pointer;
}
.filter-set .filter-category .h3 {
  display: block;
  border: 2px solid #B2B2B2;
  border-radius: 6px;
  padding: 0.5rem 65px 0.3rem 30px;
  margin-bottom: 22.5px;
  font-size: 16px;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.03em;
  text-align: left;
  line-height: 1.7;
  color: #304b50;
  background: #f1f1f1;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.filter-set .filter-category .h3:hover,
.filter-set .filter-category .h3.selected,
.filter-set .filter-category .h3.active,
.filter-set .filter-category .h3:focus,
.filter-set .filter-category .h3:active {
  border-color: #304b50;
}
.filter-set .filter-category .icon {
  position: absolute;
  top: 1.25em;
  right: 30px;
  font-size: 12px;
  width: 12px;
}
.filter-set .filter-category.active {
  z-index: 1;
}
.filter-set:last-child .filter-category {
  margin-right: 0;
}
.filter-navigation .filter-content,
.pinboard-entry .filter-content,
.dropdown-menu-wrap .filter-content,
.filter-navigation .dropdown-menu,
.pinboard-entry .dropdown-menu,
.dropdown-menu-wrap .dropdown-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  overflow: hidden;
  background: #FFFFFF;
  padding-bottom: 0.5rem;
  border: 2px solid #304b50;
  border-radius: 6px;
  will-change: transform, opacity;
}
.filter-navigation .filter-content.in,
.pinboard-entry .filter-content.in,
.dropdown-menu-wrap .filter-content.in,
.filter-navigation .dropdown-menu.in,
.pinboard-entry .dropdown-menu.in,
.dropdown-menu-wrap .dropdown-menu.in {
  display: block;
}
.filter-navigation .filter-content .value,
.pinboard-entry .filter-content .value,
.dropdown-menu-wrap .filter-content .value,
.filter-navigation .dropdown-menu .value,
.pinboard-entry .dropdown-menu .value,
.dropdown-menu-wrap .dropdown-menu .value {
  display: block;
  padding: 0.5rem 30px;
  color: #304b50;
  text-align: left;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.filter-navigation .filter-content .value .caption,
.pinboard-entry .filter-content .value .caption,
.dropdown-menu-wrap .filter-content .value .caption,
.filter-navigation .dropdown-menu .value .caption,
.pinboard-entry .dropdown-menu .value .caption,
.dropdown-menu-wrap .dropdown-menu .value .caption {
  line-height: 1;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}
.filter-navigation .filter-content .value:hover,
.pinboard-entry .filter-content .value:hover,
.dropdown-menu-wrap .filter-content .value:hover,
.filter-navigation .dropdown-menu .value:hover,
.pinboard-entry .dropdown-menu .value:hover,
.dropdown-menu-wrap .dropdown-menu .value:hover,
.filter-navigation .filter-content .value:active,
.pinboard-entry .filter-content .value:active,
.dropdown-menu-wrap .filter-content .value:active,
.filter-navigation .dropdown-menu .value:active,
.pinboard-entry .dropdown-menu .value:active,
.dropdown-menu-wrap .dropdown-menu .value:active,
.filter-navigation .filter-content .value:focus,
.pinboard-entry .filter-content .value:focus,
.dropdown-menu-wrap .filter-content .value:focus,
.filter-navigation .dropdown-menu .value:focus,
.pinboard-entry .dropdown-menu .value:focus,
.dropdown-menu-wrap .dropdown-menu .value:focus {
  background: #F5F5F5;
  color: #304b50;
  text-decoration: none;
}
.filter-navigation .filter-content .value.current,
.pinboard-entry .filter-content .value.current,
.dropdown-menu-wrap .filter-content .value.current,
.filter-navigation .dropdown-menu .value.current,
.pinboard-entry .dropdown-menu .value.current,
.dropdown-menu-wrap .dropdown-menu .value.current {
  color: #238C87;
}
.filter-navigation .filter-content.filter-content-loop,
.pinboard-entry .filter-content.filter-content-loop,
.dropdown-menu-wrap .filter-content.filter-content-loop,
.filter-navigation .dropdown-menu.filter-content-loop,
.pinboard-entry .dropdown-menu.filter-content-loop,
.dropdown-menu-wrap .dropdown-menu.filter-content-loop {
  width: 600px;
}
.filter-navigation .filter-content.filter-content-loop .col,
.pinboard-entry .filter-content.filter-content-loop .col,
.dropdown-menu-wrap .filter-content.filter-content-loop .col,
.filter-navigation .dropdown-menu.filter-content-loop .col,
.pinboard-entry .dropdown-menu.filter-content-loop .col,
.dropdown-menu-wrap .dropdown-menu.filter-content-loop .col {
  float: left;
  width: 33.333333%;
  padding-right: 7.5px;
}
.filter-navigation .filter-content.filter-content-loop .col:first-child,
.pinboard-entry .filter-content.filter-content-loop .col:first-child,
.dropdown-menu-wrap .filter-content.filter-content-loop .col:first-child,
.filter-navigation .dropdown-menu.filter-content-loop .col:first-child,
.pinboard-entry .dropdown-menu.filter-content-loop .col:first-child,
.dropdown-menu-wrap .dropdown-menu.filter-content-loop .col:first-child {
  padding-left: 7.5px;
}
.filter-navigation .filter-content.filter-content-loop .col .value,
.pinboard-entry .filter-content.filter-content-loop .col .value,
.dropdown-menu-wrap .filter-content.filter-content-loop .col .value,
.filter-navigation .dropdown-menu.filter-content-loop .col .value,
.pinboard-entry .dropdown-menu.filter-content-loop .col .value,
.dropdown-menu-wrap .dropdown-menu.filter-content-loop .col .value {
  padding-left: 22.5px;
  padding-right: 7.5px;
}
.filter-navigation .filter-content .headline,
.pinboard-entry .filter-content .headline,
.dropdown-menu-wrap .filter-content .headline,
.filter-navigation .dropdown-menu .headline,
.pinboard-entry .dropdown-menu .headline,
.dropdown-menu-wrap .dropdown-menu .headline {
  display: block;
  padding: 0.5rem 30px;
  font-weight: bold;
  line-height: 1.7;
  text-align: left;
  color: #304b50;
}
.filter-navigation .filter-content .headline[data-toggle=collapse],
.pinboard-entry .filter-content .headline[data-toggle=collapse],
.dropdown-menu-wrap .filter-content .headline[data-toggle=collapse],
.filter-navigation .dropdown-menu .headline[data-toggle=collapse],
.pinboard-entry .dropdown-menu .headline[data-toggle=collapse],
.dropdown-menu-wrap .dropdown-menu .headline[data-toggle=collapse] {
  cursor: pointer;
}
.filter-navigation .filter-content .results-filter .search__input,
.pinboard-entry .filter-content .results-filter .search__input,
.dropdown-menu-wrap .filter-content .results-filter .search__input,
.filter-navigation .dropdown-menu .results-filter .search__input,
.pinboard-entry .dropdown-menu .results-filter .search__input,
.dropdown-menu-wrap .dropdown-menu .results-filter .search__input {
  padding: 0.5rem 22.5px 7.5px;
  height: 2.5rem;
  margin-top: -1px;
}
.dropdown-menu-toggle {
  width: 32px;
  height: 32px;
  fill: #c1c1c1;
  cursor: pointer;
  margin-top: 4px;
}
.dropdown-menu.in {
  display: block;
}
.dropdown-menu-wrap .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown-menu-wrap .dropdown-menu .headline {
  text-align: right;
}
.filter-category.active .filter-content,
.team-article-cell.active .dropdown-menu {
  display: block;
  -webkit-animation: fadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: fadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1) both;
  will-change: transform, opacity;
}
.filter-loading {
  position: relative;
  z-index: 2;
}
.filter-loading .loading-spinner {
  margin-top: -5px;
  margin-left: 0.5rem;
}
.loading-spinner {
  width: 30px;
  height: 30px;
  display: none;
  opacity: 1 !important;
}
.loading-spinner .spinner {
  width: 90%;
  height: 90%;
  border: 2px solid #304b50;
  border-right-color: transparent;
  border-radius: 17px;
  -webkit-animation: spin 0.75s infinite linear;
  animation: spin 0.75s infinite linear;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.lazy-loading {
  height: 30px;
  width: 100%;
  margin: 20px auto;
  opacity: 1 !important;
}
.lazy-loading:before,
.lazy-loading:after {
  display: table;
  content: " ";
}
.lazy-loading:after {
  clear: both;
}
.lazy-loading:before,
.lazy-loading:after {
  display: table;
  content: " ";
}
.lazy-loading:after {
  clear: both;
}
.lazy-loading img {
  display: none;
}
.lazy-loading .loading-spinner {
  float: left;
  display: block;
}
.lazy-loading .caption {
  display: block;
  float: left;
  padding-left: 60px;
  margin-left: -30px;
  line-height: 30px;
  width: 100%;
  color: #304b50;
}
.lazy-loading.centered {
  text-align: center;
}
.lazy-loading.centered .loading-spinner {
  float: none;
  display: inline-block;
}
.filter-subnavigation {
  clear: left;
}
.filter-subnavigation .filter-set .filter-category {
  margin-right: 0;
  cursor: default;
}
.filter-subnavigation .filter-set .filter-category .h3 {
  display: none;
}
.filter-subnavigation .filter-loading {
  float: right;
}
@media screen and (min-width: 768px) {
  .filter-subnavigation .filter-set .filter-category .filter-content {
    display: block;
    position: static;
    background: transparent;
    border: none;
    overflow: visible;
  }
  .filter-subnavigation .filter-set .filter-category .filter-content .headline {
    display: none;
  }
  .filter-subnavigation .filter-set .filter-category .filter-content .filter-value {
    float: left;
  }
  .filter-subnavigation .filter-set .filter-category .filter-content .filter-value + .filter-value {
    margin-left: 30px;
  }
  .filter-subnavigation .filter-set .filter-category .filter-content .filter-value .value {
    padding: 0 0 0.25rem;
    margin-bottom: 0.5rem;
    border-bottom: 2px solid transparent;
  }
  .filter-subnavigation .filter-set .filter-category .filter-content .filter-value .value.current,
  .filter-subnavigation .filter-set .filter-category .filter-content .filter-value .value:hover,
  .filter-subnavigation .filter-set .filter-category .filter-content .filter-value .value:active,
  .filter-subnavigation .filter-set .filter-category .filter-content .filter-value .value:focus {
    border-bottom-color: #304b50;
    background: transparent;
    color: #304b50;
  }
  .filter-subnavigation .filter-set .filter-category .filter-content .filter-value .value.current {
    pointer-events: none;
    text-shadow: 0.03em 0 currentColor;
  }
}
@media screen and (min-width: 767px) and (max-width: 930px) {
  .filter-set .filter-category .h3 {
    padding-left: 22.5px;
    padding-right: 45px;
  }
  .filter-set .filter-category .h3 .icon {
    right: 15px;
  }
  .filter-set .filter-category .filter-content.filter-content-loop {
    width: 450px;
  }
}
@media screen and (max-width: 767px) {
  .filter-navigation .container {
    width: auto;
  }
  .filter-set .filter-category {
    width: 100%;
    margin-right: 0;
  }
  .filter-set .filter-category.active .h3 {
    display: none;
  }
  .filter-set .filter-category .filter-content {
    position: static;
    margin-bottom: 22.5px;
  }
  .filter-set .filter-category .filter-content .value {
    white-space: normal;
  }
  .filter-set .filter-category .filter-content.filter-content-loop {
    width: 100%;
  }
  .filter-set .filter-category .filter-content.filter-content-loop .col {
    width: 100%;
    padding-left: 0;
  }
  .filter-set .filter-category .filter-content.filter-content-loop .col .value {
    padding: 0.5rem 30px;
  }
  .filter-set .filter-category .filter-content.filter-content-loop .col .results-filter {
    padding: 0 15px;
  }
  .filter-subnavigation .filter-set .filter-category .h3 {
    display: block;
  }
  .filter-subnavigation .filter-set .filter-category.active .h3 {
    display: none;
  }
  .filter-subnavigation .filter-set .filter-category .filter-content {
    border-color: #B2B2B2;
  }
  .filter-subnavigation .filter-set .filter-category .filter-content:hover {
    border-color: #304b50;
  }
  .filter-loading {
    position: fixed;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .filter-loading .loading-spinner {
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 0;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  }
}
.fr-dib {
  margin: 15px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-dib.fr-fil {
  margin-left: 0;
}
.fr-dib.fr-fir {
  margin-right: 0;
}
.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 7.5px;
  max-width: 100%;
}
.fr-dii.fr-fil {
  float: left;
  margin: 0 15px 7.5px 0;
}
.fr-dii.fr-fir {
  float: right;
  margin: 0 0 7.5px 15px;
}
.fr-rounded {
  border-radius: 10px;
}
.fr-img-caption {
  text-align: center;
  max-width: 100%;
}
.fr-img-caption .fr-img-wrap {
  padding: 0;
  display: inline-block;
  margin: auto;
  text-align: center;
  width: 100%;
}
.fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}
.fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 15px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.9;
  width: 100%;
  text-align: center;
}
.fr-bordered {
  border: 1px solid #CCC;
}
@media (max-width: 767px) {
  .fr-dii.fr-fil,
  .fr-dii.fr-fir {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.teaser-navigation {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 14;
}
.teaser-navigation .container {
  padding: 0;
}
.teaser-navigation .nav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  position: static;
  min-width: 0;
  width: 100%;
  white-space: nowrap;
}
.teaser-navigation .nav li {
  display: inline-block;
  width: auto;
  float: none;
  padding: 0;
  margin: 0 15px;
}
.teaser-navigation .nav li a {
  border-bottom: 0;
  padding: 12px 0;
  height: 2.08333333em;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
}
.teaser-navigation .nav li a:after {
  background-color: rgba(42, 42, 42, 0.8);
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  width: 0;
}
.teaser-navigation .nav li a:hover {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}
.teaser-navigation .nav li a:hover:after {
  width: 100%;
  background-color: #304b50;
}
.teaser-navigation .nav li a.current,
.teaser-navigation .nav li a:active,
.teaser-navigation .nav li a:focus {
  color: #304b50;
}
.teaser-navigation .nav li a.current:after,
.teaser-navigation .nav li a:active:after,
.teaser-navigation .nav li a:focus:after {
  background-color: rgba(48, 75, 80, 0.8);
  width: 100%;
}
.teaser-navigation .nav li a .count {
  display: none;
}
.teaser-navigation .slidemenu {
  display: none;
}
.navigation-horizontal {
  position: relative;
  z-index: 5;
  height: 8em;
}
.navigation-horizontal .teaser-navigation {
  overflow: hidden;
  top: 0;
  padding: 0;
  margin-top: 0;
}
.navigation-horizontal .teaser-navigation .nav-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  padding: 2.6em 0;
}
.navigation-horizontal .teaser-navigation .nav-wrapper:before {
  content: "";
  position: absolute;
  right: 0;
  height: 40px;
  width: 35px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#f1f1f1));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f1f1f1 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f1f1f1 100%);
  z-index: 1;
}
@media (hover: hover) {
  .navigation-horizontal .teaser-navigation .nav-wrapper::-webkit-scrollbar {
    display: none;
  }
}
.navigation-horizontal .teaser-navigation .nav li a {
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.03em;
  font-size: 18px;
  line-height: 2.08333333em;
  padding: 0;
}
.navigation-horizontal .teaser-navigation .nav li a:after {
  background: transparent;
  -webkit-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
  width: 100%;
}
.navigation-horizontal .teaser-navigation .nav li a.active:after {
  background: #304b50;
  width: 100%;
}
.navigation-horizontal .teaser-navigation .nav li a:hover:after {
  background: #304b50;
}
.navigation-horizontal .teaser-navigation .nav li a .caption {
  padding: 0.05555556em 0 0.11111111em;
  border-radius: 0.22222222em;
  border-color: transparent;
  display: inline-block;
}
.navigation-horizontal .teaser-navigation .nav li a .count {
  display: inline-block;
  background: #c1c1c1;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwYzljYSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwYzljYSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: rgba(192, 201, 202, 0.5);
  padding: 0.27777778em 0.27777778em 0.16666667em 0.27777778em;
  line-height: 1;
  vertical-align: middle;
  border-radius: 0.22222222em;
}
.teaser-navigation#pnav .nav li a.active {
  pointer-events: none;
}
.navigation-horizontal--breadcrumb .teaser-navigation .nav li {
  margin-left: 0;
}
.navigation-horizontal--breadcrumb .back-icon {
  margin-right: 15px;
  float: left;
  margin-top: 9px;
}
.navigation-horizontal + * {
  margin-top: 0;
}
@media (min-width: 640px) and (max-width: 639px) {
  .navigation-horizontal .teaser-navigation {
    padding: 0 15px;
  }
}
@media (max-width: 939px) {
  .navigation-horizontal--breadcrumb .teaser-navigation .nav li:first-child {
    margin-left: 15px;
  }
}
@media (min-width: 940px) {
  .teaser-navigation .container {
    position: relative;
  }
  .teaser-navigation .container .nav li:first-child {
    margin-left: 0;
  }
}
.tooltip-currency.tooltip-currency.tooltip-currency.tooltip-currency {
  color: #6d8083;
  font-size: 80%;
}
.tooltip {
  line-height: 1;
}
.project-type {
  margin-bottom: 30px;
}
.project-type__box {
  padding: 30px;
  padding-left: 100px;
  background: #FFFFFF;
  position: relative;
}
.project-type__icon {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 30px;
  left: 30px;
  fill: #e4e4e4;
}
.project-type__link {
  display: block;
  margin-top: 20px;
}
.text-badge {
  font-size: 15px;
  padding: 0.4em 0.5em 0.2em;
  display: inline-block;
  vertical-align: baseline;
  line-height: 1;
  border-radius: 3px;
  position: relative;
  top: -1px;
  color: #304b50;
  font-weight: 600;
}
.text-badge--primary {
  background-color: #FF85FF;
}
.text-badge--warning {
  background-color: #FFFC04;
}
.text-badge--success {
  background-color: #61EDA2;
}
.text-badge--2nd {
  background-color: #e7f8ec;
  color: #304b50;
  font-weight: 400;
}
.text-badge--disabled {
  background-color: #e4e4e4;
}
.text-badge--small {
  font-size: 13px;
  padding-left: 0.27272727em;
  padding-right: 0.27272727em;
}
.text-badge--small.text-badge--spaced {
  margin-left: 0.33333333em;
}
.text-badge--spaced {
  margin-left: 0.66666667em;
}
.text-badge--vspaced {
  margin-top: 0.93333333em;
}
.text-badge--flex-size {
  font-size: inherit;
}
/* Magnific Popup CSS */
.mfp-wrapper {
  display: none;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 992;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 993;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 995;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 994;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 996;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 385px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 770px;
  height: 100%;
  background: transparent;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
		 * Remove all paddings around the image on small screen
		 */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 790px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 770px;
  }
}
.cf-exit-intent-view {
  background-color: transparent;
}
.exit-intent {
  max-width: 770px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.exit-intent__image {
  display: none;
}
.exit-intent__content {
  padding: 40px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  max-width: 385px;
  background-color: white;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .exit-intent {
    min-height: 433px;
  }
  .exit-intent__content {
    min-width: 385px;
  }
  .exit-intent__image {
    width: 50%;
    min-width: 50%;
    display: block;
    background-color: #F5F5F5;
    text-align: center;
  }
  .exit-intent__image img {
    display: inline-block;
  }
}
.text-box {
  margin-top: 30px;
}
.text-box__content {
  background-color: #F5F5F5;
  padding: 40px;
}
.app-box + .app-box {
  margin-top: 15px;
}
.app-box + .app-box--fixed {
  margin-top: 30px;
}
.app-box + .app-box--half.app-box--half {
  margin-top: 15px;
}
.app-box + .app-box--third.app-box--third {
  margin-top: 10px;
}
.app-box + .app-box--l.app-box--l {
  margin-top: 40px;
}
.app-box + .app-box--xl.app-box--xl {
  margin-top: 80px;
}
a.app-box {
  display: block;
}
@media (min-width: 768px) {
  .app-box + .app-box {
    margin-top: 30px;
  }
  .app-box + .app-box--xs.app-box--xs,
  .app-box + .app-box--xs.app-box--xs-large,
  .app-box + .app-box--xs-large.app-box--xs,
  .app-box + .app-box--xs-large.app-box--xs-large {
    margin-top: 0;
  }
}
@media (min-width: 940px) {
  .app-box + .app-box--xs-sm.app-box--xs-sm,
  .app-box + .app-box--xs-sm.app-box--xs-sm-large,
  .app-box + .app-box--xs-sm-large.app-box--xs-sm,
  .app-box + .app-box--xs-sm-large.app-box--xs-sm-large {
    margin-top: 0;
  }
}
@media (max-width: 939px) {
  .app-box + .app-box--xs-sm-large.app-box--xs-sm-large {
    margin-top: 30px;
  }
  .app-box + .app-box--xs-sm-none.app-box--xs-sm-none {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .app-box + .app-box--xs-large.app-box--xs-large {
    margin-top: 40px;
  }
}
.horiz-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.horiz-select__btn {
  background-color: transparent;
  border: 2px solid #B2B2B2;
  border-radius: 6px;
  color: #304b50;
  font-weight: 600;
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 8px;
  -webkit-transition: all linear 0.25s;
  -o-transition: all linear 0.25s;
  transition: all linear 0.25s;
}
.horiz-select__btn + .horiz-select__btn {
  margin-left: 30px;
}
.horiz-select__btn:hover,
.horiz-select__btn.is-active {
  border-color: #304b50;
}
@media (max-width: 767px) {
  .horiz-select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .horiz-select__btn {
    padding: 4px 4px 2px;
  }
  .horiz-select__btn + .horiz-select__btn {
    margin-top: 10px;
    margin-left: 0;
  }
}
.list-box:nth-child(3n + 1) {
  clear: left;
}
.list-box--double:nth-child(2n + 1) {
  clear: left;
}
.sn-user-list {
  width: 100%;
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
  max-height: 100%;
  min-height: 0;
}
.sn-user-list__item {
  width: 100%;
  padding: 0 20px;
  background-color: #FFFFFF;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  cursor: pointer;
}
.sn-user-list__item:hover {
  background-color: #f1f1f1;
}
.sn-user-list__item:last-child .sn-user-list__item-inner {
  border-bottom: none;
}
@media (min-width: 768px) {
  .sn-user-list__item.is-active {
    background-color: #ececec;
    cursor: default;
  }
}
.sn-user-list__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #F5F5F5;
  padding: 10px 0;
  -webkit-transition: border-bottom-color 0.15s ease-in-out;
  -o-transition: border-bottom-color 0.15s ease-in-out;
  transition: border-bottom-color 0.15s ease-in-out;
}
.sn-user-list__item--chat {
  opacity: 0.6;
  -webkit-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.sn-user-list__item--chat:hover,
.sn-user-list__item--chat.is-active {
  opacity: 1;
}
.sn-user-list__item--online .sn-user-list__info:after {
  display: block;
}
.sn-user-list__item--action {
  opacity: 1;
  margin-top: 5px;
}
.sn-user-list__item--action .sn-user-list__item-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
}
.sn-user-list__content {
  width: 100%;
  min-width: 0;
  padding: 3px 4px 0 10px;
  color: #304b50;
  line-height: 1.3;
  font-size: 13px;
}
.sn-user-list__name {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inherit;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.03em;
}
.sn-user-list__text {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inherit;
}
.sn-user-list__info {
  position: relative;
  z-index: 1;
  height: 100%;
  text-align: right;
  width: 40px;
  color: #97a5a7;
  font-size: 11px;
  line-height: 2;
}
.sn-user-list__info:after {
  position: absolute;
  right: 2px;
  top: 20px;
  display: none;
  content: ' ';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #5dd382;
}
.app-chat {
  position: relative;
  z-index: 1;
}
.app-chat .masthead {
  position: relative;
  z-index: 2;
}
.app-chat .masthead--slide-up {
  opacity: 1;
  pointer-events: unset;
}
.app-chat .masthead--opaque {
  background-color: #97a5a7;
}
.app-chat .js-open-overlay {
  display: none;
}
.app-chat__header {
  width: 100%;
  height: 175px;
  background-color: #4e666b;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.app-chat__container {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 10;
}
.app-chat__footer {
  max-width: 940px;
  margin: 0 auto;
  padding: 15px 15px 0;
  position: relative;
  z-index: 10;
  font-size: 13px;
}
.sn-messaging {
  height: 100vh;
  max-height: calc(100vh - 175px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: white;
  position: relative;
  z-index: 2;
  margin-top: 115px;
  border-radius: 4px;
  overflow: hidden;
}
.sn-messaging input[type="text"]::-webkit-input-placeholder,
.sn-messaging textarea::-webkit-input-placeholder {
  color: #97a5a7;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}
.sn-messaging input[type="text"]:-moz-placeholder,
.sn-messaging textarea:-moz-placeholder {
  color: #97a5a7;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}
.sn-messaging input[type="text"]::-moz-placeholder,
.sn-messaging textarea::-moz-placeholder {
  color: #97a5a7;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}
.sn-messaging input[type="text"]:-ms-input-placeholder,
.sn-messaging textarea:-ms-input-placeholder {
  color: #97a5a7;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}
.sn-messaging__head {
  min-height: 60px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  max-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: white;
  color: #4e666b;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.03em;
}
.sn-messaging__head-anchor {
  font-weight: 400;
}
.sn-messaging__head-anchor + .sn-messaging__head-anchor {
  margin-left: 15px;
}
.sn-messaging__head-anchor.is-active {
  font-weight: 600;
}
.sn-messaging-scroll {
  max-height: 100%;
  overflow-y: auto;
}
.sn-chat-actions__content textarea::-webkit-scrollbar,
.sn-messaging-scroll::-webkit-scrollbar {
  width: 6px;
}
.sn-chat-actions__content textarea::-webkit-scrollbar-track,
.sn-messaging-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
}
.sn-chat-actions__content textarea::-webkit-scrollbar-thumb,
.sn-messaging-scroll::-webkit-scrollbar-thumb {
  background-color: #CCCCCC;
  outline: 1px solid #CCCCCC;
  border-radius: 4px;
}
.sn-messaging-scroll--sidebar {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  border-top: 1px solid #f1f1f1;
}
.sn-messaging-scroll--stream {
  padding: 0 10px 20px;
}
.sn-chat__button {
  width: 56px;
  height: 56px;
}
.sn-chat__button .icon {
  width: 20px;
  height: 20px;
  top: 0;
}
.sn-chat__menu-button {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  color: #97a5a7;
}
.sn-chat__button,
.sn-chat__menu-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-transition: opacity 0.15s ease-in-out, background 0.2s linear;
  -o-transition: opacity 0.15s ease-in-out, background 0.2s linear;
  transition: opacity 0.15s ease-in-out, background 0.2s linear;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.sn-chat__button:hover,
.sn-chat__menu-button:hover {
  background-color: rgba(221, 221, 221, 0.85);
}
.sn-chat__button--back {
  border-right: 1px solid #f1f1f1;
  display: none;
}
.sn-chat-input {
  position: relative;
  z-index: 1;
}
.sn-chat-input--icon {
  width: 100%;
  height: 100%;
}
.sn-chat-input--icon input[type="text"] {
  padding: 18px 0 10px 30px;
  position: relative;
  z-index: 2;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #304b50;
  width: 100%;
  font-size: 15px;
  outline-style: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 56px;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}
.sn-messaging__sidebar {
  background: white;
  width: 300px;
  min-width: 300px;
  border-right: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sn-messaging__sidebar-empty-msg {
  text-align: center;
  padding: 30px 0;
}
.sn-messaging__head--sidebar {
  padding: 0 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}
.sn-messaging__chat {
  background: white;
  width: 100%;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sn-chat {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.sn-chat-header {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #f1f1f1;
}
.sn-chat-header__image {
  padding-left: 20px;
}
.sn-chat-header__image + .sn-chat-header__content {
  padding-left: 10px;
}
.sn-chat-header__content {
  padding: 2px 10px 0 20px;
  width: 100%;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sn-chat__subcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.sn-chat__subcontent .sn-avatar + .sn-avatar {
  margin-left: 4px;
}
.sn-chat-header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.sn-chat__submenue {
  display: none;
  position: absolute;
  z-index: 3;
  right: 10px;
  top: 10px;
  background: white;
  border: 2px solid #304b50;
  border-radius: 6px;
  list-style: none;
  margin: 0;
  overflow: hidden;
}
.sn-chat__submenue a:hover {
  text-decoration: none;
}
.sn-chat-header__actions.is-active,
.sn-chat__message.is-active {
  z-index: 2;
}
.sn-chat-header__actions.is-active .sn-chat__submenue,
.sn-chat__message.is-active .sn-chat__submenue {
  display: block;
  -webkit-animation: fadeInDown 150ms cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: fadeInDown 150ms cubic-bezier(0.23, 1, 0.32, 1) both;
}
.sn-chat__submenue.is-active {
  display: block;
  -webkit-animation: fadeInDown 150ms cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: fadeInDown 150ms cubic-bezier(0.23, 1, 0.32, 1) both;
}
.sn-chat__submenue-close {
  width: 100%;
  text-align: right;
  padding: 10px 10px 0;
  display: inline-block;
}
.sn-chat__submenue-link {
  display: block;
  padding: 10px 20px;
  background-color: white;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  white-space: nowrap;
}
.sn-chat__submenue-link:hover {
  background: #F5F5F5;
}
.sn-chat__stream {
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  overflow: auto;
}
.sn-chat__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  position: relative;
  z-index: 1;
}
.sn-chat__message .sn-avatar {
  margin: 4px 4px 0 0;
}
.sn-chat__message + .sn-chat__message--merged,
.sn-chat__message + .sn-chat__message--reply {
  margin-top: 4px;
}
.sn-chat__message .sn-chat__message__wrap {
  display: inline-block;
  position: relative;
  margin-right: 35px;
}
.sn-chat__message .sn-chat__menu-button,
.sn-chat__message .sn-chat__submenue {
  right: -35px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.sn-chat__message .sn-chat__submenue {
  margin-top: -15px;
  margin-left: -5px;
}
.sn-chat__message:hover .sn-chat__menu-button {
  opacity: 1;
}
.sn-chat__message--mine {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.sn-chat__message--mine .sn-chat__message-text {
  background-color: #dff1fe;
}
.sn-chat__message--mine .sn-chat__message__wrap {
  margin-right: 0;
  margin-left: 35px;
}
.sn-chat__message--mine .sn-chat__menu-button,
.sn-chat__message--mine .sn-chat__submenue {
  right: unset;
  left: -35px;
}
.sn-chat__message--mine .sn-chat__submenue-close {
  text-align: left;
}
.sn-chat__message--merged .sn-avatar {
  visibility: hidden;
}
.sn-chat__message--mine .sn-chat__message-name,
.sn-chat__message--merged .sn-chat__message-name {
  display: none;
}
.sn-chat__divider {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 20px 0 0;
}
.sn-chat__divider-text {
  display: inline-block;
  background-color: #F5F5F5;
  padding: 4px 10px;
  position: relative;
  z-index: 2;
  font-size: 13px;
  border-radius: 4px;
}
.sn-chat__divider--unread:before {
  content: ' ';
  display: block;
  position: absolute;
  z-index: 1;
  top: 18px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e4e4e4;
}
.sn-chat__divider--unread .sn-chat__divider-text {
  background-color: white;
  padding: 10px 15px;
}
.sn-chat__message-text {
  padding: 10px 15px 8px;
  background-color: #F5F5F5;
  border-radius: 4px;
  max-width: 450px;
  color: #4e666b;
  position: relative;
  z-index: 1;
}
.sn-chat__attachments--actions {
  width: 100%;
  padding-left: 50px;
  margin: -5px 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sn-chat__attachments--actions.is-loading {
  opacity: 0.7;
}
.sn-chat__attachments--actions.is-loading .sn-chat__attachment-icon-remove,
.sn-chat__attachments--actions.is-loading .sn-chat__attachment--file {
  display: none;
}
.sn-chat__attachments--actions.is-loading .loading-spinner {
  display: block;
}
.sn-chat__attachments--message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 -5px;
  max-width: 300px;
}
.sn-chat__attachments--message.show-grid {
  max-width: 200px;
}
@media (min-width: 940px) {
  .sn-chat__attachments--message {
    max-width: 450px;
  }
  .sn-chat__attachments--message.show-grid {
    max-width: 300px;
  }
}
.sn-chat__attachment {
  margin: 5px;
  height: 90px;
  width: 90px;
  border-radius: 6px;
  background-color: #f1f1f1;
  -webkit-box-shadow: 0 0 1px #999999;
  box-shadow: 0 0 1px #999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.sn-chat__attachment img {
  height: 100%;
  width: auto;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sn-chat__attachment .icon {
  pointer-events: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.sn-chat__attachment--file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #4e666b;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.03em;
}
.sn-chat__attachment--preview .sn-chat__attachment--file {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-transform: uppercase;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-top: 10px;
}
.sn-chat__attachment--preview .sn-chat__attachment--file .icon {
  margin-bottom: 5px;
}
@media (min-width: 940px) {
  .sn-chat__attachment--stream.sn-chat__attachment--image {
    width: 140px;
    height: 187px;
  }
}
.sn-chat__attachment--stream.sn-chat__attachment--file {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: auto;
  height: auto;
  min-width: 190px;
}
@media (min-width: 940px) {
  .sn-chat__attachment--stream.sn-chat__attachment--file {
    min-width: 290px;
  }
}
.sn-chat__attachment__file--stream {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 15px;
}
.sn-chat__attachment__file--stream > .sn-chat__attachment__file__name {
  margin: 0 10px;
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  line-height: 1;
  word-break: break-word;
}
.sn-chat__attachment__file__download {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 5px;
  width: 40px;
  height: 40px;
}
.sn-chat__attachment-icon-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  background-color: white;
  width: 18px;
  height: 18px;
}
.sn-chat__attachment-icon-remove .icon {
  width: 70%;
  height: 70%;
}
.sn-chat__message-text-value {
  white-space: pre-wrap;
  word-break: break-word;
}
.sn-chat__message-text-value blockquote {
  background-color: rgba(0, 0, 0, 0.07);
  padding: 10px 15px 8px;
  margin: 6px 0 8px;
  border-radius: 4px;
  font-size: 15px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sn-chat__message-text-value blockquote:before {
  display: none;
}
.sn-chat__message--reply {
  padding-left: 45px;
}
.sn-chat__message--reply .sn-chat__message-text {
  max-width: 355px;
}
.sn-chat__message--reply + .sn-chat__message--reply {
  margin-top: 15px;
}
.sn-chat__message-name {
  color: #4e666b;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.03em;
  display: block;
  padding: 2px 0 4px;
}
.sn-chat__message-time {
  display: inline-block;
  margin-left: 20px;
  color: #97a5a7;
  font-size: 11px;
  float: right;
  line-height: 1;
  padding-top: 6px;
}
.sn-chat__actions {
  border-top: 1px solid #f1f1f1;
  width: 100%;
  padding: 10px 5px;
  position: relative;
  z-index: 2;
}
.sn-chat__actions .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: auto 0 0px;
  flex: auto 0 0;
}
.sn-chat__actions .link-icon {
  font-size: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sn-chat__actions--info,
.sn-chat__actions--quote {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(245, 245, 245, 0.8);
  display: none;
}
.sn-chat__actions--info .sn-chat-actions__content,
.sn-chat__actions--quote .sn-chat-actions__content {
  font-size: 13px;
  padding: 0 5px;
  margin-left: 2px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.sn-chat__actions--info.is-active,
.sn-chat__actions--quote.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.sn-chat__actions--info {
  background-color: #FFFFFF;
  min-height: 1px;
}
.sn-chat__actions--info .sn-chat-actions__content p {
  margin: 0;
}
.sn-chat__actions--quote {
  font-style: italic;
}
.sn-chat__actions--quote .sn-chat-actions__content-author {
  font-style: normal;
  font-weight: 600;
  white-space: pre;
}
.sn-chat__actions--quote .sn-chat__button {
  width: 40px;
  height: 40px;
}
.sn-chat-actions__content {
  width: 100%;
  min-width: 0;
  padding: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.sn-chat-actions__textarea {
  margin: 0;
  display: block;
  padding: 10px 15px 6px;
  border: 1px solid #c1c1c1;
  border-radius: 6px;
  resize: none;
  overflow: auto;
  width: 100%;
  height: auto;
  font-size: 15px;
  font-family: 'PFDIN', "Trebuchet MS", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
  line-height: 1.45;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.sn-chat-actions__textarea::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.sn-chat-actions__textarea:-ms-input-placeholder {
  color: #999999;
}
.sn-chat-actions__textarea::-webkit-input-placeholder {
  color: #999999;
}
.sn-chat-actions__textarea::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.sn-chat-actions__textarea:-ms-input-placeholder {
  color: #999999;
}
.sn-chat-actions__textarea::-webkit-input-placeholder {
  color: #999999;
}
.sn-chat-actions__textarea:hover {
  border-color: #8e8e8e;
}
.sn-chat-actions__textarea:active,
.sn-chat-actions__textarea:focus {
  border: 1px solid #5dd382;
  outline: none;
}
.sn-chat-actions__textarea:placeholder-shown {
  white-space: nowrap;
  overflow: hidden;
  max-height: 41px;
}
.sn-chat-actions__btn {
  padding: 0 5px;
}
.sn-chat-actions__btn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  width: 40px;
  height: 40px;
}
.sn-chat-actions__btn .btn .icon {
  top: 0;
}
.fade-in {
  -webkit-animation: fadeUp 300ms cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: fadeUp 300ms cubic-bezier(0.23, 1, 0.32, 1) both;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  will-change: transform, opacity;
}
@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.item-enter {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.item-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: all 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: all 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.item-exit {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.item-exit-active {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
@media (max-width: 767px) {
  .app-chat__container {
    padding: 0;
  }
  .app-chat__footer {
    display: none;
  }
  .sn-messaging {
    max-width: 500px;
    max-height: calc(100vh - 80px);
    position: relative;
    z-index: 1;
    margin: 80px auto 0;
  }
  .sn-messaging.is-active .sn-messaging__chat {
    z-index: 3;
  }
  .sn-messaging__sidebar {
    position: absolute;
    z-index: 2;
    border-right: none;
    width: 100%;
    height: 100%;
  }
  .sn-messaging-scroll--sidebar {
    border-top: none;
  }
  .sn-messaging__chat {
    position: relative;
    z-index: 1;
  }
  .sn-chat__button--back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sn-chat-actions__text {
    display: none;
  }
}
.video-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.video-section.video-active {
  cursor: pointer;
}
.video-preview {
  width: 100%;
  background-color: #FFFFFF;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-bottom: 56.25%;
}
.video-preview iframe,
.video-preview__overlay,
.video-preview__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-preview__img {
  will-change: opacity;
  -webkit-animation: fadeIn 0.25s linear both;
  animation: fadeIn 0.25s linear both;
}
.video-preview__img.img--hidden {
  -webkit-animation: fadeOut 0.25s linear forwards;
  animation: fadeOut 0.25s linear forwards;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.video-preview iframe {
  background-color: #000000;
  -webkit-clip-path: none !important;
  clip-path: none !important;
}
.video-preview__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
}
.video-preview__overlay:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.video-preview__play {
  max-width: 20vw;
  width: 121px;
  height: 121px;
  will-change: transform, opacity;
  -webkit-animation: fadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: fadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1) both;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.video-section:not(.video-active) .video-preview__play {
  -webkit-animation: fadeOut 0.15s linear forwards;
  animation: fadeOut 0.15s linear forwards;
}
.video-preview__spinner {
  width: 121px;
  height: 121px;
  padding: 5px;
  position: absolute;
  z-index: 1;
}
.video-preview__spinner .spinner {
  display: block;
  width: 100%;
  height: 100%;
  border-width: 5px;
  border-color: #FFFFFF;
  border-top-color: transparent;
  border-radius: 50%;
}
.loading .video-preview__spinner {
  display: block;
}
.video-preview__logo {
  position: absolute;
  top: auto;
  right: 15px;
  bottom: 15px;
  line-height: normal;
  height: 20px;
  width: 28px;
}
.video-preview__logo:before {
  color: #FFFFFF;
}
.video-preview__logo--large {
  height: 35px;
  width: 35px;
  -webkit-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
}
.video-preview__disclaimer {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 15px 15px;
  line-height: 1;
}
.video-preview__disclaimer .icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  -webkit-transform: translate(0px, 2px);
  -ms-transform: translate(0px, 2px);
  transform: translate(0px, 2px);
}
.video-preview--4by3 {
  padding-bottom: 75%;
}
.video-preview--3by2.video-preview--3by2 {
  padding-bottom: 66.66666667%;
}
.video-preview--3by2.video-preview--yt {
  background-size: 120%;
  background-repeat: no-repeat;
}
.video-preview--row {
  padding-bottom: 124px;
}
.video-preview--row.loaded {
  padding-bottom: 56.25%;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
}
.video-preview--row .video-preview__play {
  width: 54px;
  height: 54px;
}
.video-preview--s .video-preview__play {
  width: 70px;
  height: 70px;
}
.spinner-input {
  position: relative;
}
.spinner-input__icon {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  -webkit-animation: spin 0.75s infinite linear;
  animation: spin 0.75s infinite linear;
}
.is-loading .spinner-input__icon {
  display: block;
}
.map-suggest__input.map-suggest__input.map-suggest__input {
  display: none;
}
.map-suggest__input.map-suggest__input.map-suggest__input {
  width: 100%;
}
.map-suggest {
  position: relative;
  width: 100%;
  z-index: 9;
}
.map-suggest:before,
.map-suggest:after {
  display: table;
  content: " ";
}
.map-suggest:after {
  clear: both;
}
.map-suggest:before,
.map-suggest:after {
  display: table;
  content: " ";
}
.map-suggest:after {
  clear: both;
}
.map-suggest.is-active .map-suggest__input {
  display: block;
}
.map-suggest.is-active .map-suggest__current {
  display: none;
}
.map-suggest__current {
  position: relative;
}
.maps-suggest__currentval.maps-suggest__currentval.maps-suggest__currentval {
  width: 100%;
}
.maps-suggest__close-current {
  position: absolute;
  top: 13px;
  right: 10px;
  border: none;
  outline: none;
  padding: 0;
  margin-left: 8px;
  display: inline-block;
  height: 18px;
  border-radius: 50%;
  background-color: #666666;
  color: #c1c1c1;
  text-align: center;
  font-size: 0;
  cursor: pointer;
  background-image: none;
  z-index: 2;
}
.maps-suggest__close-current.maps-suggest__close-current {
  line-height: 20px;
  width: 18px;
}
.maps-suggest__close-current:before {
  content: "×";
  color: #FFFFFF;
  font-size: 14px;
}
.maps-suggest__close-current:hover {
  text-decoration: none;
  background-color: #B2B2B2;
}
.map-suggest__results {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #DDDDDD;
  border-top: none;
}
.map-suggest__result {
  padding: 7px 15px;
  background-color: #FFFFFF;
  cursor: pointer;
}
.map-suggest__result:hover {
  background-color: #ffffff;
}
.map-suggest__result.map-suggest__result--logo:hover {
  background-color: #FFFFFF;
  cursor: default;
}
@media (min-width: 940px) {
  .hoverbox {
    position: relative;
    cursor: pointer;
  }
  .hoverbox:before {
    content: " ";
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #5dd382;
    z-index: 16;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .hoverbox:hover:before {
    opacity: 1;
  }
}
.hoverbox.active {
  position: relative;
  cursor: pointer;
}
.hoverbox.active:before {
  content: " ";
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #5dd382;
  z-index: 16;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.hoverbox.active:hover:before {
  opacity: 1;
}
.hoverbox.active:before {
  opacity: 1;
  border-color: #5dd382;
}
.hoverbox a:hover {
  text-decoration: none;
}
.accordeon {
  border-bottom: 2px solid #e4e4e4;
}
.accordeon__question {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  padding: 15px 0;
}
.accordeon__question a:hover {
  text-decoration: none;
}
.accordeon__question > .mytyFormField {
  margin: 0;
  padding: 0;
  width: calc(80% - 30px);
}
.accordeon__opener {
  float: right;
  margin: 0 10px 10px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.open .accordeon__opener,
.opening .accordeon__opener {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
.accordeon__answer {
  display: none;
  padding-bottom: 15px;
  max-width: calc(100vw - 30px);
}
.open .accordeon__answer {
  display: block;
}
.accordeon__footer {
  margin-top: 30px;
}
.accordeon__footer,
.accordeon__footer a {
  font-weight: 700;
}
.accordeon--first .accordeon__question {
  padding-top: 0;
}
.campaign-circle {
  display: inline-block;
  border-radius: 50%;
  background-color: #5dd382;
  overflow: hidden;
  position: relative;
}
.campaign-circle:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.7)));
  background: -o-linear-gradient(0, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
  background: linear-gradient(0, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
}
.campaign-circle--s {
  width: 40px;
  height: 40px;
}
.campaign-circle--xl {
  width: 165px;
  height: 165px;
}
.circle-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.circle-text__circle {
  margin-right: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.circle-text__text {
  line-height: 1.2;
  position: relative;
  top: 2px;
  -webkit-animation: fadeIn 300ms ease-in;
  animation: fadeIn 300ms ease-in;
}
.circle-text__badge {
  position: relative;
  top: 0;
}
.circle-text--clickable {
  cursor: pointer;
}
.circle-text--bg {
  background: #FFFFFF;
}
.circle-text--bg.circle-text--bg.circle-text--bg {
  margin-top: 2px;
  padding: 20px 30px;
}
.circle-text--multiple .circle-text__circles {
  height: 40px;
}
.circle-text--multiple .circle-text__circle {
  border: 1px solid #FFFFFF;
  margin-right: 10px;
  position: relative;
  z-index: 1;
}
.circle-text--multiple .circle-text__circle:not(:last-child) {
  cursor: pointer;
}
.circle-text--multiple .circle-text__circle:hover + .circle-text__circle {
  -webkit-transition: margin-left 0.2s ease-in-out;
  -o-transition: margin-left 0.2s ease-in-out;
  transition: margin-left 0.2s ease-in-out;
  margin-left: -25px;
}
.circle-text--multiple .circle-text__circle + .circle-text__circle {
  -webkit-transition: margin-left 0.2s ease-in-out;
  -o-transition: margin-left 0.2s ease-in-out;
  transition: margin-left 0.2s ease-in-out;
  margin-left: -35px;
}
.circle-text__text--link:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .circle-text--multiple {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 130px;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .circle-text--multiple.circle-text--nobadge {
    min-height: 0;
  }
  .circle-text--multiple .circle-text__badge {
    margin-top: 10px;
  }
  .circle-text--multiple .circle-text__text {
    margin-top: 5px;
    text-align: center;
  }
  .circle-text--multiple .circle-text__1line {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
  }
  .circle-text--multiple .circle-text__circle {
    margin-right: 0;
  }
  .circle-text--multiple .circle-text__circle + .circle-text__circle {
    margin-left: -25px;
  }
  .circle-text__badge {
    margin-left: 0;
    margin-top: 2px;
  }
}
@media (min-width: 768px) {
  .circle-text__circle--centered {
    width: 40px;
    text-align: center;
  }
}
.search {
  position: relative;
}
.search__icon {
  position: absolute;
  left: 15px;
  top: 9px;
  pointer-events: none;
}
.search__input {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #c1c1c1;
  height: 42px;
  padding: 10px 54px 6px;
  line-height: 1.5;
  color: #304b50;
  background: #FFFFFF;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.search__input:focus {
  border-color: #5dd382;
}
.search__input::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.search__input:-ms-input-placeholder {
  color: #999999;
}
.search__input::-webkit-input-placeholder {
  color: #999999;
}
.search__input::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.search__input:-ms-input-placeholder {
  color: #999999;
}
.search__input::-webkit-input-placeholder {
  color: #999999;
}
.search__close {
  position: absolute;
  right: 15px;
}
.search__close.icon-btn {
  top: 50%;
  right: 3px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  background: none;
}
.pin-board-section .center {
  margin: 0 0 15px 0;
  text-align: center;
  height: 40px;
}
.pin-board-section .loading-spinner {
  display: block;
  margin: 2em auto;
}
.pinboard-entry {
  position: relative;
  padding: 30px 15px;
  margin-bottom: 15px;
}
@media screen and (min-width: 940px) {
  .pinboard-entry {
    padding: 30px;
  }
}
.pinboard-entry .pinboard-entry__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
.pinboard-entry .pinboard-entry__wrap.col-md-8 {
  float: none;
  padding: 0;
}
@media screen and (min-width: 940px) {
  .pinboard-entry .pinboard-entry__wrap.col-md-8 {
    width: calc(66.667% - 10px);
  }
}
.pinboard-entry .pinboard-entry__wrap:before {
  content: "";
  display: block;
  background: #5dd382;
  position: absolute;
  top: -15px;
  left: -15px;
  bottom: -15px;
  width: 5px;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
@media screen and (min-width: 940px) {
  .pinboard-entry .pinboard-entry__wrap:before {
    left: -30px;
  }
}
.pinboard-entry.unread .pinboard-entry__wrap {
  cursor: pointer;
}
.pinboard-entry.unread .pinboard-entry__wrap:before {
  opacity: 1;
}
.pinboard-entry .author {
  margin-bottom: 0.33333333em;
}
.pinboard-entry .content {
  width: 100%;
  padding-top: 0.33333333em;
}
@media (min-width: 640px) {
  .pinboard-entry .content {
    padding-top: 0;
  }
  .pinboard-entry .content:not(.post-comment) {
    margin-left: 50px;
  }
  .entry__replies .pinboard-entry .content:not(.post-comment) {
    margin-left: 40px;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.pinboard-entry.options-open {
  z-index: 1;
}
.pinboard-entry .options {
  color: #999999;
  position: absolute;
  top: 10px;
  right: 0;
}
.pinboard-entry .options > span:hover,
.pinboard-entry .options > span:hover .icon--link {
  color: #5dd382;
  fill: #5dd382;
}
.pinboard-entry .options .options-toggle {
  cursor: pointer;
  padding: 0.66666667em;
}
.pinboard-entry .options .options-toggle .icon--link {
  fill: #999999;
}
.pinboard-entry .options .like-count {
  cursor: pointer;
  fill: #999999;
  padding: 0.66666667em;
}
.pinboard-entry .options .like-count.liked {
  color: #304b50;
  fill: #304b50;
}
.pinboard-entry .options .like-count.liked > .icon {
  -webkit-animation: pulse 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  animation: pulse 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.pinboard-entry .filter-content {
  left: auto;
  right: 0;
  min-width: 0;
  z-index: 3;
}
.pinboard-entry .filter-content .headline {
  text-align: right;
  cursor: pointer;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 0;
}
.pinboard-entry .filter-content .value {
  cursor: pointer;
}
.pinboard-entry .active .filter-content {
  display: block;
  -webkit-animation: fadeInDown 150ms cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: fadeInDown 150ms cubic-bezier(0.23, 1, 0.32, 1) both;
}
.pinboard-entry .post-comment input[type="text"] {
  border-radius: 6px;
}
.pinboard-entry .post-comment:not(.expanded) .editor {
  margin-bottom: 0;
}
.pinboard-entry .post-comment .editor {
  position: relative;
  margin-bottom: 15px;
}
.pinboard-entry .post-comment .editor > .loading-spinner {
  z-index: 9;
  margin: 0.66666667em;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 18px;
  width: 18px;
}
.pinboard-entry .post-comment .editor .editor__options {
  border: 1px solid #DDDDDD;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
}
.pinboard-entry .post-comment .editor .editor__options:before,
.pinboard-entry .post-comment .editor .editor__options:after {
  display: table;
  content: " ";
}
.pinboard-entry .post-comment .editor .editor__options:after {
  clear: both;
}
.pinboard-entry .post-comment .editor .editor__options:before,
.pinboard-entry .post-comment .editor .editor__options:after {
  display: table;
  content: " ";
}
.pinboard-entry .post-comment .editor .editor__options:after {
  clear: both;
}
.pinboard-entry .post-comment .editor .editor__options .icon {
  float: left;
  padding: 7.5px 15px;
  border-right: 1px solid #F5F5F5;
  cursor: pointer;
  fill: #4e666b;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  top: 0;
}
.pinboard-entry .post-comment .editor .editor__options .icon:hover {
  fill: #304b50;
  background: #F5F5F5;
}
.pinboard-entry .post-comment .editor textarea {
  height: 90px;
  width: 100%;
  padding: 12px 15px;
  border-radius: 6px;
  border: 1px solid #c1c1c1;
  resize: vertical;
  -webkit-appearance: button;
  vertical-align: top;
}
.pinboard-entry .post-comment .editor textarea::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.pinboard-entry .post-comment .editor textarea:-ms-input-placeholder {
  color: #999999;
}
.pinboard-entry .post-comment .editor textarea::-webkit-input-placeholder {
  color: #999999;
}
.pinboard-entry .post-comment .editor textarea::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.pinboard-entry .post-comment .editor textarea:-ms-input-placeholder {
  color: #999999;
}
.pinboard-entry .post-comment .editor textarea::-webkit-input-placeholder {
  color: #999999;
}
.pinboard-entry .post-comment .editor textarea:hover {
  border-color: #8e8e8e;
}
.pinboard-entry .post-comment .editor textarea:active,
.pinboard-entry .post-comment .editor textarea:focus {
  border: 1px solid #5dd382;
}
.pinboard-entry .post-comment .editor .editor__options + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pinboard-entry .text {
  white-space: pre-wrap;
}
.pinboard-entry .text a {
  color: #5dd382;
}
.pinboard-entry .text a.toggle-text {
  padding: 0.33333333em;
  margin-left: 0.33333333em;
}
.pinboard-entry .text blockquote {
  margin: 15px 0;
  opacity: 0.6;
  padding-left: 25px;
  position: relative;
}
.pinboard-entry .text blockquote:before {
  content: '„';
  display: block;
  font-size: 50px;
  height: 30px;
  position: absolute;
  left: 0;
  top: -45px;
}
.pinboard-entry .entry__replies {
  margin: 15px 0 0;
}
.pinboard-entry .entry__replies .pinboard-entry .entry__replies {
  display: none;
}
.pinboard-entry .entry__replies.show .pinboard-entry {
  -webkit-animation: fadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1) both !important;
  animation: fadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1) both !important;
}
.pinboard-entry .entry__replies.reduce {
  margin-top: -45px;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  opacity: 0;
  -webkit-transition: margin 300ms ease-in, opacity 300ms, -webkit-transform 300ms ease-in;
  transition: margin 300ms ease-in, opacity 300ms, -webkit-transform 300ms ease-in;
  -o-transition: transform 300ms ease-in, margin 300ms ease-in, opacity 300ms;
  transition: transform 300ms ease-in, margin 300ms ease-in, opacity 300ms;
  transition: transform 300ms ease-in, margin 300ms ease-in, opacity 300ms, -webkit-transform 300ms ease-in;
}
.pinboard-entry .entry__replies .pinboard-entry__wrap {
  padding: 0;
}
.pinboard-entry .entry__replies .pinboard-entry__wrap .options {
  top: 0;
  right: 0;
}
.pinboard-entry .entry__replies .pinboard-entry {
  padding: 15px 0;
  margin-bottom: 0;
  will-change: transform, opacity, max-height;
}
.pinboard-entry .entry__replies .pinboard-entry.create-entry-container {
  padding-bottom: 0;
}
@media (max-width: 639px) {
  .pinboard-entry .entry__replies .pinboard-entry:not(.create-entry-container) {
    padding-left: 15px;
  }
}
.pinboard-entry .entry__replies .pinboard-entry:not(.create-entry-container):first-child {
  border-top: 1px solid #DDDDDD;
  padding-top: 22.5px;
}
.pinboard-entry .entry__replies .pinboard-entry .pinboard-entry__wrap.col-md-8 {
  width: 100%;
}
.pinboard-entry .entry__replies .author__info {
  line-height: 1.2;
}
.pinboard-entry .entry__replies .post-comment textarea {
  min-height: 0;
  height: 45px;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.pinboard-entry .entry__replies .post-comment > .create-entry__actions {
  overflow: hidden;
  height: 0;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}
.pinboard-entry .entry__replies .post-comment.expanded textarea {
  height: 90px;
}
.pinboard-entry .entry__replies .post-comment.expanded > .create-entry__actions {
  height: 42px;
}
.pinboard-entry__attachments {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pinboard-entry__attachment {
  word-wrap: break-word;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  margin: 0 5px 5px 0;
}
.pinboard-entry__attachment:hover {
  text-decoration: none;
}
.pinboard-entry__attachment-icon {
  padding: 5px;
  border-right: 1px solid #DDDDDD;
}
.pinboard-entry__attachment-title {
  padding: 5px 10px;
}
.sn-selection-menu {
  position: fixed;
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  border-radius: 6px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sn-selection-menu__item {
  padding: 5px 10px;
}
:not(.entry__replies) > .pinboard-entry > .spam > .options {
  top: 20px;
  z-index: 1;
  right: 20px;
}
.pinboard-entry.create-entry-container .content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: auto;
  padding: 0;
}
.pinboard-entry.create-entry-container .description {
  z-index: 1;
  width: 30%;
  display: none;
  float: right;
  position: relative;
  margin-top: -175px;
}
.create-entry__actions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 480px) {
  .create-entry__actions .btn {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.create-entry__actions .btn-2nd[disabled] {
  color: #31b359;
  background-color: #e7f8ec;
  border-color: #e7f8ec;
  font-weight: 600;
}
.create-entry__actions .btn-2nd[disabled] .icon {
  fill: #31b359;
  top: 0;
  margin-right: 1px;
}
.create-entry__actions .btn-2nd[disabled]:hover,
.create-entry__actions .btn-2nd[disabled]:focus,
.create-entry__actions .btn-2nd[disabled].focus,
.create-entry__actions .btn-2nd[disabled]:active,
.create-entry__actions .btn-2nd[disabled].active {
  color: #31b359;
  background-color: #d7f4e0;
  border-color: #d7f4e0;
}
.create-entry__actions .btn-2nd[disabled]:hover .icon,
.create-entry__actions .btn-2nd[disabled]:focus .icon,
.create-entry__actions .btn-2nd[disabled].focus .icon,
.create-entry__actions .btn-2nd[disabled]:active .icon,
.create-entry__actions .btn-2nd[disabled].active .icon {
  fill: #31b359;
}
.create-entry__actions .btn-2nd[disabled]:active,
.create-entry__actions .btn-2nd[disabled].active {
  background-image: none;
}
.create-entry__actions .btn-2nd[disabled].disabled,
.create-entry__actions .btn-2nd[disabled][disabled],
fieldset[disabled] .create-entry__actions .btn-2nd[disabled],
.create-entry__actions .btn-2nd[disabled].disabled:hover,
.create-entry__actions .btn-2nd[disabled][disabled]:hover,
fieldset[disabled] .create-entry__actions .btn-2nd[disabled]:hover,
.create-entry__actions .btn-2nd[disabled].disabled:focus,
.create-entry__actions .btn-2nd[disabled][disabled]:focus,
fieldset[disabled] .create-entry__actions .btn-2nd[disabled]:focus,
.create-entry__actions .btn-2nd[disabled].disabled.focus,
.create-entry__actions .btn-2nd[disabled][disabled].focus,
fieldset[disabled] .create-entry__actions .btn-2nd[disabled].focus,
.create-entry__actions .btn-2nd[disabled].disabled:active,
.create-entry__actions .btn-2nd[disabled][disabled]:active,
fieldset[disabled] .create-entry__actions .btn-2nd[disabled]:active,
.create-entry__actions .btn-2nd[disabled].disabled.active,
.create-entry__actions .btn-2nd[disabled][disabled].active,
fieldset[disabled] .create-entry__actions .btn-2nd[disabled].active {
  background-color: hsl(138.81355932, 27.2815534%, 93.94117647%);
  border-color: hsl(138.81355932, 27.2815534%, 93.94117647%);
  color: #1b6331;
}
.sn-simple-progress-bar {
  height: 3px;
  position: relative;
}
.sn-simple-progress-bar.is-active {
  background-color: #DDDDDD;
}
.sn-simple-progress-bar--msg-file-upload {
  margin: 5px 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.sn-simple-progress-bar__inner {
  height: 100%;
  background-color: #5dd382;
  -webkit-transition: width 0.1s ease-out;
  -o-transition: width 0.1s ease-out;
  transition: width 0.1s ease-out;
}
.mouse-msg {
  display: none;
  position: absolute;
  top: 400px;
  left: 400px;
  z-index: 4;
  background: #5dd382;
  font-size: 12px;
  color: #FFFFFF;
  padding: 3px 8px;
  border-radius: 6px;
}
.cf-avatar__icon-wrap {
  width: 56px;
  height: 56px;
  line-height: 56px;
  background: #304b50;
  color: white;
  border-radius: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 25px;
}
.cf-avatar__icon-wrap .cf-avatar__icon.cf-avatar__icon {
  line-height: inherit;
}
.cf-avatar__icon-wrap--small {
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.cf-avatar__icon-wrap--small .cf-avatar__icon.cf-avatar__icon {
  font-size: 20px;
}
.cf-avatar__icon-wrap--mid {
  width: 45px;
  height: 45px;
  line-height: 45px;
}
.cf-avatar__icon-wrap--mid .cf-avatar__icon.cf-avatar__icon {
  font-size: 22px;
}
.cf-notifications__list.cf-notifications__list {
  padding-bottom: 1em;
}
.cf-notifications__list.cf-notifications__list:empty {
  padding-bottom: 0;
  border-bottom: none;
}
.cf-notifications__list-element-anchor {
  font-size: 13px;
  line-height: 1.28571429;
  color: #304b50;
}
.cf-notifications__list-element-anchor.cf-notifications__list-element-anchor {
  border-bottom-width: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}
.cf-notifications__list-element-text {
  max-width: 100%;
}
.cf-notifications__list-element-title {
  font-weight: 600;
  max-width: 80%;
}
.cf-notifications__list-element-date {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 12px;
  color: #a1a1a1;
}
.cf-notifications__list-element-img-wrap {
  width: 35px;
  margin-right: 5px;
}
.cf-notifications__list-element-content-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 5px;
  max-width: 205px;
  position: relative;
}
.cf-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media (min-width: 940px) {
  .create-entry-container .description {
    display: block;
  }
}
@media screen and (min-width: 640px) {
  .pin-board-section .cf-avatar__icon-wrap {
    display: inline-block;
  }
}
/* @section 7. Embeded */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video,
.embed-responsive .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive .bgimg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.embed-responsive-3by2 {
  padding-bottom: 66.66%;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 940px) and (max-width: 939px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 940px) and (max-width: 939px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 940px) and (max-width: 939px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 940px) and (max-width: 939px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 940px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 940px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 940px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 940px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 940px) and (max-width: 939px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 940px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
img[src*="project_hitcounter.php"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.head-bar-user-info {
  font-size: 13px;
}
.head-bar-user-info .alert {
  padding: 0;
  margin: 0;
  border: 0;
}
@media (max-width: 919px) {
  body.cfInterfaceEnabled {
    padding: 0;
    margin-left: 0 !important;
  }
  #iframeToolbar {
    display: none !important;
  }
}

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