@charset "UTF-8";


:root {

  --main-dark: #231E2D;
  --main-lightgreen: #DCEEED;
  --main-lightgreen1: #C0E1D9;
  --main-lightgreen2: #BFE1D9;
  --main-green: #3AB396;
  --main-green2: #218e79;
  --main-darkgreen: #005B53;
  --main-darkgreen2: #0E4545;
  --main-darkred: #83294B;
  --main-red: #C02F57;

  --main-font-family: 'NeulisSans', "Open Sans", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-s-h1: 40px;
  --font-s-h2: 36px;
  --font-s-h3: 30px;
  --font-s-h4: 24px;
  --font-s-h5: 20px;
  --font-s-h6: 14px;
  --font-s-10: 10px;
  --font-s-11: 11px;
  --font-s-12: 12px;
  --font-s-14: 14px;
  --font-s-15: 15px;
  --font-s-18: 18px;
  --font-s-20: 20px;
  --font-s-24: 24px;
  --font-s-25: 25px;
  --font-s-28: 28px;
  --font-s-34: 34px;
  --font-s-35: 35px;
  --font-s-41: 41px;
  --font-s-45: 45px;
  --font-s-50: 50px;
  --font-s-60: 60px;
  --font-s-68: 68px;
  --font-s-80: 80px;


  --c-mark: #ff0;
  --c-black: #000;
  --c-lightgray: #c0c0c0;
  --c-white: #FFF;
  --c-gray: #ddd;
  --c-lightblue: #F5F6F7;
  --c-lightgray1: #E9E9E9;
  --c-lightred: #fcf8e3;
  --c-muted: var(--main-green);
  /* #0271B9; */
  --c-primary: var(--main-green2);
  /* #015287; */
  --c-success1: #3c763d;
  --c-success: #2b542c;
  --c-info1: #31708f;
  --c-info: #245269;
  --c-warning: #8a6d3b;
  --c-warning1: #66512c;
  --c-danger: #a94442;
  --c-danger2: #843534;
  --c-bg-success: #dff0d8;
  --c-bg-success-hover: #c1e2b3;
  --c-bg-info: #d9edf7;
  --c-bg-info-hover: #afd9ee;
  --c-bg-warning-hover: #f7ecb5;
  --c-bg-danger: #f2dede;
  --c-bg-danger-hover: #e4b9b9;

  --c-darkblue: #01436d;

  --c-green: #67b168;


  --c-color-1: #f9f9f9;
  --c-color-2: #f5f5f5;
  --c-color-3: #e8e8e8;
  --c-color-4: #d0e9c6;
  --c-color-5: #c4e3f3;
  --c-color-6: #faf2cc;
  --c-color-7: #ebcccc;
  --c-color-8: #e5e5e5;
  --c-color-9: var(--main-darkgreen2);
  /* #8D887C; */
  --c-color-10: #ccc;
  --c-color-11: #66afe9;
  --c-color-12: #999;
  --c-color-13: #333;
  --c-color-14: #e6e6e6;
  --c-color-15: #8c8c8c;
  --c-color-16: #c0a16b;
  --c-color-17: #adadad;
  --c-color-18: #ce8483;
  --c-color-19: #404040;
  --c-color-20: #0262a0;
  --c-color-21: #001522;
  --c-color-22: #013d63;
  --c-color-23: #5cb85c;
  --c-color-24: #4cae4c;
  --c-color-25: #449d44;
  --c-color-26: #255625;
  --c-color-27: #398439;
  --c-color-28: #f0ad4e;
  --c-color-29: #eea236;
  --c-color-30: #ec971f;
  --c-color-31: #985f0d;
  --c-color-32: #d58512;
  --c-color-33: #DE3448;
  --c-color-34: #c01f32;
  --c-color-35: #d62338;
  --c-color-36: #68111b;
  --c-color-37: #a11a2a;
  --c-color-38: #eee;

  --c-color-41: #BCBCBA;
  --c-color-42: #898989;
  --c-color-43: #4B9BCF;
  /* --c-color-44: #87C4EC; */


  --c-lightyellow: var(--c-color-12);
  /*var(--main-green); /* #9d978a;  */
  --c-lightyellow-hover: var(--c-color-13);
  /*
  --c-color-50: #95d5f7; 
  --c-color-51: #088ac8; 
  --c-color-52: #046db5; 
  --c-color-53: #0f568f; 
  --c-color-54: #094783;
  */
  --c-color-55: var(--main-darkgreen);
  /* #857e6f */

  --c-color-50: var(--main-lightgreen);
  --c-color-44: var(--main-lightgreen1);
  --c-color-51: var(--main-green);
  --c-color-52: var(--main-green2);
  --c-color-53: var(--main-darkgreen);
  --c-color-54: var(--main-darkgreen2);

  --c-color-45: var(--main-green);
  --c-color-46: var(--main-green2);
  --c-color-47: var(--main-darkgreen);
  --c-color-48: var(--main-darkgreen2);
  --c-color-49: var(--main-green);
}


/* roboto-300 - latin */
@font-face {
  font-family: 'NeulisSans';
  font-style: normal;
  font-weight: 300;
  src:
    url('../fonts/NeulisSans-Light.woff2') format('woff2'),
    url('../fonts/NeulisSans-Light.woff') format('woff')
}

/* roboto-regular - latin */
@font-face {
  font-family: 'NeulisSans';
  font-style: normal;
  font-weight: 400;
  src:
    url('../fonts/NeulisSans-Regular.woff2') format('woff2'),
    url('../fonts/NeulisSans-Regular.woff') format('woff')
}

/* roboto-500 - latin */
@font-face {
  font-family: 'NeulisSans';
  font-style: normal;
  font-weight: 500;
  src:
    url('../fonts/NeulisSans-Bold.woff2') format('woff2'),
    url('../fonts/NeulisSans-Bold.woff') format('woff')
}

/* roboto-700 - latin */
@font-face {
  font-family: 'NeulisSans';
  font-style: normal;
  font-weight: 700;
  src:
    url('../fonts/NeulisSans-ExtraBold.woff2') format('woff2'),
    url('../fonts/NeulisSans-ExtraBold.woff') format('woff')
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: var(--main-font-family);
  -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;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: 500;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: var(--c-mark);
  color: var(--c-black);
}

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 {
  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"] {
  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;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid var(--c-lightgray);
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 500;
}

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

td,
th {
  padding: 0;
}

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

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

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: var(--main-font-family);
  font-size: 16px;
  line-height: 1.25;
  color: var(--c-black);
  background-color: var(--c-white);
  font-weight: 400;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: var(--c-muted);
  text-decoration: none;
}

a:hover, a:focus {
  color: var(--c-darkblue);
  text-decoration: none;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a p {
  margin: 0;
}

p {
  /* line-height: 1.8;*/
}

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.8;*/
  background-color: var(--c-white);
  border: 1px solid var(--c-gray);
  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: 28px;
  margin-bottom: 28px;
  border: 0;
  border-top: 1px solid var(--c-lightblue);
}

.sr-only {
  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 {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.headline-0, .headline-1, .headline-2, .headline-3, .headline-4, .headline-5, .headline-6,

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p,
.h1 p, .h2 p, .h3 p, .h4 p, .h5 p, .h6 p,
.headline-0 p, .headline-1 p, .headline-2 p, .headline-3 p, .headline-4 p, .headline-5 p, .headline-6 p h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span,
.headline-0 span, .headline-1 span, .headline-2 span, .headline-3 span, .headline-4 span, .headline-5 span, .headline-6 span {
  font-family: var(--main-font-family);
  font-weight: 400;
  line-height: 1.2;
  color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: var(--c-lightgray1);
}

h1, .h1,
h2, .h2,
h3, .h3, .headline-1, .headline-2, .headline-3 {
  margin-top: 28px;
  margin-bottom: 14px;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6, .headline-4, .headline-5, .headline-6 {
  margin-top: 14px;
  margin-bottom: 14px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

.headline-0 {
  font-size: var(--font-s-68);
}

h1, .h1, .headline-1 {
  font-size: var(--font-s-h1);
}

h2, .h2, .headline-2 {
  font-size: var(--font-s-h2);
}

h3, .h3, .headline-3 {
  font-size: var(--font-s-h3);
}

h4, .h4, .headline-4 {
  font-size: var(--font-s-h4);
}

h5, .h5, .headline-5 {
  font-size: var(--font-s-h5);
}

h6, .h6, .headline-6 {
  font-size: var(--font-s-h6);
}

p {
  margin: 0 0 14px;
}

.lead {
  margin-bottom: 28px;
  font-size: var(--font-s-18);
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: var(--font-s-24);
  }
}

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

mark,
.mark {
  padding: .2em;
  background-color: var(--c-lightred);
}

.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;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: var(--c-lightgray1);
}

.text-primary {
  color: var(--c-muted);
}

a.text-primary:hover,
a.text-primary:focus {
  color: var(--c-primary);
}

.text-success {
  color: var(--c-success1);
}

a.text-success:hover,
a.text-success:focus {
  color: var(--c-success);
}

.text-info {
  color: var(--c-info1);
}

a.text-info:hover,
a.text-info:focus {
  color: var(--c-info);
}

.text-warning {
  color: var(--c-warning);
}

a.text-warning:hover,
a.text-warning:focus {
  color: var(--c-warning1);
}

.text-danger {
  color: var(--c-danger);
}

a.text-danger:hover,
a.text-danger:focus {
  color: var(--c-danger2);
}

.bg-primary {
  color: var(--c-white);
}

.bg-primary {
  background-color: var(--c-muted);
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: var(--c-primary);
}

.bg-success {
  background-color: var(--c-bg-success);
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: var(--c-bg-success-hover);
}

.bg-info {
  background-color: var(--c-bg-info);
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: var(--c-bg-info-hover);
}

.bg-warning {
  background-color: var(--c-lightred);
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: var(--c-bg-warning-hover);
}

.bg-danger {
  background-color: var(--c-bg-danger);
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: var(--c-bg-danger-hover);
}

.page-header {
  padding-bottom: 13px;
  margin: 56px 0 28px;
  border-bottom: 1px solid var(--c-lightblue);
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 14px;
}

ul ul,
ul ol,
ol ul,
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-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 28px;
}

dt,
dd {
  line-height: 1.8;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 14px 28px;
  margin: 0 0 28px;
  font-size: var(--font-s-20);
  border-left: 5px solid var(--c-lightblue);
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.8;
  color: var(--c-lightgray1);
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014 \00A0";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid var(--c-lightblue);
  border-left: 0;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: "\00A0 \2014";
}

address {
  margin-bottom: 28px;
  font-style: normal;
  line-height: 1.8;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container:before, .container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before, .row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.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-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@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-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .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-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1400px) {
  .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-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--c-lightgray1);
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 28px;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.8;
  vertical-align: top;
  border-top: 1px solid var(--c-gray);
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--c-gray);
}

.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
  border-top: 0;
}

.table>tbody+tbody {
  border-top: 2px solid var(--c-gray);
}

.table .table {
  background-color: var(--c-white);
}

.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid var(--c-gray);
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
  border: 1px solid var(--c-gray);
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
  border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: var(--c-color-1);
}

.table-hover>tbody>tr:hover {
  background-color: var(--c-color-2);
}

.table>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
  background-color: var(--c-color-2);
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
  background-color: var(--c-color-3);
}

.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
  background-color: var(--c-bg-success);
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
  background-color: var(--c-color-4);
}

.table>thead>tr>td.info,
.table>thead>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th {
  background-color: var(--c-bg-info);
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
  background-color: var(--c-color-5);
}

.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
  background-color: var(--c-lightred);
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
  background-color: var(--c-color-6);
}

.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
  background-color: var(--c-bg-danger);
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
  background-color: var(--c-color-7);
}

.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 21px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid var(--c-gray);
  }

  .table-responsive>.table {
    margin-bottom: 0;
  }

  .table-responsive>.table>thead>tr>th,
  .table-responsive>.table>thead>tr>td,
  .table-responsive>.table>tbody>tr>th,
  .table-responsive>.table>tbody>tr>td,
  .table-responsive>.table>tfoot>tr>th,
  .table-responsive>.table>tfoot>tr>td {
    white-space: nowrap;
  }

  .table-responsive>.table-bordered {
    border: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
  }

  .table-responsive>.table-bordered>thead>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
  }

  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0;
  }
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 28px;
  font-size: var(--font-s-24);
  line-height: inherit;
  color: var(--c-color-9);
  border: 0;
  border-bottom: 1px solid var(--c-color-8);
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px;
  line-height: normal;
}

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 1rem;
  line-height: 1.8;
  color: var(--c-lightyellow);
}

.form-control {
  display: block;
  width: 100%;
  height: 42px;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.8;
  color: var(--c-lightyellow);
  background-color: var(--c-white);
  background-image: none;
  border: 1px solid var(--c-color-10);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: var(--c-color-11);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: var(--c-color-12);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: var(--c-color-12);
}

.form-control::-webkit-input-placeholder {
  color: var(--c-color-12);
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
  background-color: var(--c-lightblue);
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 42px;
  }

  input[type="date"].input-sm, .input-group-sm>input.form-control[type="date"],
  .input-group-sm>input.input-group-addon[type="date"],
  .input-group-sm>.input-group-btn>input.btn[type="date"], .input-group-sm>.input-group-btn>input.button[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm>input.form-control[type="time"],
  .input-group-sm>input.input-group-addon[type="time"],
  .input-group-sm>.input-group-btn>input.btn[type="time"],
  .input-group-sm>.input-group-btn>input.button[type="time"],
  .input-group-sm input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm>input.form-control[type="datetime-local"],
  .input-group-sm>input.input-group-addon[type="datetime-local"],
  .input-group-sm>.input-group-btn>input.btn[type="datetime-local"],
  .input-group-sm>.input-group-btn>input.button[type="datetime-local"],
  .input-group-sm input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm>input.form-control[type="month"],
  .input-group-sm>input.input-group-addon[type="month"],
  .input-group-sm>.input-group-btn>input.btn[type="month"],
  .input-group-sm>.input-group-btn>input.button[type="month"],
  .input-group-sm input[type="month"] {
    line-height: 33px;
  }

  input[type="date"].input-lg, .input-group-lg>input.form-control[type="date"],
  .input-group-lg>input.input-group-addon[type="date"],
  .input-group-lg>.input-group-btn>input.btn[type="date"], .input-group-lg>.input-group-btn>input.button[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg>input.form-control[type="time"],
  .input-group-lg>input.input-group-addon[type="time"],
  .input-group-lg>.input-group-btn>input.btn[type="time"],
  .input-group-lg>.input-group-btn>input.button[type="time"],
  .input-group-lg input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg>input.form-control[type="datetime-local"],
  .input-group-lg>input.input-group-addon[type="datetime-local"],
  .input-group-lg>.input-group-btn>input.btn[type="datetime-local"],
  .input-group-lg>.input-group-btn>input.button[type="datetime-local"],
  .input-group-lg input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg>input.form-control[type="month"],
  .input-group-lg>input.input-group-addon[type="month"],
  .input-group-lg>.input-group-btn>input.btn[type="month"],
  .input-group-lg>.input-group-btn>input.button[type="month"],
  .input-group-lg input[type="month"] {
    line-height: 49px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.radio label,
.checkbox label {
  min-height: 28px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px;
  margin-left: -20px;
}

.radio+.radio,
.checkbox+.checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: 44px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg, .input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn, .input-group-lg>.input-group-btn>.form-control-static.button, .form-control-static.input-sm, .input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn, .input-group-sm>.input-group-btn>.form-control-static.button {
  padding-right: 0;
  padding-left: 0;
}

.input-sm, .input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn, .input-group-sm>.input-group-btn>.button {
  height: 33px;
  padding: 5px 10px;
  font-size: var(--font-s-14);
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
.input-group-sm>.input-group-btn>select.btn, .input-group-sm>.input-group-btn>select.button {
  height: 33px;
  line-height: 33px;
}

textarea.input-sm, .input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
.input-group-sm>.input-group-btn>textarea.btn, .input-group-sm>.input-group-btn>textarea.button,
select[multiple].input-sm,
.input-group-sm>select.form-control[multiple],
.input-group-sm>select.input-group-addon[multiple],
.input-group-sm>.input-group-btn>select.btn[multiple],
.input-group-sm>.input-group-btn>select.button[multiple] {
  height: auto;
}

.form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: var(--font-s-14);
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 33px;
  line-height: 33px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 33px;
  min-height: 42px;
  padding: 6px 10px;
  font-size: var(--font-s-14);
  line-height: 1.5;
}

.input-lg, .input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn, .input-group-lg>.input-group-btn>.button {
  height: 49px;
  padding: 10px 16px;
  font-size: var(--font-s-20);
  line-height: 1.33333;
  border-radius: 6px;
}

select.input-lg, .input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
.input-group-lg>.input-group-btn>select.btn, .input-group-lg>.input-group-btn>select.button {
  height: 49px;
  line-height: 49px;
}

textarea.input-lg, .input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
.input-group-lg>.input-group-btn>textarea.btn, .input-group-lg>.input-group-btn>textarea.button,
select[multiple].input-lg,
.input-group-lg>select.form-control[multiple],
.input-group-lg>select.input-group-addon[multiple],
.input-group-lg>.input-group-btn>select.btn[multiple],
.input-group-lg>.input-group-btn>select.button[multiple] {
  height: auto;
}

.form-group-lg .form-control {
  height: 49px;
  padding: 10px 16px;
  font-size: var(--font-s-20);
  line-height: 1.33333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 49px;
  line-height: 49px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 49px;
  min-height: 48px;
  padding: 11px 16px;
  font-size: var(--font-s-20);
  line-height: 1.33333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 52.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  pointer-events: none;
}

.input-lg+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback, .input-group-lg>.input-group-btn>.button+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px;
}

.input-sm+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback, .input-group-sm>.input-group-btn>.button+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: var(--c-success1);
}

.has-success .form-control {
  border-color: var(--c-success1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: var(--c-success);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--c-green);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--c-green);
}

.has-success .input-group-addon {
  color: var(--c-success1);
  background-color: var(--c-bg-success);
  border-color: var(--c-success1);
}

.has-success .form-control-feedback {
  color: var(--c-success1);
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: var(--c-warning);
}

.has-warning .form-control {
  border-color: var(--c-warning);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: var(--c-warning1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--c-color-16);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--c-color-16);
}

.has-warning .input-group-addon {
  color: var(--c-warning);
  background-color: var(--c-lightred);
  border-color: var(--c-warning);
}

.has-warning .form-control-feedback {
  color: var(--c-warning);
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: var(--c-danger);
}

.has-error .form-control {
  border-color: var(--c-danger);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: var(--c-danger2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--c-color-18);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--c-color-18);
}

.has-error .input-group-addon {
  color: var(--c-danger);
  background-color: var(--c-bg-danger);
  border-color: var(--c-danger);
}

.has-error .form-control-feedback {
  color: var(--c-danger);
}

.has-feedback label~.form-control-feedback {
  top: 33px;
}

.has-feedback label.sr-only~.form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: var(--c-color-19);
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group>.form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 35px;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: var(--font-s-20);
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: var(--font-s-14);
  }
}

.btn, .button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.8;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus, .button:focus, .btn.focus, .focus.button, .btn:active:focus, .button:active:focus, .btn:active.focus, .button:active.focus, .btn.active:focus, .active.button:focus, .btn.active.focus, .active.focus.button {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover, .button:hover, .btn:focus, .button:focus, .btn.focus, .focus.button {
  color: var(--c-color-13);
  text-decoration: none;
}

.btn:active, .button:active, .btn.active, .active.button {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .disabled.button, .btn[disabled], .button[disabled],
fieldset[disabled] .btn,
fieldset[disabled] .button {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled, a.disabled.button,
fieldset[disabled] a.btn,
fieldset[disabled] a.button {
  pointer-events: none;
}

.btn-default {
  color: var(--c-color-13);
  background-color: var(--c-white);
  border-color: var(--c-color-10);
}

.btn-default:focus, .btn-default.focus {
  color: var(--c-color-13);
  background-color: var(--c-color-14);
  border-color: var(--c-color-15);
}

.btn-default:hover {
  color: var(--c-color-13);
  background-color: var(--c-color-14);
  border-color: var(--c-color-17);
}

.btn-default:active, .btn-default.active,
.open>.btn-default.dropdown-toggle {
  color: var(--c-color-13);
  background-color: var(--c-color-14);
  background-image: none;
  border-color: var(--c-color-17);
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
  color: var(--c-color-13);
  background-color: #d4d4d4;
  border-color: var(--c-color-15);
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: var(--c-white);
  border-color: var(--c-color-10);
}

.btn-default .badge {
  color: var(--c-white);
  background-color: var(--c-color-13);
}

.btn-secondary {
  color: var(--c-white) !important;
  background-color: var(--main-red);
}

.btn-secondary * {
  color: var(--c-white) !important;
}

.btn-secondary:focus {
  background-color: var(--main-darkred);
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active {
  background-color: var(--main-darkred);
}

.btn-primary, .button {
  color: var(--c-white);
  background-color: var(--c-muted);
  /*border-color: var(--c-color-20);*/
}

.btn-primary:focus, .button:focus, .btn-primary.focus, .focus.button {
  color: var(--c-white);
  background-color: var(--c-primary);
  /*border-color: var(--c-color-21);*/
}

.btn-primary:hover, .button:hover {
  color: var(--c-white);
  background-color: var(--main-darkgreen);
  /*border-color: var(--c-color-22);*/
}

.btn-primary:active, .button:active, .btn-primary.active, .active.button,
.open>.btn-primary.dropdown-toggle,
.open>.dropdown-toggle.button {
  color: var(--c-white);
  background-color: var(--c-primary);
  background-image: none;
  /*border-color: var(--c-color-22); */
}

.btn-primary:active:hover, .button:active:hover, .btn-primary:active:focus, .button:active:focus, .btn-primary:active.focus, .button:active.focus, .btn-primary.active:hover, .active.button:hover, .btn-primary.active:focus, .active.button:focus, .btn-primary.active.focus, .active.focus.button,
.open>.btn-primary.dropdown-toggle:hover,
.open>.dropdown-toggle.button:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.dropdown-toggle.button:focus,
.open>.btn-primary.dropdown-toggle.focus,
.open>.dropdown-toggle.focus.button {
  color: var(--c-white);
  background-color: var(--c-color-22);
  /*border-color: var(--c-color-21); */
}

.btn-primary.disabled:hover, .disabled.button:hover, .btn-primary.disabled:focus, .disabled.button:focus, .btn-primary.disabled.focus, .disabled.focus.button, .btn-primary[disabled]:hover, .button[disabled]:hover, .btn-primary[disabled]:focus, .button[disabled]:focus, .btn-primary[disabled].focus, .button[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .button:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .button:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .focus.button {
  background-color: var(--c-muted);
  /*border-color: var(--c-color-20);*/
}

.btn-primary .badge, .button .badge {
  color: var(--c-muted);
  background-color: var(--c-white);
}

.btn-success {
  color: var(--c-white);
  background-color: var(--c-color-23);
  /*border-color: var(--c-color-24); */
}

.btn-success:focus, .btn-success.focus {
  color: var(--c-white);
  background-color: var(--c-color-25);
  /*border-color: var(--c-color-26); */
}

.btn-success:hover {
  color: var(--c-white);
  background-color: var(--c-color-25);
  /*border-color: var(--c-color-27); */
}

.btn-success:active, .btn-success.active,
.open>.btn-success.dropdown-toggle {
  color: var(--c-white);
  background-color: var(--c-color-25);
  background-image: none;
  /*border-color: var(--c-color-27); */
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open>.btn-success.dropdown-toggle:hover,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle.focus {
  color: var(--c-white);
  background-color: var(--c-color-27);
  /*border-color: var(--c-color-26);*/
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: var(--c-color-23);
  /*border-color: var(--c-color-24); */
}

.btn-success .badge {
  color: var(--c-color-23);
  background-color: var(--c-white);
}

.btn-info {
  color: var(--c-white);
  background-color: var(--c-muted);
  /*border-color: var(--c-color-20); */
}

.btn-info:focus, .btn-info.focus {
  color: var(--c-white);
  background-color: var(--c-primary);
  /*border-color: var(--c-color-21);*/
}

.btn-info:hover {
  color: var(--c-white);
  background-color: var(--c-primary);
  /*border-color: #013d64;*/
}

.btn-info:active, .btn-info.active,
.open>.btn-info.dropdown-toggle {
  color: var(--c-white);
  background-color: var(--c-primary);
  background-image: none;
  /*border-color: #013d64; */
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open>.btn-info.dropdown-toggle:hover,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus {
  color: var(--c-white);
  background-color: var(--c-color-22);
  /*border-color: var(--c-color-21);/*/
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: var(--c-muted);
  /*border-color: var(--c-color-20); */
}

.btn-info .badge {
  color: var(--c-muted);
  background-color: var(--c-white);
}

.btn-warning {
  color: var(--c-white);
  background-color: var(--c-color-28);
  /*border-color: var(--c-color-29); */
}

.btn-warning:focus, .btn-warning.focus {
  color: var(--c-white);
  background-color: var(--c-color-30);
  /*border-color: var(--c-color-31);*/
}

.btn-warning:hover {
  color: var(--c-white);
  background-color: var(--c-color-30);
  /*border-color: var(--c-color-32);*/
}

.btn-warning:active, .btn-warning.active,
.open>.btn-warning.dropdown-toggle {
  color: var(--c-white);
  background-color: var(--c-color-30);
  background-image: none;
  /*border-color: var(--c-color-32); */
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open>.btn-warning.dropdown-toggle:hover,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle.focus {
  color: var(--c-white);
  background-color: var(--c-color-32);
  /*border-color: var(--c-color-31);*/
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: var(--c-color-28);
  /*border-color: var(--c-color-29); */
}

.btn-warning .badge {
  color: var(--c-color-28);
  background-color: var(--c-white);
}

.btn-danger {
  color: var(--c-white);
  background-color: var(--c-color-33);
  /*border-color: var(--c-color-35);*/
}

.btn-danger:focus, .btn-danger.focus {
  color: var(--c-white);
  background-color: var(--c-color-34);
  /*border-color: var(--c-color-36);*/
}

.btn-danger:hover {
  color: var(--c-white);
  background-color: var(--c-color-34);
  /*border-color: var(--c-color-37); */
}

.btn-danger:active, .btn-danger.active,
.open>.btn-danger.dropdown-toggle {
  color: var(--c-white);
  background-color: var(--c-color-34);
  background-image: none;
  /*border-color: var(--c-color-37); */
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
  color: var(--c-white);
  background-color: var(--c-color-37);
  /*border-color: var(--c-color-36); */
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: var(--c-color-33);
  /*border-color: var(--c-color-35);*/
}

.btn-danger .badge {
  color: var(--c-color-33);
  background-color: var(--c-white);
}

.btn-link {
  font-weight: 400;
  color: var(--c-muted);
  border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
  color: var(--c-darkblue);
  text-decoration: none;
  background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: var(--c-lightgray1);
  text-decoration: none;
}

.btn-lg {
  padding: 10px 16px;
  font-size: var(--font-s-20);
  line-height: 1.33333;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: var(--font-s-14);
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: var(--font-s-14);
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block+.btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-color: var(--c-white);
  background-clip: padding-box;
  border: 1px solid var(--c-color-10);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 13px 0;
  overflow: hidden;
  background-color: var(--c-color-8);
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.8;
  color: var(--c-color-9);
  white-space: nowrap;
  font-size: 14px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  color: #807b6f;
  text-decoration: none;
  background-color: var(--c-color-2);
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  color: var(--c-white);
  text-decoration: none;
  background-color: var(--c-muted);
  outline: 0;
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  color: var(--c-lightgray1);
}

.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open>.dropdown-menu {
  display: block;
}

.open>a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: var(--font-s-14);
  line-height: 1.8;
  color: var(--c-lightgray1);
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: var(--c-lightyellow);
  text-align: center;
  background-color: var(--c-lightblue);
  border: 1px solid var(--c-color-10);
  border-radius: 4px;
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn, .input-group-sm>.input-group-btn>.input-group-addon.button {
  padding: 5px 10px;
  font-size: var(--font-s-14);
  border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn, .input-group-lg>.input-group-btn>.input-group-addon.button {
  padding: 10px 16px;
  font-size: var(--font-s-20);
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.button,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.btn-group>.button,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.button:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn-group:not(:last-child)>.button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.button,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.btn-group>.button,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.button:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn-group:not(:first-child)>.button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn>.btn, .input-group-btn>.button {
  position: relative;
}

.input-group-btn>.btn+.btn, .input-group-btn>.button+.btn, .input-group-btn>.btn+.button, .input-group-btn>.button+.button {
  margin-left: -1px;
}

.input-group-btn>.btn:hover, .input-group-btn>.button:hover, .input-group-btn>.btn:focus, .input-group-btn>.button:focus, .input-group-btn>.btn:active, .input-group-btn>.button:active {
  z-index: 2;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.button,
.input-group-btn:first-child>.btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.button,
.input-group-btn:last-child>.btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before, .nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav>li {
  position: relative;
  display: block;
}

.nav>li>a {
  font-size: var(--font-s-14);
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav>li>a:hover, .nav>li>a:focus {
  text-decoration: none;
  background-color: var(--c-lightblue);
}

.nav>li.disabled>a {
  color: var(--c-lightgray1);
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
  color: var(--c-lightgray1);
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  background-color: var(--c-lightblue);
  border-color: var(--c-muted);
}

.nav .nav-divider {
  height: 1px;
  margin: 13px 0;
  overflow: hidden;
  background-color: var(--c-color-8);
}

.nav>li>a>img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid var(--c-gray);
}

.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.8;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
  border-color: var(--c-lightblue) var(--c-lightblue) var(--c-gray);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: var(--c-lightyellow);
  cursor: default;
  background-color: var(--c-white);
  border: 1px solid var(--c-gray);
  border-bottom-color: transparent;
}

.nav-pills>li {
  float: left;
}

.nav-pills>li>a {
  border-radius: 4px;
}

.nav-pills>li+li {
  margin-left: 2px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  color: var(--c-white);
  background-color: var(--c-muted);
}

.nav-stacked>li {
  float: none;
}

.nav-stacked>li+li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified>li, .nav-tabs.nav-justified>li {
  float: none;
}

.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-justified>.dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified>li, .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified>li>a, .nav-tabs.nav-justified>li>a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
  border: 1px solid var(--c-gray);
}

@media (min-width: 768px) {
  .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid var(--c-gray);
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a,
  .nav-tabs-justified>.active>a:hover,
  .nav-tabs.nav-justified>.active>a:hover,
  .nav-tabs-justified>.active>a:focus,
  .nav-tabs.nav-justified>.active>a:focus {
    border-bottom-color: var(--c-white);
  }
}

.tab-content>.tab-pane {
  display: none;
}

.tab-content>.active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 70px;
  margin-bottom: 28px;
  border: 1px solid transparent;
}

.navbar:before, .navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-width: 480px) and (orientation: landscape) {

  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

@media (min-width: 768px) {

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.container>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-header,
.container-fluid>.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {

  .container>.navbar-header,
  .container>.navbar-collapse,
  .container-fluid>.navbar-header,
  .container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  height: 70px;
  padding: 21px 15px;
  font-size: var(--font-s-20);
  line-height: 28px;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand>img {
  display: block;
}

@media (min-width: 768px) {

  .navbar>.container .navbar-brand,
  .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 10.5px -15px;
}

.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 28px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu>li>a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }

  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 28px;
  }

  .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav>li {
    float: left;
  }

  .navbar-nav>li>a {
    padding-top: 21px;
    padding-bottom: 21px;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 14px;
  margin-bottom: 14px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .navbar-form .form-control-static {
    display: inline-block;
  }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }

  .navbar-form .input-group>.form-control {
    width: 100%;
  }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }

  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }

  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-btn.btn-sm {
  margin-top: 18.5px;
  margin-bottom: 18.5px;
}

.navbar-btn.btn-xs {
  margin-top: 24px;
  margin-bottom: 24px;
}

.navbar-text {
  margin-top: 21px;
  margin-bottom: 21px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }

  .navbar-right~.navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: var(--c-white);
  border-color: var(--c-color-38);
}

.navbar-default .navbar-brand {
  color: var(--c-black);
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: black;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: var(--c-black);
}

.navbar-default .navbar-nav>li>a {
  color: var(--c-black);
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: var(--c-black);
  background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #555;
  background-color: var(--c-color-38);
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
  color: var(--c-color-10);
  background-color: transparent;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  color: #555;
  background-color: var(--c-color-38);
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: var(--c-black);
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: var(--c-black);
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #555;
    background-color: var(--c-color-38);
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: var(--c-color-10);
    background-color: transparent;
  }
}

.navbar-default .navbar-toggle {
  border-color: var(--c-gray);
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: var(--c-gray);
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: var(--c-color-38);
}

.navbar-default .navbar-link {
  color: var(--c-black);
}

.navbar-default .navbar-link:hover {
  color: var(--c-black);
}

.navbar-default .btn-link {
  color: var(--c-black);
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: var(--c-black);
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: var(--c-color-10);
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

.navbar-inverse .navbar-brand {
  color: var(--c-white);
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: var(--c-white);
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: var(--c-white);
}

.navbar-inverse .navbar-nav>li>a {
  color: var(--c-white);
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
  color: var(--c-white);
  background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: var(--c-white);
  background-color: #090909;
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  color: var(--c-white);
  background-color: #090909;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: var(--c-white);
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
    color: var(--c-white);
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: var(--c-white);
    background-color: #090909;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-toggle {
  border-color: var(--c-color-13);
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: var(--c-color-13);
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: var(--c-white);
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-link {
  color: var(--c-white);
}

.navbar-inverse .navbar-link:hover {
  color: var(--c-white);
}

.navbar-inverse .btn-link {
  color: var(--c-white);
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: var(--c-white);
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: var(--c-white);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label:empty {
  display: none;
}

.btn .label, .button .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: var(--c-white);
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: var(--c-lightgray1);
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #d0d0d0;
}

.label-primary {
  background-color: var(--c-muted);
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: var(--c-primary);
}

.label-success {
  background-color: var(--c-color-23);
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: var(--c-color-25);
}

.label-info {
  background-color: var(--c-color-43);
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #3182b6;
}

.label-warning {
  background-color: var(--c-color-28);
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: var(--c-color-30);
}

.label-danger {
  background-color: var(--c-color-33);
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: var(--c-color-34);
}

.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 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}

.clearfix: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 {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.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: 991px) {
  .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: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .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: 992px) and (max-width: 1399px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1400px) {
  .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: 1400px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1400px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1400px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1400px) {
  .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;
  }
}

.col-c-90, .col-c-10, .col-c-20, .col-c-80 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

.col-c-90 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}

.col-c-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}

.col-c-20 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.col-c-80 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}

@media (max-width: 768px) {
  .col-c-90, .col-c-10, .col-c-20, .col-c-80 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-c-10 {
    padding: 0;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.custom-icon-section .row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -50px;
}

@media (min-width: 768px) {
  .custom-icon-section .col-c-90 {
    padding-left: 5rem;
  }
}

.btn, .button {
  margin-bottom: 5px;
}

.btn-gray {
  color: var(--c-white);
  background-color: var(--c-lightyellow);
  border-color: var(--c-lightyellow);
}

.btn-gray:focus, .btn-gray.focus {
  color: var(--c-white);
  background-color: var(--c-lightyellow-hover);
  border-color: #5b564c;
}

.btn-gray:hover {
  color: var(--c-white);
  background-color: var(--c-lightyellow-hover);
  border-color: #7f796b;
}

.btn-gray:active, .btn-gray.active,
.open>.btn-gray.dropdown-toggle {
  color: var(--c-white);
  background-color: var(--c-lightyellow-hover);
  background-image: none;
  border-color: #7f796b;
}

.btn-gray:active:hover, .btn-gray:active:focus, .btn-gray:active.focus, .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray.active.focus,
.open>.btn-gray.dropdown-toggle:hover,
.open>.btn-gray.dropdown-toggle:focus,
.open>.btn-gray.dropdown-toggle.focus {
  color: var(--c-white);
  background-color: #716c5f;
  border-color: #5b564c;
}

.btn-gray.disabled:hover, .btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled].focus,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray.focus {
  background-color: var(--c-lightyellow);
  border-color: var(--c-lightyellow);
}

.btn-gray .badge {
  color: var(--c-lightyellow);
  background-color: var(--c-white);
}

.btn-lightgray {
  background-color: var(--c-lightgray1);
  color: black;
}

.header-wrapper {
  margin: 100px 0px;
  position: relative;
}

.header-wrapper img {
  height: 480px;
  padding-bottom: 0px;
  object-fit: cover;
}

.teaser-box {
  height: 250px;
  position: relative;
  width: 35%;
  background-color: var(--c-white);
  top: -70px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.16);
}

.teaser-box>.teaser-box--content {
  font-size: var(--font-s-45);
  text-align: center;
  position: relative;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  padding: 0 15px;
}

.teaser-box>.teaser-box--content>p {
  margin-bottom: 0px;
}

.yt-play-icon {
  position: absolute;
  font-size: var(--font-s-80);
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  top: 250px;
  color: var(--c-white);
}

.yt-video--title {
  top: -60px;
  left: -60px;
  position: absolute;
}

.yt-video--title img {
  height: auto;
}

.yt-video--title span {
  background-color: var(--c-lightyellow);
  color: var(--c-white);
  position: relative;
  display: table;
  padding: 5px 20px;
  line-height: 100%;
  text-transform: uppercase;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
}

.yt-video--title span.normal {
  font-size: var(--font-s-25);
}

.yt-video--title span.normal:after {
  z-index: -1;
}

.yt-video--title span.normal:before {
  z-index: -1;
}

.yt-video--title span.normal:not(:nth-child(1)) {
  border-bottom: none;
}

.yt-video--title span.normal:nth-child(2) {
  border-top: none;
}

.yt-video--title span.big {
  font-size: var(--font-s-40);
  font-weight: 500;
  padding: 10px 20px;
}

.owl-carousel.lehrberufe {
  display: block;
  margin-bottom: 30px;
}

.owl-carousel.lehrberufe .owl-dots {
  text-align: center;
}

.owl-carousel.lehrberufe .owl-dots .owl-dot span {
  background: none repeat scroll 0 0 var(--c-white);
  border-radius: 20px;
  display: block;
  height: 20px;
  margin: 5px 7px;
  width: 20px;
}

.owl-carousel.lehrberufe .owl-dots .owl-dot.active span {
  background: none repeat scroll 0 0 var(--c-color-49);
}

@media (max-width: 1399px) {
  .teaser-box>.teaser-box--content {
    font-size: var(--font-s-35);
  }
}

@media (max-width: 767px) {
  .teaser-box {
    width: 85%;
  }

  .yt-video--title span.normal {
    font-size: var(--font-s-10);
  }

  .yt-video--title span.big {
    font-size: var(--font-s-20);
  }
}

.content-image {
  margin-bottom: 20px;
}

.employee-box {

  padding: 30px 40px;
  display: flex;
  margin-bottom: 10px;
}

.employee-box>img {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin-right: 60px;
}

.employee-box p, .employee-box .lead {
  margin: 0;
}

.employee-box .lead {
  font-weight: 700;
}

.employee-box--content {
  /*display: flex;
  flex-flow: column nowrap;
  justify-content: center;*/
}

.employee-box--table tr>td {
  min-width: 40px;
}

@media (max-width: 767px) {
  .employee-box {
    padding: 20px;
    display: block;
  }

  .employee-box>img {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px auto;
    display: block;
  }

  .employee-box--table tr>td {
    min-width: 30px;
  }
}

.employee-box .image-container {
  width: 50%;
  float: left;
  position: relative;
  text-align: center;
}

.employee-box .image-container img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  max-width: 450px;
}

.employee-box--content {
  width: 50%;
  padding: 2rem;
}

@media (max-width: 767px) {
  .employee-box--content, .employee-box .image-container {
    width: 100%;
  }

  .employee-box .image-container img {

    margin-bottom: 2rem;
  }
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  position: relative;
}

footer {
  padding: 30px 0;
  color: var(--c-white);
  background-color: var(--main-darkgreen2);
  font-size: var(--font-s-14);
  line-height: 1.3;
}

.logo-container {
  background-color: var(--main-green);
  padding: 2rem 0;
  margin-top: 75px;
  position: relative;
}

footer>.container {
  position: relative;
}

.btn-gototop {
  position: absolute;
  right: 15px;
  top: -27px;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: var(--font-s-14);
}

footer a {
  color: var(--main-green);
  text-decoration: underline;
}

footer a:hover {
  color: var(--main-green2);
  text-decoration: none;
  background-color: transparent;
  /*border-color: #7f796b; */
}

@media (max-width: 1399px) {
  footer {
    margin-bottom: -30px;
  }

  footer .row [class*='col-'] {
    margin-bottom: 30px;
  }
}

.footer-logo {
  margin-bottom: 25px;
}

.footer-bottom {
  color: var(--c-white);
  background: var(--c-color-9);
  line-height: 1;
  padding: 15px 0;
  font-size: var(--font-s-12);
}

.footer-links strong {
  display: block;
  margin-bottom: 10px;
}

.ul-footer-links {
  display: inline-block;
}

.ul-footer-links a {
  padding: 6px 10px;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.ul-footer-links li:last-child>a {
  margin-bottom: 0;
}

form input[type="text"] {
  border: none;
  border-bottom: 2px solid var(--c-color-41);
}

form h2 {
  display: inline-block;
  width: 100%;
  color: var(--c-muted);
  margin-bottom: 0px;
}

form h4 {
  font-weight: 500;
  font-size: var(--font-s-18);
  padding-left: 0px !important;
}

form .form-group {
  padding-left: 0px;
}

form .form-group label {
  float: left;
  font-weight: 400;
}

form .form-group input:not([type="radio"]) {
  width: 60%;
  float: right;
  height: 100%;
}

form .form-group .error {
  width: 100%;
  color: red;
  display: inline-block;
}

form .form-group .radio-wrapper {
  position: relative;
  padding-left: 35px;
  margin-left: 20px;
}

form .form-group .radio-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

form .form-group .radio-wrapper .checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--c-color-38);
  border: 2px solid var(--c-color-41);
  cursor: pointer;
}

form .form-group .radio-wrapper:hover input~.checkmark {
  background-color: var(--c-color-10);
}

form .form-group .radio-wrapper input:checked~.checkmark {
  background-color: var(--c-muted);
}

form .form-group.submit {
  margin-top: 25px;
}

form input:focus,
form select:focus,
form textarea:focus,
form button:focus {
  outline: none;
}

html.with-featherlight {
  overflow: auto;
}

.owl-inline-gallery .carousel-img {
  width: 100%;
  height: auto;
}

.image-gallery {
  width: auto;
  display: flex;
  flex-flow: row wrap;
  margin-left: -5px;
  margin-right: -5px;
}

.gallery-item {
  width: 24.98%;
  padding: 0 5px;
  margin-bottom: 10px;
}

.gray-textbox>.row {
  display: flex;
  flex-flow: row wrap;
}

@media (max-width: 767px) {
  .gray-textbox>.row>div {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .gray-textbox>.row>div:first-child {
    padding-right: 0;
  }

  .gray-textbox>.row>div:last-child {
    padding-left: 0;
  }
}

.gray-textbox>.row>div>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gray-textbox .gray-textbox--text-wrapper {
  background: var(--c-lightblue);
  padding: 20px;
  height: 100%;
}

.gray-textbox+.gray-textbox {
  padding-top: 0;
  margin-top: -30px;
}

.vh-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.center {
  text-align: center;
}

body.no-scroll {
  overflow: hidden;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-lr {
  padding-left: 0;
  padding-right: 0;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

[disabled] {
  opacity: .5 !important;
  cursor: default !important;
  pointer-events: none;
}

.invisible {
  display: none;
}

.relative {
  position: relative;
}

iframe {
  margin-bottom: -9px;
}

#main ul {
  list-style: none;
}

#main ul li {
  position: relative;
}

#main ul li:after {
  width: 5px;
  height: 5px;
  content: '';
  border-radius: 50%;
  position: absolute;
  left: -15px;
  top: 10px;
  background: var(--c-color-42);
}

ul.files {
  list-style: none;
  padding-left: 0px;
  text-align: center;
}

.paging {
  padding: 0px 15px;
  margin-top: 50px;
}

.paging ul.pageList {
  list-style: none;
  padding-left: 0;
}

.paging ul.pageList li {
  display: inline-block;
  margin-right: 15px;
}

#boxes {
  padding-top: 30px;
}

.masonry-grid {
  width: auto;
  margin-left: -5px;
  margin-right: -5px;
}

.grid-sizer,
.grid-item {
  width: 8.3333%;
}

@media (max-width: 1399px) {

  .grid-sizer,
  .grid-item {
    width: 25%;
  }
}

@media (max-width: 767px) {

  .grid-sizer,
  .grid-item {
    width: 50%;
  }
}

.grid-item {
  height: 130px;
  float: left;
  padding: 5px;
  color: var(--c-black);
}

@media (hover: hover) {
  .grid-item:hover .grid-item--label {
    background: rgba(58, 179, 150, 0.7);
    color: var(--c-white);
  }
}

@media (hover: hover) {
  .grid-item.grid-item--width3:hover .grid-item--label, .grid-item.grid-item--width2:hover .grid-item--label {
    min-height: 50% !important;
    height: 50% !important;
  }
}

.grid-item--width0 .grid-item--label {
  padding: 5px;
  text-align: center !important;
}

.grid-item--width0 h3 {
  font-size: var(--font-s-12);
}

.grid-item--width1 {
  width: 16.6666%;
}

.grid-item--width2 {
  width: 33.3333%;
}

.grid-item--width2 h3 {
  font-size: var(--font-s-20);
}

.grid-item--width3 {
  width: 50%;
}

.grid-item--height2 {
  height: 260px;
}

.grid-item--height3 {
  height: 320px;
}

@media (max-width: 1399px) {
  .grid-item--width1 {
    width: 25%;
  }

  .grid-item--width2 {
    width: 50%;
  }

  .grid-item--width3 {
    width: 50%;
  }

  .grid-item--height2 {
    height: 260px;
  }

  .grid-item--height3 {
    height: 320px;
  }
}

@media (max-width: 767px) {
  .grid-item--width1 {
    width: 50%;
  }

  .grid-item--width2 {
    width: 100%;
  }

  .grid-item--width3 {
    width: 100%;
  }

  .grid-item--height2 {
    height: 260px;
  }

  .grid-item--height3 {
    height: 320px;
  }
}

.grid-item--inside {
  position: relative;
  width: 100%;
  height: 100%;
}

.grid-item--inside>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid-item--label {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 15px;
  background: rgba(255, 255, 255, 0.75);
  transition: all 250ms ease;
  min-height: 50px;
}

.grid-item--label h3, .grid-item--label h4, .grid-item--label h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.grid-item--label span {
  display: block;
  line-height: 1;
}

.grid-item--label.align-bottom {
  top: auto;
  bottom: 0;
  text-align: right;
}

.grid-item--label.align-bottom-center {
  top: auto;
  bottom: 0;
  text-align: center;
  padding: 7px;
}

.grid-item--label-content {
  transform: translateZ(0);
  transition: transform .3s ease-in-out;
  height: 100%;
}

.grid-item--icon {
  position: absolute;
  transform: translateX(-100%) translateY(-50%);
  left: 0;
  top: 50%;
  margin-left: -30px;
}

.align-bottom .grid-item--icon {
  margin-left: 0;
  margin-right: -30px;
  transform: translateX(100%) translateY(-50%);
  right: 0;
  left: auto;
}

.grid-item--width3 .grid-item--icon {
  height: 92px;
}

.grid-item--width2 .grid-item--icon {
  height: 76px;
}

.navbar-default {
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.16);
}

.navbar-default .navbar-nav>li>a {
  font-weight: 400;
}

.navbar-default .navbar-nav>li>a>span {
  position: relative;
  transition: .3s ease-in-out;
}

.navbar-default .navbar-nav>li>a>span:after, .navbar-default .navbar-nav>li>a>span:before {
  content: '';
  width: 0;
  height: 2px;
  background: var(--c-muted);
  position: absolute;
  bottom: -5px;
  left: 50%;
  transition: .3s ease-in-out;
  opacity: 0;
}

.navbar-default .navbar-nav>li>a:hover>span:after, .navbar-default .navbar-nav>li>a:hover>span:before {
  width: 50%;
  opacity: 1;
}

.navbar-default .navbar-nav>li>a:hover>span:after {
  left: 0;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav .open>a, .navbar-default .navbar-nav .open>a:hover, .navbar-default .navbar-nav .open>a:focus {
  color: var(--c-muted);
  background-color: transparent;
}

@media (max-width: 1399px) {
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: var(--c-color-38);
  }

  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    min-height: 343px;
  }

  .navbar-fixed-bottom .navbar-collapse ul, .navbar-fixed-top .navbar-collapse ul {
    margin-bottom: 0px;
  }

  .navbar-nav svg {
    position: absolute;
    right: 0px;
    top: 0px;
  }

  .navbar-nav svg.svg-inline--fa.fa-w-14 {
    width: 40px;
    height: 48px;
    padding: 15px;
    border: 1px solid var(--c-color-38);
    border-bottom: none;
    border-top: none;
  }

  .navbar-nav svg path {
    fill: var(--c-muted);
  }

  .navbar-nav>li.dropdown:after {
    display: none;
    content: '\f067';
    font-family: "Font Awesome 5 Solid";
  }

  .navbar-nav>li.dropdown.open:after {
    content: '\f068';
  }

  .navbar-nav>li.active.no-dropdown:after {
    content: '';
    display: none;
    visibility: hidden;
  }

  .navbar-nav>li.active.no-dropdown svg {
    display: none;
  }

  .navbar-nav>li.active:after {
    display: none;
    content: '\f067';
    font-family: "Font Awesome 5 Solid";
  }

  .navbar-nav>li.active.open:after {
    content: '\f068';
  }

  .navbar-nav>li>a {
    display: block;
    border-bottom: 1px solid var(--c-color-38);
  }

  .dropdown-menu>li>a {
    display: block;
    border-bottom: 1px solid var(--c-color-38);
  }

  .caret {
    display: none;
  }
}

.top-nav {
  background: var(--c-muted);
}

.top-nav>.container {
  display: flex;
  flex-flow: row-reverse nowrap;
}

.top-nav .list-unstyled {
  margin-bottom: 0;
  text-align: right;
  display: inline-block;
  float: right;
  white-space: nowrap;
  overflow: auto;
}

.top-nav .list-inline>li {
  padding-left: 0;
  padding-right: 0;
}

.top-nav .list-inline>li:last-child>a {
  border-right: 1px solid white;
}

.top-nav .list-inline a {
  padding: 6px 12px;
  color: var(--c-white);
  display: block;
  text-transform: uppercase;
  font-weight: 400;
  font-size: var(--font-s-12);
  border-left: 1px solid white;
  margin-top: 3px;
}

.top-nav .lang-menu {
  float: right;
  display: inline-flex;
  height: 33px;
  position: relative;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.top-nav .lang-menu a {
  color: var(--c-white);
  line-height: 1;
  font-size: var(--font-s-11);
}

.top-nav .lang-menu a.active {
  cursor: default;
  font-weight: 700;
}

.top-nav .lang-menu a:hover:not(.active) {
  background: rgba(255, 255, 255, 0.3);
}

.top-nav .lang-menu>a:first-child {
  background: rgba(255, 255, 255, 0.2);
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  padding: 5px 4px 5px 9px;
}

.top-nav .lang-menu>a:last-child {
  background: rgba(255, 255, 255, 0.2);
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  padding: 5px 9px 5px 4px;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  border: none;
}

.navbar-nav>li>.dropdown-menu>li>a {
  font-weight: 400;
  color: var(--c-black);
}

.navbar-nav>li>.dropdown-menu>li>a:hover {
  color: var(--c-muted);
  background: var(--c-lightblue);
}

@media (min-width: 1400px) {
  .navbar-right .dropdown-menu {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    min-width: calc(100% + 8px);
  }
}

.dropdown-menu {
  box-shadow: 0 20px 28px rgba(0, 0, 0, 0.16);
  padding: 0px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background: var(--c-lightblue);
  color: var(--c-muted) !important;
}

.sisea-search-form .search-field {
  -webkit-appearance: none;
  border: none;
  background: none;
  outline: none;
  color: var(--c-white);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
}

.sisea-search-form .search-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.8);
}

.sisea-search-form .search-field::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--c-white);
}

.sisea-search-form .search-field:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--c-white);
}

.sisea-search-form .search-field:-moz-placeholder {
  /* Firefox 18- */
  color: var(--c-white);
}

@media (max-width: 767px) {
  .sisea-search-form {
    display: none;
  }
}

@media (max-width: 1399px) {
  .navbar-header {
    float: none;
  }

  .navbar-left, .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin-top: 0px;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
}

@media (min-width: 768px) {
  .navbar-toggle {
    margin-right: 0;
  }

  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
  }
}

@media (hover: none) {
  .nav.navbar-nav a.dropdown-toggle span:after, .nav.navbar-nav a.dropdown-toggle span:before, .nav.navbar-nav a span:after, .nav.navbar-nav a span:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .top-nav .list-unstyled {
    white-space: unset;
  }

  .top-nav .list-unstyled a {
    border: none !important;
  }
}

.parallax-window {
  min-height: 400px;
  background: transparent;
  position: relative;
}

.parallax-window>.parallax-title {
  line-height: 1;
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.7);
  font-size: var(--font-s-41);
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

@media (max-width: 991px) {
  .parallax-window>.parallax-title {
    white-space: unset;
    min-width: 80%;
  }
}

@media print {
  section, div {
    page-break-inside: avoid;
  }

  html, body {
    border: 1px solid var(--c-white);
    height: 99%;
    page-break-after: avoid;
    page-break-before: avoid;
    color: black !important;
  }

  .masonry-grid {
    display: none;
  }

  #videos {
    display: none;
  }

  .img-shifted--wrapper {
    display: none;
  }

  .video-wrapper {
    display: none;
  }

  .video-sidebar {
    display: none;
  }

  footer {
    display: none;
  }

  footer a {
    display: block;
  }

  .pano {
    display: none;
  }

  a {
    display: none;
  }

  a.btn, a.button {
    display: none;
  }

  img {
    display: none;
  }

  @page {}

  @page {
    margin-top: 2cm;
  }

  nav.navbar {
    box-shadow: none;
    position: absolute;
    z-index: 5;
    margin: 0;
    top: 0px;
    left: 0;
  }

  nav.navbar button {
    display: none;
  }

  nav.navbar .navbar-brand {
    display: block;
  }

  nav.navbar img {
    display: block !important;
  }

  .top-nav {
    display: none;
  }

  .footer_print {
    display: block !important;
    text-align: center;
    bottom: -6px;
    left: 0;
    position: fixed;
  }

  footer div div.row div.col-lg-4.col-md-4.col-sm-4 div.row div:first-child {
    position: fixed;
    bottom: 0;
    left: 0;
  }

  footer div div.row div.col-lg-4.col-md-4.col-sm-4 div.row div:first-child a {
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
  }
}

body {
  padding-top: 104px;
  font-weight: 400;
}

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

#scrollspy-nav {
  z-index: 9999;
  position: fixed;
  right: 0;
  top: 200px;
  padding: 10px 6px;
  background: var(--c-color-9);
  margin-bottom: -10px;
  display: block;
}

#scrollspy-nav span {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--c-white);
  border: 2px solid var(--c-color-9);
  margin-bottom: 10px;
}

#scrollspy-nav a:last-child>span {
  margin-bottom: 0;
}

#scrollspy-nav .active>span {
  background: var(--c-muted);
  border-color: var(--c-white);
}

@media (max-width: 767px) {
  #scrollspy-nav {
    display: none;
  }
}

section {
  padding-top: 30px;
  padding-bottom: 30px;
}

section:after {
  clear: both;
}

section:before, section:after {
  content: " ";
  display: table;
}

section h1:first-of-type, section h2:first-of-type, section h3:first-of-type {
  margin-top: 0;
}

.section-arrow {
  border-top: 75px solid var(--c-white);
  border-left: 48vw solid transparent;
  border-right: 50vw solid transparent;
  width: 0;
  height: 0;
  bottom: -75px;
  content: "";
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

.simplesearch-result {
  border-bottom: 1px solid var(--c-gray);
  padding: 20px;
}

.simplesearch-result:nth-child(odd) {
  background: var(--c-color-1);
}

.simplesearch-result h3 {
  margin-top: 0;
}

.simplesearch-result p {
  margin-bottom: 0;
}

.simplesearch-results {
  margin-top: 60px;
}

.simplesearch-paging {
  margin-bottom: 50px;
}

.simplesearch-results-list+.simplesearch-paging {
  margin-top: 40px;
}

.statements {
  position: relative;
  margin-bottom: 150px;
  margin-top: 100px;
}

.statements .statement-box {
  border: 1px solid var(--c-muted);
  position: absolute;
  display: inline-block;
  height: 100%;
  width: 42%;
  right: 0;
  font-size: var(--font-s-12);
  padding: 20px 35px 50px 35px;
  border-radius: 5px;
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.16);
}

.statements .statement-box .statement-box--head {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100px;
}

.statements .statement-box .statement-box--head .statement-box--image {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
}

.statements .statement-box .statement-box--head .statement-box--image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.statements .statement-box .statement-box--head .statement-box--head--info {
  position: absolute;
  bottom: 0;
  margin-left: 120px;
}

.statements .statement-box .statement-box--head .statement-box--head--info .name {
  font-weight: 500;
  font-size: 1rem;
  line-height: 100%;
}

.statements .statement-box .statement-box--head .statement-box--head--info .job {
  font-size: 1rem;
  line-height: 100%;
}

.statements .statement-box .statement-box--content {
  margin-top: 25px;
}

.statements .statement-box .navigator {
  position: absolute;
  width: 40px;
  height: 35px;
  background-color: var(--c-lightyellow);
  color: var(--c-white);
  font-size: var(--font-s-15);
  font-weight: 500;
  cursor: pointer;
}

.statements .statement-box .navigator.previous {
  bottom: 5px;
  left: 5px;
}

.statements .statement-box .navigator.next {
  bottom: 5px;
  right: 5px;
}

.statements .statement-box .navigator span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.statements .statement-box:after, .statements .statement-box:before {
  right: 100%;
  top: 40%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.statements .statement-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: var(--c-white);
  border-width: 20px;
  margin-top: -20px;
}

.statements .statement-box:before {
  border-color: rgba(238, 238, 238, 0);
  border-right-color: var(--c-muted);
  border-width: 21px;
  margin-top: -21px;
}

.statements .background {
  display: inline-block;
  position: relative;
  height: 350px;
  width: 65%;
}

.statements .background img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.statements .background .point {
  position: absolute;
  background-color: var(--c-white);
  width: 30px;
  height: 30px;
  border: 1px solid var(--c-muted);
  border-radius: 50%;
  cursor: pointer;
}

.statements .background .point.active {
  background: var(--c-lightyellow);
  border-color: var(--c-white);
}

.statements .background .point.active span {
  color: var(--c-white);
}

.statements .background .point>span {
  font-size: 20px;
  color: var(--c-muted);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

@media (max-width: 1399px) {
  .statements .background, .statements .statement-box {
    width: 100%;
    display: block;
    position: relative;
  }

  .statements .statement-box:after, .statements .statement-box:before {
    bottom: 100%;
    left: 50%;
    top: unset;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .statements .statement-box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: var(--c-white);
    border-width: 20px;
    margin-left: -20px;
  }

  .statements .statement-box:before {
    border-color: rgba(2, 113, 185, 0);
    border-bottom-color: var(--c-muted);
    border-width: 21px;
    margin-left: -21px;
  }
}

@media (min-width: 550px) and (max-width: 767px) {
  .statements .background {
    width: 500px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 549px) {
  .statements .statement-box {
    background-color: var(--c-white);
  }

  .statements .background {
    height: 180px;
    width: 400px;
    left: 50%;
    transform: translateX(-50%);
  }

  .statements .background .point {
    width: 15px;
    height: 15px;
  }

  .statements .background .point>span {
    font-size: var(--font-s-15);
  }
}

@media (max-width: 375px) {
  .statements .background {
    width: 290px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.supply-chain-desktop {
  margin-bottom: 50px;
  position: relative;
}

.supply-chain-desktop .image-wrapper {
  position: relative;
  width: 550px;
  left: 50%;
  transform: translateX(-50%);
}

.supply-chain-desktop .image-wrapper>.icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: rotate(-110deg);
}

.supply-chain-desktop .image-wrapper>.icon-wrapper>.icon {
  transform: rotate(110deg);
}

.supply-chain-desktop #logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: 225px;
}

.supply-chain-desktop #logo>img {
  height: 100%;
  width: 100%;
  display: block;
}

.supply-chain-desktop .icon-circle {
  position: relative;
}

.supply-chain-desktop .icon {
  width: 75px;
  height: 75px;
  position: absolute;
  padding: 30px;
  border: 1px solid var(--c-white);
  border-radius: 50%;
  transition: .3s ease-in-out;
  cursor: pointer;
}

.supply-chain-desktop .icon:hover {
  z-index: 1000;
}

.supply-chain-desktop .icon:hover .icon-text {
  visibility: visible;
  opacity: 1;
}

.supply-chain-desktop .icon>.icon-text {
  visibility: hidden;
  width: 250px;
  background-color: var(--c-white);
  border: 1px solid var(--c-muted);
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 50;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: .3s ease-in-out;
}

.supply-chain-desktop .icon>.icon-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -17px;
  border-width: 17px;
  border-style: solid;
  border-color: var(--c-white) transparent transparent transparent;
}

.supply-chain-desktop .icon>.icon-text>.close {
  display: none;
}

.supply-chain-desktop .icon>svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 50px;
  height: 50px;
}

.supply-chain-desktop .icon>svg path, .supply-chain-desktop .icon>svg rect, .supply-chain-desktop .icon>svg polygon {
  transition: .3s ease-in-out;
}

.supply-chain-desktop .icon:hover {
  background-color: var(--c-white);
}

.supply-chain-desktop .icon:hover svg path, .supply-chain-desktop .icon:hover svg rect, .supply-chain-desktop .icon:hover svg polygon {
  fill: var(--c-color-49) !important;
}

.supply-chain-horizontal-desktop {
  position: relative;
  margin: 50px 0px;
}

.supply-chain-horizontal-desktop .icon-wrapper {
  position: absolute;
  width: 100%;
  top: 35%;
  display: flex;
  justify-content: space-evenly;
}

.supply-chain-horizontal-desktop .icon-wrapper .icon {
  width: 65px;
  height: 65px;
  position: relative;
  border: 1px solid var(--c-white);
  border-radius: 50%;
  transition: .3s ease-in-out;
  cursor: pointer;
  display: inline-block;
}

.supply-chain-horizontal-desktop .icon-wrapper .icon>svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 60%;
  height: 60%;
}

.supply-chain-horizontal-desktop .icon-wrapper .icon:first-of-type {
  margin-left: -20px;
}

.supply-chain-horizontal-desktop .icon-wrapper .icon:first-of-type .icon-text {
  left: -10px;
  transform: translateX(0);
}

.supply-chain-horizontal-desktop .icon-wrapper .icon:first-of-type .icon-text:after {
  left: 45.5px;
  transform: translateX(0);
}

.supply-chain-horizontal-desktop .icon-wrapper .icon:last-of-type .icon-text {
  right: -10px;
  left: auto;
  transform: translateX(0);
}

.supply-chain-horizontal-desktop .icon-wrapper .icon:last-of-type .icon-text:after {
  right: 28.5px;
  left: auto;
  transform: translateX(0);
}

@media (max-width: 1399px) {
  .supply-chain-horizontal-desktop .icon-wrapper .icon {
    width: 50px;
    height: 50px;
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon>svg {
    width: 35px;
    height: 35px;
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon:first-of-type .icon-text {
    left: -10px;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon:first-of-type .icon-text:after {
    left: 38.5px;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon:last-of-type .icon-text {
    right: -10px;
    left: auto;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon:last-of-type .icon-text:after {
    right: 21.5px;
    left: auto;
    transform: translateX(0);
  }
}

@media (max-width: 991px) {
  .supply-chain-horizontal-desktop .icon-wrapper .icon {
    padding: 0px;
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon .icon-text {
    bottom: 135% !important;
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon:first-of-type .icon-text {
    left: -15px;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon:first-of-type .icon-text:after {
    left: 37px;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon:last-of-type .icon-text {
    right: -15px;
    left: auto;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop .icon-wrapper .icon:last-of-type .icon-text:after {
    right: 20px;
    left: auto;
    transform: translateX(0);
  }
}

.supply-chain-horizontal-desktop .icon-wrapper .icon:hover .icon-text {
  visibility: visible;
  opacity: 1;
}

.supply-chain-horizontal-desktop .icon-wrapper .icon>.icon-text {
  visibility: hidden;
  width: 250px;
  background-color: var(--c-white);
  border: 1px solid var(--c-muted);
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.supply-chain-horizontal-desktop .icon-wrapper .icon>.icon-text:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -17px;
  border-width: 17px;
  border-style: solid;
  border-color: var(--c-white) transparent transparent transparent;
}

.supply-chain-horizontal-desktop .icon-wrapper .icon>.icon-text>.close {
  display: none;
}

.supply-chain-horizontal-desktop .icon-wrapper .icon svg path, .supply-chain-horizontal-desktop .icon-wrapper .icon svg rect, .supply-chain-horizontal-desktop .icon-wrapper .icon svg polygon {
  transition: .3s ease-in-out;
}

.supply-chain-horizontal-desktop .icon-wrapper .icon:hover {
  background-color: var(--c-white);
}

.supply-chain-horizontal-desktop .icon-wrapper .icon:hover svg path, .supply-chain-horizontal-desktop .icon-wrapper .icon:hover svg rect, .supply-chain-horizontal-desktop .icon-wrapper .icon:hover svg polygon {
  fill: var(--c-color-49) !important;
}

.supply-chain-mobile, .supply-chain-horizontal-mobile {
  margin-bottom: 100px;
}

.supply-chain-mobile .section, .supply-chain-horizontal-mobile .section {
  padding: 75px 0px 50px 0px;
  position: relative;
}

.supply-chain-mobile .section .section-name, .supply-chain-horizontal-mobile .section .section-name {
  position: absolute;
  transform: rotate(-90deg);
  text-transform: uppercase;
}

.supply-chain-mobile .section:after, .supply-chain-horizontal-mobile .section:after {
  content: '';
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  z-index: 1;
  padding-bottom: 10%;
  background: orange;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.supply-chain-mobile .section:nth-of-type(1), .supply-chain-horizontal-mobile .section:nth-of-type(1) {
  background-color: var(--c-color-44);
  padding-top: 50px;
}

.supply-chain-mobile .section:nth-of-type(1):after, .supply-chain-horizontal-mobile .section:nth-of-type(1):after {
  background-color: var(--c-color-44);
}

.supply-chain-mobile .section:nth-of-type(2), .supply-chain-horizontal-mobile .section:nth-of-type(2) {
  background-color: var(--c-color-45);
}

.supply-chain-mobile .section:nth-of-type(2):after, .supply-chain-horizontal-mobile .section:nth-of-type(2):after {
  background-color: var(--c-color-45);
}

.supply-chain-mobile .section:nth-of-type(3), .supply-chain-horizontal-mobile .section:nth-of-type(3) {
  background-color: var(--c-color-46);
}

.supply-chain-mobile .section:nth-of-type(3):after, .supply-chain-horizontal-mobile .section:nth-of-type(3):after {
  background-color: var(--c-color-46);
}

.supply-chain-mobile .section:nth-of-type(4), .supply-chain-horizontal-mobile .section:nth-of-type(4) {
  background-color: var(--c-color-47);
}

.supply-chain-mobile .section:nth-of-type(4):after, .supply-chain-horizontal-mobile .section:nth-of-type(4):after {
  background-color: var(--c-color-47);
}

.supply-chain-mobile .section:nth-of-type(5), .supply-chain-horizontal-mobile .section:nth-of-type(5) {
  background-color: var(--c-color-48);
}

.supply-chain-mobile .section:nth-of-type(5):after, .supply-chain-horizontal-mobile .section:nth-of-type(5):after {
  background-color: var(--c-color-48);
}

.supply-chain-mobile .icon, .supply-chain-horizontal-mobile .icon {
  width: 75px;
  height: 75px;
  position: relative;
  padding: 30px;
  border: 1px solid var(--c-white);
  border-radius: 50%;
  transition: .3s ease-in-out;
  cursor: pointer;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
}

.supply-chain-mobile .icon:nth-child(even), .supply-chain-horizontal-mobile .icon:nth-child(even) {
  margin: 50px 0;
}

.supply-chain-mobile .icon:hover .icon-text, .supply-chain-horizontal-mobile .icon:hover .icon-text {
  display: block;
  opacity: 1;
}

.supply-chain-mobile .icon:hover, .supply-chain-mobile .icon.active, .supply-chain-mobile .icon.open, .supply-chain-horizontal-mobile .icon:hover, .supply-chain-horizontal-mobile .icon.active, .supply-chain-horizontal-mobile .icon.open {
  background-color: var(--c-white);
}

.supply-chain-mobile .icon:hover svg path, .supply-chain-mobile .icon:hover svg rect, .supply-chain-mobile .icon:hover svg polygon, .supply-chain-mobile .icon.active svg path, .supply-chain-mobile .icon.active svg rect, .supply-chain-mobile .icon.active svg polygon, .supply-chain-mobile .icon.open svg path, .supply-chain-mobile .icon.open svg rect, .supply-chain-mobile .icon.open svg polygon, .supply-chain-horizontal-mobile .icon:hover svg path, .supply-chain-horizontal-mobile .icon:hover svg rect, .supply-chain-horizontal-mobile .icon:hover svg polygon, .supply-chain-horizontal-mobile .icon.active svg path, .supply-chain-horizontal-mobile .icon.active svg rect, .supply-chain-horizontal-mobile .icon.active svg polygon, .supply-chain-horizontal-mobile .icon.open svg path, .supply-chain-horizontal-mobile .icon.open svg rect, .supply-chain-horizontal-mobile .icon.open svg polygon {
  fill: var(--c-color-49) !important;
}

.supply-chain-mobile .icon>svg, .supply-chain-horizontal-mobile .icon>svg {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.supply-chain-mobile .icon>svg path, .supply-chain-mobile .icon>svg rect, .supply-chain-mobile .icon>svg polygon, .supply-chain-horizontal-mobile .icon>svg path, .supply-chain-horizontal-mobile .icon>svg rect, .supply-chain-horizontal-mobile .icon>svg polygon {
  transition: .3s ease-in-out;
}

.supply-chain-mobile .icon.closed>.icon-text, .supply-chain-horizontal-mobile .icon.closed>.icon-text {
  display: none;
  opacity: 0;
}

.supply-chain-mobile .icon>.icon-text, .supply-chain-horizontal-mobile .icon>.icon-text {
  width: 300px;
  background-color: var(--c-white);
  border: 1px solid var(--c-muted);
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 10;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in-out;
}

.supply-chain-mobile .icon>.icon-text.closed, .supply-chain-horizontal-mobile .icon>.icon-text.closed {
  display: none;
  opacity: 0;
}

.supply-chain-mobile .icon>.icon-text.open, .supply-chain-horizontal-mobile .icon>.icon-text.open {
  opacity: 1;
  display: block;
}

.supply-chain-mobile .icon>.icon-text>.close, .supply-chain-horizontal-mobile .icon>.icon-text>.close {
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: var(--font-s-15);
  color: var(--c-white);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: red;
  cursor: pointer;
}

.supply-chain-mobile .icon>.icon-text:after, .supply-chain-horizontal-mobile .icon>.icon-text:after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  margin-left: -17px;
  border-width: 17px;
  border-style: solid;
  border-color: var(--c-white) transparent transparent transparent;
}

.supply-chain-mobile>.section>h2, .supply-chain-horizontal-mobile>.section>h2 {
  color: var(--c-white);
  text-transform: uppercase;
  /* font-weight: 700; */
}

@media (max-width: 767px) {
  .supply-chain-horizontal-desktop {
    display: none;
  }

  .supply-chain-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .supply-chain-horizontal-mobile {
    display: none;
  }

  .supply-chain-mobile {
    display: none;
  }
}

.supply-chain-desktop-new {
  margin-bottom: 50px;
  position: relative;
}

.supply-chain-desktop-new .image-wrapper {
  position: relative;
  width: 550px;
  left: 50%;
  transform: translateX(-50%);
}

.supply-chain-desktop-new .image-wrapper>.icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: rotate(-110deg);
}

.supply-chain-desktop-new .image-wrapper>.icon-wrapper>.icon {
  transform: rotate(110deg);
}

.supply-chain-desktop-new #logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: 225px;
}

.supply-chain-desktop-new #logo>img {
  height: 100%;
  width: 100%;
  display: block;
}

.supply-chain-desktop-new .icon-circle {
  position: relative;
}

.supply-chain-desktop-new .icon {
  width: 75px;
  height: 75px;
  position: absolute;
  padding: 30px;
  border: 1px solid var(--c-white);
  border-radius: 50%;
  transition: .3s ease-in-out;
  cursor: pointer;
}

.supply-chain-desktop-new .icon:hover {
  z-index: 1000;
  /*
      .icon-text {
        visibility: visible;
        opacity: 1;
      }*/
}

.supply-chain-desktop-new .icon>.icon-text {
  visibility: hidden;
  width: 250px;
  background-color: var(--c-white);
  border: 1px solid var(--c-muted);
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 50;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: .3s ease-in-out;
}

.supply-chain-desktop-new .icon>.icon-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -17px;
  border-width: 17px;
  border-style: solid;
  border-color: var(--c-white) transparent transparent transparent;
}

.supply-chain-desktop-new .icon>.icon-text>.close {
  display: none;
}

.supply-chain-desktop-new .icon>svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 50px;
  height: 50px;
}

.supply-chain-desktop-new .icon>svg path, .supply-chain-desktop-new .icon>svg rect, .supply-chain-desktop-new .icon>svg polygon {
  transition: .3s ease-in-out;
}

.supply-chain-desktop-new .icon:hover, .supply-chain-desktop-new .icon.active, .supply-chain-desktop-new .icon.open {
  background-color: var(--c-white);
}

.supply-chain-desktop-new .icon:hover svg path, .supply-chain-desktop-new .icon:hover svg rect, .supply-chain-desktop-new .icon:hover svg polygon, .supply-chain-desktop-new .icon.active svg path, .supply-chain-desktop-new .icon.active svg rect, .supply-chain-desktop-new .icon.active svg polygon, .supply-chain-desktop-new .icon.open svg path, .supply-chain-desktop-new .icon.open svg rect, .supply-chain-desktop-new .icon.open svg polygon {
  fill: var(--c-color-49) !important;
}

.supply-chain-horizontal-desktop-new {
  position: relative;
  margin: 50px 0px;
}

.supply-chain-horizontal-desktop-new .icon-wrapper, .supply-chain-horizontal-desktop-new .icon-slider {
  position: absolute;
  width: 100%;
  top: 29%;
  display: flex;
  justify-content: space-around;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon {
  cursor: pointer;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon, .supply-chain-horizontal-desktop-new .icon-slider .icon {
  width: 65px;
  height: 65px;
  position: relative;
  border: 1px solid var(--c-white);
  border-radius: 50%;
  transition: .3s ease-in-out;
  /*cursor: pointer;*/
  display: inline-block;
  /* &:hover {
        .icon-text {
          visibility: visible;
          opacity: 1;
        }
      }*/
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon>svg, .supply-chain-horizontal-desktop-new .icon-slider .icon>svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 60%;
  height: 60%;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon:first-of-type, .supply-chain-horizontal-desktop-new .icon-slider .icon:first-of-type {
  margin-left: 1.5%;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon:first-of-type .icon-text, .supply-chain-horizontal-desktop-new .icon-slider .icon:first-of-type .icon-text {
  left: -10px;
  transform: translateX(0);
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon:first-of-type .icon-text:after, .supply-chain-horizontal-desktop-new .icon-slider .icon:first-of-type .icon-text:after {
  left: 45.5px;
  transform: translateX(0);
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon:nth-last-child(2), .supply-chain-horizontal-desktop-new .icon-slider .icon:nth-last-child(2) {
  margin-right: .5%;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon:nth-last-child(1), .supply-chain-horizontal-desktop-new .icon-slider .icon:nth-last-child(1) {
  margin-right: 1%;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon:last-of-type .icon-text, .supply-chain-horizontal-desktop-new .icon-slider .icon:last-of-type .icon-text {
  right: -10px;
  left: auto;
  transform: translateX(0);
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon:last-of-type .icon-text:after, .supply-chain-horizontal-desktop-new .icon-slider .icon:last-of-type .icon-text:after {
  right: 28.5px;
  left: auto;
  transform: translateX(0);
}

@media (max-width: 1399px) {
  .supply-chain-horizontal-desktop-new .icon-wrapper .icon, .supply-chain-horizontal-desktop-new .icon-slider .icon {
    width: 50px;
    height: 50px;
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon>svg, .supply-chain-horizontal-desktop-new .icon-slider .icon>svg {
    width: 35px;
    height: 35px;
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon:first-of-type .icon-text, .supply-chain-horizontal-desktop-new .icon-slider .icon:first-of-type .icon-text {
    left: -10px;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon:first-of-type .icon-text:after, .supply-chain-horizontal-desktop-new .icon-slider .icon:first-of-type .icon-text:after {
    left: 38.5px;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon:last-of-type .icon-text, .supply-chain-horizontal-desktop-new .icon-slider .icon:last-of-type .icon-text {
    right: -10px;
    left: auto;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon:last-of-type .icon-text:after, .supply-chain-horizontal-desktop-new .icon-slider .icon:last-of-type .icon-text:after {
    right: 21.5px;
    left: auto;
    transform: translateX(0);
  }
}

@media (max-width: 991px) {
  .supply-chain-horizontal-desktop-new .icon-wrapper .icon, .supply-chain-horizontal-desktop-new .icon-slider .icon {
    padding: 0px;
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon .icon-text, .supply-chain-horizontal-desktop-new .icon-slider .icon .icon-text {
    bottom: 135% !important;
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon:first-of-type .icon-text, .supply-chain-horizontal-desktop-new .icon-slider .icon:first-of-type .icon-text {
    left: -15px;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon:first-of-type .icon-text:after, .supply-chain-horizontal-desktop-new .icon-slider .icon:first-of-type .icon-text:after {
    left: 37px;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon:last-of-type .icon-text, .supply-chain-horizontal-desktop-new .icon-slider .icon:last-of-type .icon-text {
    right: -15px;
    left: auto;
    transform: translateX(0);
  }

  .supply-chain-horizontal-desktop-new .icon-wrapper .icon:last-of-type .icon-text:after, .supply-chain-horizontal-desktop-new .icon-slider .icon:last-of-type .icon-text:after {
    right: 20px;
    left: auto;
    transform: translateX(0);
  }
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon>.icon-text, .supply-chain-horizontal-desktop-new .icon-slider .icon>.icon-text {
  visibility: hidden;
  width: 250px;
  background-color: var(--c-white);
  border: 1px solid var(--c-muted);
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon>.icon-text:after, .supply-chain-horizontal-desktop-new .icon-slider .icon>.icon-text:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  margin-left: -17px;
  border-width: 17px;
  border-style: solid;
  border-color: var(--c-white) transparent transparent transparent;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon>.icon-text>.close, .supply-chain-horizontal-desktop-new .icon-slider .icon>.icon-text>.close {
  display: none;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon svg path, .supply-chain-horizontal-desktop-new .icon-wrapper .icon svg rect, .supply-chain-horizontal-desktop-new .icon-wrapper .icon svg polygon, .supply-chain-horizontal-desktop-new .icon-slider .icon svg path, .supply-chain-horizontal-desktop-new .icon-slider .icon svg rect, .supply-chain-horizontal-desktop-new .icon-slider .icon svg polygon {
  transition: .3s ease-in-out;
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon:hover, .supply-chain-horizontal-desktop-new .icon-wrapper .icon.active, .supply-chain-horizontal-desktop-new .icon-wrapper .icon.open, .supply-chain-horizontal-desktop-new .icon-slider .icon:hover, .supply-chain-horizontal-desktop-new .icon-slider .icon.active, .supply-chain-horizontal-desktop-new .icon-slider .icon.open {
  background-color: var(--c-white);
}

.supply-chain-horizontal-desktop-new .icon-wrapper .icon:hover svg path, .supply-chain-horizontal-desktop-new .icon-wrapper .icon:hover svg rect, .supply-chain-horizontal-desktop-new .icon-wrapper .icon:hover svg polygon, .supply-chain-horizontal-desktop-new .icon-wrapper .icon.active svg path, .supply-chain-horizontal-desktop-new .icon-wrapper .icon.active svg rect, .supply-chain-horizontal-desktop-new .icon-wrapper .icon.active svg polygon, .supply-chain-horizontal-desktop-new .icon-wrapper .icon.open svg path, .supply-chain-horizontal-desktop-new .icon-wrapper .icon.open svg rect, .supply-chain-horizontal-desktop-new .icon-wrapper .icon.open svg polygon, .supply-chain-horizontal-desktop-new .icon-slider .icon:hover svg path, .supply-chain-horizontal-desktop-new .icon-slider .icon:hover svg rect, .supply-chain-horizontal-desktop-new .icon-slider .icon:hover svg polygon, .supply-chain-horizontal-desktop-new .icon-slider .icon.active svg path, .supply-chain-horizontal-desktop-new .icon-slider .icon.active svg rect, .supply-chain-horizontal-desktop-new .icon-slider .icon.active svg polygon, .supply-chain-horizontal-desktop-new .icon-slider .icon.open svg path, .supply-chain-horizontal-desktop-new .icon-slider .icon.open svg rect, .supply-chain-horizontal-desktop-new .icon-slider .icon.open svg polygon {
  fill: var(--c-color-49) !important;
}

.supply-chain-horizontal-desktop-new .icon-slider {
  top: auto;
  bottom: -2.75rem;
}

.supply-chain-horizontal-desktop-new .icon-slider .icon {
  width: 35px;
  height: 35px;
  opacity: 0;
}

.supply-chain-horizontal-desktop-new .icon-slider .icon-active {
  width: 35px;
  height: 35px;
  background: var(--c-color-49);
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  transition: all 500ms ease;
  opacity: 0;
}

.supply-chain-horizontal-desktop-new .icon-slider .icon-active.init {
  opacity: 1;
}

.supply-chain-horizontal-desktop-new .icon-slider::after {
  content: '';
  background: var(--c-color-49);
  width: 100%;
  height: 1px;
  top: 50%;
  position: absolute;
  left: 0;
}

.supply-chain-mobile-new, .supply-chain-horizontal-mobile-new {
  margin-bottom: 100px;
}

.supply-chain-mobile-new *, .supply-chain-horizontal-mobile-new * {
  color: white !important;
}

.supply-chain-mobile-new .icon-text, .supply-chain-horizontal-mobile-new .icon-text {
  color: black !important;
}

.supply-chain-mobile-new .section, .supply-chain-horizontal-mobile-new .section {
  padding: 75px 0px 50px 0px;
  position: relative;
}

.supply-chain-mobile-new .section .section-name, .supply-chain-horizontal-mobile-new .section .section-name {
  position: absolute;
  transform: rotate(-90deg);
  text-transform: uppercase;
}

.supply-chain-mobile-new .section:after, .supply-chain-horizontal-mobile-new .section:after {
  content: '';
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  z-index: 1;
  padding-bottom: 10%;
  background: orange;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.supply-chain-mobile-new .section:nth-of-type(1), .supply-chain-horizontal-mobile-new .section:nth-of-type(1) {
  background-color: var(--c-color-44);
  padding-top: 50px;
}

.supply-chain-mobile-new .section:nth-of-type(1):after, .supply-chain-horizontal-mobile-new .section:nth-of-type(1):after {
  background-color: var(--c-color-44);
}

.supply-chain-mobile-new .section:nth-of-type(2), .supply-chain-horizontal-mobile-new .section:nth-of-type(2) {
  background-color: var(--c-color-45);
}

.supply-chain-mobile-new .section:nth-of-type(2):after, .supply-chain-horizontal-mobile-new .section:nth-of-type(2):after {
  background-color: var(--c-color-45);
}

.supply-chain-mobile-new .section:nth-of-type(3), .supply-chain-horizontal-mobile-new .section:nth-of-type(3) {
  background-color: var(--c-color-46);
}

.supply-chain-mobile-new .section:nth-of-type(3):after, .supply-chain-horizontal-mobile-new .section:nth-of-type(3):after {
  background-color: var(--c-color-46);
}

.supply-chain-mobile-new .section:nth-of-type(4), .supply-chain-horizontal-mobile-new .section:nth-of-type(4) {
  background-color: var(--c-color-47);
}

.supply-chain-mobile-new .section:nth-of-type(4):after, .supply-chain-horizontal-mobile-new .section:nth-of-type(4):after {
  background-color: var(--c-color-47);
}

.supply-chain-mobile-new .section:nth-of-type(5), .supply-chain-horizontal-mobile-new .section:nth-of-type(5) {
  background-color: var(--c-color-48);
}

.supply-chain-mobile-new .section:nth-of-type(5):after, .supply-chain-horizontal-mobile-new .section:nth-of-type(5):after {
  background-color: var(--c-color-48);
}

.supply-chain-mobile-new .icon, .supply-chain-horizontal-mobile-new .icon {
  width: 75px;
  height: 75px;
  position: relative;
  padding: 30px;
  border: 1px solid var(--c-white);
  border-radius: 50%;
  transition: .3s ease-in-out;
  cursor: pointer;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  /* &:hover {
      .icon-text {
        display: block;
        opacity: 1;
      }
    }*/
}

.supply-chain-mobile-new .icon:nth-child(even), .supply-chain-horizontal-mobile-new .icon:nth-child(even) {
  margin: 50px 0;
}

.supply-chain-mobile-new .icon:hover, .supply-chain-horizontal-mobile-new .icon:hover {
  background-color: var(--c-white);
}

.supply-chain-mobile-new .icon:hover svg path, .supply-chain-mobile-new .icon:hover svg rect, .supply-chain-mobile-new .icon:hover svg polygon, .supply-chain-horizontal-mobile-new .icon:hover svg path, .supply-chain-horizontal-mobile-new .icon:hover svg rect, .supply-chain-horizontal-mobile-new .icon:hover svg polygon {
  fill: var(--c-color-49) !important;
}

.supply-chain-mobile-new .icon>svg, .supply-chain-horizontal-mobile-new .icon>svg {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.supply-chain-mobile-new .icon>svg path, .supply-chain-mobile-new .icon>svg rect, .supply-chain-mobile-new .icon>svg polygon, .supply-chain-horizontal-mobile-new .icon>svg path, .supply-chain-horizontal-mobile-new .icon>svg rect, .supply-chain-horizontal-mobile-new .icon>svg polygon {
  transition: .3s ease-in-out;
}

.supply-chain-mobile-new .icon.closed>.icon-text, .supply-chain-horizontal-mobile-new .icon.closed>.icon-text {
  display: none;
  opacity: 0;
}

.supply-chain-mobile-new .icon>.icon-text, .supply-chain-horizontal-mobile-new .icon>.icon-text {
  width: 300px;
  background-color: var(--c-white);
  border: 1px solid var(--c-muted);
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 10;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in-out;
}

.supply-chain-mobile-new .icon>.icon-text.closed, .supply-chain-horizontal-mobile-new .icon>.icon-text.closed {
  display: none;
  opacity: 0;
}

.supply-chain-mobile-new .icon>.icon-text.open, .supply-chain-horizontal-mobile-new .icon>.icon-text.open {
  opacity: 1;
  display: block;
}

.supply-chain-mobile-new .icon>.icon-text>.close, .supply-chain-horizontal-mobile-new .icon>.icon-text>.close {
  position: absolute;
  top: -7px;
  right: -7px;
  font-size: var(--font-s-15);
  color: var(--c-white);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: red;
  cursor: pointer;
}

.supply-chain-mobile-new .icon>.icon-text:after, .supply-chain-horizontal-mobile-new .icon>.icon-text:after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  margin-left: -17px;
  border-width: 17px;
  border-style: solid;
  border-color: var(--c-white) transparent transparent transparent;
}

.supply-chain-mobile-new>.section>h2, .supply-chain-horizontal-mobile-new>.section>h2 {
  color: var(--c-white);
  text-transform: uppercase;
  /* font-weight: 700; */
}

@media (max-width: 767px) {
  .supply-chain-horizontal-desktop-new {
    display: none;
  }

  .supply-chain-desktop-new {
    display: none;
  }
}

@media (min-width: 768px) {
  .supply-chain-horizontal-mobile-new {
    display: none;
  }

  .supply-chain-mobile-new {
    display: none;
  }
}

.supply-chain-text-overlay {
  position: absolute;
  top: calc(100% + 6.5rem);
  z-index: 999;
  left: 0;
  width: 100%;
  background: var(--c-white);
  border: 1px solid var(--c-muted);
  border-radius: 8px;
  padding: 1rem 4rem;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: all 200ms ease;
  pointer-events: none;
}

.supply-chain-text-overlay:before, .supply-chain-text-overlay:after {
  content: '';
  position: absolute;
  top: -13px;
  left: var(--pos-left);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 13px 10px;
  border-color: transparent transparent var(--c-white) transparent;
  transform: rotate(0deg);
  transition: all 460ms ease-out;
  transition-delay: 20ms;
  z-index: 9;
}

.supply-chain-text-overlay:after {
  z-index: 8;
  border-color: transparent transparent var(--c-muted) transparent;
  border-width: 1px 12px 15px 12px;
  left: calc(var(--pos-left) - 2px);
  top: -16px;
}

.supply-chain-text-overlay .close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 45px;
  height: 45px;
  text-align: center;
  cursor: pointer;
}

.supply-chain-text-overlay .btn.btn-primary, .supply-chain-text-overlay .button {
  display: inline-block;
  margin-top: 2rem;
}

.supply-chain-text-overlay.open {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}

.subline-container {
  position: absolute;
  width: 100%;
  top: 83%;
  color: var(--c-white);
  font-size: .8rem;
}

.subline-container .subline {
  display: inline-block;
  color: var(--c-white) !important;
}

.subline-container .subline-1 {
  width: 14%;
  padding-left: 2rem;
}

.subline-container .subline-2 {
  padding-left: 1rem;
  width: 35%;
}

.subline-container .subline-3, .subline-container .subline-4, .subline-container .subline-5 {
  padding-left: 1rem;
  width: 12%;
}

.subline-container .subline-6 {
  padding-left: 1.5rem;
}

@media (max-width: 1399px) {
  .subline-container {
    font-size: 1rem;
  }

  .subline-container .subline-1 {
    width: 14%;
    padding-left: 2%;
  }

  .subline-container .subline-2 {
    padding-left: 1%;
    width: 35%;
  }

  .subline-container .subline-3, .subline-container .subline-4, .subline-container .subline-5 {
    padding-left: 1%;
    width: 12%;
  }

  .subline-container .subline-6 {
    padding-left: 1%;
  }
}

@media (max-width: 991px) {
  .subline-container .subline {
    display: none;
  }
}

@media (max-width: 768px) {

  .supply-chain-mobile-new .section:nth-of-type(6)::after, .supply-chain-horizontal-mobile-new .section:nth-of-type(6)::after,
  .supply-chain-mobile-new .section:nth-of-type(6), .supply-chain-horizontal-mobile-new .section:nth-of-type(6) {
    background-color: #062c2c;
  }

  .supply-chain-mobile-new .icon>.icon-text>.close, .supply-chain-horizontal-mobile-new .icon>.icon-text>.close {
    background: transparent;
    color: var(--c-muted);
    right: 0rem;
    top: .75rem;
  }

  .supply-chain-mobile-new .icon>.icon-text, .supply-chain-horizontal-mobile-new .icon>.icon-text {
    position: relative;
    top: calc(100% + 6.5rem);
    z-index: 999;
    left: 0;
    /*width: 100%;*/
    background: var(--c-white);
    border: 1px solid var(--c-muted);
    border-radius: 8px;
    padding: 1rem 4rem;
    text-align: center;
    /* visibility: hidden;
    opacity: 0;*/
    transition: all 200ms ease;
    /*pointer-events: none;*/
    width: calc(100vw - 5rem);
    left: 50%;
  }

  .supply-chain-mobile-new .icon>.icon-text:before, .supply-chain-mobile-new .icon>.icon-text:after, .supply-chain-horizontal-mobile-new .icon>.icon-text:before, .supply-chain-horizontal-mobile-new .icon>.icon-text:after {
    content: '';
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 13px 10px;
    border-color: transparent transparent var(--c-white) transparent;
    transition: all 460ms ease-out;
    transition-delay: 20ms;
    z-index: 9;
  }

  .supply-chain-mobile-new .icon>.icon-text:after, .supply-chain-horizontal-mobile-new .icon>.icon-text:after {
    z-index: 8;
    border-color: transparent transparent var(--c-muted) transparent;
    border-width: 1px 12px 15px 12px;
    top: -16px;
    margin: 0;
  }

  .supply-chain-mobile-new .icon>.icon-text .close, .supply-chain-horizontal-mobile-new .icon>.icon-text .close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 45px;
    height: 45px;
    text-align: center;
    cursor: pointer;
  }

  .supply-chain-mobile-new .icon>.icon-text .btn.btn-primary, .supply-chain-mobile-new .icon>.icon-text .button, .supply-chain-horizontal-mobile-new .icon>.icon-text .btn.btn-primary, .supply-chain-horizontal-mobile-new .icon>.icon-text .button {
    display: inline-block;
    margin-top: 2rem;
  }

  .supply-chain-mobile-new .icon.open, .supply-chain-horizontal-mobile-new .icon.open {
    z-index: 9999;
  }

  .supply-chain-mobile-new .section, .supply-chain-horizontal-mobile-new .section {
    padding: 55px 0px 5px 0px;
  }
}

.text-img-shifted {
  position: relative;
  padding-bottom: 35px;
}

.text-img-shifted.bg-green {
  background: var(--c-muted);
}

.text-img-shifted.bg-green .text-shifted--wrapper, .text-img-shifted.bg-green .text-shifted-r--wrapper {
  background: var(--c-white);
}

.text-img-shifted h1,
.text-img-shifted h2,
.text-img-shifted h3 {
  color: var(--main-green);
}

.img-shifted--wrapper, .img-shifted-r--wrapper {
  width: 60%;
  z-index: 10;
  position: relative;
}

.img-shifted--wrapper>img, .img-shifted--wrapper>iframe, .img-shifted--wrapper>.embed-responsive, .img-shifted-r--wrapper>img, .img-shifted-r--wrapper>iframe, .img-shifted-r--wrapper>.embed-responsive {
  width: 100%;
  margin-top: 40px;
}

@media (max-width: 1399px) {
  .img-shifted--wrapper, .img-shifted-r--wrapper {
    position: absolute;
  }
}

@media (max-width: 991px) {
  .img-shifted--wrapper, .img-shifted-r--wrapper {
    width: 100%;
    position: relative;
  }

  .img-shifted--wrapper>img, .img-shifted-r--wrapper>img {
    margin-top: 0;
  }
}

.img-shifted-r--wrapper {
  float: right;
}

/*
.special-youtube .text-shifted--wrapper, .special-youtube .text-shifted-r--wrapper {
  @media (max-width: $screen-md-max) {
    width: calc(100% - 30px);
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}
  */
.text-shifted--wrapper {
  z-index: 0;
  margin-left: 40%;
  background: var(--c-lightblue);
  padding: 56px;
  position: absolute;
  top: 35px;
  min-width: 60%;
}

.text-shifted--wrapper>.text-shifted--text {
  margin-left: 36%;
}

@media (max-width: 1399px) {
  .text-shifted--wrapper {
    position: relative;
    top: auto;
  }
}

@media (max-width: 991px) {
  .text-shifted--wrapper {
    margin-left: 0;
  }

  .text-shifted--wrapper>.text-shifted--text {
    margin-left: 0;
  }
}

.text-shifted-r--wrapper {
  z-index: 0;
  margin-right: 40%;
  background: var(--c-lightblue);
  padding: 56px;
  position: absolute;
  top: 35px;
  min-width: 60%;
}

.text-shifted-r--wrapper>.text-shifted-r--text {
  margin-right: 36%;
}

@media (max-width: 1399px) {
  .text-shifted-r--wrapper {
    position: relative;
    top: auto;
  }
}

@media (max-width: 991px) {
  .text-shifted-r--wrapper {
    margin-right: 0;
  }

  .text-shifted-r--wrapper>.text-shifted-r--text {
    margin-right: 0;
  }
}

.special-youtube .text-shifted--wrapper {
  margin-top: -30px;
}

body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h2 {
  word-wrap: break-word;
}

.heading {
  margin-bottom: 40px;
  text-align: center;
}

.heading.section-heading {
  margin-bottom: 40px;
}

:root {
  --icon8: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zNjIgNjIuMzYyIj48cG9seWdvbiBwb2ludHM9IjQxLjk5MSAyNi4zNTggMzkuNzAyIDI3LjQ4MiA0MC41MzUgMjcuMDczIDQwLjUzNSAzNi4wMDUgMzEuOTc3IDQwLjIwMiAzMS45NzcgNDEuODI2IDQxLjk5MSAzNi45MTIgNDEuOTkxIDI2LjM1OCIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cmVjdCB4PSIyNi42NyIgeT0iMjIuOTUzIiB3aWR0aD0iLjAwMSIgaGVpZ2h0PSIxMC4wMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05Ljc3IDQwLjgxKSByb3RhdGUoLTY1Ljc3NikiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBvbHlnb24gcG9pbnRzPSIyMS4wNTMgMzUuOTg3IDIxLjA1MyAyNy4wMzEgMzAuNTIxIDMxLjI4OSAzMC41MjEgMzEuMjg5IDE5LjU5NyAyNi4zNzQgMTkuNTk3IDM2LjkzIDMwLjUyMSA0MS44NDQgMzAuNTIxIDQwLjI0NCAyMS4wNTMgMzUuOTg3IiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwb2x5Z29uIHBvaW50cz0iMzEuOTc3IDMxLjI3MiAzMS4yNjMgMzEuNjIyIDMwLjUyMSAzMS4yODkgMzAuNTIxIDMxLjI4OSAzMC41MjEgNDAuMjQ0IDMwLjUyMSA0MS44NDQgMzEuMjYyIDQyLjE3NyAzMS45NzcgNDEuODI2IDMxLjk3NyA0MC4yMDIgMzEuOTc3IDMxLjI3MiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cG9seWdvbiBwb2ludHM9IjI1Ljg1OSAyNC4yMjUgMjUuNTc2IDI0LjA5IDI2LjIwMiAyMi43NzQgMjcuNjA3IDIzLjQ0MiAzMS4yODcgMjEuNzk1IDM5LjYxMiAyNS45MDEgMzYuMjQ5IDI3LjU1MiAzNi4yNSAyNy41NTMgNDEuMjYzIDI1LjA5MSAzMS4zMiAyMC4xODYgMjAuMzI3IDI1LjEwNSAyMi4xMDUgMjUuOTA1IDI1Ljg1OSAyNC4yMjUiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBvbHlnb24gcG9pbnRzPSIzMS45NzcgMzEuMjcyIDM5LjcwMiAyNy40ODIgMzEuOTc3IDMxLjI3MSAzMS45NzcgMzEuMjcyIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxyZWN0IHg9IjMxLjA0NiIgeT0iMjkuMTkyIiB3aWR0aD0iMy43MjQiIGhlaWdodD0iMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkuNDk3IDE3LjQ4OSkgcm90YXRlKC0yNi4xNDcpIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwb2x5Z29uIHBvaW50cz0iMzYuNTY1IDI3LjcwMyAzNS45MzkgMjkuMDE5IDM0LjU4IDI4LjM3MiAzMS4yMzcgMzAuMDEzIDMxLjk3NyAzMC4zNDcgMzEuOTc3IDMxLjI3MSAzOS43MDIgMjcuNDgyIDQxLjk5MSAyNi4zNTggNDEuOTkxIDI1LjQ1IDQxLjI2MyAyNS4wOTEgMzYuMjUgMjcuNTUzIDM2LjU2NSAyNy43MDMiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBvbHlnb24gcG9pbnRzPSIzMC41MjEgMzAuMzY1IDMxLjIzNyAzMC4wMTMgMzEuMjM2IDMwLjAxMyAzMS4yMzUgMzAuMDE0IDIyLjEwNCAyNS45MDUgMjIuMTA1IDI1LjkwNSAyMC4zMjcgMjUuMTA1IDE5LjU5NyAyNS40MzEgMTkuNTk3IDI2LjM3NCAzMC41MjEgMzEuMjg5IDMwLjUyMSAzMC4zNjUiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBvbHlnb24gcG9pbnRzPSIzMS45NzcgMzAuMzQ3IDMxLjIzNyAzMC4wMTMgMzAuNTIxIDMwLjM2NSAzMC41MjEgMzEuMjg5IDMxLjI2MyAzMS42MjIgMzEuOTc3IDMxLjI3MiAzMS45NzcgMzEuMjcxIDMxLjk3NyAzMC4zNDciIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBvbHlnb24gcG9pbnRzPSIzNi4yNDkgMjcuNTUyIDI3LjYwNyAyMy40NDIgMjUuODU5IDI0LjIyNSAzNC41NzkgMjguMzcyIDM2LjI0OSAyNy41NTIiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBvbHlnb24gcG9pbnRzPSIyNi4yMDIgMjIuNzc0IDI1LjU3NiAyNC4wOSAyNS44NTkgMjQuMjI1IDI3LjYwNyAyMy40NDIgMjYuMjAyIDIyLjc3NCIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cmVjdCB4PSIzNC40ODUiIHk9IjI3Ljk2MiIgd2lkdGg9IjEuODYiIGhlaWdodD0iMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguNjk5IDE4LjQ3KSByb3RhdGUoLTI2LjE1KSIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cG9seWdvbiBwb2ludHM9IjM1LjkzOSAyOS4wMTkgMzYuNTY1IDI3LjcwMyAzNi4yNSAyNy41NTMgMzQuNTggMjguMzcyIDM1LjkzOSAyOS4wMTkiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBvbHlnb24gcG9pbnRzPSIxMy40MTIgMzMuMDgxIDguMzY3IDI3LjkzOSAzLjE4MiAzMy4wMjUgMi4xNjMgMzEuOTg1IDguMzg3IDI1Ljg3NyAxNC40NTEgMzIuMDYyIDEzLjQxMiAzMy4wODEiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0ibTIxLjQ0Niw1Mi43NTVjLTkuODk3LTQuMTc4LTE1LjY5Ny0xNS4xMDEtMTMuNzg3LTI1Ljk3M2wxLjQzNi4yNTNjLTEuNzkzLDEwLjIxLDMuNjM5LDIwLjQ2MywxMi45MTYsMjQuMzc3bC0uNTY2LDEuMzQ0WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cG9seWdvbiBwb2ludHM9IjQ1LjU3MiA1NS42NCAzNy4xNjMgNTMuMzI3IDM5LjQ2MiA0NC45NzggNDAuODY2IDQ1LjM2MyAzOC45NTYgNTIuMzA4IDQ1Ljk1NyA1NC4yMzYgNDUuNTcyIDU1LjY0IiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0zOC4zMSw1My41MDJsLS41MDEtMS4zNjhjOS43MjctMy41ODEsMTUuODU5LTEzLjQzLDE0LjU4My0yMy40MmwxLjQ0NC0uMTg1YzEuMzYyLDEwLjY1Ni01LjE2NywyMS4xNTktMTUuNTI2LDI0Ljk3MloiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBvbHlnb24gcG9pbnRzPSIzNy41OCAxNi4zMjcgMzcuMTk1IDE0LjkyMyA0NC4xNDQgMTMuMDI1IDQyLjIzMiA2LjAyIDQzLjYzNiA1LjYzNSA0NS45MzMgMTQuMDQ4IDM3LjU4IDE2LjMyNyIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtNDQuNTc5LDE0LjEwMmMtOC4wNDItNi41NDUtMTkuNjM4LTYuNzk0LTI3LjU4NC0uNjFsLS44OTUtMS4xNDdjOC40NzMtNi42MDQsMjAuODM4LTYuMzQxLDI5LjM5OC42MjZsLS45MTksMS4xMzFaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjwvc3ZnPg==");
  --icon7: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zNiA2Mi4zNjIiPjxwYXRoIGQ9Im00MS4yMzgsNDUuNjM5Yy0xLjYxLDAtMi45MTEtMS4zMTUtMi45MTEtMi45MjNzMS4zMDEtMi45MTUsMi45MTEtMi45MTUsMi45MjcsMS4zMDUsMi45MjcsMi45MTUtMS4zMTcsMi45MjMtMi45MjcsMi45MjNoMFptLTIxLjk2OSwwYy0xLjYwMiwwLTIuOTExLTEuMzE1LTIuOTExLTIuOTIzczEuMzA5LTIuOTE1LDIuOTExLTIuOTE1YzEuNjEsMCwyLjkxOSwxLjMwNSwyLjkxOSwyLjkxNXMtMS4zMDksMi45MjMtMi45MTksMi45MjNoMFptMzAuNTU1LTI0LjUzNmgtNi4zMjZjLS4zNTgsMC0uNjUuMjg4LS42NS42NDZzLjI5My42NDYuNjUuNjQ2aDYuMzI2YzEuMDU3LDAsMS45MTkuODYyLDEuOTE5LDEuOTIxdjE1LjgzNGMwLDEuMDU3LS44NjIsMS45MjEtMS45MTksMS45MjFoLTQuNDk2Yy0uMzI1LTItMS45OTItMy41NjMtNC4wOS0zLjU2M3MtMy43NTYsMS41NjMtNC4wNzQsMy41NjNoLTEzLjgxNGMtLjMyNS0yLTEuOTkyLTMuNTYzLTQuMDgyLTMuNTYzcy0zLjc1NiwxLjU2My00LjA4MSwzLjU2M2gtMi42NDNjLTEuMDY1LDAtMS45MTktLjg2NC0xLjkxOS0xLjkyMXYtMjIuOTYzYzAtMS4wNTkuODU0LTEuOTE5LDEuOTE5LTEuOTE5aDI1LjAxOGMxLjA2NSwwLDEuOTI2Ljg2LDEuOTI2LDEuOTE5djE0Ljg1OWMwLC4zNTguMjkzLjY0Ni42NDIuNjQ2LjM2NiwwLC42NTEtLjI4OS42NTEtLjY0NnYtMTQuODU5YzAtMS43NzItMS40MzktMy4yMTItMy4yMi0zLjIxMkgxMi41NDVjLTEuNzgsMC0zLjIyLDEuNDM5LTMuMjIsMy4yMTJ2MjIuOTYzYzAsMS43NzMsMS40MzksMy4yMTQsMy4yMiwzLjIxNGgyLjY0M2MuMzI1LDIuMDA0LDEuOTkyLDMuNTYzLDQuMDgxLDMuNTYzczMuNzU2LTEuNTU5LDQuMDgyLTMuNTYzaDEzLjgxNGMuMzE3LDIuMDA0LDEuOTg0LDMuNTYzLDQuMDc0LDMuNTYzczMuNzY1LTEuNTU5LDQuMDktMy41NjNoNC40OTZjMS43NzIsMCwzLjIxMS0xLjQ0MSwzLjIxMS0zLjIxNHYtMTUuODM0YzAtMS43NzMtMS40MzktMy4yMTQtMy4yMTEtMy4yMTRoMFoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+");
  --icon6: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zNjIgNjIuMzYyIj48cGF0aCBkPSJtMzUuODcsMTMuMDg5bC05LjM3OCw1LjQ4NXYtOC4zODJoOS4zNzh2Mi44OThoMFptLjY1MS00LjE5MmgtMTAuNjc2Yy0uMzYyLDAtLjY1MS4yODktLjY1MS42NDd2MTAuMTU3YzAsLjIzMi4xMjYuNDQ4LjMzLjU2Mi4wOTQuMDU5LjIxMi4wODUuMzIyLjA4NXMuMjI4LS4wMjguMzMtLjA4N2wxMC42NzYtNi4yNDJjLjE5MS0uMTE2LjMxOC0uMzMuMzE4LS41NTl2LTMuOTE2YzAtLjM1OC0uMjkzLS42NDctLjY0Ny0uNjQ3aDBaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0zNS44NywyMi43MDVsLTkuMzc4LDUuNDg1di0zLjMwOWw5LjM3OC01LjQ4N3YzLjMxMWgwWm0uMzIxLTVsLTEwLjY3Niw2LjI0NmMtLjIwMy4xMTYtLjMyMi4zMjgtLjMyMi41NTd2NC44MTFjMCwuMjMyLjEyNi40NDguMzMuNTYyLjA5NC4wNTkuMjEyLjA4Ni4zMjIuMDg2cy4yMjgtLjAyOC4zMy0uMDg4bDEwLjY3Ni02LjI0NmMuMTkxLS4xMTYuMzE4LS4zMjguMzE4LS41NTh2LTQuODExYzAtLjIzMi0uMTI2LS40NDgtLjMzLS41NjItLjE5MS0uMTItLjQ0NC0uMTE0LS42NDcuMDAyaDBaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0zNS44NywzMi40NjlsLTkuMzc4LDUuNDg1di0zLjMwOWw5LjM3OC01LjQ4N3YzLjMxMWgwWm0uMzIxLTQuOTk4bC0xMC42NzYsNi4yNDRjLS4yMDMuMTE2LS4zMjIuMzMtLjMyMi41NnY0LjgxMWMwLC4yMzIuMTI2LjQ0Ni4zMy41Ni4wOTQuMDU5LjIxMi4wODcuMzIyLjA4N3MuMjI4LS4wMzEuMzMtLjA5bDEwLjY3Ni02LjI0NGMuMTkxLS4xMTYuMzE4LS4zMy4zMTgtLjU1OXYtNC44MTFjMC0uMjMyLS4xMjYtLjQ0Ni0uMzMtLjU2LS4xOTEtLjEyLS40NDQtLjExNC0uNjQ3LjAwMmgwWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtMzUuODcsNDguMTdsLTQuNjg5LDMuMDItNC42ODktMy4wMnYtMy43Mmw5LjM3OC01LjQ4NXY5LjIwNWgwWm0uMzIxLTEwLjg5MmwtMTAuNjc2LDYuMjQyYy0uMjAzLjExNi0uMzIyLjMzLS4zMjIuNTU5djQuNDQ1YzAsLjIyLjExLjQyOC4yOTcuNTQ1bDUuMzM2LDMuNDMyYy4xMS4wNzEuMjI4LjEwNS4zNTQuMTA1LjExOCwwLC4yNDQtLjAzNS4zNDYtLjEwNWw1LjM0LTMuNDMyYy4xODMtLjExOC4zMDEtLjMyNS4zMDEtLjU0NXYtMTAuNjg4YzAtLjIzMi0uMTI2LS40NDYtLjMzLS41Ni0uMTkxLS4xMi0uNDQ0LS4xMTQtLjY0Ny4wMDJoMFoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0ibTguMDQxLDI2LjgwNmMwLS4zNTgtLjI5My0uNjQ3LS42NDctLjY0Ny0uMzYyLDAtLjY1MS4yODktLjY1MS42NDcsMCw5LjE2LDUuMTM3LDE3LjQ3NCwxMy4zOTksMjEuNjk0LjA5NC4wNDcuMTk2LjA2Ny4yOTcuMDY3LjIzNiwwLC40NjQtLjEyNi41NzQtLjM1LjE1OS0uMzE2LjAzMi0uNzA4LS4yODEtLjg3My03LjgzMS0zLjk5Ny0xMi42OTEtMTEuODY3LTEyLjY5MS0yMC41MzhoMFoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0ibTEyLjE2NSwyNi44MDZjMC0uMzU4LS4yOTMtLjY0Ny0uNjQ3LS42NDctLjM2MiwwLS42NTEuMjg5LS42NTEuNjQ3LDAsNi44MTgsMy40NDQsMTMuMTMzLDkuMjExLDE2Ljg5NS4xMS4wNzEuMjI4LjEwNi4zNTQuMTA2LjIxMSwwLC40MTEtLjEwNC41MzctLjI5My4xOTUtLjI5OS4xMS0uNzAyLS4xODMtLjg5NS01LjM5Ny0zLjUyMy04LjYyMS05LjQzNS04LjYyMS0xNS44MTNoMFoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0ibTU0Ljk3MiwyNi4xNThjLS4zNjMsMC0uNjUxLjI4OS0uNjUxLjY0NywwLDguNjc2LTQuODY0LDE2LjU0NC0xMi42OTEsMjAuNTM1LS4zMTguMTY1LS40NDguNTU0LS4yODUuODczLjExOC4yMjQuMzQ2LjM1NC41ODIuMzU0LjEwMiwwLC4xOTEtLjAyNS4yOTMtLjA3MSw4LjI2Ny00LjIxNSwxMy4zOTktMTIuNTI0LDEzLjM5OS0yMS42OSwwLS4zNTgtLjI5My0uNjQ3LS42NDctLjY0N2gwWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtNDEuOTI2LDQzLjgwN2MuMTE4LDAsLjI0NC0uMDM1LjM1NC0uMTA2LDUuNzY4LTMuNzYxLDkuMjE1LTEwLjA3Niw5LjIxNS0xNi44OTUsMC0uMzU4LS4yOTMtLjY0Ny0uNjQ3LS42NDctLjM2MiwwLS42NTEuMjg5LS42NTEuNjQ3LDAsNi4zOC0zLjIyOCwxMi4yOS04LjYyNSwxNS44MTMtLjMwNS4xOTMtLjM5MS41OTYtLjE5Ni44OTUuMTI2LjE4OS4zMzguMjkzLjU1LjI5M2gwWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48L3N2Zz4=");
  --icon5: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zNiA2Mi4zNjIiPjxwYXRoIGQ9Im00Ny45OTcsNTAuMzljLTIuMDk3LDAtMy43OTYtMS43MDktMy43OTYtMy44MDdzMS42OTktMy44MDYsMy43OTYtMy44MDYsMy43OTYsMS43MDksMy43OTYsMy44MDYtMS42OTksMy44MDctMy43OTYsMy44MDdoMFptMC04LjkwMmMtMi44MDQsMC01LjA5NywyLjI4Mi01LjA5Nyw1LjA5NXMyLjI5Myw1LjA5NSw1LjA5Nyw1LjA5NSw1LjA5Ny0yLjI4Miw1LjA5Ny01LjA5NS0yLjI4NC01LjA5NS01LjA5Ny01LjA5NWgwWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtMTQuNDgsMTcuNTkxYy0yLjA5NywwLTMuNzk2LTEuNzA1LTMuNzk2LTMuODAzczEuNjk5LTMuODA2LDMuNzk2LTMuODA2LDMuNzgsMS42OTMsMy43OTYsMy43NzhjMCwuMDEtLjAxNi4wMTYtLjAxNi4wMjYsMCwuMDEuMDE2LjAxOC4wMTYuMDI5LS4wMTYsMi4wODMtMS43MDcsMy43NzYtMy43OTYsMy43NzZoMFptMzAuNTA4LTQuNDVoLTI1LjU0MmMtLjMzMy0yLjQ5Mi0yLjM4Mi00LjQ1MS00Ljk2Ny00LjQ1MS0yLjgwNSwwLTUuMDk3LDIuMjg2LTUuMDk3LDUuMDk5czIuMjkyLDUuMDk1LDUuMDk3LDUuMDk1YzIuNTg1LDAsNC42NDItMS45NTcsNC45NjctNC40NTFoMjUuNTQyYzMuNzU2LDAsNi44MDQsMy4wNTUsNi44MDQsNi44MDh2MS40MjhjMCwzLjc1NC0zLjA0OCw2LjgwOC02LjgwNCw2LjgwOGgtNC43OTZsMy45OTEtNC4wMzdjLjI1Mi0uMjUyLjI1Mi0uNjYzLDAtLjkxMi0uMjYtLjI1OC0uNjY3LS4yNS0uOTE5LjAwNGwtNS4wNDgsNS4wOTVjLS4yNDQuMjUtLjI0NC42NTYsMCwuOTA3bDUuMDMyLDUuMTA5Yy4xMjIuMTMuMjkzLjE5My40NjMuMTkzLjE1NCwwLC4zMjUtLjA2MS40NTUtLjE4NS4yNTItLjI1LjI1Mi0uNjYxLDAtLjkxM2wtMy45MDItMy45NjloNC43MjNjNC40NjMsMCw4LjEwNS0zLjYzNCw4LjEwNS04LjEwMXYtMS40MjhjMC00LjQ2Ny0zLjY0Mi04LjEwMS04LjEwNS04LjEwMWgwWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtMzEuMjM1LDI2LjI4M2MyLjA5NywwLDMuODA0LDEuNzA5LDMuODA0LDMuODA2cy0xLjcwNywzLjgwMy0zLjgwNCwzLjgwMy0zLjc5Ni0xLjcwNS0zLjc5Ni0zLjgwMywxLjcwNy0zLjgwNiwzLjc5Ni0zLjgwNmgwWm05LjkxNywxOS44NDlxLS4wMDgtLjAwNC0uMDE2LS4wMTJsLTUuMDE2LTUuMDkxYy0uMjQ0LS4yNTYtLjY1MS0uMjYtLjkxMS0uMDA4LS4yNTIuMjQ4LS4yNi42NjEtLjAwOC45MTJsMy45NDMsNC4wMDJoLTIxLjY0OGMtMy43NTYsMC02LjgxMi0zLjA1Mi02LjgxMi02LjgwNnYtMS41NTFjMC0zLjc1MywzLjA1Ni02LjgwOCw2LjgxMi02LjgwOGg4Ljc4OGMuMzUsMi40NzUsMi4zOSw0LjQxNCw0Ljk1MSw0LjQxNCwyLjgxMiwwLDUuMDk3LTIuMjg0LDUuMDk3LTUuMDk1cy0yLjI4NS01LjA5OS01LjA5Ny01LjA5OWMtMi41ODUsMC00LjY0MiwxLjk3NS00Ljk2Nyw0LjQ4OGgtOC43NzFjLTQuNDcxLDAtOC4xMTMsMy42MzQtOC4xMTMsOC4xdjEuNTUxYzAsNC40NjUsMy42NDIsOC4xMDMsOC4xMTMsOC4xMDNoMjEuNjU2bC0zLjk2NywzLjk5OWMtLjI1Mi4yNTItLjI0NC42NjUuMDA4LjkxNC4xMy4xMjYuMjkzLjE4OS40NTUuMTg5LjE3MSwwLC4zMzMtLjA2Ny40NTUtLjE5M2w1LjA0OC01LjA5NWMuMjUyLS4yNTQuMjUyLS42NTksMC0uOTF2LS4wMDRoMFoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+");
  --icon4: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zNjIgNjIuMzYyIj48cGF0aCBkPSJtMjEuMjI4LDUxLjg1OEM5LjgyNyw1MS44NTguNTUxLDQyLjU4Mi41NTEsMzEuMThTOS44MjcsMTAuNTA1LDIxLjIyOCwxMC41MDVzMjAuNjc4LDkuMjc2LDIwLjY3OCwyMC42NzYtOS4yNzYsMjAuNjc4LTIwLjY3OCwyMC42NzhabTAtMzkuODEzQzEwLjY3NywxMi4wNDUsMi4wOTIsMjAuNjI5LDIuMDkyLDMxLjE4czguNTg2LDE5LjEzNywxOS4xMzcsMTkuMTM3LDE5LjEzNy04LjU4NiwxOS4xMzctMTkuMTM3UzMxLjc4LDEyLjA0NSwyMS4yMjgsMTIuMDQ1WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtNDEuMTM2LDUxLjg1OGMtMTEuNDAyLDAtMjAuNjc4LTkuMjc2LTIwLjY3OC0yMC42NzhzOS4yNzYtMjAuNjc2LDIwLjY3OC0yMC42NzYsMjAuNjc4LDkuMjc2LDIwLjY3OCwyMC42NzYtOS4yNzYsMjAuNjc4LTIwLjY3OCwyMC42NzhabTAtMzkuODEzYy0xMC41NTEsMC0xOS4xMzcsOC41ODQtMTkuMTM3LDE5LjEzNXM4LjU4NiwxOS4xMzcsMTkuMTM3LDE5LjEzNywxOS4xMzctOC41ODYsMTkuMTM3LTE5LjEzNy04LjU4Ni0xOS4xMzUtMTkuMTM3LTE5LjEzNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0ibTQwLjkyNywzMC41NDZjLS4xOTksMC0uMzk1LS4wNzYtLjU0Ni0uMjI3bC0xMy4xODktMTMuMjQ1Yy0uMzAxLS4zMDEtLjI5OS0uNzg4LjAwMi0xLjA4OS4zMDMtLjMwMy43OS0uMjk3LDEuMDg5LjAwMmwxMy4xODksMTMuMjQ1Yy4zMDEuMzAxLjI5OS43ODgtLjAwMiwxLjA4OS0uMTUuMTUtLjM0Ny4yMjUtLjU0NC4yMjVaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im00MC40MSwzNy4yOTZjLS4xOTksMC0uMzk1LS4wNzYtLjU0Ni0uMjI3bC0xNi4wMjgtMTYuMDk2Yy0uMzAxLS4zMDEtLjI5OS0uNzg4LjAwMi0xLjA4OS4zMDEtLjMwMy43ODgtLjI5NywxLjA4OS4wMDJsMTYuMDI4LDE2LjA5NmMuMzAxLjMwMS4yOTkuNzg4LS4wMDIsMS4wODktLjE1LjE1LS4zNDcuMjI1LS41NDQuMjI1WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtMzguMTU5LDQyLjMwNWMtLjE5OSwwLS4zOTUtLjA3Ni0uNTQ2LS4yMjdsLTE2LjA3Ni0xNi4xNDRjLS4zMDEtLjMwMS0uMjk5LS43ODguMDAyLTEuMDg5LjMwMS0uMzAzLjc4OC0uMjk3LDEuMDg5LjAwMmwxNi4wNzYsMTYuMTQ0Yy4zMDEuMzAxLjI5OS43ODgtLjAwMiwxLjA4OS0uMTUuMTUtLjM0Ny4yMjUtLjU0NC4yMjVaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0zNC45NTksNDYuMzYxYy0uMTk5LDAtLjM5NS0uMDc2LS41NDYtLjIyN2wtMTMuNzMxLTEzLjc4OWMtLjMwMS0uMzAxLS4yOTktLjc4OC4wMDItMS4wODlzLjc4OC0uMjk5LDEuMDg5LjAwMmwxMy43MzEsMTMuNzg5Yy4zMDEuMzAxLjI5OS43ODgtLjAwMiwxLjA4OS0uMTUuMTUtLjM0Ny4yMjUtLjU0NC4yMjVaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjwvc3ZnPg==");
  --icon3: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zNjIgNjIuMzYyIj48cGF0aCBkPSJtNDUuOTAyLDU3LjM4OGMtMi42MDQsMC01LjEzMy0xLjAxNy03LjAzNy0yLjkxNy0yLjAzNC0yLjAxNC0zLjA0OS00Ljk2OS0yLjc1LTcuOTdsLTEzLjI0OS0xMy4yNDNjLTUuMjkyLDEuODU2LTExLjE5Ny41MzYtMTUuMTYxLTMuNDM2LTIuNzMyLTIuNzM0LTQuMjM3LTYuMzc3LTQuMjM3LTEwLjI1OSwwLTEuNTQxLjI0My0zLjA3NS43Mi00LjU2NC4xOTMtLjYxLjY4Mi0xLjA2MywxLjMwNC0xLjIxMi42MDItLjE1MiwxLjI3LjAyOCwxLjcxNy40ODlsOC40MjEsOC40MjcsNS42MjctNS42MzEtOC40MzUtOC40MjdjLS40MzktLjQ2NS0uNjE2LTEuMDkzLS40ODktMS42OTcuMTU0LS42MzQuNjE4LTEuMTMxLDEuMjE4LTEuMzI0LDUuMjc2LTEuNzAzLDEwLjk2NS0uMzUzLDE0LjgzNiwzLjUyNywyLjc0NiwyLjczNCw0LjI1OSw2LjM4OSw0LjI1OSwxMC4yODcsMCwxLjYyOS0uMjg1LDMuMzAyLS44MjYsNC44NjZsMTMuMjQ1LDEzLjI1NWMzLjAwMS0uMzE1LDUuOTEuNjc0LDcuOTc0LDIuNzQyLDIuNjIsMi42MiwzLjU2Nyw2LjYxNiwyLjQwNywxMC4xNzYtLjIwMy42MDgtLjcwNiwxLjA2NS0xLjMxMiwxLjIwNC0uNTg0LjEzMi0xLjIzNC0uMDM2LTEuNjgzLS40NjVsLTMuMzM4LTMuMzMtMi42ODIsMi42NzYsMy4zMjQsMy4zMjJjLjQzMS40MjkuNjE0LDEuMDU3LjQ4NywxLjY3OS0uMTYuNjUtLjYxNCwxLjEzNS0xLjIyMiwxLjMyOC0xLjAyNy4zMzMtMi4wNzguNDk1LTMuMTE3LjQ5NVptLTIyLjg0LTI1Ljc5M2MuMjAxLDAsLjM5Ny4wNzguNTQ0LjIyNWwxMy44NjEsMTMuODU1Yy4xNzEuMTcxLjI1My40MTEuMjE5LjY1LS4zNjMsMi42NTQuNDgzLDUuMjksMi4yNjUsNy4wNTMsMi4yNTUsMi4yNTMsNS41NDcsMy4wMjksOC42LDIuMDQ4LjA5Ni0uMDMyLjE2NC0uMTA2LjE4OS0uMjAzLjAwNC0uMDIuMDItLjE1NC0uMDcyLS4yNDVsLTMuODcyLTMuODdjLS4xNDQtLjE0Ni0uMjI1LS4zNDEtLjIyNS0uNTQ2cy4wODItLjQwMS4yMjctLjU0NmwzLjc3MS0zLjc2NWMuMzAxLS4zMDEuNzg2LS4zMDEsMS4wODcsMGwzLjg3LDMuODYyYy4wNjQuMDYuMTc1LjA5NC4yNTkuMDY2LjA5LS4wMi4xNjktLjA5NC4xOTktLjE4NS45NzktMy4wMDkuMTgxLTYuMzg5LTIuMDM2LTguNjA0LTEuODI5LTEuODM3LTQuMzQxLTIuNjI4LTcuMDU3LTIuMjU5LS4yMzcuMDQtLjQ3OS0uMDQ2LS42NTItLjIxOWwtMTMuODU3LTEzLjg2OWMtLjIxNS0uMjE1LS4yODMtLjUzNi0uMTczLS44Mi41ODYtMS41MjUuODk3LTMuMTc5Ljg5Ny00Ljc4NiwwLTMuNDg0LTEuMzUyLTYuNzUyLTMuODA3LTkuMTk3LTMuNDU4LTMuNDY4LTguNTM5LTQuNjc2LTEzLjI3Ni0zLjE0OS0uMDk0LjAzLS4xNjQuMTA2LS4xODcuMTk5LS4wMTguMDg4LjAxMi4xOTkuMDkyLjI4M2w4Ljk2Myw4Ljk1NWMuMTQ0LjE0NC4yMjcuMzQxLjIyNy41NDZzLS4wOC4zOTktLjIyNS41NDRsLTYuNzE2LDYuNzJjLS4xNDQuMTQ2LS4zNDEuMjI3LS41NDYuMjI3aDBjLS4yMDUsMC0uNDAxLS4wOC0uNTQ2LS4yMjdMNi4xMDksMTUuMzU3Yy0uMDY4LS4wNy0uMTYtLjEtLjI0NS0uMDcyLS4xMS4wMjYtLjE3OS4wODgtLjIwOS4xODMtLjQyOSwxLjM0LS42NDgsMi43MTYtLjY0OCw0LjA5NiwwLDMuNDcsMS4zNDQsNi43MjYsMy43ODcsOS4xNzEsMy42NTEsMy42NTUsOS4xMzksNC43OTYsMTMuOTg4LDIuOTEzLjA5LS4wMzQuMTg1LS4wNTIuMjc5LS4wNTJaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im00My4wMTcsMzIuNjA0Yy0uMTk1LDAtLjM4OS0uMDcyLS41NC0uMjIxbC04Ljg5Ni04LjcwOGMtLjE0Ni0uMTQ0LS4yMzEtLjM0MS0uMjMxLS41NDhzLjA4Mi0uNDA1LjIyOS0uNTVsMTQuODg0LTE0LjcxOGMuMTQ2LS4xNDQuMzY3LS4yMDkuNTQ4LS4yMjMuMjA3LjAwMi40MDEuMDg2LjU0Ni4yMzNsOC41MTcsOC43M2MuMjkzLjMwMS4yOTEuNzgtLjAwNCwxLjA3OWwtMTQuNTA1LDE0LjY5NmMtLjE1LjE1Mi0uMzQ5LjIyOS0uNTQ4LjIyOVptLTcuNzk3LTkuNDhsNy43ODcsNy42MjMsMTMuNDM2LTEzLjYxMy03LjQ0OC03LjYzMy0xMy43NzUsMTMuNjIzWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtMzcuMzQsMjYuMTg3Yy0uMTk3LDAtLjM5My0uMDc0LS41NDQtLjIyNS0uMzAxLS4yOTktLjMwMy0uNzg2LS4wMDItMS4wODlsMTEuNjE5LTExLjY4OWMuMjk5LS4yOTkuNzg2LS4zMDUsMS4wODktLjAwMi4zMDEuMjk5LjMwMy43ODYuMDAyLDEuMDg5bC0xMS42MTksMTEuNjg5Yy0uMTUuMTUtLjM0Ny4yMjctLjU0Ni4yMjdaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im00MC43NzcsMjkuNTUxYy0uMTk3LDAtLjM5My0uMDc0LS41NDQtLjIyNS0uMzAxLS4yOTktLjMwMy0uNzg2LS4wMDItMS4wODlsMTEuNjE3LTExLjY4OWMuMjk5LS4zMDEuNzg2LS4zMDMsMS4wODktLjAwMi4zMDEuMjk5LjMwMy43ODYuMDAyLDEuMDg5bC0xMS42MTcsMTEuNjg5Yy0uMTUuMTUtLjM0Ny4yMjctLjU0Ni4yMjdaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im05LjkzMSw1Ni42OThjLS4yMDUsMC0uNDAzLS4wODItLjU1LS4yMzEtLjE4MS0uMTg1LS4yNTctLjQ0Ny0uMjA1LS43bDIuMzYzLTExLjA5M2MuMDMyLS4xNDYuMTA2LS4yODEuMjEzLS4zODdsOS42NDMtOS41NTRjLjMwMS0uMjk3Ljc4Mi0uMjk3LDEuMDgzLDBsOC44Miw4LjcxNGMuMTQ2LjE0NC4yMjkuMzQxLjIyOS41NDZzLS4wOC40MDEtLjIyNy41NDhsLTkuNzg3LDkuNzY5Yy0uMTA4LjEwOC0uMjQ1LjE4MS0uMzk1LjIxMWwtMTEuMDM5LDIuMTY0Yy0uMDUuMDEtLjA5OC4wMTQtLjE0OC4wMTRabTMuMDY5LTExLjQ3OGwtMi4wNzIsOS43MjcsOS42NjMtMS44OTQsOS4wNzMtOS4wNTctNy43MjctNy42MzMtOC45MzcsOC44NTZaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0xNi4yNDgsNDcuMzA0Yy0uMTk3LDAtLjM5My0uMDc0LS41NDQtLjIyNS0uMzAxLS4yOTktLjMwMy0uNzg2LS4wMDItMS4wODlsNy45OC04LjAzMmMuMzAxLS4yOTkuNzg4LS4zMDUsMS4wODktLjAwMi4zMDEuMjk5LjMwMy43ODYuMDAyLDEuMDg5bC03Ljk4LDguMDMyYy0uMTUuMTUtLjM0Ny4yMjctLjU0Ni4yMjdaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0xOS43MzYsNTAuNTYyYy0uMTk3LDAtLjM5My0uMDc0LS41NDQtLjIyNS0uMzAxLS4yOTktLjMwMy0uNzg2LS4wMDItMS4wODlsNy45OC04LjAzNGMuMjk5LS4yOTkuNzg2LS4zMDUsMS4wODktLjAwMi4zMDEuMjk5LjMwMy43ODYuMDAyLDEuMDg5bC03Ljk4LDguMDM0Yy0uMTUuMTUtLjM0Ny4yMjctLjU0Ni4yMjdaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjwvc3ZnPg==");
  --icon2: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zNjIgNjIuMzYzIj48cGF0aCBkPSJtNDMuNzIxLDQxLjcyNmMtLjE2NCwwLS4zMjctLjA1Mi0uNDYxLS4xNTQtMi4xMDQtMS41NzUtNC45NjMtMy4xNjctNy44NDMtNC4zNjktLjIyMy0uMDkyLS4zODktLjI4NS0uNDQ5LS41Mi0uMzI3LTEuMjc4LS43OTQtMi42NzQtMS4zODgtNC4xNS0xLjE5Mi0yLjk2NS0zLjM4OC00LjQ2Ny02LjUyNy00LjQ2Ny0yLjM0MSwwLTUuMTY1LjgzMi04LjE2OCwyLjQwNy0uMjYxLjEzNC0uNTguMTEtLjgxOC0uMDY0LS4yMzctLjE3OS0uMzUxLS40NzctLjI5NS0uNzY4LjU2LTIuODA0LDIuMDA0LTUuODc4LDQuMjk1LTkuMTMzLDMuNzM1LTUuMzA0LDguNjA4LTExLjM5MiwxMy4xNjktMTEuMzkyLDMuMDYxLDAsNS41NDUsMi42NTgsNy4zOCw3LjksMi40NzEsNy4wNDMsMy44OTgsMTcuNjA2LDEuODQxLDI0LjE3Mi0uMDc0LjIzOS0uMjU5LjQyNS0uNDk3LjUwMS0uMDc4LjAyNi0uMTU2LjAzOC0uMjM3LjAzOFptLTcuMzYtNS43OTVjMi40NzcsMS4wNTksNC45MjcsMi4zOTMsNi45MTEsMy43NTUsMS40OS02LjI1My4wOTItMTUuODg1LTIuMTEtMjIuMTYyLTEuNTk3LTQuNTU4LTMuNTkzLTYuODY4LTUuOTI4LTYuODY4LTMuODk2LDAtOC42NjQsNi4xMjgtMTEuOTA5LDEwLjczOC0xLjczNywyLjQ2Ny0yLjk1NSw0LjgwNi0zLjYzNyw2Ljk3MywyLjEwOC0uOTU1LDQuNzY2LTEuODQxLDcuMzY0LTEuODQxLDMuNzc1LDAsNi41MjcsMS44OCw3Ljk1Niw1LjQzNC41NjQsMS4zOTYsMS4wMTcsMi43MywxLjM1NCwzLjk3MloiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0ibTM2LjYxMiw1My4yNThjLTMuNTIyLDAtNi4zMDMtMS42MDctOC4yNjUtNC43NzQtLjE0Mi0uMjI5LS4xNTQtLjUxNi0uMDMyLS43NTQuMTIyLS4yNDEuMzYxLS4zOTkuNjMtLjQxOSwyLjAwNi0uMTQ4LDMuNTczLS42NzQsNC42NTYtMS41NjEuMTkxLS4xNi40NDktLjIxMS42OTQtLjE0NiwxLjAyMS4yNzksMS44OC40MDMsMi42NTguNDAzLDIuOTA5LDAsNC45MzctMS43NzcsNi4wMzItNS4yODIuMDc2LS4yMzcuMjYxLS40MjUuNDk5LS41MDEuMjMzLS4wNzYuNDk5LS4wMzQuNjk4LjExNCwzLjA4OSwyLjMxMSw0LjU5LDQuNDgxLDQuNDU5LDYuNDQ5LS4wOSwxLjQwMi0uOTk1LDIuNTkyLTIuNjgyLDMuNTM5LTMuNDc4LDEuOTQ2LTYuNjI0LDIuOTMzLTkuMzQ4LDIuOTMzWm0tNi4yNDMtNC41NjZjMy4xMzEsMy45NDIsOC4yMjQsMy45OSwxNC44MzYuMjg5LDEuMjA2LS42NzYsMS44NDMtMS40NDYsMS45LTIuMjk1LjA4LTEuMjItLjk4My0yLjc4NC0zLjAxNy00LjQ2My0xLjc0NSw0LjM3Ny01LjE0NSw2LjEzNi05LjgzMyw0Ljk2NS0xLjAyNy43NDItMi4zMjksMS4yNDYtMy44ODYsMS41MDRaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0zNi45NTMsNDcuNTQ3Yy0uOTE1LDAtMS45MS0uMTQyLTIuOTUzLS40MjUtLjI3OS0uMDc2LS41NDgtLjMxNy0uNjEtLjYtLjA2LS4yODEtLjAxNC0uNTkuMjExLS43NzIsMi4wMjgtMS42NTksMi40ODctNC43MDgsMS4zNjYtOS4wNjUtLjA3Mi0uMjgzLjAyLS41ODQuMjQzLS43NzQuMjIxLS4xOTUuNTI2LS4yNDMuOC0uMTI4LDIuOTkxLDEuMjQ4LDUuOTcsMi45MDksOC4xNzIsNC41NTguMjYxLjE5NS4zNzEuNTM0LjI3NS44NDctMS4zMDIsNC4xNi0zLjg5Niw2LjM2MS03LjUwNCw2LjM2MVptLTEuMzUyLTEuNjU1Yy40ODMuMDc4LjkyOS4xMTQsMS4zNTIuMTE0LDIuNzYsMCw0LjczLTEuNjAxLDUuODU5LTQuNzYyLTEuNjk5LTEuMjE0LTMuODE1LTIuNDIxLTYuMDE2LTMuNDM0LjY2LDMuNDkyLjI1OSw2LjItMS4xOTYsOC4wODJaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0yNy42ODIsNDguODk1Yy0xLjU0NSwwLTMuMjk4LS4xNzUtNS4yMTItLjUxOC02LjYyOC0xLjE5LTEzLjU3Ni0yLjkzMS0xNC44NTItNi44My0uNjI2LTEuOTE2LjIwNS00LjA5NCwyLjQ2OS02LjQ3MSwyLjA3LTIuMTY4LDUuMDkxLTQuMzk5LDguMDgyLTUuOTY4LjI2MS0uMTM2LjU3OC0uMTE0LjgxOC4wNjYuMjM5LjE3Ny4zNTMuNDc1LjI5NS43NjYtMS4xMTEsNS41NjcsMS42NDksMTAsOC4yMDQsMTMuMTgxLjE4Ny4wOS4zMjkuMjUzLjM5NS40NTEuMTIuMzY1LjI0NS43MzQuMzczLDEuMTAxLjQwMSwxLjEzMy44NzEsMi4xNDIsMS40LDIuOTk5LjE0Mi4yMjkuMTU0LjUxNC4wMzIuNzU0LS4xMi4yMzktLjM1OS4zOTktLjYyOC40MTktLjQzNy4wMzQtLjg5OS4wNDgtMS4zNzguMDQ4Wm0tMTAuMTM0LTE3LjY3N2MtMi4zOTEsMS40MS00LjY5MiwzLjE4OS02LjM0NSw0LjkyMS0xLjg0MywxLjkzNi0yLjU1OCwzLjU5My0yLjEyLDQuOTI5LDEuMDQxLDMuMTgzLDguMjk1LDQuODMsMTMuNjYxLDUuNzkzLDEuODM5LjMyOSwzLjUwOC41ODQsNC45NzUuNDkzLS4zMzUtLjY2OC0uNjQyLTEuMzkyLS45MTUtMi4xNjgtLjA5Ni0uMjc1LS4xOTEtLjU1LS4yODMtLjgyMi02LjM1MS0zLjE3MS05LjQyNC03LjY4OS04Ljk3My0xMy4xNDVaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0zNC4wODksNDcuMTE2Yy0uMDY4LDAtLjEzNi0uMDA4LS4yMDMtLjAyOC0yLjY1OC0uNzI2LTUuMDM3LTEuNTk1LTcuMDcxLTIuNTgtLjE4OS0uMDkyLS4zMzMtLjI1Ny0uMzk3LS40NTUtMS40MTQtNC4zMzMtMS41MzMtNi45NzEtLjM4MS04LjU1NywxLjI0Mi0xLjcxNywzLjc0NS0xLjkyNiw3LjczNS0uNTcuNzA4LjI0MywxLjQ2Mi41MywyLjI0MS44NTcuMjIxLjA5Mi4zODcuMjg1LjQ0Ny41MTgsMS4yODQsNC45OTEuNjUsOC41Ny0xLjg4NCwxMC42NDItLjEzOC4xMTQtLjMxMS4xNzUtLjQ4Ny4xNzVabS02LjMwOS0zLjg1M2MxLjc4MS44MzgsMy44MzUsMS41ODcsNi4xMTIsMi4yMjksMS43MjUtMS42NTUsMi4xMTYtNC40ODksMS4xNjctOC40MzUtLjYxOC0uMjUzLTEuMjE4LS40NzctMS43ODUtLjY3Mi0zLjE0NS0xLjA2OS01LjE5Ny0xLjA3Ny01Ljk5Mi4wMTYtMS4xMjEsMS41NDUtLjAxOCw1LjI2LjQ5Nyw2Ljg2MloiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+");
  --icon1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Mi4zNjIgNjIuMzYyIj48ZyBpZD0iYiI+PGcgaWQ9ImMiPjxnIGlkPSJkIj48cGF0aCBkPSJtMzEuMTI1LDExLjE4OWMtOS44NTMsMC0xNy44NCw3Ljk4Ny0xNy44NCwxNy44NC4yNzksNC4yMywxLjk1OCw4LjI0Nyw0Ljc3MiwxMS40MTgsMS40MTcsMS40NzUsMi4zODQsMy4zMjQsMi43ODgsNS4zMywwLDEuODk2LDIuMjMsMy4zNjcsNS4yMTgsMy4zNjdoMTAuMDU3YzIuOTIxLDAsNS4yMTgtMS40NzIsNS4yMTgtMy4zNjcuMzkyLTIuMDA5LDEuMzYxLTMuODYxLDIuNzg4LTUuMzMsMi44NDMtMy4xNjcsNC41NDctNy4xOTQsNC44MzktMTEuNDQtLjAxMi05Ljg0NC03Ljk5Ni0xNy44MTgtMTcuODQtMTcuODE4Wm0xMS44NjQsMjguMTg3Yy0xLjY5MywxLjc0OC0yLjgwNiwzLjk3NS0zLjE4OSw2LjM3OCwwLC44NDctMS41NjEsMS44MDYtMy42NTcsMS44MDZoLTkuOTljLTIuMDk2LDAtMy42MzUtLjk1OS0zLjYzNS0xLjgwNi0uMzkzLTIuNDA0LTEuNTE0LTQuNjMtMy4yMTEtNi4zNzgtMi41Ny0yLjg4My00LjEzNS02LjUyMS00LjQ2LTEwLjM3LS4zMzItOC45NzIsNi42NzEtMTYuNTE1LDE1LjY0NC0xNi44NDgsOC45NzItLjMzMiwxNi41MTUsNi42NzEsMTYuODQ4LDE1LjY0NC4wMTUuNDAxLjAxNS44MDMsMCwxLjIwNC0uMjc1LDMuODI3LTEuNzc2LDcuNDYzLTQuMjgyLDEwLjM3aC0uMDY3WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtMzkuMTUzLDI4LjcxN2gtMi4yM2wtMS45NC0yLjkyMWMtLjE1Mi0uMjA5LS4zODktLjM0LS42NDctLjM1Ny0uMjYxLjAwNy0uNTAyLjE0LS42NDcuMzU3bC0zLjI1Niw0LjkyOC0yLjYwOS00Ljg2MWMtLjEzMi0uMjQtLjM3NC0uMzk4LS42NDctLjQyNC0uMjc5LS4wMTctLjU0NC4xMi0uNjkxLjM1N2wtMy45NjksNi4wMjFjLS4yMzYuMzQ2LS4xNDguODE3LjE5OCwxLjA1NC4wMDguMDA2LjAxNy4wMTEuMDI1LjAxNy4zNTIuMjM0LjgyNy4xNDUsMS4wNy0uMjAxbDMuMjU2LTQuOTI4LDIuNjA5LDQuODYxaC4xMTJjLjExMiwwLDAsLjE1Ni4xNTYuMjAxLjI0Ny4xNDguNTU2LjE0OC44MDMsMCwwLDAsMC0uMTM0LjE1Ni0uMTc4czAsMCwuMTM0LDBsMy4zLTUuMDQsMS41MTYsMi4yM2MuMTQ1LjIxNy4zODYuMzUuNjQ3LjM1N2gyLjY1NGMuNDMxLDAsLjc4MS0uMzQ5Ljc4MS0uNzgxaDBjLS4wNDYtLjM5Ni0uMzgyLS42OTQtLjc4MS0uNjkxWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtMzkuMDg2LDUxLjY2NGgtMTUuNzg4Yy0uNDMxLDAtLjc4MS4zNDktLjc4MS43ODFzLjM0OS43ODEuNzgxLjc4MWgxNS43ODhjLjQzMSwwLC43ODEtLjM0OS43ODEtLjc4MXMtLjM0OS0uNzgxLS43ODEtLjc4MVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0ibTM5LjA4Niw1NS4yNTRoLTE1Ljc4OGMtLjQzMSwwLS43ODEuMzQ5LS43ODEuNzgxcy4zNDkuNzgxLjc4MS43ODFoMTUuNzg4Yy40MzEsMCwuNzgxLS4zNDkuNzgxLS43ODFzLS4zNDktLjc4MS0uNzgxLS43ODFaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0zNy4yMTMsNTguODQ0aC0xMi4wNjRjLS40MjIsMC0uNzY4LjMzNi0uNzgxLjc1OCwwLC40MzUuMzQ2Ljc5MS43ODEuODAzaDEyLjA2NGMuNDM1LS4wMTIuNzgxLS4zNjguNzgxLS44MDMtLjAxMi0uNDIyLS4zNTgtLjc1OC0uNzgxLS43NThaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0zMS4xMjUsNy40NjVjLjQzMSwwLC43ODEtLjM0OS43ODEtLjc4MWgwdi0zLjk0N2MwLS40MzEtLjM0OS0uNzgxLS43ODEtLjc4MWgwYy0uNDMxLDAtLjc4MS4zNDktLjc4MS43ODFoMHYzLjk0N2MwLC40MzEuMzQ5Ljc4MS43ODEuNzgxaDBaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im0xNS43MTYsMTIuNzVjLjQzMS4wMDYuNzg2LS4zMzguNzkyLS43NjkuMDAzLS4yMTQtLjA4Mi0uNDE5LS4yMzQtLjU2OWwtMi43ODgtMi43NjVjLS4zMDItLjMwOC0uNzk2LS4zMTMtMS4xMDQtLjAxMS0uMDA0LjAwNC0uMDA4LjAwNy0uMDExLjAxMS0uMjg2LjMwOC0uMjg2Ljc4NSwwLDEuMDkzbDIuNzg4LDIuNzg4Yy4xNDkuMTQ2LjM0OS4yMjYuNTU4LjIyM1oiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0ibTQ4Ljk2NSw4LjY0N2wtMi44NzcsMi43NjVjLS4zMDguMzA4LS4zMDguODA3LDAsMS4xMTVzLjgwNy4zMDgsMS4xMTUsMGwyLjc2NS0yLjc4OGMuMjExLS4zNzYuMDc3LS44NTItLjI5OC0xLjA2My0uMjE3LS4xMjItLjQ3OS0uMTMzLS43MDUtLjAzWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtOS4wOTMsMjMuODc4aC0zLjk0N2MtLjQzNy4wNzQtLjczMi40ODgtLjY1OC45MjUuMDU3LjMzNy4zMjEuNjAyLjY1OC42NThoMy45NDdjLjQzNy0uMDc0LjczMi0uNDg4LjY1OC0uOTI1LS4wNTctLjMzNy0uMzIxLS42MDItLjY1OC0uNjU4WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtNTcuMjE2LDIzLjg3OGgtMy45MjVjLS40MzctLjA3NC0uODUxLjIyMS0uOTI1LjY1OHMuMjIxLjg1MS42NTguOTI1Yy4wODguMDE1LjE3OC4wMTUuMjY3LDBoMy45MjVjLjQzNy0uMDc0LjczMi0uNDg4LjY1OC0uOTI1LS4wNTctLjMzNy0uMzIxLS42MDItLjY1OC0uNjU4WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48L2c+PC9nPjwvZz48L3N2Zz4=");
}

.icon-bg-box {
  height: 100%;
  padding-top: 2rem;
}

@media (max-width: 768px) {
  .icon-bg-box {
    padding: 1rem 0;
  }
}

.icon-bg-box .icon-container {
  width: 66px;
  height: 66px;
  display: block;
  color: var(--c-white);
  margin: 0 auto;
  border: 1px solid var(--c-white);
  border-radius: 50%;
  position: relative;
}

.icon-bg-box .icon-container>div {
  background-size: contain;
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
}

@media (max-width: 1399px) {
  .icon-bg-box .icon-container {
    width: 58px;
    height: 58px;
  }

  .icon-bg-box .icon-container>div {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 991px) {
  .icon-bg-box .icon-container {
    width: 40px;
    height: 40px;
  }

  .icon-bg-box .icon-container>div {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 768px) {
  .icon-bg-box .icon-container {
    width: 66px;
    height: 66px;
  }

  .icon-bg-box .icon-container>div {
    width: 38px;
    height: 38px;
  }
}

.icon-analyse {
  background: var(--icon1);
}

.icon-concept {
  background: var(--icon2);
}

.icon-engineering {
  background: var(--icon3);
}

.icon-industrialization {
  background: var(--icon4);
}

.icon-supply-chain {
  background: var(--icon5);
}

.icon-implementation {
  background: var(--icon6);
}

.icon-finish {
  background: var(--icon7);
}

.icon-lifecycle {
  background: var(--icon8);
}

.bg-green {
  background: var(--c-muted);
}

.bg-green+.bg-white {
  padding-top: 30px;
}

.bg-green .heading.section-heading {
  margin-bottom: 40px;
  font-weight: 700;
}

.bg-white {
  position: relative;
}

.bg-white+.bg-green {
  padding-top: 100px;
}

.bg-darkgray .lehrberufe section+section, .bg-green .lehrberufe section+section {
  padding-top: 30px;
}

.bg-darkred {
  background: #83294B;
  color: white;
}

.bg-red {
  background: #C02F57;
  color: white;
}

.bg-darkred *, .bg-red * {
  color: white;
}

.bg-green-1 {
  background: var(--c-color-50);
}

.bg-green-2 {
  background: var(--c-color-44);
}

.bg-green-3 {
  background: var(--c-color-51);
}

.bg-green-4 {
  background: var(--c-color-52);
}

.bg-green-5 {
  background: var(--c-color-53);
}

.bg-green-6 {
  background: var(--c-color-54);
}

.bg-white,
.bg-white :not(.btn):not(.button):not(.bg-green *),
.bg-gray *:not(.btn):not(.button),
.bg-gray,
.bg-green .text-shifted--wrapper,
.text-shifted-r--wrapper,
.bg-green .teaser-box--content {
  color: black;
}

.bg-green .text-shifted--wrapper *:not(.btn):not(.button):not(h3):not(h1):not(h2),
.bg-green .teaser-box--content *:not(.btn):not(.button),
.text-shifted--wrapper:not([class*="bg-"]) *:not(.btn):not(.button):not(h3):not(h1):not(h2),
.text-shifted-r--wrapper *:not(.btn):not(.button):not(h3):not(h1):not(h2),
.text-shifted-r--wrapper *:not(.btn):not(.button):not(h3):not(h1):not(h2) {
  color: black !important;
}

.bg-darkgreen {
  background: var(--c-color-55);
  color: white;
}

.bg-darkgreen * {
  color: white;
}

.bg-green {
  background: var(--c-color-51);
}

.bg-lightgreen {
  background: var(--c-color-50);
}

.bg-lightgreen-2 {
  background: var(--main-lightgreen2);
}

/*lightgreen-2==Hellgrün 2*/

.bg-green-1,
.bg-green-1 *,
.bg-green-2,
.bg-green-2 *,
.bg-green-3,
.bg-green-3 *,
.bg-green-4,
.bg-green-4 *,
.bg-green-5,
.bg-green-5 *,
.bg-green-6,
.bg-green-6 *,
.bg-green .text-section,
.bg-green *,
.bg-darkred,
.bg-red,
.bg-green .heading.section-heading,
.bg-white .bg-green .text-section,
.bg-white .bg-green *,
.bg-darkgray .text-section,
.bg-darkgray *,
.bg-white .bg-darkgray .text-section,
.bg-white .bg-darkgray * {
  color: var(--c-white);
}

.bg-white {
  position: relative;
  background: var(--c-white);
}

.bg-white+.bg-green {
  padding-top: 100px;
}

.bg-gray {
  background: var(--c-lightblue);
}

.bg-darkgray {
  background: var(--c-lightyellow);
}

.header-contact-content {
  position: relative;
  margin-top: -270px;
  text-align: center;
}

.header-contact-title {
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  font-size: var(--font-s-41);
  padding: 20px;
  background: rgba(255, 255, 255, 0.7);
  line-height: 1;
  white-space: nowrap;
  clear: both;
}

@media (max-width: 1399px) {
  .header-contact-title {
    font-size: var(--font-s-34);
  }
}

@media (max-width: 767px) {
  .header-contact-title {
    white-space: normal;
    min-width: calc(100% - 30px);
    max-width: calc(100% - 30px);
  }
}

.contact-box {
  background: var(--c-lightgray1);
}

@media (max-width: 767px) {
  .contact-box {
    margin-bottom: 40px;
  }
}

.contact-box--img {
  width: 100%;
}

.contact-box--content {
  padding: 10px 26px;
  text-align: left;
}

.contact-box--content h4 {
  font-weight: 400;
  color: var(--c-muted);
}

.header-special-content {
  position: relative;
  margin-top: -270px;
  text-align: center;
}

.header-image--wrapper {
  position: relative;
}

.header-image--wrapper>img {
  width: 100%;
  height: 480px;
  object-fit: cover;
}

@media (max-width: 767px) {
  .header-image--wrapper>img {
    height: 280px;
  }
}

.header-image--wrapper>.header-title {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  /*font-size: var(--font-s-41);*/
  padding: 20px;
  background: rgba(255, 255, 255, 0.7);
  line-height: 1;
  white-space: pre-wrap;
  text-align: center;
  /*font-weight: 700; */
}

@media (orientation: landscape) {
  .header-image--wrapper>.header-title {
    white-space: nowrap;
  }
}

@media (max-width: 1399px) {
  .header-image--wrapper>.header-title {
    /*font-size: var(--font-s-34); } */
  }
}

@media (max-width: 767px) {
  .header-image--wrapper>.header-title {
    white-space: normal;
    min-width: calc(100% - 30px);
    /*font-size: var(--font-s-28);*/
  }
}

.icon-section {
  color: var(--c-white);
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -50px;
}

.icon-section .icon-container {
  width: 20%;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .icon-section .icon-container {
    width: 33.3333%;
  }
}

@media (max-width: 767px) {
  .icon-section .icon-container {
    width: 50%;
  }
}

.icon-section .icon-wrapper {
  margin-bottom: 15px;
  padding: 24px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid var(--c-white);
  width: 106px;
  height: 106px;
  position: relative;
}

.icon-section .icon-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  max-height: 55px;
}

.icon-section .text-wrapper p:last-of-type {
  margin-bottom: 0;
}

.col-lg-15 .icon-section .icon-container, .col-sm-15 .icon-section .icon-container {
  width: auto;
}

.news-box-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-bottom: -20px;
}

.news-box-row>div {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .news-box-row>div {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .news-box-row {
    flex-flow: row wrap;
  }
}

.news-box {
  background: var(--c-lightgray1);
  margin-bottom: 40px;
  height: 100%;
  width: 100%;
}

.news-box .btn, .news-box .button {
  font-size: var(--font-s-18);
  margin-bottom: 10px;
}

.news-box--img {
  width: 100%;
}

.news-box--content {
  padding: 20px 24px;
}

.news-box--title {
  color: var(--c-muted);
  line-height: 1.4;
  font-size: var(--font-s-18);
}

.news-box--date {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: var(--font-s-14);
  color: var(--c-lightyellow);
}

.btn-all-entries {
  margin-top: 38px;
}

.post {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 50px;
}

.post>.post-image--wrapper {
  width: 36%;
  margin-right: 30px;
}

.post>.post-image--wrapper>img {
  width: 100%;
}

.post>.post-details {
  width: 64%;
}

.post .title {
  margin-top: 0;
}

.post:last-child {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .post {
    display: block;
  }

  .post>.post-image--wrapper, .post>.post-details {
    width: 100%;
  }

  .post>.post-image--wrapper {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

.entry .title {
  margin-top: 50px;
}

.picture-masonry {
  display: flex;
  flex-flow: row wrap;
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
}

.picture-masonry>.full-width {
  width: 100%;
  margin-bottom: 30px;
  padding: 0 15px;
}

.picture-masonry>.half-width {
  padding: 0 15px;
  width: 50%;
  margin-bottom: 30px;
}

.picture-masonry>.half-width>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.text-section h2 {
  margin-bottom: 40px;
  text-transform: none;
}

.text-section .btn, .text-section .button {
  margin-top: 40px;
}

.text-section p:last-of-type {
  margin-bottom: 0;
}

.text-section.bg-white {
  background: var(--c-white);
}

.text-section.bg-white h2 {
  margin-bottom: 40px;
  text-transform: none;
}

.text-section.bg-white .btn, .text-section.bg-white .button {
  margin-top: 40px;
}

#videos {
  display: flex;
  flex-flow: row nowrap;
}

@media (max-width: 991px) {
  #videos {
    flex-flow: column nowrap;
  }
}

#videos>.video-wrapper {
  flex: 1;
}

#videos>.video-wrapper .embed-responsive {
  height: 100%;
}

#videos>.video-sidebar {
  width: 300px;
  padding: 30px;
  text-align: center;
  background: var(--c-lightyellow);
  color: var(--c-white);
  overflow-y: auto;
  overflow-x: hidden;
  height: 735px;
}

@media (max-width: 1399px) {
  #videos>.video-sidebar {
    height: 360px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 991px) {
  #videos>.video-sidebar {
    height: auto;
    width: 100%;
    white-space: nowrap;
  }

  #videos>.video-sidebar .video-link {
    margin-right: 15px;
  }

  #videos>.video-sidebar .video-link:last-child {
    margin-right: 0;
  }
}

#videos .video-link {
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
  border: 1px solid transparent;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.22);
  transition: box-shadow .3s ease-in-out;
  z-index: 10;
}

#videos .video-link.active {
  border-color: var(--c-white);
}

#videos .video-link.active:after {
  content: '';
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: -63px;
  z-index: 0;
  border: 16px solid transparent;
  border-right-color: var(--c-lightyellow);
}

@media (max-width: 991px) {
  #videos .video-link.active:after {
    display: none;
  }
}

#videos .video-link.active, #videos .video-link:hover {
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.44);
}

#videos .video-link>.embed-responsive-16by9 {
  padding-bottom: 55%;
}

@media (max-width: 991px) {
  #videos .video-link {
    width: 260px;
    display: inline-block;
  }
}

#videos .video-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.video-sidebar-title {
  margin-bottom: 35px;
  margin-top: 8px;
  font-weight: 400;
  font-size: var(--font-s-20);
}

@media (max-width: 991px) {
  .video-sidebar-title {
    display: none;
  }
}

@media (min-width: 1400px) {
  .statements .statement-box {
    min-height: 100px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
  }
}

.special-youtube .text-shifted--wrapper {
  margin-top: -30px;
}

.text-bg-box.bg-none {
  line-height: 1.2;
  margin-bottom: 1rem;
}

.text-bg-box:not(.bg-none) {
  padding: 15px;
}

.ul-deactivate-1 ul, .ul-deactivate-1 li {
  list-style: none;
}

.cc_div * {
  font-family: var(--main-font-family) !important;
}

#cm, #s-bl .act .b-acc, #s-inr, .cc_div .b-tl, .cc_div .c-bl, .c-bn {
  border-radius: 0 !important;
}

#c-p-bn, #s-all-bn {
  background: var(--c-muted) !important;
  border-color: var(--c-muted) !important;
  border-radius: 0 !important;
}

#c-s-bn {
  border-radius: 0 !important;
}

.list-style-inline-1 ul {
  list-style: inside;
}


.h3-like {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  font-size: var(--font-s-20);
}

.grid-item--width0 .h3-like {
  font-size: var(--font-s-12);
}

.mainsite .text-section h2 {
  margin-bottom: -4rem;
  margin-top: 0rem;
}

.mainsite .text-section>div {
  margin-left: 0;
  width: 100%;
}

.text-section {
  max-width: 1370px;
  margin: 0 auto;
}

.test {
  background: none;
}



.header-two-col {
  background: var(--main-dark);
  color: white;
  padding: 0;
  position: relative;
}


.header-two-col img {
  width: 100%;
}

.header-image-col {
  padding: 0;
}

.header-image-col.col-md-12 img {
  aspect-ratio: 7 / 2;
  object-fit: cover;
}

.container-half {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 100dvw;
}

@media (min-width: 768px) {

  .header-text-col {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
  }

  .container-half {
    width: 375px;
  }
}

@media (min-width: 992px) {
  .container-half {
    width: 485px;
  }
}

@media (min-width: 1400px) {
  .container-half {
    width: 685px;
  }
}

.float-right {
  float: right;
}

.header-title {
  font-size: var(--font-s-60);
  font-weight: 300;
}

.header-text {
  font-size: var(--font-s-h2);
  font-weight: 500;
  padding-bottom: 10px;
}

.header-link a {
  margin-bottom: 16px;
}

.subtext {
  font-size: var(--font-s-15);
}

@media (max-width: 768px) {
  .header-title {
    font-size: var(--font-s-h3);
  }

  .header-text {
    font-size: var(--font-s-h4);
  }

}

.boxes-container {
  background: white;
  color: var(--c-black);
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid var(--c-lightgray);
}

.boxes-container * {
  color: var(--c-black);
  text-align: center;
}

.boxes-container .btn-secondary {
  font-size: var(--font-s-15);
}

.boxes-image img {
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

.boxes-title {
  padding-bottom: 1rem;
}

.boxes-title, .boxes-title p {
  color: var(--main-green) !important;
  line-height: 1.2;
  font-weight: 400; /*600*/
  font-size: var(--font-s-28);
}

.boxes-text {}

.boxes-link {
  padding-top: 2rem;
}

.banner-style {
  border-radius: 30px;
  margin: 1rem;
  padding: 3rem;
}

.banner-style .bg-white {
  background: none !important;
}

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

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

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

.color-lightgreen, .color-lightgreen * {
  color: var(--main-lightgreen) !important;
}

.color-lightgreen-2, .color-lightgreen-2 * {
  color: var(--main-lightgreen2) !important;
}

.color-green, .color-green * {
  color: var(--main-green) !important;
}

.color-darkgreen, .color-darkgreen * {
  color: var(--main-darkgreen) !important;
}

.color-darkred, .color-darkred * {
  color: var(--main-darkred) !important;
}

.color-red, .color-red * {
  color: var(--main-red) !important;
}

.color-white, .color-white * {
  color: var(--c-white) !important;
}

.color-gray, .color-gray * {
  color: var(--c-lightgray) !important;
}

.color-darkgray, .color-darkgray * {
  color: var(--c-color-13) !important;
}

.custom-col-9>.container>div, .custom-col-9>div:not(.container) {
  max-width: 75%;
}

.custom-col-6>.container>div, .custom-col-6>div:not(.container) {
  max-width: 50%;
}

@media (max-width: 768px) {
  .custom-col-9>.container>div, .custom-col-9>div:not(.container) {
    max-width: 100%;
  }

  .custom-col-6>.container>div, .custom-col-6>div:not(.container) {
    max-width: 100%;
  }
}

.logo-text {
  position: absolute;
  left: 8rem;
  top: 40%;
  transform: translateY(-50%);
  color: white;
  font-size: 12px;
}

#content-wrapper {
  max-width: 100dvw;
  overflow: hidden;
}