@font-face {
   font-family: 'roboto_condensedbold';
   src: url("../font/robotocondensed-bold-webfont.eot");
   src: url("../font/robotocondensed-bold-webfont.eot") format("embedded-opentype"), url("../font/robotocondensed-bold-webfont.woff2") format("woff2"), url("../font/robotocondensed-bold-webfont.woff") format("woff"), url("../font/robotocondensed-bold-webfont.ttf") format("truetype"), url("../font/robotocondensed-bold-webfont.svg") format("svg");
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'robotoregular';
   src: url("../font/roboto-regular-webfont.eot");
   src: url("../font/roboto-regular-webfont.eot") format("embedded-opentype"), url("../font/roboto-regular-webfont.woff2") format("woff2"), url("../font/roboto-regular-webfont.woff") format("woff"), url("../font/roboto-regular-webfont.ttf") format("truetype"), url("../font/roboto-regular-webfont.svg") format("svg");
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'robotoregular';
   src: url("../font/roboto-bold-webfont.eot");
   src: url("../font/roboto-bold-webfont.eot") format("embedded-opentype"), url("../font/roboto-bold-webfont.woff2") format("woff2"), url("../font/roboto-bold-webfont.woff") format("woff"), url("../font/roboto-bold-webfont.ttf") format("truetype"), url("../font/roboto-bold-webfont.svg") format("svg");
   font-weight: bold;
   font-style: normal
}

@font-face {
   font-family: 'Noto Sans CJK JP';
   src: url("https://www.wikus.de/typo3conf/ext/rb_template/Resources/Public/fonts/NotoSansJP-Regular.otf");
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Noto Sans CJK JP';
   src: url("https://www.wikus.de/typo3conf/ext/rb_template/Resources/Public/fonts/NotoSansJP-Bold.otf");
   font-weight: bold;
   font-style: normal
}

:root {
   --blue: #1C2C77;
   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #e83e8c;
   --red: #E3000F;
   --orange: #fd7e14;
   --yellow: #ffc107;
   --green: #28a745;
   --teal: #20c997;
   --cyan: #17a2b8;
   --white: #fff;
   --gray: #6c757d;
   --gray-dark: #797A80;
   --primary: #1C2C77;
   --secondary: #E3000F;
   --success: #28a745;
   --info: #17a2b8;
   --warning: #ffc107;
   --danger: #E3000F;
   --light: #E4E5EB;
   --dark: #797A80;
   --breakpoint-xs: 0;
   --breakpoint-sm: 560px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 1024px;
   --breakpoint-xl: 1344px;
   --font-family-sans-serif: "robotoregular", "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
*::before,
*::after {
   box-sizing: border-box
}

html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: rgba(29, 31, 41, 0)
}

@-ms-viewport {
   width: device-width
}

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

body {
   margin: 0;
   font-family: "robotoregular", "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #1D1F29;
   text-align: left;
   background-color: #EDEFF5
}

[tabindex="-1"]:focus {
   outline: 0 !important
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin-top: 0;
   margin-bottom: 0.5rem
}

p {
   margin-top: 0;
   margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
   border-bottom: 0
}

address {
   margin-bottom: 1rem;
   font-style: normal;
   line-height: inherit
}

ol,
ul,
dl {
   margin-top: 0;
   margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
   margin-bottom: 0
}

dt {
   font-weight: 700
}

dd {
   margin-bottom: .5rem;
   margin-left: 0
}

blockquote {
   margin: 0 0 1rem
}

dfn {
   font-style: italic
}

b,
strong {
   font-weight: bolder
}

small {
   font-size: 80%
}

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

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}

a {
   color: #1C2C77;
   text-decoration: none;
   background-color: transparent;
   -webkit-text-decoration-skip: objects
}

a:hover {
   color: #0d1539;
   text-decoration: underline
}

/* a:not([href]):not([tabindex]) { */
   /* color: inherit; */
   /* text-decoration: none */
/* } */

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
   color: inherit;
   text-decoration: none
}

a:not([href]):not([tabindex]):focus {
   outline: 0
}

pre,
code,
kbd,
samp {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   font-size: 1em
}

pre {
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
   -ms-overflow-style: scrollbar
}

figure {
   margin: 0 0 1rem
}

img {
   vertical-align: middle;
   border-style: none
}

svg {
   overflow: hidden;
   vertical-align: middle
}

table {
   border-collapse: collapse
}

caption {
   padding-top: 0.3125rem;
   padding-bottom: 0.3125rem;
   color: #6c757d;
   text-align: left;
   caption-side: bottom
}

th {
   text-align: inherit
}

label {
   display: inline-block;
   margin-bottom: 0.5rem
}

button {
   border-radius: 0
}

button:focus {
   outline: 1px dotted;
   outline: 5px auto -webkit-focus-ring-color
}

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

button,
input {
   overflow: visible
}

button,
select {
   text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
   padding: 0;
   border-style: none
}

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
   -webkit-appearance: listbox
}

textarea {
   overflow: auto;
   resize: vertical
}

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

legend {
   display: block;
   width: 100%;
   max-width: 100%;
   padding: 0;
   margin-bottom: .5rem;
   font-size: 1.5rem;
   line-height: inherit;
   color: inherit;
   white-space: normal
}

progress {
   vertical-align: baseline
}

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

[type="search"] {
   outline-offset: -2px;
   -webkit-appearance: none
}

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

::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button
}

output {
   display: inline-block
}

summary {
   display: list-item;
   cursor: pointer
}

template {
   display: none
}

[hidden] {
   display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   margin-bottom: 0.5rem;
   font-family: "robotoregular", "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
   font-weight: 700;
   line-height: 1.2;
   color: #1C2C77
}

h1,
.h1 {
   font-size: 1.75rem
}

h2,
.h2 {
   font-size: 1.125rem
}

h3,
.h3 {
   font-size: 1.125rem
}

h4,
.h4 {
   font-size: 1rem
}

h5,
.h5 {
   font-size: 1.25rem
}

h6,
.h6 {
   font-size: 1rem
}

.lead {
   font-size: 1.25rem;
   font-weight: 300
}

.display-1 {
   font-size: 2.125rem;
   font-weight: 300;
   line-height: 1.2
}

.display-2 {
   font-size: 3rem;
   font-weight: 300;
   line-height: 1.2
}

.display-3 {
   font-size: 4.5rem;
   font-weight: 300;
   line-height: 1.2
}

.display-4 {
   font-size: 3.5rem;
   font-weight: 300;
   line-height: 1.2
}

hr {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 0;
   border-top: 2px solid rgba(29, 31, 41, 0.1)
}

small,
.small {
   font-size: 0.875rem;
   font-weight: 400
}

mark,
.mark {
   padding: 0.2em;
   background-color: #fcf8e3
}

.list-unstyled {
   padding-left: 0;
   list-style: none
}

.list-inline {
   padding-left: 0;
   list-style: none
}

.list-inline-item {
   display: inline-block
}

.list-inline-item:not(:last-child) {
   margin-right: 0.5rem
}

.initialism {
   font-size: 90%;
   text-transform: uppercase
}

.blockquote {
   margin-bottom: 1rem;
   font-size: 1.25rem
}

.blockquote-footer {
   display: block;
   font-size: 80%;
   color: #6c757d
}

.blockquote-footer::before {
   content: "\2014 \00A0"
}

.img-fluid {
   max-width: 100%;
   height: auto
}

.img-thumbnail {
   padding: 0.25rem;
   background-color: #EDEFF5;
   border: 2px solid #a5abc9;
   border-radius: 2px;
   max-width: 100%;
   height: auto
}

.figure {
   display: inline-block
}

.figure-img {
   margin-bottom: 0.5rem;
   line-height: 1
}

.figure-caption {
   font-size: 90%;
   color: #6c757d
}

code {
   font-size: 87.5%;
   color: #e83e8c;
   word-break: break-word
}

a>code {
   color: inherit
}

kbd {
   padding: 0.2rem 0.4rem;
   font-size: 87.5%;
   color: #fff;
   background-color: #46484D;
   border-radius: 2px
}

kbd kbd {
   padding: 0;
   font-size: 100%;
   font-weight: 700
}

pre {
   display: block;
   font-size: 87.5%;
   color: #46484D
}

pre code {
   font-size: inherit;
   color: inherit;
   word-break: normal
}

.pre-scrollable {
   max-height: 340px;
   overflow-y: scroll
}

.container {
   width: 100%;
   padding-right: 5px;
   padding-left: 5px;
   margin-right: auto;
   margin-left: auto
}

.page_header{position: fixed!important;
   z-index: 99;
   padding: .15rem 0;
   left: 0;
   top:42px;
   right: 0;
   width: 100%;}


.fixednav {
       background-color: #303849;
   top:0;
}

.fixednav a {
   color: #fff
}


.s-bordertop:before{
    background-color: rgba(255, 255, 255, .1);
}

@media (min-width: 560px) {
   .container {
      max-width: 540px
   }
}

@media (min-width: 768px) {
   .container {
      max-width: 720px
   }
}

@media (min-width: 1024px) {
   .container {
      max-width: 960px
   }
}

@media (min-width: 1344px) {
   .container {
      max-width: 1344px
   }
}

.container-fluid {
   width: 100%;
   padding-right: 5px;
   padding-left: 5px;
   margin-right: auto;
   margin-left: auto
}

.row {
   display: flex;
   flex-wrap: wrap;
   margin-right: -5px;
   margin-left: -5px
}

.no-gutters {
   margin-right: 0;
   margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
   padding-right: 0;
   padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.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,
.col-sm,
.col-sm-auto,
.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,
.col-md,
.col-md-auto,
.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,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px
}

.col {
   flex-basis: 0;
   flex-grow: 1;
   max-width: 100%
}

.col-auto {
   flex: 0 0 auto;
   width: auto;
   max-width: none
}

.col-1 {
   flex: 0 0 8.33333%;
   max-width: 8.33333%
}

.col-2 {
   flex: 0 0 16.66667%;
   max-width: 16.66667%
}

.col-3 {
   flex: 0 0 25%;
   max-width: 25%
}

.col-4 {
   flex: 0 0 33.33333%;
   max-width: 33.33333%
}

.col-5 {
   flex: 0 0 41.66667%;
   max-width: 41.66667%
}

.col-6 {
   flex: 0 0 50%;
   max-width: 50%
}

.col-7 {
   flex: 0 0 58.33333%;
   max-width: 58.33333%
}

.col-8 {
   flex: 0 0 66.66667%;
   max-width: 66.66667%
}

.col-9 {
   flex: 0 0 75%;
   max-width: 75%
}

.col-10 {
   flex: 0 0 83.33333%;
   max-width: 83.33333%
}

.col-11 {
   flex: 0 0 91.66667%;
   max-width: 91.66667%
}

.col-12 {
   flex: 0 0 100%;
   max-width: 100%
}

.order-first {
   order: -1
}

.order-last {
   order: 13
}

.order-0 {
   order: 0
}

.order-1 {
   order: 1
}

.order-2 {
   order: 2
}

.order-3 {
   order: 3
}

.order-4 {
   order: 4
}

.order-5 {
   order: 5
}

.order-6 {
   order: 6
}

.order-7 {
   order: 7
}

.order-8 {
   order: 8
}

.order-9 {
   order: 9
}

.order-10 {
   order: 10
}

.order-11 {
   order: 11
}

.order-12 {
   order: 12
}

.offset-1 {
   margin-left: 8.33333%
}

.offset-2 {
   margin-left: 16.66667%
}

.offset-3 {
   margin-left: 25%
}

.offset-4 {
   margin-left: 33.33333%
}

.offset-5 {
   margin-left: 41.66667%
}

.offset-6 {
   margin-left: 50%
}

.offset-7 {
   margin-left: 58.33333%
}

.offset-8 {
   margin-left: 66.66667%
}

.offset-9 {
   margin-left: 75%
}

.offset-10 {
   margin-left: 83.33333%
}

.offset-11 {
   margin-left: 91.66667%
}

@media (min-width: 560px) {
   .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none
   }

   .col-sm-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

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

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

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

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

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

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

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

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

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

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

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

   .order-sm-first {
      order: -1
   }

   .order-sm-last {
      order: 13
   }

   .order-sm-0 {
      order: 0
   }

   .order-sm-1 {
      order: 1
   }

   .order-sm-2 {
      order: 2
   }

   .order-sm-3 {
      order: 3
   }

   .order-sm-4 {
      order: 4
   }

   .order-sm-5 {
      order: 5
   }

   .order-sm-6 {
      order: 6
   }

   .order-sm-7 {
      order: 7
   }

   .order-sm-8 {
      order: 8
   }

   .order-sm-9 {
      order: 9
   }

   .order-sm-10 {
      order: 10
   }

   .order-sm-11 {
      order: 11
   }

   .order-sm-12 {
      order: 12
   }

   .offset-sm-0 {
      margin-left: 0
   }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
   .col-md {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none
   }

   .col-md-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

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

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

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

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

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

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

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

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

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

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

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

   .order-md-first {
      order: -1
   }

   .order-md-last {
      order: 13
   }

   .order-md-0 {
      order: 0
   }

   .order-md-1 {
      order: 1
   }

   .order-md-2 {
      order: 2
   }

   .order-md-3 {
      order: 3
   }

   .order-md-4 {
      order: 4
   }

   .order-md-5 {
      order: 5
   }

   .order-md-6 {
      order: 6
   }

   .order-md-7 {
      order: 7
   }

   .order-md-8 {
      order: 8
   }

   .order-md-9 {
      order: 9
   }

   .order-md-10 {
      order: 10
   }

   .order-md-11 {
      order: 11
   }

   .order-md-12 {
      order: 12
   }

   .offset-md-0 {
      margin-left: 0
   }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
   .col-lg {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none
   }

   .col-lg-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

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

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

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

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

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

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

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

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

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

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

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

   .order-lg-first {
      order: -1
   }

   .order-lg-last {
      order: 13
   }

   .order-lg-0 {
      order: 0
   }

   .order-lg-1 {
      order: 1
   }

   .order-lg-2 {
      order: 2
   }

   .order-lg-3 {
      order: 3
   }

   .order-lg-4 {
      order: 4
   }

   .order-lg-5 {
      order: 5
   }

   .order-lg-6 {
      order: 6
   }

   .order-lg-7 {
      order: 7
   }

   .order-lg-8 {
      order: 8
   }

   .order-lg-9 {
      order: 9
   }

   .order-lg-10 {
      order: 10
   }

   .order-lg-11 {
      order: 11
   }

   .order-lg-12 {
      order: 12
   }

   .offset-lg-0 {
      margin-left: 0
   }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1344px) {
   .col-xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none
   }

   .col-xl-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
   }

   .col-xl-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
   }

   .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-xl-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }

   .col-xl-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
   }

   .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-xl-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
   }

   .col-xl-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }

   .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-xl-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
   }

   .col-xl-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
   }

   .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-xl-first {
      order: -1
   }

   .order-xl-last {
      order: 13
   }

   .order-xl-0 {
      order: 0
   }

   .order-xl-1 {
      order: 1
   }

   .order-xl-2 {
      order: 2
   }

   .order-xl-3 {
      order: 3
   }

   .order-xl-4 {
      order: 4
   }

   .order-xl-5 {
      order: 5
   }

   .order-xl-6 {
      order: 6
   }

   .order-xl-7 {
      order: 7
   }

   .order-xl-8 {
      order: 8
   }

   .order-xl-9 {
      order: 9
   }

   .order-xl-10 {
      order: 10
   }

   .order-xl-11 {
      order: 11
   }

   .order-xl-12 {
      order: 12
   }

   .offset-xl-0 {
      margin-left: 0
   }

   .offset-xl-1 {
      margin-left: 8.33333%
   }

   .offset-xl-2 {
      margin-left: 16.66667%
   }

   .offset-xl-3 {
      margin-left: 25%
   }

   .offset-xl-4 {
      margin-left: 33.33333%
   }

   .offset-xl-5 {
      margin-left: 41.66667%
   }

   .offset-xl-6 {
      margin-left: 50%
   }

   .offset-xl-7 {
      margin-left: 58.33333%
   }

   .offset-xl-8 {
      margin-left: 66.66667%
   }

   .offset-xl-9 {
      margin-left: 75%
   }

   .offset-xl-10 {
      margin-left: 83.33333%
   }

   .offset-xl-11 {
      margin-left: 91.66667%
   }
}

.table {
   width: 100%;
   margin-bottom: 1rem;
   background-color: transparent
}

.table th,
.table td {
   padding: 0.3125rem;
   vertical-align: top;
   border-top: 1px solid rgba(28, 44, 119, 0.1)
}

.table thead th {
   vertical-align: bottom;
   border-bottom: 2px solid rgba(28, 44, 119, 0.1)
}

.table tbody+tbody {
   border-top: 2px solid rgba(28, 44, 119, 0.1)
}

.table .table {
   background-color: #EDEFF5
}

.table-sm th,
.table-sm td {
   padding: 0.3rem
}

.table-bordered {
   border: 1px solid rgba(28, 44, 119, 0.1)
}

.table-bordered th,
.table-bordered td {
   border: 1px solid rgba(28, 44, 119, 0.1)
}

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

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
   border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(29, 31, 41, 0.05)
}

.table-hover tbody tr:hover {
   background-color: rgba(29, 31, 41, 0.075)
}

.table-primary,
.table-primary>th,
.table-primary>td {
   background-color: #bfc4d9
}

.table-hover .table-primary:hover {
   background-color: #afb5d0
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
   background-color: #afb5d0
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
   background-color: #f7b8bc
}

.table-hover .table-secondary:hover {
   background-color: #f4a1a6
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
   background-color: #f4a1a6
}

.table-success,
.table-success>th,
.table-success>td {
   background-color: #c3e6cb
}

.table-hover .table-success:hover {
   background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
   background-color: #b1dfbb
}

.table-info,
.table-info>th,
.table-info>td {
   background-color: #bee5eb
}

.table-hover .table-info:hover {
   background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
   background-color: #abdde5
}

.table-warning,
.table-warning>th,
.table-warning>td {
   background-color: #ffeeba
}

.table-hover .table-warning:hover {
   background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
   background-color: #ffe8a1
}

.table-danger,
.table-danger>th,
.table-danger>td {
   background-color: #f7b8bc
}

.table-hover .table-danger:hover {
   background-color: #f4a1a6
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
   background-color: #f4a1a6
}

.table-light,
.table-light>th,
.table-light>td {
   background-color: #f7f8f9
}

.table-hover .table-light:hover {
   background-color: #e8ebee
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
   background-color: #e8ebee
}

.table-dark,
.table-dark>th,
.table-dark>td {
   background-color: #d9dadb
}

.table-hover .table-dark:hover {
   background-color: #cccdcf
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
   background-color: #cccdcf
}

.table-active,
.table-active>th,
.table-active>td {
   background-color: rgba(29, 31, 41, 0.075)
}

.table-hover .table-active:hover {
   background-color: rgba(18, 20, 26, 0.075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
   background-color: rgba(18, 20, 26, 0.075)
}

.table .thead-dark th {
   color: #EDEFF5;
   background-color: #46484D;
   border-color: #585b61
}

.table .thead-light th {
   color: #1D1F29;
   background-color: #E4E5EB;
   border-color: rgba(28, 44, 119, 0.1)
}

.table-dark {
   color: #EDEFF5;
   background-color: #46484D
}

.table-dark th,
.table-dark td,
.table-dark thead th {
   border-color: #585b61
}

.table-dark.table-bordered {
   border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(255, 255, 255, 0.05)
}

.table-dark.table-hover tbody tr:hover {
   background-color: rgba(255, 255, 255, 0.075)
}

@media (max-width: 559.98px) {
   .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar
   }

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

@media (max-width: 767.98px) {
   .table-responsive-md {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar
   }

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

@media (max-width: 1023.98px) {
   .table-responsive-lg {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar
   }

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

@media (max-width: 1343.98px) {
   .table-responsive-xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar
   }

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

.table-responsive {
   display: block;
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar
}

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

.form-control {
   display: block;
   width: 100%;
   height: 48px;
   padding: 0.625rem 0.625rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 2px solid #E4E5EB;
   border-radius: 2px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
   .form-control {
      transition: none
   }
}

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

.form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #E4E5EB;
   outline: 0;
   box-shadow: none
}

.form-control::-webkit-input-placeholder {
   color: #6c757d;
   opacity: 1
}

.form-control:-ms-input-placeholder {
   color: #6c757d;
   opacity: 1
}

.form-control::-ms-input-placeholder {
   color: #6c757d;
   opacity: 1
}

.form-control::placeholder {
   color: #6c757d;
   opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
   background-color: #E4E5EB;
   opacity: 1
}

select.form-control:focus::-ms-value {
   color: #495057;
   background-color: #fff
}

.form-control-file,
.form-control-range {
   display: block;
   width: 100%
}

.col-form-label {
   padding-top: calc(0.625rem + 2px);
   padding-bottom: calc(0.625rem + 2px);
   margin-bottom: 0;
   font-size: inherit;
   line-height: 1.5
}

.col-form-label-lg {
   padding-top: calc(0.5rem + 2px);
   padding-bottom: calc(0.5rem + 2px);
   font-size: 1.25rem;
   line-height: 1.5
}

.col-form-label-sm {
   padding-top: calc(0.25rem + 2px);
   padding-bottom: calc(0.25rem + 2px);
   font-size: 0.875rem;
   line-height: 1.5
}

.form-control-plaintext {
   display: block;
   width: 100%;
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
   margin-bottom: 0;
   line-height: 1.5;
   color: #1D1F29;
   background-color: transparent;
   border: solid transparent;
   border-width: 2px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
   padding-right: 0;
   padding-left: 0
}

.form-control-sm {
   height: calc(1.8125rem + 4px);
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   line-height: 1.5;
   border-radius: 2px
}

.form-control-lg {
   height: calc(2.875rem + 4px);
   padding: 0.5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: 2px
}

select.form-control[size],
select.form-control[multiple] {
   height: auto
}

textarea.form-control {
   height: auto
}

.form-group {
   margin-bottom: 1rem
}

.form-text {
   display: block;
   margin-top: 0.25rem
}

.form-row {
   display: flex;
   flex-wrap: wrap;
   margin-right: -5px;
   margin-left: -5px
}

.form-row>.col,
.form-row>[class*="col-"] {
   padding-right: 5px;
   padding-left: 5px
}

.form-check {
   position: relative;
   display: block;
   padding-left: 1.25rem
}

.form-check-input {
   position: absolute;
   margin-top: 0.3rem;
   margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
   color: #6c757d
}

.form-check-label {
   margin-bottom: 0
}

.form-check-inline {
   display: inline-flex;
   align-items: center;
   padding-left: 0;
   margin-right: 0.75rem
}

.form-check-inline .form-check-input {
   position: static;
   margin-top: 0;
   margin-right: 0.3125rem;
   margin-left: 0
}

.valid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875rem;
   color: #28a745
}

.valid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: .1rem;
   font-size: 0.75rem;
   line-height: 1.5;
   color: #fff;
   background-color: rgba(40, 167, 69, 0.9);
   border-radius: 2px
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
   border-color: #28a745
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
   border-color: #28a745;
   box-shadow: 0 0 0 none rgba(40, 167, 69, 0.25)
}

.was-validated .form-control:valid~.valid-feedback,
.was-validated .form-control:valid~.valid-tooltip,
.form-control.is-valid~.valid-feedback,
.form-control.is-valid~.valid-tooltip,
.was-validated .custom-select:valid~.valid-feedback,
.was-validated .custom-select:valid~.valid-tooltip,
.custom-select.is-valid~.valid-feedback,
.custom-select.is-valid~.valid-tooltip {
   display: block
}

.was-validated .form-control-file:valid~.valid-feedback,
.was-validated .form-control-file:valid~.valid-tooltip,
.form-control-file.is-valid~.valid-feedback,
.form-control-file.is-valid~.valid-tooltip {
   display: block
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
   color: #28a745
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
   display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
   color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
   background-color: #71dd8a
}

.was-validated .custom-control-input:valid~.valid-feedback,
.was-validated .custom-control-input:valid~.valid-tooltip,
.custom-control-input.is-valid~.valid-feedback,
.custom-control-input.is-valid~.valid-tooltip {
   display: block
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
   background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
.custom-control-input.is-valid:focus~.custom-control-label::before {
   box-shadow: 0 0 0 1px #EDEFF5, 0 0 0 none rgba(40, 167, 69, 0.25)
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
   border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-label::after,
.custom-file-input.is-valid~.custom-file-label::after {
   border-color: inherit
}

.was-validated .custom-file-input:valid~.valid-feedback,
.was-validated .custom-file-input:valid~.valid-tooltip,
.custom-file-input.is-valid~.valid-feedback,
.custom-file-input.is-valid~.valid-tooltip {
   display: block
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
   box-shadow: 0 0 0 none rgba(40, 167, 69, 0.25)
}

.invalid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875rem;
   color: #E3000F
}

.invalid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: .1rem;
   font-size: 0.75rem;
   line-height: 1.5;
   color: #fff;
   background-color: rgba(227, 0, 15, 0.9);
   border-radius: 2px
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
   border-color: #E3000F
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
   border-color: #E3000F;
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.25)
}

.was-validated .form-control:invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-tooltip,
.form-control.is-invalid~.invalid-feedback,
.form-control.is-invalid~.invalid-tooltip,
.was-validated .custom-select:invalid~.invalid-feedback,
.was-validated .custom-select:invalid~.invalid-tooltip,
.custom-select.is-invalid~.invalid-feedback,
.custom-select.is-invalid~.invalid-tooltip {
   display: block
}

.was-validated .form-control-file:invalid~.invalid-feedback,
.was-validated .form-control-file:invalid~.invalid-tooltip,
.form-control-file.is-invalid~.invalid-feedback,
.form-control-file.is-invalid~.invalid-tooltip {
   display: block
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
   color: #E3000F
}

.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
   display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
   color: #E3000F
}

.was-validated .custom-control-input:invalid~.custom-control-label::before,
.custom-control-input.is-invalid~.custom-control-label::before {
   background-color: #ff646e
}

.was-validated .custom-control-input:invalid~.invalid-feedback,
.was-validated .custom-control-input:invalid~.invalid-tooltip,
.custom-control-input.is-invalid~.invalid-feedback,
.custom-control-input.is-invalid~.invalid-tooltip {
   display: block
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.custom-control-input.is-invalid:checked~.custom-control-label::before {
   background-color: #ff1726
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
.custom-control-input.is-invalid:focus~.custom-control-label::before {
   box-shadow: 0 0 0 1px #EDEFF5, 0 0 0 none rgba(227, 0, 15, 0.25)
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
   border-color: #E3000F
}

.was-validated .custom-file-input:invalid~.custom-file-label::after,
.custom-file-input.is-invalid~.custom-file-label::after {
   border-color: inherit
}

.was-validated .custom-file-input:invalid~.invalid-feedback,
.was-validated .custom-file-input:invalid~.invalid-tooltip,
.custom-file-input.is-invalid~.invalid-feedback,
.custom-file-input.is-invalid~.invalid-tooltip {
   display: block
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.25)
}

.form-inline {
   display: flex;
   flex-flow: row wrap;
   align-items: center
}

.form-inline .form-check {
   width: 100%
}

@media (min-width: 560px) {
   .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0
   }

   .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0
   }

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

   .form-inline .form-control-plaintext {
      display: inline-block
   }

   .form-inline .input-group,
   .form-inline .custom-select {
      width: auto
   }

   .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0
   }

   .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0
   }

   .form-inline .custom-control {
      align-items: center;
      justify-content: center
   }

   .form-inline .custom-control-label {
      margin-bottom: 0
   }
}

.btn {
   display: inline-block;
   font-weight: 700;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 2px solid transparent;
   padding: 0.625rem 1rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: 2px;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
   .btn {
      transition: none
   }
}

.btn:hover,
.btn:focus {
   text-decoration: none
}

.btn:focus,
.btn.focus {
   outline: 0;
   box-shadow: none
}

.btn.disabled,
.btn:disabled {
   opacity: 1
}

.btn:not(:disabled):not(.disabled) {
   cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
   pointer-events: none
}

.btn-primary {
   color: #fff;
   background-color: #1C2C77;
   border-color: #1C2C77
}

.btn-primary:hover {
   color: #fff;
   background-color: #152158;
   border-color: #121d4e
}

.btn-primary:focus,
.btn-primary.focus {
   box-shadow: 0 0 0 none rgba(28, 44, 119, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
   color: #fff;
   background-color: #1C2C77;
   border-color: #1C2C77
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #121d4e;
   border-color: #101943
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(28, 44, 119, 0.5)
}

.btn-secondary {
   color: #fff;
   background-color: #E3000F;
   border-color: #E3000F
}

.btn-secondary:hover {
   color: #fff;
   background-color: #bd000c;
   border-color: #b0000c
}

.btn-secondary:focus,
.btn-secondary.focus {
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
   color: #fff;
   background-color: #E3000F;
   border-color: #E3000F
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
   color: #fff;
   background-color: #b0000c;
   border-color: #a3000b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.5)
}

.btn-success {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-success:hover {
   color: #fff;
   background-color: #218838;
   border-color: #1e7e34
}

.btn-success:focus,
.btn-success.focus {
   box-shadow: 0 0 0 none rgba(40, 167, 69, 0.5)
}

.btn-success.disabled,
.btn-success:disabled {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
   color: #fff;
   background-color: #1e7e34;
   border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(40, 167, 69, 0.5)
}

.btn-info {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-info:hover {
   color: #fff;
   background-color: #138496;
   border-color: #117a8b
}

.btn-info:focus,
.btn-info.focus {
   box-shadow: 0 0 0 none rgba(23, 162, 184, 0.5)
}

.btn-info.disabled,
.btn-info:disabled {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
   color: #fff;
   background-color: #117a8b;
   border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(23, 162, 184, 0.5)
}

.btn-warning {
   color: #46484D;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-warning:hover {
   color: #46484D;
   background-color: #e0a800;
   border-color: #d39e00
}

.btn-warning:focus,
.btn-warning.focus {
   box-shadow: 0 0 0 none rgba(255, 193, 7, 0.5)
}

.btn-warning.disabled,
.btn-warning:disabled {
   color: #46484D;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
   color: #46484D;
   background-color: #d39e00;
   border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(255, 193, 7, 0.5)
}

.btn-danger {
   color: #fff;
   background-color: #E3000F;
   border-color: #E3000F
}

.btn-danger:hover {
   color: #fff;
   background-color: #bd000c;
   border-color: #b0000c
}

.btn-danger:focus,
.btn-danger.focus {
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.5)
}

.btn-danger.disabled,
.btn-danger:disabled {
   color: #fff;
   background-color: #E3000F;
   border-color: #E3000F
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
   color: #fff;
   background-color: #b0000c;
   border-color: #a3000b
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.5)
}

.btn-light {
   color: #46484D;
   background-color: #E4E5EB;
   border-color: #E4E5EB
}

.btn-light:hover {
   color: #46484D;
   background-color: #ced0db;
   border-color: #c7c9d5
}

.btn-light:focus,
.btn-light.focus {
   box-shadow: 0 0 0 none rgba(228, 229, 235, 0.5)
}

.btn-light.disabled,
.btn-light:disabled {
   color: #46484D;
   background-color: #E4E5EB;
   border-color: #E4E5EB
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
   color: #46484D;
   background-color: #c7c9d5;
   border-color: #bfc2d0
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(228, 229, 235, 0.5)
}

.btn-dark {
   color: #fff;
   background-color: #797A80;
   border-color: #797A80
}

.btn-dark:hover {
   color: #fff;
   background-color: #66676c;
   border-color: #606166
}

.btn-dark:focus,
.btn-dark.focus {
   box-shadow: 0 0 0 none rgba(121, 122, 128, 0.5)
}

.btn-dark.disabled,
.btn-dark:disabled {
   color: #fff;
   background-color: #797A80;
   border-color: #797A80
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
   color: #fff;
   background-color: #606166;
   border-color: #5a5b5f
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(121, 122, 128, 0.5)
}

.btn-outline-primary {
   color: #1C2C77;
   background-color: transparent;
   background-image: none;
   border-color: #1C2C77
}

.btn-outline-primary:hover {
   color: #fff;
   background-color: #1C2C77;
   border-color: #1C2C77
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
   box-shadow: 0 0 0 none rgba(28, 44, 119, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
   color: #1C2C77;
   background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
   color: #fff;
   background-color: #1C2C77;
   border-color: #1C2C77
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(28, 44, 119, 0.5)
}

.btn-outline-secondary {
   color: #E3000F;
   background-color: transparent;
   background-image: none;
   border-color: #E3000F
}

.btn-outline-secondary:hover {
   color: #fff;
   background-color: #E3000F;
   border-color: #E3000F
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
   color: #E3000F;
   background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
   color: #fff;
   background-color: #E3000F;
   border-color: #E3000F
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.5)
}

.btn-outline-success {
   color: #28a745;
   background-color: transparent;
   background-image: none;
   border-color: #28a745
}

.btn-outline-success:hover {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-outline-success:focus,
.btn-outline-success.focus {
   box-shadow: 0 0 0 none rgba(40, 167, 69, 0.5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
   color: #28a745;
   background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(40, 167, 69, 0.5)
}

.btn-outline-info {
   color: #17a2b8;
   background-color: transparent;
   background-image: none;
   border-color: #17a2b8
}

.btn-outline-info:hover {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-outline-info:focus,
.btn-outline-info.focus {
   box-shadow: 0 0 0 none rgba(23, 162, 184, 0.5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
   color: #17a2b8;
   background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(23, 162, 184, 0.5)
}

.btn-outline-warning {
   color: #ffc107;
   background-color: transparent;
   background-image: none;
   border-color: #ffc107
}

.btn-outline-warning:hover {
   color: #46484D;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
   box-shadow: 0 0 0 none rgba(255, 193, 7, 0.5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
   color: #ffc107;
   background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
   color: #46484D;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(255, 193, 7, 0.5)
}

.btn-outline-danger {
   color: #E3000F;
   background-color: transparent;
   background-image: none;
   border-color: #E3000F
}

.btn-outline-danger:hover {
   color: #fff;
   background-color: #E3000F;
   border-color: #E3000F
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
   color: #E3000F;
   background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
   color: #fff;
   background-color: #E3000F;
   border-color: #E3000F
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(227, 0, 15, 0.5)
}

.btn-outline-light {
   color: #E4E5EB;
   background-color: transparent;
   background-image: none;
   border-color: #E4E5EB
}

.btn-outline-light:hover {
   color: #46484D;
   background-color: #E4E5EB;
   border-color: #E4E5EB
}

.btn-outline-light:focus,
.btn-outline-light.focus {
   box-shadow: 0 0 0 none rgba(228, 229, 235, 0.5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
   color: #E4E5EB;
   background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
   color: #46484D;
   background-color: #E4E5EB;
   border-color: #E4E5EB
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(228, 229, 235, 0.5)
}

.btn-outline-dark {
   color: #797A80;
   background-color: transparent;
   background-image: none;
   border-color: #797A80
}

.btn-outline-dark:hover {
   color: #fff;
   background-color: #797A80;
   border-color: #797A80
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
   box-shadow: 0 0 0 none rgba(121, 122, 128, 0.5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
   color: #797A80;
   background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
   color: #fff;
   background-color: #797A80;
   border-color: #797A80
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
   box-shadow: 0 0 0 none rgba(121, 122, 128, 0.5)
}

.btn-link {
   font-weight: 400;
   color: #1C2C77;
   background-color: transparent
}

.btn-link:hover {
   color: #0d1539;
   text-decoration: underline;
   background-color: transparent;
   border-color: transparent
}

.btn-link:focus,
.btn-link.focus {
   text-decoration: underline;
   border-color: transparent;
   box-shadow: none
}

.btn-link:disabled,
.btn-link.disabled {
   color: #6c757d;
   pointer-events: none
}

.btn-lg,
.btn-group-lg>.btn {
   padding: 0.5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: 2px
}

.btn-sm,
.btn-group-sm>.btn {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   line-height: 1.5;
   border-radius: 2px
}

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

.btn-block+.btn-block {
   margin-top: 0.5rem
}

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

.fade {
   transition: opacity 0.15s linear
}

@media screen and (prefers-reduced-motion: reduce) {
   .fade {
      transition: none
   }
}

.fade:not(.show) {
   opacity: 0
}

.collapse:not(.show) {
   display: none
}

.collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   transition: height 0.35s ease
}

@media screen and (prefers-reduced-motion: reduce) {
   .collapsing {
      transition: none
   }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
   position: relative
}

.dropdown-toggle::after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent
}

.dropdown-toggle:empty::after {
   margin-left: 0
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: 1.5rem 0;
   margin: 0 0 0;
   font-size: 1rem;
   color: #1D1F29;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 0 solid rgba(29, 31, 41, 0.15);
   border-radius: 3px
}

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

.dropup .dropdown-menu {
   top: auto;
   bottom: 100%;
   margin-top: 0;
   margin-bottom: 0
}

.dropup .dropdown-toggle::after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0;
   border-right: 0.3em solid transparent;
   border-bottom: 0.3em solid;
   border-left: 0.3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
   margin-left: 0
}

.dropright .dropdown-menu {
   top: 0;
   right: auto;
   left: 100%;
   margin-top: 0;
   margin-left: 0
}

.dropright .dropdown-toggle::after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-right: 0;
   border-bottom: 0.3em solid transparent;
   border-left: 0.3em solid
}

.dropright .dropdown-toggle:empty::after {
   margin-left: 0
}

.dropright .dropdown-toggle::after {
   vertical-align: 0
}

.dropleft .dropdown-menu {
   top: 0;
   right: 100%;
   left: auto;
   margin-top: 0;
   margin-right: 0
}

.dropleft .dropdown-toggle::after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: ""
}

.dropleft .dropdown-toggle::after {
   display: none
}

.dropleft .dropdown-toggle::before {
   display: inline-block;
   width: 0;
   height: 0;
   margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-right: 0.3em solid;
   border-bottom: 0.3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
   margin-left: 0
}

.dropleft .dropdown-toggle::before {
   vertical-align: 0
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
   right: auto;
   bottom: auto
}

.dropdown-divider {
   height: 0;
   margin: 0.5rem 0;
   overflow: hidden;
   border-top: 1px solid #E4E5EB
}

.dropdown-item {
   display: block;
   width: 100%;
   padding: 0.25rem 0;
   clear: both;
   font-weight: 400;
   color: #1C2C77;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
   color: #1C2C77;
   text-decoration: none;
   background-color: none
}

.dropdown-item.active,
.dropdown-item:active {
   color: #1C2C77;
   text-decoration: none;
   background-color: none
}

.dropdown-item.disabled,
.dropdown-item:disabled {
   color: #6c757d;
   background-color: transparent
}

.dropdown-menu.show {
   display: block
}

.dropdown-header {
   display: block;
   padding: 1.5rem 0;
   margin-bottom: 0;
   font-size: 0.875rem;
   color: #6c757d;
   white-space: nowrap
}

.dropdown-item-text {
   display: block;
   padding: 0.25rem 0;
   color: #1C2C77
}

.btn-group,
.btn-group-vertical {
   position: relative;
   display: inline-flex;
   vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
   position: relative;
   flex: 0 1 auto
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
   z-index: 1
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
   z-index: 1
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
   margin-left: -2px
}

.btn-toolbar {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start
}

.btn-toolbar .input-group {
   width: auto
}

.btn-group>.btn:first-child {
   margin-left: 0
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.dropdown-toggle-split {
   padding-right: 0.75rem;
   padding-left: 0.75rem
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
   margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
   margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
   padding-right: 0.375rem;
   padding-left: 0.375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
   padding-right: 0.75rem;
   padding-left: 0.75rem
}

.btn-group-vertical {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
   width: 100%
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
   margin-top: -2px;
   margin-left: 0
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
   margin-bottom: 0
}

.btn-group-toggle>.btn input[type="radio"],
.btn-group-toggle>.btn input[type="checkbox"],
.btn-group-toggle>.btn-group>.btn input[type="radio"],
.btn-group-toggle>.btn-group>.btn input[type="checkbox"] {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none
}

.input-group {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%
}

.input-group>.form-control,
.input-group>.custom-select,
.input-group>.custom-file {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   margin-bottom: 0
}

.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
   margin-left: -2px
}

.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
   z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
   z-index: 4
}

.input-group>.form-control:not(:last-child),
.input-group>.custom-select:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.input-group>.custom-file {
   display: flex;
   align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.input-group-prepend,
.input-group-append {
   display: flex
}

.input-group-prepend .btn,
.input-group-append .btn {
   position: relative;
   z-index: 2
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
   margin-left: -2px
}

.input-group-prepend {
   margin-right: -2px
}

.input-group-append {
   margin-left: -2px
}

.input-group-text {
   display: flex;
   align-items: center;
   padding: 0.625rem 0.625rem;
   margin-bottom: 0;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   text-align: center;
   white-space: nowrap;
   background-color: #E4E5EB;
   border: 2px solid #E4E5EB;
   border-radius: 2px
}

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

.input-group-lg>.form-control,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
   height: calc(2.875rem + 4px);
   padding: 0.5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: 2px
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
   height: calc(1.8125rem + 4px);
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   line-height: 1.5;
   border-radius: 2px
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.custom-control {
   position: relative;
   display: block;
   min-height: 1.5rem;
   padding-left: 1.5rem
}

.custom-control-inline {
   display: inline-flex;
   margin-right: 1rem
}

.custom-control-input {
   position: absolute;
   z-index: -1;
   opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
   color: #fff;
   background-color: #1C2C77
}

.custom-control-input:focus~.custom-control-label::before {
   box-shadow: 0 0 0 1px #EDEFF5, none
}

.custom-control-input:active~.custom-control-label::before {
   color: #fff;
   background-color: #6a7edc
}

.custom-control-input:disabled~.custom-control-label {
   color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
   background-color: #E4E5EB
}

.custom-control-label {
   position: relative;
   margin-bottom: 0
}

.custom-control-label::before {
   position: absolute;
   top: 0.25rem;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   pointer-events: none;
   content: "";
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: #a5abc9
}

.custom-control-label::after {
   position: absolute;
   top: 0.25rem;
   left: -1.5rem;
   display: block;
   width: 1rem;
   height: 1rem;
   content: "";
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
   border-radius: 2px
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
   background-color: #1C2C77
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
   background-color: #1C2C77
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
   background-color: rgba(28, 44, 119, 0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
   background-color: rgba(28, 44, 119, 0.5)
}

.custom-radio .custom-control-label::before {
   border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
   background-color: #1C2C77
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
   background-color: rgba(28, 44, 119, 0.5)
}

.custom-select {
   display: inline-block;
   width: 100%;
   height: 48px;
   padding: 0.375rem 1.75rem 0.375rem 0.75rem;
   line-height: 1.5;
   color: #495057;
   vertical-align: middle;
   background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23797A80' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
   background-size: 8px 10px;
   border: 2px solid #E4E5EB;
   border-radius: 2px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.custom-select:focus {
   border-color: #E4E5EB;
   outline: 0;
   box-shadow: 0 0 0 none rgba(228, 229, 235, 0.5)
}

.custom-select:focus::-ms-value {
   color: #495057;
   background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
   height: auto;
   padding-right: 0.75rem;
   background-image: none
}

.custom-select:disabled {
   color: #6c757d;
   background-color: #E4E5EB
}

.custom-select::-ms-expand {
   opacity: 0
}

.custom-select-sm {
   height: calc(1.8125rem + 4px);
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
   font-size: 75%
}

.custom-select-lg {
   height: calc(2.875rem + 4px);
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
   font-size: 125%
}

.custom-file {
   position: relative;
   display: inline-block;
   width: 100%;
   height: 48px;
   margin-bottom: 0
}

.custom-file-input {
   position: relative;
   z-index: 2;
   width: 100%;
   height: 48px;
   margin: 0;
   opacity: 0
}

.custom-file-input:focus~.custom-file-label {
   border-color: #E4E5EB;
   box-shadow: none
}

.custom-file-input:focus~.custom-file-label::after {
   border-color: #E4E5EB
}

.custom-file-input:disabled~.custom-file-label {
   background-color: #E4E5EB
}

.custom-file-input:lang(en)~.custom-file-label::after {
   content: "Browse"
}

.custom-file-label {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1;
   height: 48px;
   padding: 0.625rem 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   border: 2px solid #E4E5EB;
   border-radius: 2px
}

.custom-file-label::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 3;
   display: block;
   height: 2.75rem;
   padding: 0.625rem 1rem;
   line-height: 1.5;
   color: #495057;
   content: "Browse";
   background-color: #E4E5EB;
   border-left: 2px solid #E4E5EB;
   border-radius: 0 2px 2px 0
}

.custom-range {
   width: 100%;
   padding-left: 0;
   background-color: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.custom-range:focus {
   outline: none
}

.custom-range:focus::-webkit-slider-thumb {
   box-shadow: 0 0 0 1px #EDEFF5, none
}

.custom-range:focus::-moz-range-thumb {
   box-shadow: 0 0 0 1px #EDEFF5, none
}

.custom-range:focus::-ms-thumb {
   box-shadow: 0 0 0 1px #EDEFF5, none
}

.custom-range::-moz-focus-outer {
   border: 0
}

.custom-range::-webkit-slider-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
   background-color: #1C2C77;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-appearance: none;
   appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
   .custom-range::-webkit-slider-thumb {
      transition: none
   }
}

.custom-range::-webkit-slider-thumb:active {
   background-color: #6a7edc
}

.custom-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: #a5abc9;
   border-color: transparent;
   border-radius: 1rem
}

.custom-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
   background-color: #1C2C77;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -moz-appearance: none;
   appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
   .custom-range::-moz-range-thumb {
      transition: none
   }
}

.custom-range::-moz-range-thumb:active {
   background-color: #6a7edc
}

.custom-range::-moz-range-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: #a5abc9;
   border-color: transparent;
   border-radius: 1rem
}

.custom-range::-ms-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: 0;
   margin-right: none;
   margin-left: none;
   background-color: #1C2C77;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   appearance: none
}

@media screen and (prefers-reduced-motion: reduce) {
   .custom-range::-ms-thumb {
      transition: none
   }
}

.custom-range::-ms-thumb:active {
   background-color: #6a7edc
}

.custom-range::-ms-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: transparent;
   border-color: transparent;
   border-width: 0.5rem
}

.custom-range::-ms-fill-lower {
   background-color: #a5abc9;
   border-radius: 1rem
}

.custom-range::-ms-fill-upper {
   margin-right: 15px;
   background-color: #a5abc9;
   border-radius: 1rem
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {

   .custom-control-label::before,
   .custom-file-label,
   .custom-select {
      transition: none
   }
}

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

.nav-link {
   display: block;
   padding: 0.25rem 1rem
}

.nav-link:hover,
.nav-link:focus {
   text-decoration: none
}

.nav-link.disabled {
   color: #6c757d
}

.nav-tabs {
   border-bottom: 0 solid #a5abc9
}

.nav-tabs .nav-item {
   margin-bottom: 0
}

.nav-tabs .nav-link {
   border: 0 solid transparent;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
   border-color: #E4E5EB #E4E5EB #a5abc9
}

.nav-tabs .nav-link.disabled {
   color: #6c757d;
   background-color: transparent;
   border-color: transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
   color: #1C2C77;
   background-color: #fff;
   border-color: #a5abc9 #a5abc9 #fff
}

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

.nav-pills .nav-link {
   border-radius: 2px
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   color: #fff;
   background-color: #1C2C77
}

.nav-fill .nav-item {
   flex: 1 1 auto;
   text-align: center
}

.nav-justified .nav-item {
   flex-basis: 0;
   flex-grow: 1;
   text-align: center
}

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

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

.navbar {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding: 0.5rem 1rem
}

.navbar>.container,
.navbar>.container-fluid {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between
}

.navbar-brand {
   display: inline-block;
   padding-top: 0.0625rem;
   padding-bottom: 0.0625rem;
   margin-right: 1rem;
   font-size: 1.25rem;
   line-height: inherit;
   white-space: nowrap
}

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

.navbar-nav {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none
}

.navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0
}

.navbar-nav .dropdown-menu {
   position: static;
   float: none
}

.navbar-text {
   display: inline-block;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem
}

.navbar-collapse {
   flex-basis: 100%;
   flex-grow: 1;
   align-items: center
}

.navbar-toggler {
   padding: 0.25rem 0.75rem;
   font-size: 1.25rem;
   line-height: 1;
   background-color: transparent;
   border: 2px solid transparent;
   border-radius: 2px
}

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

.navbar-toggler:not(:disabled):not(.disabled) {
   cursor: pointer
}

.navbar-toggler-icon {
   display: inline-block;
   width: 1.5em;
   height: 1.5em;
   vertical-align: middle;
   content: "";
   background: no-repeat center center;
   background-size: 100% 100%
}

@media (max-width: 559.98px) {

   .navbar-expand-sm>.container,
   .navbar-expand-sm>.container-fluid {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 560px) {
   .navbar-expand-sm {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-sm .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-sm .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-sm .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem
   }

   .navbar-expand-sm>.container,
   .navbar-expand-sm>.container-fluid {
      flex-wrap: nowrap
   }

   .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-sm .navbar-toggler {
      display: none
   }
}

@media (max-width: 767.98px) {

   .navbar-expand-md>.container,
   .navbar-expand-md>.container-fluid {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 768px) {
   .navbar-expand-md {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-md .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-md .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-md .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem
   }

   .navbar-expand-md>.container,
   .navbar-expand-md>.container-fluid {
      flex-wrap: nowrap
   }

   .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-md .navbar-toggler {
      display: none
   }
}

@media (max-width: 1023.98px) {

   .navbar-expand-lg>.container,
   .navbar-expand-lg>.container-fluid {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 1024px) {
   .navbar-expand-lg {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-lg .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem
   }

   .navbar-expand-lg>.container,
   .navbar-expand-lg>.container-fluid {
      flex-wrap: nowrap
   }

   .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-lg .navbar-toggler {
      display: none
   }
}

@media (max-width: 1343.98px) {

   .navbar-expand-xl>.container,
   .navbar-expand-xl>.container-fluid {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 1344px) {
   .navbar-expand-xl {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-xl .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-xl .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-xl .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem
   }

   .navbar-expand-xl>.container,
   .navbar-expand-xl>.container-fluid {
      flex-wrap: nowrap
   }

   .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-xl .navbar-toggler {
      display: none
   }
}

.navbar-expand {
   flex-flow: row nowrap;
   justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
   padding-right: 0;
   padding-left: 0
}

.navbar-expand .navbar-nav {
   flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
   position: absolute
}

.navbar-expand .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 0.5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
   flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
   display: flex !important;
   flex-basis: auto
}

.navbar-expand .navbar-toggler {
   display: none
}

.navbar-light .navbar-brand {
   color: #1C2C77
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
   color: #1C2C77
}

.navbar-light .navbar-nav .nav-link {
   color: #1C2C77
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
   color: #1C2C77
}

.navbar-light .navbar-nav .nav-link.disabled {
   color: rgba(29, 31, 41, 0.3)
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
   color: #1C2C77
}

.navbar-light .navbar-toggler {
   color: #1C2C77;
   border-color: rgba(29, 31, 41, 0.1)
}

.navbar-light .navbar-toggler-icon {
   background-image: #fff
}

.navbar-light .navbar-text {
   color: #1C2C77
}

.navbar-light .navbar-text a {
   color: #1C2C77
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
   color: #1C2C77
}

.navbar-dark .navbar-brand {
   color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
   color: #fff
}

.navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
   color: rgba(255, 255, 255, 0.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
   color: rgba(255, 255, 255, 0.25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
   color: #fff
}

.navbar-dark .navbar-toggler {
   color: rgba(255, 255, 255, 0.5);
   border-color: rgba(255, 255, 255, 0.1)
}

.navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
   color: rgba(255, 255, 255, 0.5)
}

.navbar-dark .navbar-text a {
   color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
   color: #fff
}

.card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 0 solid rgba(29, 31, 41, 0.125);
   border-radius: 2px
}

.card>hr {
   margin-right: 0;
   margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px
}

.card>.list-group:last-child .list-group-item:last-child {
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px
}

.card-body {
   flex: 1 1 auto;
   padding: 2rem
}

.card-title {
   margin-bottom: 0.75rem
}

.card-subtitle {
   margin-top: -0.375rem;
   margin-bottom: 0
}

.card-text:last-child {
   margin-bottom: 0
}

.card-link:hover {
   text-decoration: none
}

.card-link+.card-link {
   margin-left: 2rem
}

.card-header {
   padding: 0.75rem 2rem;
   margin-bottom: 0;
   background-color: transparent;
   border-bottom: 0 solid rgba(29, 31, 41, 0.125)
}

.card-header:first-child {
   border-radius: 2px 2px 0 0
}

.card-header+.list-group .list-group-item:first-child {
   border-top: 0
}

.card-footer {
   padding: 0.75rem 2rem;
   background-color: transparent;
   border-top: 0 solid rgba(29, 31, 41, 0.125)
}

.card-footer:last-child {
   border-radius: 0 0 2px 2px
}

.card-header-tabs {
   margin-right: -1rem;
   margin-bottom: -0.75rem;
   margin-left: -1rem;
   border-bottom: 0
}

.card-header-pills {
   margin-right: -1rem;
   margin-left: -1rem
}

.card-img-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1.25rem
}

.card-img {
   width: 100%;
   border-radius: 2px
}

.card-img-top {
   width: 100%;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px
}

.card-img-bottom {
   width: 100%;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px
}

.card-deck {
   display: flex;
   flex-direction: column
}

.card-deck .card {
   margin-bottom: 5px
}

@media (min-width: 560px) {
   .card-deck {
      flex-flow: row wrap;
      margin-right: -5px;
      margin-left: -5px
   }

   .card-deck .card {
      display: flex;
      flex: 1 0 0%;
      flex-direction: column;
      margin-right: 5px;
      margin-bottom: 0;
      margin-left: 5px
   }
}

.card-group {
   display: flex;
   flex-direction: column
}

.card-group>.card {
   margin-bottom: 5px
}

@media (min-width: 560px) {
   .card-group {
      flex-flow: row wrap
   }

   .card-group>.card {
      flex: 1 0 0%;
      margin-bottom: 0
   }

   .card-group>.card+.card {
      margin-left: 0;
      border-left: 0
   }

   .card-group>.card:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
   }

   .card-group>.card:first-child .card-img-top,
   .card-group>.card:first-child .card-header {
      border-top-right-radius: 0
   }

   .card-group>.card:first-child .card-img-bottom,
   .card-group>.card:first-child .card-footer {
      border-bottom-right-radius: 0
   }

   .card-group>.card:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
   }

   .card-group>.card:last-child .card-img-top,
   .card-group>.card:last-child .card-header {
      border-top-left-radius: 0
   }

   .card-group>.card:last-child .card-img-bottom,
   .card-group>.card:last-child .card-footer {
      border-bottom-left-radius: 0
   }

   .card-group>.card:only-child {
      border-radius: 2px
   }

   .card-group>.card:only-child .card-img-top,
   .card-group>.card:only-child .card-header {
      border-top-left-radius: 2px;
      border-top-right-radius: 2px
   }

   .card-group>.card:only-child .card-img-bottom,
   .card-group>.card:only-child .card-footer {
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px
   }

   .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
      border-radius: 0
   }

   .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
   .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
   .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
   .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
      border-radius: 0
   }
}

.card-columns .card {
   margin-bottom: 0.75rem
}

@media (min-width: 560px) {
   .card-columns {
      -webkit-column-count: 3;
      column-count: 3;
      -webkit-column-gap: 1.25rem;
      column-gap: 1.25rem;
      orphans: 1;
      widows: 1
   }

   .card-columns .card {
      display: inline-block;
      width: 100%
   }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
   border-bottom: 0;
   border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
   border-radius: 0
}

.accordion .card:first-of-type {
   border-bottom: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.breadcrumb {
   display: flex;
   flex-wrap: wrap;
   padding: 0.75rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
   background-color: #E4E5EB;
   border-radius: 2px
}

.breadcrumb-item+.breadcrumb-item {
   padding-left: 0.5rem
}

.breadcrumb-item+.breadcrumb-item::before {
   display: inline-block;
   padding-right: 0.5rem;
   color: #6c757d;
   content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: none
}

.breadcrumb-item.active {
   color: #6c757d
}

.pagination {
   display: flex;
   padding-left: 0;
   list-style: none;
   border-radius: 2px
}

.page-link {
   position: relative;
   display: block;
   padding: 0.5rem 0.75rem;
   margin-left: -2px;
   line-height: 1.25;
   color: #1C2C77;
   background-color: #fff;
   border: 2px solid #a5abc9
}

.page-link:hover {
   z-index: 2;
   color: #0d1539;
   text-decoration: none;
   background-color: #E4E5EB;
   border-color: #a5abc9
}

.page-link:focus {
   z-index: 2;
   outline: 0;
   box-shadow: none
}

.page-link:not(:disabled):not(.disabled) {
   cursor: pointer
}

.page-item:first-child .page-link {
   margin-left: 0;
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px
}

.page-item:last-child .page-link {
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px
}

.page-item.active .page-link {
   z-index: 1;
   color: #fff;
   background-color: #1C2C77;
   border-color: #1C2C77
}

.page-item.disabled .page-link {
   color: #6c757d;
   pointer-events: none;
   cursor: auto;
   background-color: #fff;
   border-color: #a5abc9
}

.pagination-lg .page-link {
   padding: 0.75rem 1.5rem;
   font-size: 1.25rem;
   line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px
}

.pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px
}

.pagination-sm .page-link {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px
}

.pagination-sm .page-item:last-child .page-link {
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px
}

.badge {
   display: inline-block;
   padding: 0.25em 0.4em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 2px
}

.badge:empty {
   display: none
}

.btn .badge {
   position: relative;
   top: -1px
}

.badge-pill {
   padding-right: 0.6em;
   padding-left: 0.6em;
   border-radius: 10rem
}

.badge-primary {
   color: #fff;
   background-color: #1C2C77
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
   color: #fff;
   text-decoration: none;
   background-color: #121d4e
}

.badge-secondary {
   color: #fff;
   background-color: #E3000F
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
   color: #fff;
   text-decoration: none;
   background-color: #b0000c
}

.badge-success {
   color: #fff;
   background-color: #28a745
}

.badge-success[href]:hover,
.badge-success[href]:focus {
   color: #fff;
   text-decoration: none;
   background-color: #1e7e34
}

.badge-info {
   color: #fff;
   background-color: #17a2b8
}

.badge-info[href]:hover,
.badge-info[href]:focus {
   color: #fff;
   text-decoration: none;
   background-color: #117a8b
}

.badge-warning {
   color: #46484D;
   background-color: #ffc107
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
   color: #46484D;
   text-decoration: none;
   background-color: #d39e00
}

.badge-danger {
   color: #fff;
   background-color: #E3000F
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
   color: #fff;
   text-decoration: none;
   background-color: #b0000c
}

.badge-light {
   color: #46484D;
   background-color: #E4E5EB
}

.badge-light[href]:hover,
.badge-light[href]:focus {
   color: #46484D;
   text-decoration: none;
   background-color: #c7c9d5
}

.badge-dark {
   color: #fff;
   background-color: #797A80
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
   color: #fff;
   text-decoration: none;
   background-color: #606166
}

.jumbotron {
   padding: 2rem 1rem;
   margin-bottom: 2rem;
   background-color: #E4E5EB;
   border-radius: 2px
}

@media (min-width: 560px) {
   .jumbotron {
      padding: 4rem 2rem
   }
}

.jumbotron-fluid {
   padding-right: 0;
   padding-left: 0;
   border-radius: 0
}

.alert {
   position: relative;
   padding: 0.75rem 1.25rem;
   margin-bottom: 1rem;
   border: 2px solid transparent;
   border-radius: 2px
}

.alert-heading {
   color: inherit
}

.alert-link {
   font-weight: 700
}

.alert-dismissible {
   padding-right: 4rem
}

.alert-dismissible .close {
   position: absolute;
   top: 0;
   right: 0;
   padding: 0.75rem 1.25rem;
   color: inherit
}

.alert-primary {
   color: #1c2652;
   background-color: #d2d5e4;
   border-color: #bfc4d9
}

.alert-primary hr {
   border-top-color: #afb5d0
}

.alert-primary .alert-link {
   color: #0f142c
}

.alert-secondary {
   color: #840f1b;
   background-color: #f9cccf;
   border-color: #f7b8bc
}

.alert-secondary hr {
   border-top-color: #f4a1a6
}

.alert-secondary .alert-link {
   color: #560a12
}

.alert-success {
   color: #236638;
   background-color: #d4edda;
   border-color: #c3e6cb
}

.alert-success hr {
   border-top-color: #b1dfbb
}

.alert-success .alert-link {
   color: #164023
}

.alert-info {
   color: #1a6373;
   background-color: #d1ecf1;
   border-color: #bee5eb
}

.alert-info hr {
   border-top-color: #abdde5
}

.alert-info .alert-link {
   color: #113f49
}

.alert-warning {
   color: #937317;
   background-color: #fff3cd;
   border-color: #ffeeba
}

.alert-warning hr {
   border-top-color: #ffe8a1
}

.alert-warning .alert-link {
   color: #675110
}

.alert-danger {
   color: #840f1b;
   background-color: #f9cccf;
   border-color: #f7b8bc
}

.alert-danger hr {
   border-top-color: #f4a1a6
}

.alert-danger .alert-link {
   color: #560a12
}

.alert-light {
   color: #84868e;
   background-color: #fafafb;
   border-color: #f7f8f9
}

.alert-light hr {
   border-top-color: #e8ebee
}

.alert-light .alert-link {
   color: #6b6d74
}

.alert-dark {
   color: #4d4e56;
   background-color: #e4e4e6;
   border-color: #d9dadb
}

.alert-dark hr {
   border-top-color: #cccdcf
}

.alert-dark .alert-link {
   color: #35363b
}

@-webkit-keyframes progress-bar-stripes {
   from {
      background-position: 1rem 0
   }

   to {
      background-position: 0 0
   }
}

@keyframes progress-bar-stripes {
   from {
      background-position: 1rem 0
   }

   to {
      background-position: 0 0
   }
}

.progress {
   display: flex;
   height: 1rem;
   overflow: hidden;
   font-size: 0.75rem;
   background-color: #E4E5EB;
   border-radius: 2px
}

.progress-bar {
   display: flex;
   flex-direction: column;
   justify-content: center;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #1C2C77;
   transition: width 0.6s ease
}

@media screen and (prefers-reduced-motion: reduce) {
   .progress-bar {
      transition: none
   }
}

.progress-bar-striped {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 1rem 1rem
}

.progress-bar-animated {
   -webkit-animation: progress-bar-stripes 1s linear infinite;
   animation: progress-bar-stripes 1s linear infinite
}

.media {
   display: flex;
   align-items: flex-start
}

.media-body {
   flex: 1
}

.list-group {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0
}

.list-group-item-action {
   width: 100%;
   color: #495057;
   text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
   color: #495057;
   text-decoration: none;
   background-color: #EDEFF5
}

.list-group-item-action:active {
   color: #1D1F29;
   background-color: #E4E5EB
}

.list-group-item {
   position: relative;
   display: block;
   padding: 0.75rem 1.25rem;
   margin-bottom: -2px;
   background-color: #fff;
   border: 2px solid rgba(29, 31, 41, 0.125)
}

.list-group-item:first-child {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px
}

.list-group-item:last-child {
   margin-bottom: 0;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px
}

.list-group-item:hover,
.list-group-item:focus {
   z-index: 1;
   text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
   color: #6c757d;
   background-color: #fff
}

.list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #1C2C77;
   border-color: #1C2C77
}

.list-group-flush .list-group-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
   border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
   border-bottom: 0
}

.list-group-item-primary {
   color: #1c2652;
   background-color: #bfc4d9
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
   color: #1c2652;
   background-color: #afb5d0
}

.list-group-item-primary.list-group-item-action.active {
   color: #fff;
   background-color: #1c2652;
   border-color: #1c2652
}

.list-group-item-secondary {
   color: #840f1b;
   background-color: #f7b8bc
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
   color: #840f1b;
   background-color: #f4a1a6
}

.list-group-item-secondary.list-group-item-action.active {
   color: #fff;
   background-color: #840f1b;
   border-color: #840f1b
}

.list-group-item-success {
   color: #236638;
   background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
   color: #236638;
   background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
   color: #fff;
   background-color: #236638;
   border-color: #236638
}

.list-group-item-info {
   color: #1a6373;
   background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
   color: #1a6373;
   background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
   color: #fff;
   background-color: #1a6373;
   border-color: #1a6373
}

.list-group-item-warning {
   color: #937317;
   background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
   color: #937317;
   background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
   color: #fff;
   background-color: #937317;
   border-color: #937317
}

.list-group-item-danger {
   color: #840f1b;
   background-color: #f7b8bc
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
   color: #840f1b;
   background-color: #f4a1a6
}

.list-group-item-danger.list-group-item-action.active {
   color: #fff;
   background-color: #840f1b;
   border-color: #840f1b
}

.list-group-item-light {
   color: #84868e;
   background-color: #f7f8f9
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
   color: #84868e;
   background-color: #e8ebee
}

.list-group-item-light.list-group-item-action.active {
   color: #fff;
   background-color: #84868e;
   border-color: #84868e
}

.list-group-item-dark {
   color: #4d4e56;
   background-color: #d9dadb
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
   color: #4d4e56;
   background-color: #cccdcf
}

.list-group-item-dark.list-group-item-action.active {
   color: #fff;
   background-color: #4d4e56;
   border-color: #4d4e56
}

.close {
   float: right;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
   color: #1D1F29;
   text-shadow: 0 1px 0 #fff;
   opacity: .5
}

.close:not(:disabled):not(.disabled) {
   cursor: pointer
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
   color: #1D1F29;
   text-decoration: none;
   opacity: .75
}

button.close {
   padding: 0;
   background-color: transparent;
   border: 0;
   -webkit-appearance: none
}

.modal-open {
   overflow: hidden
}

.modal-open .modal {
   overflow-x: hidden;
   overflow-y: auto
}

.modal {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1050;
   display: none;
   overflow: hidden;
   outline: 0
}

.modal-dialog {
   position: relative;
   width: auto;
   margin: 0.5rem;
   pointer-events: none
}

.modal.fade .modal-dialog {
   transition: -webkit-transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
   transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
   -webkit-transform: translate(0, -25%);
   transform: translate(0, -25%)
}

@media screen and (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
      transition: none
   }
}

.modal.show .modal-dialog {
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0)
}

.modal-dialog-centered {
   display: flex;
   align-items: center;
   min-height: calc(100% - (0.5rem * 2))
}

.modal-dialog-centered::before {
   display: block;
   height: calc(100vh - (0.5rem * 2));
   content: ""
}

.modal-content {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   border: 2px solid rgba(29, 31, 41, 0.2);
   border-radius: 2px;
   outline: 0
}

.modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1040;
   background-color: #1D1F29
}

.modal-backdrop.fade {
   opacity: 0
}

.modal-backdrop.show {
   opacity: 0.5
}

.modal-header {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 1rem;
   border-bottom: 2px solid #E4E5EB;
   border-top-left-radius: 2px;
   border-top-right-radius: 2px
}

.modal-header .close {
   padding: 1rem;
   margin: -1rem -1rem -1rem auto
}

.modal-title {
   margin-bottom: 0;
   line-height: 1.5
}

.modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: 1rem
}

.modal-footer {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding: 1rem;
   border-top: 2px solid #E4E5EB
}

.modal-footer>:not(:first-child) {
   margin-left: .25rem
}

.modal-footer>:not(:last-child) {
   margin-right: .25rem
}

.modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll
}

@media (min-width: 560px) {
   .modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto
   }

   .modal-dialog-centered {
      min-height: calc(100% - (1.75rem * 2))
   }

   .modal-dialog-centered::before {
      height: calc(100vh - (1.75rem * 2))
   }

   .modal-sm {
      max-width: 300px
   }
}

@media (min-width: 1024px) {
   .modal-lg {
      max-width: 800px
   }
}

.tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   font-family: "robotoregular", "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 0.75rem;
   word-wrap: break-word;
   opacity: 0
}

.tooltip.show {
   opacity: 0.9
}

.tooltip .arrow {
   position: absolute;
   display: block;
   width: 0.8rem;
   height: 0.4rem
}

.tooltip .arrow::before {
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
   padding: 0.4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
   bottom: 0
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
   top: 0;
   border-width: 0.4rem 0.4rem 0;
   border-top-color: #1C2C77
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
   padding: 0 0.4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
   left: 0;
   width: 0.4rem;
   height: 0.8rem
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
   right: 0;
   border-width: 0.4rem 0.4rem 0.4rem 0;
   border-right-color: #1C2C77
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
   padding: 0.4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
   top: 0
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
   bottom: 0;
   border-width: 0 0.4rem 0.4rem;
   border-bottom-color: #1C2C77
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
   padding: 0 0.4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
   right: 0;
   width: 0.4rem;
   height: 0.8rem
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
   left: 0;
   border-width: 0.4rem 0 0.4rem 0.4rem;
   border-left-color: #1C2C77
}

.tooltip-inner {
   max-width: 250px;
   padding: 0.25rem 0.5rem;
   color: #fff;
   text-align: center;
   background-color: #1C2C77;
   border-radius: 2px
}

.popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1060;
   display: block;
   max-width: 276px;
   font-family: "robotoregular", "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 0.875rem;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: padding-box;
   border: 2px solid rgba(29, 31, 41, 0.2);
   border-radius: 2px
}

.popover .arrow {
   position: absolute;
   display: block;
   width: 1rem;
   height: 0.5rem;
   margin: 0 2px
}

.popover .arrow::before,
.popover .arrow::after {
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid
}

.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
   margin-bottom: 0.5rem
}

.bs-popover-top .arrow,
.bs-popover-auto[x-placement^="top"] .arrow {
   bottom: calc((0.5rem + 2px) * -1)
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
   border-width: 0.5rem 0.5rem 0
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before {
   bottom: 0;
   border-top-color: rgba(29, 31, 41, 0.25)
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
   bottom: 2px;
   border-top-color: #fff
}

.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
   margin-left: 0.5rem
}

.bs-popover-right .arrow,
.bs-popover-auto[x-placement^="right"] .arrow {
   left: calc((0.5rem + 2px) * -1);
   width: 0.5rem;
   height: 1rem;
   margin: 2px 0
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
   border-width: 0.5rem 0.5rem 0.5rem 0
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^="right"] .arrow::before {
   left: 0;
   border-right-color: rgba(29, 31, 41, 0.25)
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
   left: 2px;
   border-right-color: #fff
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
   margin-top: 0.5rem
}

.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^="bottom"] .arrow {
   top: calc((0.5rem + 2px) * -1)
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
   border-width: 0 0.5rem 0.5rem 0.5rem
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^="bottom"] .arrow::before {
   top: 0;
   border-bottom-color: rgba(29, 31, 41, 0.25)
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
   top: 2px;
   border-bottom-color: #fff
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
   position: absolute;
   top: 0;
   left: 50%;
   display: block;
   width: 1rem;
   margin-left: -0.5rem;
   content: "";
   border-bottom: 2px solid #f7f7f7
}

.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
   margin-right: 0.5rem
}

.bs-popover-left .arrow,
.bs-popover-auto[x-placement^="left"] .arrow {
   right: calc((0.5rem + 2px) * -1);
   width: 0.5rem;
   height: 1rem;
   margin: 2px 0
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
   border-width: 0.5rem 0 0.5rem 0.5rem
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^="left"] .arrow::before {
   right: 0;
   border-left-color: rgba(29, 31, 41, 0.25)
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
   right: 2px;
   border-left-color: #fff
}

.popover-header {
   padding: 0.5rem 0.75rem;
   margin-bottom: 0;
   font-size: 1rem;
   color: #1C2C77;
   background-color: #f7f7f7;
   border-bottom: 2px solid #ebebeb;
   border-top-left-radius: calc(2px - 2px);
   border-top-right-radius: calc(2px - 2px)
}

.popover-header:empty {
   display: none
}

.popover-body {
   padding: 0.5rem 0.75rem;
   color: #1D1F29
}

.align-baseline {
   vertical-align: baseline !important
}

.align-top {
   vertical-align: top !important
}

.align-middle {
   vertical-align: middle !important
}

.align-bottom {
   vertical-align: bottom !important
}

.align-text-bottom {
   vertical-align: text-bottom !important
}

.align-text-top {
   vertical-align: text-top !important
}

.bg-primary {
   background-color: #1C2C77 !important
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
   background-color: #121d4e !important
}

.bg-secondary {
   background-color: #E3000F !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
   background-color: #b0000c !important
}

.bg-success {
   background-color: #28a745 !important
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
   background-color: #1e7e34 !important
}

.bg-info {
   background-color: #17a2b8 !important
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
   background-color: #117a8b !important
}

.bg-warning {
   background-color: #ffc107 !important
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
   background-color: #d39e00 !important
}

.bg-danger {
   background-color: #E3000F !important
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
   background-color: #b0000c !important
}

.bg-light {
   background-color: #E4E5EB !important
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
   background-color: #c7c9d5 !important
}

.bg-dark {
   background-color: #797A80 !important
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
   background-color: #606166 !important
}

.bg-white {
   background-color: #fff !important
}

.bg-transparent {
   background-color: transparent !important
}

.border {
   border: 2px solid #E4E5EB !important
}

.border-top {
   border-top: 2px solid #E4E5EB !important
}

.border-right {
   border-right: 2px solid #E4E5EB !important
}

.border-bottom {
   border-bottom: 2px solid #E4E5EB !important
}

.border-left {
   border-left: 2px solid #E4E5EB !important
}

.border-0 {
   border: 0 !important
}

.border-top-0 {
   border-top: 0 !important
}

.border-right-0 {
   border-right: 0 !important
}

.border-bottom-0 {
   border-bottom: 0 !important
}

.border-left-0 {
   border-left: 0 !important
}

.border-primary {
   border-color: #1C2C77 !important
}

.border-secondary {
   border-color: #E3000F !important
}

.border-success {
   border-color: #28a745 !important
}

.border-info {
   border-color: #17a2b8 !important
}

.border-warning {
   border-color: #ffc107 !important
}

.border-danger {
   border-color: #E3000F !important
}

.border-light {
   border-color: #E4E5EB !important
}

.border-dark {
   border-color: #797A80 !important
}

.border-white {
   border-color: #fff !important
}

.rounded {
   border-radius: 2px !important
}

.rounded-top {
   border-top-left-radius: 2px !important;
   border-top-right-radius: 2px !important
}

.rounded-right {
   border-top-right-radius: 2px !important;
   border-bottom-right-radius: 2px !important
}

.rounded-bottom {
   border-bottom-right-radius: 2px !important;
   border-bottom-left-radius: 2px !important
}

.rounded-left {
   border-top-left-radius: 2px !important;
   border-bottom-left-radius: 2px !important
}

.rounded-circle {
   border-radius: 50% !important
}

.rounded-0 {
   border-radius: 0 !important
}

.clearfix::after {
   display: block;
   clear: both;
   content: ""
}

.d-none {
   display: none !important
}

.d-inline {
   display: inline !important
}

.d-inline-block {
   display: inline-block !important
}

.d-block {
   display: block !important
}

.d-table {
   display: table !important
}

.d-table-row {
   display: table-row !important
}

.d-table-cell {
   display: table-cell !important
}

.d-flex {
   display: flex !important
}

.d-inline-flex {
   display: inline-flex !important
}

@media (min-width: 560px) {
   .d-sm-none {
      display: none !important
   }

   .d-sm-inline {
      display: inline !important
   }

   .d-sm-inline-block {
      display: inline-block !important
   }

   .d-sm-block {
      display: block !important
   }

   .d-sm-table {
      display: table !important
   }

   .d-sm-table-row {
      display: table-row !important
   }

   .d-sm-table-cell {
      display: table-cell !important
   }

   .d-sm-flex {
      display: flex !important
   }

   .d-sm-inline-flex {
      display: inline-flex !important
   }
}

@media (min-width: 768px) {
   .d-md-none {
      display: none !important
   }

   .d-md-inline {
      display: inline !important
   }

   .d-md-inline-block {
      display: inline-block !important
   }

   .d-md-block {
      display: block !important
   }

   .d-md-table {
      display: table !important
   }

   .d-md-table-row {
      display: table-row !important
   }

   .d-md-table-cell {
      display: table-cell !important
   }

   .d-md-flex {
      display: flex !important
   }

   .d-md-inline-flex {
      display: inline-flex !important
   }
}

@media (min-width: 1024px) {
   .d-lg-none {
      display: none !important
   }

   .d-lg-inline {
      display: inline !important
   }

   .d-lg-inline-block {
      display: inline-block !important
   }

   .d-lg-block {
      display: block !important
   }

   .d-lg-table {
      display: table !important
   }

   .d-lg-table-row {
      display: table-row !important
   }

   .d-lg-table-cell {
      display: table-cell !important
   }

   .d-lg-flex {
      display: flex !important
   }

   .d-lg-inline-flex {
      display: inline-flex !important
   }
}

@media (min-width: 1344px) {
   .d-xl-none {
      display: none !important
   }

   .d-xl-inline {
      display: inline !important
   }

   .d-xl-inline-block {
      display: inline-block !important
   }

   .d-xl-block {
      display: block !important
   }

   .d-xl-table {
      display: table !important
   }

   .d-xl-table-row {
      display: table-row !important
   }

   .d-xl-table-cell {
      display: table-cell !important
   }

   .d-xl-flex {
      display: flex !important
   }

   .d-xl-inline-flex {
      display: inline-flex !important
   }
}

@media print {
   .d-print-none {
      display: none !important
   }

   .d-print-inline {
      display: inline !important
   }

   .d-print-inline-block {
      display: inline-block !important
   }

   .d-print-block {
      display: block !important
   }

   .d-print-table {
      display: table !important
   }

   .d-print-table-row {
      display: table-row !important
   }

   .d-print-table-cell {
      display: table-cell !important
   }

   .d-print-flex {
      display: flex !important
   }

   .d-print-inline-flex {
      display: inline-flex !important
   }
}

.embed-responsive {
   position: relative;
   display: block;
   width: 100%;
   padding: 0;
   overflow: hidden
}

.embed-responsive::before {
   display: block;
   content: ""
}

.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-21by9::before {
   padding-top: 42.85714%
}

.embed-responsive-16by9::before {
   padding-top: 56.25%
}

.embed-responsive-4by3::before {
   padding-top: 75%
}

.embed-responsive-1by1::before {
   padding-top: 100%
}

.flex-row {
   flex-direction: row !important
}

.flex-column {
   flex-direction: column !important
}

.flex-row-reverse {
   flex-direction: row-reverse !important
}

.flex-column-reverse {
   flex-direction: column-reverse !important
}

.flex-wrap {
   flex-wrap: wrap !important
}

.flex-nowrap {
   flex-wrap: nowrap !important
}

.flex-wrap-reverse {
   flex-wrap: wrap-reverse !important
}

.flex-fill {
   flex: 1 1 auto !important
}

.flex-grow-0 {
   flex-grow: 0 !important
}

.flex-grow-1 {
   flex-grow: 1 !important
}

.flex-shrink-0 {
   flex-shrink: 0 !important
}

.flex-shrink-1 {
   flex-shrink: 1 !important
}

.justify-content-start {
   justify-content: flex-start !important
}

.justify-content-end {
   justify-content: flex-end !important
}

.justify-content-center {
   justify-content: center !important
}

.justify-content-between {
   justify-content: space-between !important
}

.justify-content-around {
   justify-content: space-around !important
}

.align-items-start {
   align-items: flex-start !important
}

.align-items-end {
   align-items: flex-end !important
}

.align-items-center {
   align-items: center !important
}

.align-items-baseline {
   align-items: baseline !important
}

.align-items-stretch {
   align-items: stretch !important
}

.align-content-start {
   align-content: flex-start !important
}

.align-content-end {
   align-content: flex-end !important
}

.align-content-center {
   align-content: center !important
}

.align-content-between {
   align-content: space-between !important
}

.align-content-around {
   align-content: space-around !important
}

.align-content-stretch {
   align-content: stretch !important
}

.align-self-auto {
   align-self: auto !important
}

.align-self-start {
   align-self: flex-start !important
}

.align-self-end {
   align-self: flex-end !important
}

.align-self-center {
   align-self: center !important
}

.align-self-baseline {
   align-self: baseline !important
}

.align-self-stretch {
   align-self: stretch !important
}

@media (min-width: 560px) {
   .flex-sm-row {
      flex-direction: row !important
   }

   .flex-sm-column {
      flex-direction: column !important
   }

   .flex-sm-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-sm-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-sm-wrap {
      flex-wrap: wrap !important
   }

   .flex-sm-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-sm-fill {
      flex: 1 1 auto !important
   }

   .flex-sm-grow-0 {
      flex-grow: 0 !important
   }

   .flex-sm-grow-1 {
      flex-grow: 1 !important
   }

   .flex-sm-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-sm-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-sm-start {
      justify-content: flex-start !important
   }

   .justify-content-sm-end {
      justify-content: flex-end !important
   }

   .justify-content-sm-center {
      justify-content: center !important
   }

   .justify-content-sm-between {
      justify-content: space-between !important
   }

   .justify-content-sm-around {
      justify-content: space-around !important
   }

   .align-items-sm-start {
      align-items: flex-start !important
   }

   .align-items-sm-end {
      align-items: flex-end !important
   }

   .align-items-sm-center {
      align-items: center !important
   }

   .align-items-sm-baseline {
      align-items: baseline !important
   }

   .align-items-sm-stretch {
      align-items: stretch !important
   }

   .align-content-sm-start {
      align-content: flex-start !important
   }

   .align-content-sm-end {
      align-content: flex-end !important
   }

   .align-content-sm-center {
      align-content: center !important
   }

   .align-content-sm-between {
      align-content: space-between !important
   }

   .align-content-sm-around {
      align-content: space-around !important
   }

   .align-content-sm-stretch {
      align-content: stretch !important
   }

   .align-self-sm-auto {
      align-self: auto !important
   }

   .align-self-sm-start {
      align-self: flex-start !important
   }

   .align-self-sm-end {
      align-self: flex-end !important
   }

   .align-self-sm-center {
      align-self: center !important
   }

   .align-self-sm-baseline {
      align-self: baseline !important
   }

   .align-self-sm-stretch {
      align-self: stretch !important
   }
}

@media (min-width: 768px) {
   .flex-md-row {
      flex-direction: row !important
   }

   .flex-md-column {
      flex-direction: column !important
   }

   .flex-md-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-md-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-md-wrap {
      flex-wrap: wrap !important
   }

   .flex-md-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-md-fill {
      flex: 1 1 auto !important
   }

   .flex-md-grow-0 {
      flex-grow: 0 !important
   }

   .flex-md-grow-1 {
      flex-grow: 1 !important
   }

   .flex-md-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-md-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-md-start {
      justify-content: flex-start !important
   }

   .justify-content-md-end {
      justify-content: flex-end !important
   }

   .justify-content-md-center {
      justify-content: center !important
   }

   .justify-content-md-between {
      justify-content: space-between !important
   }

   .justify-content-md-around {
      justify-content: space-around !important
   }

   .align-items-md-start {
      align-items: flex-start !important
   }

   .align-items-md-end {
      align-items: flex-end !important
   }

   .align-items-md-center {
      align-items: center !important
   }

   .align-items-md-baseline {
      align-items: baseline !important
   }

   .align-items-md-stretch {
      align-items: stretch !important
   }

   .align-content-md-start {
      align-content: flex-start !important
   }

   .align-content-md-end {
      align-content: flex-end !important
   }

   .align-content-md-center {
      align-content: center !important
   }

   .align-content-md-between {
      align-content: space-between !important
   }

   .align-content-md-around {
      align-content: space-around !important
   }

   .align-content-md-stretch {
      align-content: stretch !important
   }

   .align-self-md-auto {
      align-self: auto !important
   }

   .align-self-md-start {
      align-self: flex-start !important
   }

   .align-self-md-end {
      align-self: flex-end !important
   }

   .align-self-md-center {
      align-self: center !important
   }

   .align-self-md-baseline {
      align-self: baseline !important
   }

   .align-self-md-stretch {
      align-self: stretch !important
   }
}

@media (min-width: 1024px) {
   .flex-lg-row {
      flex-direction: row !important
   }

   .flex-lg-column {
      flex-direction: column !important
   }

   .flex-lg-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-lg-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-lg-wrap {
      flex-wrap: wrap !important
   }

   .flex-lg-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-lg-fill {
      flex: 1 1 auto !important
   }

   .flex-lg-grow-0 {
      flex-grow: 0 !important
   }

   .flex-lg-grow-1 {
      flex-grow: 1 !important
   }

   .flex-lg-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-lg-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-lg-start {
      justify-content: flex-start !important
   }

   .justify-content-lg-end {
      justify-content: flex-end !important
   }

   .justify-content-lg-center {
      justify-content: center !important
   }

   .justify-content-lg-between {
      justify-content: space-between !important
   }

   .justify-content-lg-around {
      justify-content: space-around !important
   }

   .align-items-lg-start {
      align-items: flex-start !important
   }

   .align-items-lg-end {
      align-items: flex-end !important
   }

   .align-items-lg-center {
      align-items: center !important
   }

   .align-items-lg-baseline {
      align-items: baseline !important
   }

   .align-items-lg-stretch {
      align-items: stretch !important
   }

   .align-content-lg-start {
      align-content: flex-start !important
   }

   .align-content-lg-end {
      align-content: flex-end !important
   }

   .align-content-lg-center {
      align-content: center !important
   }

   .align-content-lg-between {
      align-content: space-between !important
   }

   .align-content-lg-around {
      align-content: space-around !important
   }

   .align-content-lg-stretch {
      align-content: stretch !important
   }

   .align-self-lg-auto {
      align-self: auto !important
   }

   .align-self-lg-start {
      align-self: flex-start !important
   }

   .align-self-lg-end {
      align-self: flex-end !important
   }

   .align-self-lg-center {
      align-self: center !important
   }

   .align-self-lg-baseline {
      align-self: baseline !important
   }

   .align-self-lg-stretch {
      align-self: stretch !important
   }
}

@media (min-width: 1344px) {
   .flex-xl-row {
      flex-direction: row !important
   }

   .flex-xl-column {
      flex-direction: column !important
   }

   .flex-xl-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-xl-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-xl-wrap {
      flex-wrap: wrap !important
   }

   .flex-xl-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-xl-fill {
      flex: 1 1 auto !important
   }

   .flex-xl-grow-0 {
      flex-grow: 0 !important
   }

   .flex-xl-grow-1 {
      flex-grow: 1 !important
   }

   .flex-xl-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-xl-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-xl-start {
      justify-content: flex-start !important
   }

   .justify-content-xl-end {
      justify-content: flex-end !important
   }

   .justify-content-xl-center {
      justify-content: center !important
   }

   .justify-content-xl-between {
      justify-content: space-between !important
   }

   .justify-content-xl-around {
      justify-content: space-around !important
   }

   .align-items-xl-start {
      align-items: flex-start !important
   }

   .align-items-xl-end {
      align-items: flex-end !important
   }

   .align-items-xl-center {
      align-items: center !important
   }

   .align-items-xl-baseline {
      align-items: baseline !important
   }

   .align-items-xl-stretch {
      align-items: stretch !important
   }

   .align-content-xl-start {
      align-content: flex-start !important
   }

   .align-content-xl-end {
      align-content: flex-end !important
   }

   .align-content-xl-center {
      align-content: center !important
   }

   .align-content-xl-between {
      align-content: space-between !important
   }

   .align-content-xl-around {
      align-content: space-around !important
   }

   .align-content-xl-stretch {
      align-content: stretch !important
   }

   .align-self-xl-auto {
      align-self: auto !important
   }

   .align-self-xl-start {
      align-self: flex-start !important
   }

   .align-self-xl-end {
      align-self: flex-end !important
   }

   .align-self-xl-center {
      align-self: center !important
   }

   .align-self-xl-baseline {
      align-self: baseline !important
   }

   .align-self-xl-stretch {
      align-self: stretch !important
   }
}

.float-left {
   float: left !important
}

.float-right {
   float: right !important
}

.float-none {
   float: none !important
}

@media (min-width: 560px) {
   .float-sm-left {
      float: left !important
   }

   .float-sm-right {
      float: right !important
   }

   .float-sm-none {
      float: none !important
   }
}

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

   .float-md-right {
      float: right !important
   }

   .float-md-none {
      float: none !important
   }
}

@media (min-width: 1024px) {
   .float-lg-left {
      float: left !important
   }

   .float-lg-right {
      float: right !important
   }

   .float-lg-none {
      float: none !important
   }
}

@media (min-width: 1344px) {
   .float-xl-left {
      float: left !important
   }

   .float-xl-right {
      float: right !important
   }

   .float-xl-none {
      float: none !important
   }
}

.position-static {
   position: static !important
}

.position-relative {
   position: relative !important
}

.position-absolute {
   position: absolute !important
}

.position-fixed {
   position: fixed !important
}

.position-sticky {
   position: -webkit-sticky !important;
   position: sticky !important
}

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

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

@supports ((position: -webkit-sticky) or (position: sticky)) {
   .sticky-top {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1020
   }
}

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
   overflow: visible;
   clip: auto;
   white-space: normal
}

.shadow-sm {
   box-shadow: 0 0.125rem 0.25rem rgba(29, 31, 41, 0.075) !important
}

.shadow {
   box-shadow: 0 0.5rem 1rem rgba(29, 31, 41, 0.15) !important
}

.shadow-lg {
   box-shadow: 0 1rem 3rem rgba(29, 31, 41, 0.175) !important
}

.shadow-none {
   box-shadow: none !important
}

.w-25 {
   width: 25% !important
}

.w-50 {
   width: 50% !important
}

.w-75 {
   width: 75% !important
}

.w-100 {
   width: 100% !important
}

.w-auto {
   width: auto !important
}

.h-25 {
   height: 25% !important
}

.h-50 {
   height: 50% !important
}

.h-75 {
   height: 75% !important
}

.h-100 {
   height: 100% !important
}

.h-auto {
   height: auto !important
}

.mw-100 {
   max-width: 100% !important
}

.mh-100 {
   max-height: 100% !important
}

.m-0 {
   margin: 0 !important
}

.mt-0,
.my-0 {
   margin-top: 0 !important
}

.mr-0,
.mx-0 {
   margin-right: 0 !important
}

.mb-0,
.my-0 {
   margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
   margin-left: 0 !important
}

.m-1 {
   margin: 0.25rem !important
}

.mt-1,
.my-1 {
   margin-top: 0.25rem !important
}

.mr-1,
.mx-1 {
   margin-right: 0.25rem !important
}

.mb-1,
.my-1 {
   margin-bottom: 0.25rem !important
}

.ml-1,
.mx-1 {
   margin-left: 0.25rem !important
}

.m-2 {
   margin: 0.5rem !important
}

.mt-2,
.my-2 {
   margin-top: 0.5rem !important
}

.mr-2,
.mx-2 {
   margin-right: 0.5rem !important
}

.mb-2,
.my-2 {
   margin-bottom: 0.5rem !important
}

.ml-2,
.mx-2 {
   margin-left: 0.5rem !important
}

.m-3 {
   margin: 1rem !important
}

.mt-3,
.my-3 {
   margin-top: 1rem !important
}

.mr-3,
.mx-3 {
   margin-right: 1rem !important
}

.mb-3,
.my-3 {
   margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
   margin-left: 1rem !important
}

.m-4 {
   margin: 1.5rem !important
}

.mt-4,
.my-4 {
   margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
   margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
   margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
   margin-left: 1.5rem !important
}

.m-5 {
   margin: 3rem !important
}

.mt-5,
.my-5 {
   margin-top: 3rem !important
}

.mr-5,
.mx-5 {
   margin-right: 3rem !important
}

.mb-5,
.my-5 {
   margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
   margin-left: 3rem !important
}

.p-0 {
   padding: 0 !important
}

.pt-0,
.py-0 {
   padding-top: 0 !important
}

.pr-0,
.px-0 {
   padding-right: 0 !important
}

.pb-0,
.py-0 {
   padding-bottom: 0 !important
}

.pl-0,
.px-0 {
   padding-left: 0 !important
}

.p-1 {
   padding: 0.25rem !important
}

.pt-1,
.py-1 {
   padding-top: 0.25rem !important
}

.pr-1,
.px-1 {
   padding-right: 0.25rem !important
}

.pb-1,
.py-1 {
   padding-bottom: 0.25rem !important
}

.pl-1,
.px-1 {
   padding-left: 0.25rem !important
}

.p-2 {
   padding: 0.5rem !important
}

.pt-2,
.py-2 {
   padding-top: 0.5rem !important
}

.pr-2,
.px-2 {
   padding-right: 0.5rem !important
}

.pb-2,
.py-2 {
   padding-bottom: 0.5rem !important
}

.pl-2,
.px-2 {
   padding-left: 0.5rem !important
}

.p-3 {
   padding: 1rem !important
}

.pt-3,
.py-3 {
   padding-top: 1rem !important
}

.pr-3,
.px-3 {
   padding-right: 1rem !important
}

.pb-3,
.py-3 {
   padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
   padding-left: 1rem !important
}

.p-4 {
   padding: 1.5rem !important
}

.pt-4,
.py-4 {
   padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
   padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
   padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
   padding-left: 1.5rem !important
}

.p-5 {
   padding: 3rem !important
}

.pt-5,
.py-5 {
   padding-top: 3rem !important
}

.pr-5,
.px-5 {
   padding-right: 3rem !important
}

.pb-5,
.py-5 {
   padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
   padding-left: 3rem !important
}

.m-auto {
   margin: auto !important
}

.mt-auto,
.my-auto {
   margin-top: auto !important
}

.mr-auto,
.mx-auto {
   margin-right: auto !important
}

.mb-auto,
.my-auto {
   margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
   margin-left: auto !important
}

@media (min-width: 560px) {
   .m-sm-0 {
      margin: 0 !important
   }

   .mt-sm-0,
   .my-sm-0 {
      margin-top: 0 !important
   }

   .mr-sm-0,
   .mx-sm-0 {
      margin-right: 0 !important
   }

   .mb-sm-0,
   .my-sm-0 {
      margin-bottom: 0 !important
   }

   .ml-sm-0,
   .mx-sm-0 {
      margin-left: 0 !important
   }

   .m-sm-1 {
      margin: 0.25rem !important
   }

   .mt-sm-1,
   .my-sm-1 {
      margin-top: 0.25rem !important
   }

   .mr-sm-1,
   .mx-sm-1 {
      margin-right: 0.25rem !important
   }

   .mb-sm-1,
   .my-sm-1 {
      margin-bottom: 0.25rem !important
   }

   .ml-sm-1,
   .mx-sm-1 {
      margin-left: 0.25rem !important
   }

   .m-sm-2 {
      margin: 0.5rem !important
   }

   .mt-sm-2,
   .my-sm-2 {
      margin-top: 0.5rem !important
   }

   .mr-sm-2,
   .mx-sm-2 {
      margin-right: 0.5rem !important
   }

   .mb-sm-2,
   .my-sm-2 {
      margin-bottom: 0.5rem !important
   }

   .ml-sm-2,
   .mx-sm-2 {
      margin-left: 0.5rem !important
   }

   .m-sm-3 {
      margin: 1rem !important
   }

   .mt-sm-3,
   .my-sm-3 {
      margin-top: 1rem !important
   }

   .mr-sm-3,
   .mx-sm-3 {
      margin-right: 1rem !important
   }

   .mb-sm-3,
   .my-sm-3 {
      margin-bottom: 1rem !important
   }

   .ml-sm-3,
   .mx-sm-3 {
      margin-left: 1rem !important
   }

   .m-sm-4 {
      margin: 1.5rem !important
   }

   .mt-sm-4,
   .my-sm-4 {
      margin-top: 1.5rem !important
   }

   .mr-sm-4,
   .mx-sm-4 {
      margin-right: 1.5rem !important
   }

   .mb-sm-4,
   .my-sm-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-sm-4,
   .mx-sm-4 {
      margin-left: 1.5rem !important
   }

   .m-sm-5 {
      margin: 3rem !important
   }

   .mt-sm-5,
   .my-sm-5 {
      margin-top: 3rem !important
   }

   .mr-sm-5,
   .mx-sm-5 {
      margin-right: 3rem !important
   }

   .mb-sm-5,
   .my-sm-5 {
      margin-bottom: 3rem !important
   }

   .ml-sm-5,
   .mx-sm-5 {
      margin-left: 3rem !important
   }

   .p-sm-0 {
      padding: 0 !important
   }

   .pt-sm-0,
   .py-sm-0 {
      padding-top: 0 !important
   }

   .pr-sm-0,
   .px-sm-0 {
      padding-right: 0 !important
   }

   .pb-sm-0,
   .py-sm-0 {
      padding-bottom: 0 !important
   }

   .pl-sm-0,
   .px-sm-0 {
      padding-left: 0 !important
   }

   .p-sm-1 {
      padding: 0.25rem !important
   }

   .pt-sm-1,
   .py-sm-1 {
      padding-top: 0.25rem !important
   }

   .pr-sm-1,
   .px-sm-1 {
      padding-right: 0.25rem !important
   }

   .pb-sm-1,
   .py-sm-1 {
      padding-bottom: 0.25rem !important
   }

   .pl-sm-1,
   .px-sm-1 {
      padding-left: 0.25rem !important
   }

   .p-sm-2 {
      padding: 0.5rem !important
   }

   .pt-sm-2,
   .py-sm-2 {
      padding-top: 0.5rem !important
   }

   .pr-sm-2,
   .px-sm-2 {
      padding-right: 0.5rem !important
   }

   .pb-sm-2,
   .py-sm-2 {
      padding-bottom: 0.5rem !important
   }

   .pl-sm-2,
   .px-sm-2 {
      padding-left: 0.5rem !important
   }

   .p-sm-3 {
      padding: 1rem !important
   }

   .pt-sm-3,
   .py-sm-3 {
      padding-top: 1rem !important
   }

   .pr-sm-3,
   .px-sm-3 {
      padding-right: 1rem !important
   }

   .pb-sm-3,
   .py-sm-3 {
      padding-bottom: 1rem !important
   }

   .pl-sm-3,
   .px-sm-3 {
      padding-left: 1rem !important
   }

   .p-sm-4 {
      padding: 1.5rem !important
   }

   .pt-sm-4,
   .py-sm-4 {
      padding-top: 1.5rem !important
   }

   .pr-sm-4,
   .px-sm-4 {
      padding-right: 1.5rem !important
   }

   .pb-sm-4,
   .py-sm-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-sm-4,
   .px-sm-4 {
      padding-left: 1.5rem !important
   }

   .p-sm-5 {
      padding: 3rem !important
   }

   .pt-sm-5,
   .py-sm-5 {
      padding-top: 3rem !important
   }

   .pr-sm-5,
   .px-sm-5 {
      padding-right: 3rem !important
   }

   .pb-sm-5,
   .py-sm-5 {
      padding-bottom: 3rem !important
   }

   .pl-sm-5,
   .px-sm-5 {
      padding-left: 3rem !important
   }

   .m-sm-auto {
      margin: auto !important
   }

   .mt-sm-auto,
   .my-sm-auto {
      margin-top: auto !important
   }

   .mr-sm-auto,
   .mx-sm-auto {
      margin-right: auto !important
   }

   .mb-sm-auto,
   .my-sm-auto {
      margin-bottom: auto !important
   }

   .ml-sm-auto,
   .mx-sm-auto {
      margin-left: auto !important
   }
}

@media (min-width: 768px) {
   .m-md-0 {
      margin: 0 !important
   }

   .mt-md-0,
   .my-md-0 {
      margin-top: 0 !important
   }

   .mr-md-0,
   .mx-md-0 {
      margin-right: 0 !important
   }

   .mb-md-0,
   .my-md-0 {
      margin-bottom: 0 !important
   }

   .ml-md-0,
   .mx-md-0 {
      margin-left: 0 !important
   }

   .m-md-1 {
      margin: 0.25rem !important
   }

   .mt-md-1,
   .my-md-1 {
      margin-top: 0.25rem !important
   }

   .mr-md-1,
   .mx-md-1 {
      margin-right: 0.25rem !important
   }

   .mb-md-1,
   .my-md-1 {
      margin-bottom: 0.25rem !important
   }

   .ml-md-1,
   .mx-md-1 {
      margin-left: 0.25rem !important
   }

   .m-md-2 {
      margin: 0.5rem !important
   }

   .mt-md-2,
   .my-md-2 {
      margin-top: 0.5rem !important
   }

   .mr-md-2,
   .mx-md-2 {
      margin-right: 0.5rem !important
   }

   .mb-md-2,
   .my-md-2 {
      margin-bottom: 0.5rem !important
   }

   .ml-md-2,
   .mx-md-2 {
      margin-left: 0.5rem !important
   }

   .m-md-3 {
      margin: 1rem !important
   }

   .mt-md-3,
   .my-md-3 {
      margin-top: 1rem !important
   }

   .mr-md-3,
   .mx-md-3 {
      margin-right: 1rem !important
   }

   .mb-md-3,
   .my-md-3 {
      margin-bottom: 1rem !important
   }

   .ml-md-3,
   .mx-md-3 {
      margin-left: 1rem !important
   }

   .m-md-4 {
      margin: 1.5rem !important
   }

   .mt-md-4,
   .my-md-4 {
      margin-top: 1.5rem !important
   }

   .mr-md-4,
   .mx-md-4 {
      margin-right: 1.5rem !important
   }

   .mb-md-4,
   .my-md-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-md-4,
   .mx-md-4 {
      margin-left: 1.5rem !important
   }

   .m-md-5 {
      margin: 3rem !important
   }

   .mt-md-5,
   .my-md-5 {
      margin-top: 3rem !important
   }

   .mr-md-5,
   .mx-md-5 {
      margin-right: 3rem !important
   }

   .mb-md-5,
   .my-md-5 {
      margin-bottom: 3rem !important
   }

   .ml-md-5,
   .mx-md-5 {
      margin-left: 3rem !important
   }

   .p-md-0 {
      padding: 0 !important
   }

   .pt-md-0,
   .py-md-0 {
      padding-top: 0 !important
   }

   .pr-md-0,
   .px-md-0 {
      padding-right: 0 !important
   }

   .pb-md-0,
   .py-md-0 {
      padding-bottom: 0 !important
   }

   .pl-md-0,
   .px-md-0 {
      padding-left: 0 !important
   }

   .p-md-1 {
      padding: 0.25rem !important
   }

   .pt-md-1,
   .py-md-1 {
      padding-top: 0.25rem !important
   }

   .pr-md-1,
   .px-md-1 {
      padding-right: 0.25rem !important
   }

   .pb-md-1,
   .py-md-1 {
      padding-bottom: 0.25rem !important
   }

   .pl-md-1,
   .px-md-1 {
      padding-left: 0.25rem !important
   }

   .p-md-2 {
      padding: 0.5rem !important
   }

   .pt-md-2,
   .py-md-2 {
      padding-top: 0.5rem !important
   }

   .pr-md-2,
   .px-md-2 {
      padding-right: 0.5rem !important
   }

   .pb-md-2,
   .py-md-2 {
      padding-bottom: 0.5rem !important
   }

   .pl-md-2,
   .px-md-2 {
      padding-left: 0.5rem !important
   }

   .p-md-3 {
      padding: 1rem !important
   }

   .pt-md-3,
   .py-md-3 {
      padding-top: 1rem !important
   }

   .pr-md-3,
   .px-md-3 {
      padding-right: 1rem !important
   }

   .pb-md-3,
   .py-md-3 {
      padding-bottom: 1rem !important
   }

   .pl-md-3,
   .px-md-3 {
      padding-left: 1rem !important
   }

   .p-md-4 {
      padding: 1.5rem !important
   }

   .pt-md-4,
   .py-md-4 {
      padding-top: 1.5rem !important
   }

   .pr-md-4,
   .px-md-4 {
      padding-right: 1.5rem !important
   }

   .pb-md-4,
   .py-md-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-md-4,
   .px-md-4 {
      padding-left: 1.5rem !important
   }

   .p-md-5 {
      padding: 3rem !important
   }

   .pt-md-5,
   .py-md-5 {
      padding-top: 3rem !important
   }

   .pr-md-5,
   .px-md-5 {
      padding-right: 3rem !important
   }

   .pb-md-5,
   .py-md-5 {
      padding-bottom: 3rem !important
   }

   .pl-md-5,
   .px-md-5 {
      padding-left: 3rem !important
   }

   .m-md-auto {
      margin: auto !important
   }

   .mt-md-auto,
   .my-md-auto {
      margin-top: auto !important
   }

   .mr-md-auto,
   .mx-md-auto {
      margin-right: auto !important
   }

   .mb-md-auto,
   .my-md-auto {
      margin-bottom: auto !important
   }

   .ml-md-auto,
   .mx-md-auto {
      margin-left: auto !important
   }
}

@media (min-width: 1024px) {
   .m-lg-0 {
      margin: 0 !important
   }

   .mt-lg-0,
   .my-lg-0 {
      margin-top: 0 !important
   }

   .mr-lg-0,
   .mx-lg-0 {
      margin-right: 0 !important
   }

   .mb-lg-0,
   .my-lg-0 {
      margin-bottom: 0 !important
   }

   .ml-lg-0,
   .mx-lg-0 {
      margin-left: 0 !important
   }

   .m-lg-1 {
      margin: 0.25rem !important
   }

   .mt-lg-1,
   .my-lg-1 {
      margin-top: 0.25rem !important
   }

   .mr-lg-1,
   .mx-lg-1 {
      margin-right: 0.25rem !important
   }

   .mb-lg-1,
   .my-lg-1 {
      margin-bottom: 0.25rem !important
   }

   .ml-lg-1,
   .mx-lg-1 {
      margin-left: 0.25rem !important
   }

   .m-lg-2 {
      margin: 0.5rem !important
   }

   .mt-lg-2,
   .my-lg-2 {
      margin-top: 0.5rem !important
   }

   .mr-lg-2,
   .mx-lg-2 {
      margin-right: 0.5rem !important
   }

   .mb-lg-2,
   .my-lg-2 {
      margin-bottom: 0.5rem !important
   }

   .ml-lg-2,
   .mx-lg-2 {
      margin-left: 0.5rem !important
   }

   .m-lg-3 {
      margin: 1rem !important
   }

   .mt-lg-3,
   .my-lg-3 {
      margin-top: 1rem !important
   }

   .mr-lg-3,
   .mx-lg-3 {
      margin-right: 1rem !important
   }

   .mb-lg-3,
   .my-lg-3 {
      margin-bottom: 1rem !important
   }

   .ml-lg-3,
   .mx-lg-3 {
      margin-left: 1rem !important
   }

   .m-lg-4 {
      margin: 1.5rem !important
   }

   .mt-lg-4,
   .my-lg-4 {
      margin-top: 1.5rem !important
   }

   .mr-lg-4,
   .mx-lg-4 {
      margin-right: 1.5rem !important
   }

   .mb-lg-4,
   .my-lg-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-lg-4,
   .mx-lg-4 {
      margin-left: 1.5rem !important
   }

   .m-lg-5 {
      margin: 3rem !important
   }

   .mt-lg-5,
   .my-lg-5 {
      margin-top: 3rem !important
   }

   .mr-lg-5,
   .mx-lg-5 {
      margin-right: 3rem !important
   }

   .mb-lg-5,
   .my-lg-5 {
      margin-bottom: 3rem !important
   }

   .ml-lg-5,
   .mx-lg-5 {
      margin-left: 3rem !important
   }

   .p-lg-0 {
      padding: 0 !important
   }

   .pt-lg-0,
   .py-lg-0 {
      padding-top: 0 !important
   }

   .pr-lg-0,
   .px-lg-0 {
      padding-right: 0 !important
   }

   .pb-lg-0,
   .py-lg-0 {
      padding-bottom: 0 !important
   }

   .pl-lg-0,
   .px-lg-0 {
      padding-left: 0 !important
   }

   .p-lg-1 {
      padding: 0.25rem !important
   }

   .pt-lg-1,
   .py-lg-1 {
      padding-top: 0.25rem !important
   }

   .pr-lg-1,
   .px-lg-1 {
      padding-right: 0.25rem !important
   }

   .pb-lg-1,
   .py-lg-1 {
      padding-bottom: 0.25rem !important
   }

   .pl-lg-1,
   .px-lg-1 {
      padding-left: 0.25rem !important
   }

   .p-lg-2 {
      padding: 0.5rem !important
   }

   .pt-lg-2,
   .py-lg-2 {
      padding-top: 0.5rem !important
   }

   .pr-lg-2,
   .px-lg-2 {
      padding-right: 0.5rem !important
   }

   .pb-lg-2,
   .py-lg-2 {
      padding-bottom: 0.5rem !important
   }

   .pl-lg-2,
   .px-lg-2 {
      padding-left: 0.5rem !important
   }

   .p-lg-3 {
      padding: 1rem !important
   }

   .pt-lg-3,
   .py-lg-3 {
      padding-top: 1rem !important
   }

   .pr-lg-3,
   .px-lg-3 {
      padding-right: 1rem !important
   }

   .pb-lg-3,
   .py-lg-3 {
      padding-bottom: 1rem !important
   }

   .pl-lg-3,
   .px-lg-3 {
      padding-left: 1rem !important
   }

   .p-lg-4 {
      padding: 1.5rem !important
   }

   .pt-lg-4,
   .py-lg-4 {
      padding-top: 1.5rem !important
   }

   .pr-lg-4,
   .px-lg-4 {
      padding-right: 1.5rem !important
   }

   .pb-lg-4,
   .py-lg-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-lg-4,
   .px-lg-4 {
      padding-left: 1.5rem !important
   }

   .p-lg-5 {
      padding: 3rem !important
   }

   .pt-lg-5,
   .py-lg-5 {
      padding-top: 3rem !important
   }

   .pr-lg-5,
   .px-lg-5 {
      padding-right: 3rem !important
   }

   .pb-lg-5,
   .py-lg-5 {
      padding-bottom: 3rem !important
   }

   .pl-lg-5,
   .px-lg-5 {
      padding-left: 3rem !important
   }

   .m-lg-auto {
      margin: auto !important
   }

   .mt-lg-auto,
   .my-lg-auto {
      margin-top: auto !important
   }

   .mr-lg-auto,
   .mx-lg-auto {
      margin-right: auto !important
   }

   .mb-lg-auto,
   .my-lg-auto {
      margin-bottom: auto !important
   }

   .ml-lg-auto,
   .mx-lg-auto {
      margin-left: auto !important
   }
}

@media (min-width: 1344px) {
   .m-xl-0 {
      margin: 0 !important
   }

   .mt-xl-0,
   .my-xl-0 {
      margin-top: 0 !important
   }

   .mr-xl-0,
   .mx-xl-0 {
      margin-right: 0 !important
   }

   .mb-xl-0,
   .my-xl-0 {
      margin-bottom: 0 !important
   }

   .ml-xl-0,
   .mx-xl-0 {
      margin-left: 0 !important
   }

   .m-xl-1 {
      margin: 0.25rem !important
   }

   .mt-xl-1,
   .my-xl-1 {
      margin-top: 0.25rem !important
   }

   .mr-xl-1,
   .mx-xl-1 {
      margin-right: 0.25rem !important
   }

   .mb-xl-1,
   .my-xl-1 {
      margin-bottom: 0.25rem !important
   }

   .ml-xl-1,
   .mx-xl-1 {
      margin-left: 0.25rem !important
   }

   .m-xl-2 {
      margin: 0.5rem !important
   }

   .mt-xl-2,
   .my-xl-2 {
      margin-top: 0.5rem !important
   }

   .mr-xl-2,
   .mx-xl-2 {
      margin-right: 0.5rem !important
   }

   .mb-xl-2,
   .my-xl-2 {
      margin-bottom: 0.5rem !important
   }

   .ml-xl-2,
   .mx-xl-2 {
      margin-left: 0.5rem !important
   }

   .m-xl-3 {
      margin: 1rem !important
   }

   .mt-xl-3,
   .my-xl-3 {
      margin-top: 1rem !important
   }

   .mr-xl-3,
   .mx-xl-3 {
      margin-right: 1rem !important
   }

   .mb-xl-3,
   .my-xl-3 {
      margin-bottom: 1rem !important
   }

   .ml-xl-3,
   .mx-xl-3 {
      margin-left: 1rem !important
   }

   .m-xl-4 {
      margin: 1.5rem !important
   }

   .mt-xl-4,
   .my-xl-4 {
      margin-top: 1.5rem !important
   }

   .mr-xl-4,
   .mx-xl-4 {
      margin-right: 1.5rem !important
   }

   .mb-xl-4,
   .my-xl-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-xl-4,
   .mx-xl-4 {
      margin-left: 1.5rem !important
   }

   .m-xl-5 {
      margin: 3rem !important
   }

   .mt-xl-5,
   .my-xl-5 {
      margin-top: 3rem !important
   }

   .mr-xl-5,
   .mx-xl-5 {
      margin-right: 3rem !important
   }

   .mb-xl-5,
   .my-xl-5 {
      margin-bottom: 3rem !important
   }

   .ml-xl-5,
   .mx-xl-5 {
      margin-left: 3rem !important
   }

   .p-xl-0 {
      padding: 0 !important
   }

   .pt-xl-0,
   .py-xl-0 {
      padding-top: 0 !important
   }

   .pr-xl-0,
   .px-xl-0 {
      padding-right: 0 !important
   }

   .pb-xl-0,
   .py-xl-0 {
      padding-bottom: 0 !important
   }

   .pl-xl-0,
   .px-xl-0 {
      padding-left: 0 !important
   }

   .p-xl-1 {
      padding: 0.25rem !important
   }

   .pt-xl-1,
   .py-xl-1 {
      padding-top: 0.25rem !important
   }

   .pr-xl-1,
   .px-xl-1 {
      padding-right: 0.25rem !important
   }

   .pb-xl-1,
   .py-xl-1 {
      padding-bottom: 0.25rem !important
   }

   .pl-xl-1,
   .px-xl-1 {
      padding-left: 0.25rem !important
   }

   .p-xl-2 {
      padding: 0.5rem !important
   }

   .pt-xl-2,
   .py-xl-2 {
      padding-top: 0.5rem !important
   }

   .pr-xl-2,
   .px-xl-2 {
      padding-right: 0.5rem !important
   }

   .pb-xl-2,
   .py-xl-2 {
      padding-bottom: 0.5rem !important
   }

   .pl-xl-2,
   .px-xl-2 {
      padding-left: 0.5rem !important
   }

   .p-xl-3 {
      padding: 1rem !important
   }

   .pt-xl-3,
   .py-xl-3 {
      padding-top: 1rem !important
   }

   .pr-xl-3,
   .px-xl-3 {
      padding-right: 1rem !important
   }

   .pb-xl-3,
   .py-xl-3 {
      padding-bottom: 1rem !important
   }

   .pl-xl-3,
   .px-xl-3 {
      padding-left: 1rem !important
   }

   .p-xl-4 {
      padding: 1.5rem !important
   }

   .pt-xl-4,
   .py-xl-4 {
      padding-top: 1.5rem !important
   }

   .pr-xl-4,
   .px-xl-4 {
      padding-right: 1.5rem !important
   }

   .pb-xl-4,
   .py-xl-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-xl-4,
   .px-xl-4 {
      padding-left: 1.5rem !important
   }

   .p-xl-5 {
      padding: 3rem !important
   }

   .pt-xl-5,
   .py-xl-5 {
      padding-top: 3rem !important
   }

   .pr-xl-5,
   .px-xl-5 {
      padding-right: 3rem !important
   }

   .pb-xl-5,
   .py-xl-5 {
      padding-bottom: 3rem !important
   }

   .pl-xl-5,
   .px-xl-5 {
      padding-left: 3rem !important
   }

   .m-xl-auto {
      margin: auto !important
   }

   .mt-xl-auto,
   .my-xl-auto {
      margin-top: auto !important
   }

   .mr-xl-auto,
   .mx-xl-auto {
      margin-right: auto !important
   }

   .mb-xl-auto,
   .my-xl-auto {
      margin-bottom: auto !important
   }

   .ml-xl-auto,
   .mx-xl-auto {
      margin-left: auto !important
   }
}

.text-monospace {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.text-justify {
   text-align: justify !important
}

.text-nowrap {
   white-space: nowrap !important
}

.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.text-left {
   text-align: left !important
}

.text-right {
   text-align: right !important
}

.text-center {
   text-align: center !important
}

@media (min-width: 560px) {
   .text-sm-left {
      text-align: left !important
   }

   .text-sm-right {
      text-align: right !important
   }

   .text-sm-center {
      text-align: center !important
   }
}

@media (min-width: 768px) {
   .text-md-left {
      text-align: left !important
   }

   .text-md-right {
      text-align: right !important
   }

   .text-md-center {
      text-align: center !important
   }
}

@media (min-width: 1024px) {
   .text-lg-left {
      text-align: left !important
   }

   .text-lg-right {
      text-align: right !important
   }

   .text-lg-center {
      text-align: center !important
   }
}

@media (min-width: 1344px) {
   .text-xl-left {
      text-align: left !important
   }

   .text-xl-right {
      text-align: right !important
   }

   .text-xl-center {
      text-align: center !important
   }
}

.text-lowercase {
   text-transform: lowercase !important
}

.text-uppercase {
   text-transform: uppercase !important
}

.text-capitalize {
   text-transform: capitalize !important
}

.font-weight-light {
   font-weight: 400 !important
}

.font-weight-normal {
   font-weight: 400 !important
}

.font-weight-bold {
   font-weight: 700 !important
}

.font-italic {
   font-style: italic !important
}

.text-white {
   color: #fff !important
}

.text-primary {
   color: #1C2C77 !important
}

a.text-primary:hover,
a.text-primary:focus {
   color: #121d4e !important
}

.text-secondary {
   color: #E3000F !important
}

a.text-secondary:hover,
a.text-secondary:focus {
   color: #b0000c !important
}

.text-success {
   color: #28a745 !important
}

a.text-success:hover,
a.text-success:focus {
   color: #1e7e34 !important
}

.text-info {
   color: #17a2b8 !important
}

a.text-info:hover,
a.text-info:focus {
   color: #117a8b !important
}

.text-warning {
   color: #ffc107 !important
}

a.text-warning:hover,
a.text-warning:focus {
   color: #d39e00 !important
}

.text-danger {
   color: #E3000F !important
}

a.text-danger:hover,
a.text-danger:focus {
   color: #b0000c !important
}

.text-light {
   color: #E4E5EB !important
}

a.text-light:hover,
a.text-light:focus {
   color: #c7c9d5 !important
}

.text-dark {
   color: #797A80 !important
}

a.text-dark:hover,
a.text-dark:focus {
   color: #606166 !important
}

.text-body {
   color: #1D1F29 !important
}

.text-muted {
   color: #6c757d !important
}

.text-black-50 {
   color: rgba(29, 31, 41, 0.5) !important
}

.text-white-50 {
   color: rgba(255, 255, 255, 0.5) !important
}

.text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0
}

.visible {
   visibility: visible !important
}

.invisible {
   visibility: hidden !important
}

body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

body img {
   line-height: 0
}

.btn,
.caption,
.contentblock ol,
.contentblock ul,
.producttable,
a,
label,
p,
select,
span,
strong,
table,
tabscont {
   line-height: 1.5
}

.contact a,
.contentblock ol a,
.contentblock p a,
.contentblock ul a,
.h2,
.h3,
.h4,
.h5,
.h6 {
   font-weight: 700;
   line-height: 20px
}

a {
   transition: color 0.2s, opacity 0.2s
}

a:after {
   transition: color 0.2s, opacity 0.2s
}

a:hover {
   color: #1C2C77;
   text-decoration: none
}

.display-1 {
   line-height: 2.5rem
}

.h1,
[class^='display'],
h1 {
   text-transform: uppercase;
   font-family: "roboto_condensedbold", "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
   margin-bottom: 1rem
}

.h1,
h1 {
   margin-bottom: 1rem;
   line-height: 2rem
}

.h2,
.h3,
h2,
h3 {
   margin-bottom: 1rem;
   line-height: 1.5rem
}

.h4,
h4 {
   line-height: 1.5rem
}

.contentblock h1 {
   margin-top: 0;
   margin-bottom: 1rem;
   text-transform: uppercase
}

.contentblock h2 {
   margin-top: 0.5rem;
   margin-bottom: 1rem
}

.contentblock h2:first-child {
   margin-top: 0
}

.contentblock h3,
.contentblock h4:not(.h3) {
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-size: 1rem
}

.contentblock article h1:last-child,
.contentblock article h2:last-child,
.contentblock article h3:last-child,
.contentblock article h4:not(.h3):last-child {
   margin-bottom: 0
}

@media (min-width: 768px) {
   .contentblock h1 {
      margin-bottom: 1.5rem
   }

   .contentblock h2 {
      margin-bottom: 1.5rem
   }

   .contentblock h3,
   .contentblock h4 {
      margin-bottom: 1rem
   }

   .contentblock article h1:last-child,
   .contentblock article h2:last-child,
   .contentblock article h3:last-child,
   .contentblock article h4:last-child {
      margin-bottom: 0
   }
}

.contentblock thead th {
   font-size: 1rem
}

@media (min-width: 768px) {

   .h1,
   h1 {
      font-size: 2.25rem;
      line-height: 2.5rem
   }

   .h2,
   h2 {
      font-size: 1.5rem;
      line-height: 2rem
   }

   .display-1 {
      font-size: 3rem;
      line-height: 3.5rem
   }

   .display-2 {
      font-size: 2.25rem;
      font-size: 5rem
   }

   .display-3 {
      font-size: 1.5rem
   }
}

.breadcrumb {
   font-size: 0.875rem
}

.hero .h1,
.hero .h2,
.hero [class^='display'],
.hero h1,
.hero h2 {
   color: #fff;
   text-shadow: 0px 8px 24px rgba(0, 0, 0, 0.2)
}

.h1 sup {
   font-size: 1.5rem;
   top: -.4em;
   margin-right: 10px
}

.h2 sup {
   font-size: 1.2rem;
   top: -.2em;
   margin-right: 10px
}

.date,
.meta {
   font-size: 0.875rem;
   line-height: 1rem;
   letter-spacing: 1px;
   color: #E3000F;
   text-transform: uppercase;
   font-weight: 700
}

.date {
   color: #A6A8AD
}

p a {
   border-bottom: 2px solid transparent;
   transition: border-color 0.2s
}

p a:hover {
   border-color: #1C2C77
}

.btn {
   text-decoration: none;
   line-height: 1.25rem;
   padding: 0.75rem 1rem;
   transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out
}

.btn:hover {
   box-shadow: none
}

.btn.btn-simple {
   border: 2px solid #fff;
   color: #fff
}

.btn.btn-simple-inverted {
   border: 2px solid #a5abc9;
   color: #1C2C77
}

.btn:focus {
   outline: none
}

.btn:disabled,
.btn:disabled:hover {
   background-color: #797A80;
   border-color: #797A80
}

@media (min-width: 768px) {
   .btn.hero {
      padding: 16px 24px;
      line-height: 20px
   }
}

.btn.btn-link:hover {
   color: #1C2C77
}

.btn-outline-primary {
   border-color: #a5abc9
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
   border-color: #1C2C77;
   background: #fff;
   color: #1C2C77
}

.card:hover .btn-outline-primary {
   border-color: #1C2C77;
   background: #fff;
   color: #1C2C77
}

.btn-round {
   background: none;
   border: none
}

.btn-round span {
   display: block;
   width: 32px;
   height: 32px;
   border: 2px solid #1C2C77;
   border-radius: 50%;
   position: relative;
   opacity: 0.4;
   transition: 0.2s ease-in-out
}

.btn-round i {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   display: block;
   width: 12px;
   height: 2px;
   background-color: #1C2C77;
   border-radius: 2px
}

.btn-round i:after,
.btn-round i:before {
   content: "";
   width: 8px;
   height: 2px;
   background: #1C2C77;
   position: absolute;
   border-radius: 2px;
   left: 4px
}

.btn-round i:before {
   top: -3px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

.btn-round i:after {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   top: 3px
}

a:hover.btn-round span,
a:hover .btn-round span,
button:hover.btn-round span,
button:hover .btn-round span {
   opacity: 1;
   background: #1C2C77
}

a:hover.btn-round span i,
a:hover .btn-round span i,
button:hover.btn-round span i,
button:hover .btn-round span i {
   background-color: #fff
}

a:hover.btn-round span i:after,
a:hover.btn-round span i:before,
a:hover .btn-round span i:after,
a:hover .btn-round span i:before,
button:hover.btn-round span i:after,
button:hover.btn-round span i:before,
button:hover .btn-round span i:after,
button:hover .btn-round span i:before {
   background: #fff
}

a:hover.btn-round.inverted span,
a:hover .btn-round.inverted span,
button:hover.btn-round.inverted span,
button:hover .btn-round.inverted span {
   background: #fff;
   border-color: #fff
}

a:hover.btn-round.inverted span i,
a:hover .btn-round.inverted span i,
button:hover.btn-round.inverted span i,
button:hover .btn-round.inverted span i {
   background: #1C2C77
}

a:hover.btn-round.inverted span i:after,
a:hover.btn-round.inverted span i:before,
a:hover .btn-round.inverted span i:after,
a:hover .btn-round.inverted span i:before,
button:hover.btn-round.inverted span i:after,
button:hover.btn-round.inverted span i:before,
button:hover .btn-round.inverted span i:after,
button:hover .btn-round.inverted span i:before {
   background: #1C2C77
}

a:hover *,
button:hover * {
   transition: all 0.2s
}

.slick-arrow {
   display: block;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   position: absolute;
   background: #fff;
   border: none;
   outline: none !important;
   cursor: pointer;
   font-size: 0;
   opacity: 0
}

.slick-arrow * {
   transition: all 0.2s
}

.slick-arrow:before {
   content: "";
   position: absolute;
   left: 50%;
   top: 50%;
   width: 8px;
   height: 14px;
   background-size: 14px 14px
}

.slick-arrow.slick-next {
   right: 10px
}

.slick-arrow.slick-next:before {
   background: url("../images/arrow.svg") 0 0 no-repeat;
   margin: -7px 0 0 -3px
}

.slick-arrow.slick-prev {
   left: 10px
}

.slick-arrow.slick-prev:before {
   background: url("../images/arrow.svg") 0 0 no-repeat;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   margin: -7px 0 0 -5px
}

.slick-arrow.active {
   opacity: 1
}

.btn-back {
   position: relative;
   outline: none !important;
   padding: 0;
   cursor: pointer
}

.btn-back span {
   float: left
}

.btn-back i {
   -webkit-transform: rotate(180deg) translate(50%, 50%);
   transform: rotate(180deg) translate(50%, 50%)
}

.btn-back em {
   font-style: normal;
   opacity: 0.4;
   transition: opacity 0.2s;
   float: left;
   margin: 0 0 0 8px;
   color: #1C2C77;
   font-weight: 700;
   line-height: 32px
}

.btn-back:hover em {
   opacity: 1
}

.btn-outline-light {
   border-color: rgba(255, 255, 255, 0.4);
   color: white
}

.btn-outline-light:hover,
.btn-outline-light:not(:disabled):not(.disabled):active {
   background: transparent;
   color: #fff;
   border-color: white
}

.btn-primary:hover {
   background: #1C2C77;
   border-color: #1C2C77
}

.btn-secondary:hover {
   background: #BF000D;
   border-color: #BF000D
}

section .row,
section.col-1-teaser .row,
section.newsletter .row,
footer .row,
.saccordion .contactholder,
.thumbnailteaser .row {
   padding-right: 10px;
   padding-left: 10px
}

@media (min-width: 560px) {

   section .row,
   section.col-1-teaser .row,
   section.newsletter .row,
   footer .row,
   .saccordion .contactholder,
   .thumbnailteaser .row {
      padding-right: 16px;
      padding-left: 16px
   }
}

@media (min-width: 768px) {

   section .row,
   section.col-1-teaser .row,
   section.newsletter .row,
   footer .row,
   .saccordion .contactholder,
   .thumbnailteaser .row {
      padding-right: 20px;
      padding-left: 20px
   }
}

@media (min-width: 1024px) {

   section .row,
   section.col-1-teaser .row,
   section.newsletter .row,
   footer .row,
   .saccordion .contactholder,
   .thumbnailteaser .row {
      padding-right: 32px;
      padding-left: 32px
   }
}

@media (min-width: 1344px) {

   section .row,
   section.col-1-teaser .row,
   section.newsletter .row,
   footer .row,
   .saccordion .contactholder,
   .thumbnailteaser .row {
      padding-right: 48px;
      padding-left: 48px
   }
}

section .row .col,
section.col-1-teaser .row .col,
section.newsletter .row .col,
footer .row .col,
.gallery .slick-list .slick-track .slick-slide,
section.quote .slick-list .slick-track .slick-slide,
.thumbnailteaser .item picture,
.thumbnailteaser .body,
.download .image .text-holder,
.download .image .imagecontainer,
.history .nav-timeline,
.history .history-gallery,
.history .history-gallery-slide .gallery-text,
.history .history-gallery-slide .gallery-images {
   flex-basis: auto;
   padding-right: 5px;
   padding-left: 5px
}

@media (min-width: 560px) {

   section .row .col,
   section.col-1-teaser .row .col,
   section.newsletter .row .col,
   footer .row .col,
   .gallery .slick-list .slick-track .slick-slide,
   section.quote .slick-list .slick-track .slick-slide,
   .thumbnailteaser .item picture,
   .thumbnailteaser .body,
   .download .image .text-holder,
   .download .image .imagecontainer,
   .history .nav-timeline,
   .history .history-gallery,
   .history .history-gallery-slide .gallery-text,
   .history .history-gallery-slide .gallery-images {
      padding-right: 8px;
      padding-left: 8px
   }
}

@media (min-width: 768px) {

   section .row .col,
   section.col-1-teaser .row .col,
   section.newsletter .row .col,
   footer .row .col,
   .gallery .slick-list .slick-track .slick-slide,
   section.quote .slick-list .slick-track .slick-slide,
   .thumbnailteaser .item picture,
   .thumbnailteaser .body,
   .download .image .text-holder,
   .download .image .imagecontainer,
   .history .nav-timeline,
   .history .history-gallery,
   .history .history-gallery-slide .gallery-text,
   .history .history-gallery-slide .gallery-images {
      padding-right: 12px;
      padding-left: 12px
   }
}

@media (min-width: 1024px) {

   section .row .col,
   section.col-1-teaser .row .col,
   section.newsletter .row .col,
   footer .row .col,
   .gallery .slick-list .slick-track .slick-slide,
   section.quote .slick-list .slick-track .slick-slide,
   .thumbnailteaser .item picture,
   .thumbnailteaser .body,
   .download .image .text-holder,
   .download .image .imagecontainer,
   .history .nav-timeline,
   .history .history-gallery,
   .history .history-gallery-slide .gallery-text,
   .history .history-gallery-slide .gallery-images {
      padding-right: 16px;
      padding-left: 16px
   }
}

@media (min-width: 1344px) {

   section .row .col,
   section.col-1-teaser .row .col,
   section.newsletter .row .col,
   footer .row .col,
   .gallery .slick-list .slick-track .slick-slide,
   section.quote .slick-list .slick-track .slick-slide,
   .thumbnailteaser .item picture,
   .thumbnailteaser .body,
   .download .image .text-holder,
   .download .image .imagecontainer,
   .history .nav-timeline,
   .history .history-gallery,
   .history .history-gallery-slide .gallery-text,
   .history .history-gallery-slide .gallery-images {
      padding-right: 24px;
      padding-left: 24px
   }
}

.section-teaser .col .card .card-body,
.section-teaser .col .card .card-footer,
.picturesilder .slick-slide .overlay,
.heropictureslider .overlay,
.fadelayer,
.countryswitch .countryblock,
#cookie-bar .col .inner,
.media-quote .inner,
.quote .inner,
.whitepaperform .inner {
   padding: 24px 16px
}

@media (min-width: 768px) {

   .section-teaser .col .card .card-body,
   .section-teaser .col .card .card-footer,
   .picturesilder .slick-slide .overlay,
   .heropictureslider .overlay,
   .fadelayer,
   .countryswitch .countryblock,
   #cookie-bar .col .inner,
   .media-quote .inner,
   .quote .inner,
   .whitepaperform .inner {
      padding: 32px 24px
   }
}

@media (min-width: 1344px) {

   .section-teaser .col .card .card-body,
   .section-teaser .col .card .card-footer,
   .picturesilder .slick-slide .overlay,
   .heropictureslider .overlay,
   .fadelayer,
   .countryswitch .countryblock,
   #cookie-bar .col .inner,
   .media-quote .inner,
   .quote .inner,
   .whitepaperform .inner {
      padding: 32px
   }
}

.saccordion .card-header+div[class^="collaps"],
.producttabs .tab-product-nav {
   margin-left: -15px;
   margin-right: -15px
}

@media (min-width: 560px) {

   .saccordion .card-header+div[class^="collaps"],
   .producttabs .tab-product-nav {
      margin-left: -24px;
      margin-right: -24px
   }
}

@media (min-width: 768px) {

   .saccordion .card-header+div[class^="collaps"],
   .producttabs .tab-product-nav {
      margin-left: -32px;
      margin-right: -32px
   }
}

@media (min-width: 1024px) {

   .saccordion .card-header+div[class^="collaps"],
   .producttabs .tab-product-nav {
      margin-left: -48px;
      margin-right: -48px
   }
}

@media (min-width: 1344px) {

   .saccordion .card-header+div[class^="collaps"],
   .producttabs .tab-product-nav {
      margin-left: -72px;
      margin-right: -72px
   }
}

.producttabs .tab-product-nav {
   padding-left: 15px;
   padding-right: 15px
}

@media (min-width: 560px) {
   .producttabs .tab-product-nav {
      padding-left: 24px;
      padding-right: 24px
   }
}

@media (min-width: 768px) {
   .producttabs .tab-product-nav {
      padding-left: 32px;
      padding-right: 32px
   }
}

@media (min-width: 1024px) {
   .producttabs .tab-product-nav {
      padding-left: 48px;
      padding-right: 48px
   }
}

@media (min-width: 1344px) {
   .producttabs .tab-product-nav {
      padding-left: 72px;
      padding-right: 72px
   }
}

.warumwikus .slick-list,
.row.innerrow,
.row.innerrow .row.innerrow,
.rowholder,
footer .row .row,
.contact form .row,
.history .history-gallery-slide {
   margin-right: -5px;
   margin-left: -5px
}

@media (min-width: 560px) {

   .warumwikus .slick-list,
   .row.innerrow,
   .row.innerrow .row.innerrow,
   .rowholder,
   footer .row .row,
   .contact form .row,
   .history .history-gallery-slide {
      margin-right: -8px;
      margin-left: -8px
   }
}

@media (min-width: 768px) {

   .warumwikus .slick-list,
   .row.innerrow,
   .row.innerrow .row.innerrow,
   .rowholder,
   footer .row .row,
   .contact form .row,
   .history .history-gallery-slide {
      margin-right: -12px;
      margin-left: -12px
   }
}

@media (min-width: 1024px) {

   .warumwikus .slick-list,
   .row.innerrow,
   .row.innerrow .row.innerrow,
   .rowholder,
   footer .row .row,
   .contact form .row,
   .history .history-gallery-slide {
      margin-right: -16px;
      margin-left: -16px
   }
}

@media (min-width: 1344px) {

   .warumwikus .slick-list,
   .row.innerrow,
   .row.innerrow .row.innerrow,
   .rowholder,
   footer .row .row,
   .contact form .row,
   .history .history-gallery-slide {
      margin-right: -24px;
      margin-left: -24px
   }
}

.row.innerrow {
   padding: 0
}

.dropdown-menu .inner,
.dropdown-menu .overview,
.navbar-mobile .navbar-collapse.show .navbar-nav,
.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta,
.bandselektor .saccordion .card .card-body {
   padding-left: 15px;
   padding-right: 15px
}

@media (min-width: 560px) {

   .dropdown-menu .inner,
   .dropdown-menu .overview,
   .navbar-mobile .navbar-collapse.show .navbar-nav,
   .navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta,
   .bandselektor .saccordion .card .card-body {
      padding-left: 24px;
      padding-right: 24px
   }
}

@media (min-width: 1344px) {

   .dropdown-menu .inner,
   .dropdown-menu .overview,
   .navbar-mobile .navbar-collapse.show .navbar-nav,
   .navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta,
   .bandselektor .saccordion .card .card-body {
      padding-left: 32px;
      padding-right: 32px
   }
}

nav.navbar {
   padding-left: 0;
   padding-right: 0
}

@media (min-width: 768px) {
   nav.navbar {
      padding-left: 32px;
      padding-right: 32px
   }
}

@media (min-width: 1024px) {
   nav.navbar {
      padding-left: 24px;
      padding-right: 24px
   }
}

nav.navbar>.container-fluid {
   padding-left: 15px;
   padding-right: 15px
}

@media (min-width: 560px) {
   nav.navbar>.container-fluid {
      padding-left: 24px;
      padding-right: 24px
   }
}

@media (min-width: 768px) {
   nav.navbar>.container-fluid {
      padding-left: 24px;
      padding-right: 0
   }
}

@media (min-width: 1344px) {
   nav.navbar>.container-fluid {
      padding-left: 32px
   }
}

nav.navbar-mobile>.container-fluid {
   padding-right: 15px
}

@media (min-width: 560px) {
   nav.navbar-mobile>.container-fluid {
      padding-right: 24px
   }
}

@media (min-width: 768px) {
   .left.media {
      margin-right: 20px
   }
}

@media (min-width: 1024px) {
   .left.media {
      margin-right: 32px
   }
}

@media (min-width: 1344px) {
   .left.media {
      margin-right: 48px
   }
}

@media (min-width: 768px) {
   .right.media {
      margin-left: 20px
   }
}

@media (min-width: 1024px) {
   .right.media {
      margin-left: 32px
   }
}

@media (min-width: 1344px) {
   .right.media {
      margin-left: 48px
   }
}

/* .container-fluid { */
   /* max-width: 1344px */
/* } */

.rowholder {
   display: flex;
   flex-wrap: wrap
}

section .subsection,
.searchlayer,
.fadelayer {
   padding-top: 40px;
   padding-bottom: 40px
}

@media (min-width: 768px) {

   section .subsection,
   .searchlayer,
   .fadelayer {
      padding-top: 56px;
      padding-bottom: 56px
   }
}

@media (min-width: 1024px) {

   section .subsection,
   .searchlayer,
   .fadelayer {
      padding: 80px 0
   }
}

section {
   padding: 0 0 40px
}

@media (min-width: 560px) {
   section {
      max-width: 1920px;
      margin: 0 auto;
      position: relative
   }
}

@media (min-width: 768px) {
   section {
      padding: 0 0 56px
   }
}

@media (min-width: 1024px) {
   section {
      padding: 0 0 80px
   }
}

section .subsection.innershadow {
   padding-bottom: 0
}

@media (min-width: 768px) {
   section .subsection.innershadow {
      padding-bottom: 26px
   }
}

@media (min-width: 1024px) {
   section .subsection.innershadow {
      padding: 80px 0 40px
   }
}

section.inverted {
   max-width: none
}

section.inverted .subsection {
   max-width: 1920px;
   margin: 0 auto;
   position: relative;
   padding-top: 0;
   padding-bottom: 0
}

section.inverted+.inverted .subsection {
   padding-top: 0
}

section.contentblock {
   padding-top: 0;
   padding-bottom: 0
}

section.contentblock p {
   margin: 0;
   padding-bottom: 1rem
}

section.contentblock .intro,
section.contentblock .intro-container p {
   font-size: 1.125rem;
   line-height: 2rem
}

section.contentblock article {
   padding-bottom: 1.5rem
}

@media (min-width: 768px) {
   section.contentblock article {
      padding-bottom: 2rem
   }

   section.contentblock .intro,
   section.contentblock p,
   section.contentblock .intro-container p {
      padding-bottom: 1.5rem
   }
}

@media (min-width: 560px) {

   section.col-4-product-teaser .col,
   section.col-4-teaser .col {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }
}

@media (min-width: 1024px) {

   section.col-4-product-teaser .col,
   section.col-4-teaser .col {
      flex: 0 0 25%;
      max-width: 25%
   }
}

@media (min-width: 768px) {
   section.col-4-slider .col {
      flex: 0 0 25%;
      max-width: 25%
   }
}

@media (min-width: 560px) {

   section.col-3-slider .col,
   section.col-3-slider .slick-slide,
   section.col-3-teaser .col,
   section.col-3-teaser .slick-slide {
      flex: 0 0 50%;
      max-width: 50%
   }
}

@media (min-width: 1024px) {

   section.col-3-slider .col,
   section.col-3-slider .slick-slide,
   section.col-3-teaser .col,
   section.col-3-teaser .slick-slide {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }
}

section.col-3-slider .slick-slide .col,
section.col-3-teaser .slick-slide .col {
   max-width: none;
   width: auto
}

@media (min-width: 768px) {

   section.col-2-teaser .col,
   section.contact-teaser .col {
      flex: 0 0 50%;
      max-width: 50%
   }
}

@media (min-width: 560px) {
   section.col-1-teaser .col {
      flex: 0 0 100%;
      max-width: 100%
   }
}

section.hero .overlay .col {
   flex: 0 0 100%;
   max-width: 100%
}

@media (min-width: 768px) {
   section.hero .overlay .col {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
   }
}

@media (min-width: 1024px) {
   section.hero .overlay .col {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }
}

section.hero.fullwidth .container-fluid {
   padding-top: 0;
   padding-bottom: 0
}

section.fullwidth .container-fluid {
   padding-top: 75px;
   padding-bottom: 75px
}

@media (min-width: 768px) {
   section.newsletter .formholder>.col {
      flex: 0 0 50%;
      max-width: 50%
   }
}

.contentholder {
   padding-bottom: 40px;
   max-width: 1920px;
   margin: 0 auto;
   background: #fff
}

@media (min-width: 768px) {
   .contentholder {
      padding-bottom: 56px
   }
}

@media (min-width: 1024px) {
   .contentholder {
      padding-bottom: 80px
   }
}

.contentholder .contentholder {
   padding-bottom: 0
}

.newsletter+.contentholder {
   padding-top: 40px
}

@media (min-width: 768px) {
   .newsletter+.contentholder {
      padding-top: 56px
   }
}

@media (min-width: 1024px) {
   .newsletter+.contentholder {
      padding-top: 72px
   }
}

.contentholder:last-of-type:nth-last-child(1) {
   position: relative;
   padding-bottom: 80px
}

@media (min-width: 768px) {
   .contentholder:last-of-type:nth-last-child(1) {
      padding-bottom: 96px
   }
}

@media (min-width: 1024px) {
   .contentholder:last-of-type:nth-last-child(1) {
      padding-bottom: 120px
   }
}

.contentholder:last-of-type:nth-last-child(1)>:last-child {
   padding-bottom: 40px
}

@media (min-width: 560px) {
   .contentholder:last-of-type:nth-last-child(1)>:last-child {
      padding-bottom: 56px
   }
}

@media (min-width: 1024px) {
   .contentholder:last-of-type:nth-last-child(1)>:last-child {
      padding-bottom: 80px
   }
}


@media (min-width: 768px) {
   .contentholder:last-of-type:nth-last-child(1):after {
      bottom: 32px
   }
}

@media (min-width: 768px) {
   .contentholder:last-of-type:nth-last-child(1):after {
      -webkit-transform: skewY(-1.8deg);
      transform: skewY(-1.8deg);
      height: 64px
   }
}

@media (min-width: 1024px) {
   .contentholder:last-of-type:nth-last-child(1):after {
      height: 80px
   }
}

.contentholder .contentholder:last-of-type:nth-last-child(1) {
   padding-bottom: 0
}

.contentholder .contentholder:last-of-type:nth-last-child(1):after {
   display: none
}

.contentholder .contentholder:last-of-type:nth-last-child(1) section {
   padding-bottom: 0
}

.contentholder section:last-child article:last-child {
   padding-bottom: 0
}

.contentholder section:last-child article p:last-child {
   padding-bottom: 0
}

.contentholder section.tab-content .tab-pane section article {
   padding-bottom: 1rem
}

@media (min-width: 768px) {
   .contentholder section.tab-content .tab-pane section article {
      padding-bottom: 2rem
   }
}

.contentholder section.tab-content .tab-pane section:last-child article {
   padding-bottom: 0
}

.contentholder article ol:last-child,
.contentholder article p:last-child,
.contentholder article ul:last-child {
   padding-bottom: 0;
   margin-bottom: 0
}

.contentholder+a+section.inverted,
.contentholder+section.inverted {
   padding-top: 40px
}

@media (min-width: 768px) {

   .contentholder+a+section.inverted,
   .contentholder+section.inverted {
      padding-top: 56px
   }
}

@media (min-width: 1024px) {

   .contentholder+a+section.inverted,
   .contentholder+section.inverted {
      padding-top: 80px
   }
}

div[class^="col-6"].plain {
   padding-left: 0;
   padding-right: 0
}

section:not(.sectionbreadcrumb):not(.warumwikus):not(.producttabs)+.contentholder {
   padding-top: 40px
}

@media (min-width: 768px) {
   section:not(.sectionbreadcrumb):not(.warumwikus):not(.producttabs)+.contentholder {
      padding-top: 56px
   }
}

@media (min-width: 1024px) {
   section:not(.sectionbreadcrumb):not(.warumwikus):not(.producttabs)+.contentholder {
      padding-top: 80px
   }
}

main section.banner,
main section.hero,
main section.heropictureslider {
   padding-bottom: 0
}

main section.banner+section:not(.sectionbreadcrumb):not(.warumwikus),
main section.hero+section:not(.sectionbreadcrumb):not(.warumwikus),
main section.heropictureslider+section:not(.sectionbreadcrumb):not(.warumwikus) {
   padding-top: 40px
}

@media (min-width: 768px) {

   main section.banner+section:not(.sectionbreadcrumb):not(.warumwikus),
   main section.hero+section:not(.sectionbreadcrumb):not(.warumwikus),
   main section.heropictureslider+section:not(.sectionbreadcrumb):not(.warumwikus) {
      padding-top: 56px
   }
}

@media (min-width: 1024px) {

   main section.banner+section:not(.sectionbreadcrumb):not(.warumwikus),
   main section.hero+section:not(.sectionbreadcrumb):not(.warumwikus),
   main section.heropictureslider+section:not(.sectionbreadcrumb):not(.warumwikus) {
      padding-top: 80px
   }
}

main section.warumwikus+a+section.inverted .subsection,
main section.warumwikus+section.inverted .subsection {
   padding-top: 40px
}

@media (min-width: 768px) {

   main section.warumwikus+a+section.inverted .subsection,
   main section.warumwikus+section.inverted .subsection {
      padding-top: 56px
   }
}

@media (min-width: 1024px) {

   main section.warumwikus+a+section.inverted .subsection,
   main section.warumwikus+section.inverted .subsection {
      padding-top: 80px
   }
}

main section.last:not(.saccordion):not(.heropictureslider):not(.banner):not(.hero):not(.warumwikus):not(.history) {
   padding-bottom: 80px
}

@media (min-width: 768px) {
   main section.last:not(.saccordion):not(.heropictureslider):not(.banner):not(.hero):not(.warumwikus):not(.history) {
      padding-bottom: 96px
   }
}

@media (min-width: 1024px) {
   main section.last:not(.saccordion):not(.heropictureslider):not(.banner):not(.hero):not(.warumwikus):not(.history) {
      padding-bottom: 120px
   }
}

section .subsection {
   background: #fff;
   position: relative
}

section.inverted .subsection {
   background: #EDEFF5
}

section.contentblock,
section.contentsection {
   background: #fff;
   position: relative
}

@media (min-width: 1344px) {
   body {
      position: relative;
      overflow-x: hidden
   }

   body:after,
   body:before {
      content: '';
      position: absolute;
      width: 40px;
      height: 100%;
      top: 0;
      left: 50%;
      display: block
   }

   body:before {
      -webkit-transform: translateX(-1000px);
      transform: translateX(-1000px);
      background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.05) 0%, rgba(237, 239, 245, 0) 100%)
   }

   body:after {
      -webkit-transform: translateX(960px);
      transform: translateX(960px);
      background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(237, 239, 245, 0) 100%)
   }
}

p {
   margin-bottom: 1.375rem
}

.verteckt {
   display: none
}

header.stage-less .primary-nav .container-fluid,
.card:hover,
section.quote .slick-current .inner,
section.media-quote .boxshadow {
   box-shadow: 0 4px 16px 0 rgba(29, 31, 41, 0.2)
}

@media (min-width: 768px) {

   header.stage-less .primary-nav .container-fluid,
   .card:hover,
   section.quote .slick-current .inner,
   section.media-quote .boxshadow {
      box-shadow: 0 8px 32px 0 rgba(29, 31, 41, 0.2)
   }
}


.card_cost:after {
   background: url("../images/Save_Money.svg") center center;
   background-size: 48px 48px
}

.card_productivity:after {
   background: url("../images/Productivity.svg") center center;
   background-size: 48px 48px
}

.card_quality:after {
   background: url("../images/Quality.svg") center center;
   background-size: 48px 48px
}

.card_innovation:after {
   background: url("../images/Solution.svg") center center;
   background-size: 48px 48px
}

.fax:before,
.mail:before,
.phone:before,
.mobile:before {
   content: "";
   display: block;
   width: 16px;
   height: 16px;
   float: left;
   background-size: 16px 16px;
   margin: 2px 8px 0 0
}

.phone:before {
   background: url("../images/Phone.svg") 0 0 no-repeat
}

.phone.light:before {
   background: url("../images/Phone_white.svg") 0 0 no-repeat
}

.mail:before {
   background: url("../images/Email.svg") 0 0 no-repeat
}

.mail.light:before {
   background: url("../images/Email_white.svg") 0 0 no-repeat
}

.fax:before {
   background: url("../images/Fax.svg") 0 0 no-repeat
}

.fax.light:before {
   background: url("../images/Fax_white.svg") 0 0 no-repeat
}

.mobile:before {
   background: url("../images/Mobile.svg") 0 0 no-repeat
}

.mobile.light:before {
   background: url("../images/Mobile_white.svg") 0 0 no-repeat
}

.username,
.password {
   display: flex;
   align-items: center
}

.username:before,
.password:before {
   content: "";
   position: absolute;
   width: 24px;
   height: 24px;
   background-size: 24px 24px;
   right: 16px;
   background: url("../images/User.svg") no-repeat;
   display: block
}

.password:before {
   background: url("../images/Key.svg") no-repeat
}

input:focus,
select:focus,
textarea:focus {
   outline: none
}

.form-control {
   padding: 0 1rem;
   border-radius: 2px;
   width: 100%
}

textarea.form-control {
   height: 175px
}

textarea.form-control.f3-form-error {
   background-color: white;
   border: 2px solid #E3000F
}

.search-holder {
   position: relative
}

.search-holder button {
   position: absolute;
   right: 18px;
   border: none;
   width: 24px;
   height: 24px;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   padding: 0;
   margin: 0;
   background: none;
   box-shadow: none
}

.search-holder button img {
   display: block;
   width: 24px;
   height: 24px
}

.search-holder.high input {
   height: 64px;
   font-size: 1.5rem
}

.select-wrapper {
   position: relative;
   background-color: #fff
}

.select-wrapper select {
   width: 100%;
   height: 48px;
   border-radius: 2px;
   border: 2px solid #E4E5EB;
   padding: 0 30px 0 16px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: none
}

.select-wrapper:before {
   content: "";
   position: absolute;
   right: 21px;
   top: 50%;
   width: 8px;
   height: 14px;
   display: block;
   -webkit-transform: translate(0, -50%) rotate(90deg);
   transform: translate(0, -50%) rotate(90deg);
   background: url("../images/arrow.svg") 0 0 no-repeat;
   background-size: 8px 14px;
   z-index: 1
}

.select-wrapper .floatingfield,
.select-wrapper select {
   z-index: 2;
   cursor: pointer
}

select::-ms-expand {
   display: none
}

input.form-control,
textarea.form-control {
   color: #1D1F29;
   background:#fff; height:auto
}

input.form-control:focus,
textarea.form-control:focus {
   color: #1D1F29
}

input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
   color: #797A80
}

input.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder {
   color: #797A80
}

input.form-control::-ms-input-placeholder,
textarea.form-control::-ms-input-placeholder {
   color: #797A80
}

input.form-control::placeholder,
textarea.form-control::placeholder {
   color: #797A80
}

input.form-control :-ms-input-placeholder,
textarea.form-control :-ms-input-placeholder {
   color: #797A80
}

input.form-control ::-ms-input-placeholder,
textarea.form-control ::-ms-input-placeholder {
   color: #797A80
}

input.form-control::-ms-clear,
textarea.form-control::-ms-clear {
   display: none
}

.searchlayer input.form-control::-webkit-input-placeholder {
   color: #A6A8AD
}

.searchlayer input.form-control:-ms-input-placeholder {
   color: #A6A8AD
}

.searchlayer input.form-control::-ms-input-placeholder {
   color: #A6A8AD
}

.searchlayer input.form-control::placeholder {
   color: #A6A8AD
}

.searchlayer input.form-control :-ms-input-placeholder {
   color: #A6A8AD
}

.searchlayer input.form-control ::-ms-input-placeholder {
   color: #A6A8AD
}

.tab-content{border:0}
.nav-tabs .nav-link{background:none}

.sf-menu li:hover>ul, .sf-menu li.sfHover>ul{left:-40px!important;}

@media (min-width: 768px) {
   form .row .col-md-3:first-child {
      padding-right: 12px
   }

   form .row .col-md-3:last-child {
      padding-left: 12px
   }
}

@media (min-width: 560px) {
   form .row .col-sm-6:first-child {
      padding-right: 12px
   }

   form .row .col-sm-6:last-child {
      padding-left: 12px
   }
}

@media (min-width: 560px) {

   form .row .col-sm-3:first-child,
   form .row .col-sm-9:first-child {
      padding-right: 12px
   }

   form .row .col-sm-3:last-child,
   form .row .col-sm-9:last-child {
      padding-left: 12px
   }
}

form .row .col-6 {
   padding-right: 12px
}

input[type=checkbox],
input[type=radio] {
   position: absolute;
   left: -100000px
}

.extbase-debugger-tree input[type=checkbox] {
   left: 0
}

input[type=checkbox]+label {
   position: relative;
   padding-left: 50px;
   min-height: 30px;
   margin-bottom: 0;
   padding-top: 2px
}

input[type=checkbox]+label:before {
   content: "";
   position: absolute;
   left: 0;
   top: -2px;
   display: block;
   width: 32px;
   height: 32px;
   border: 2px solid #E4E5EB;
   border-radius: 2px;
   cursor: pointer;
   background: white
}

input[type=checkbox]:checked+label:after {
   content: "";
   position: absolute;
   left: 8px;
   top: 6px;
   display: block;
   width: 16px;
   height: 16px;
   background: url("../images/Check.svg") 0 0 no-repeat;
   background-size: 16px 16px;
   cursor: pointer
}

input[type=radio]+label {
   position: relative;
   padding-left: 50px;
   min-height: 32px;
   margin-bottom: 0
}

input[type=radio]+label:before {
   content: "";
   position: absolute;
   left: 0;
   top: -4px;
   display: block;
   width: 32px;
   height: 32px;
   border: 2px solid #E4E5EB;
   border-radius: 100%;
   cursor: pointer;
   background: white
}

input[type=radio]:disabled+label,
input[type=radio]:disabled+label:before {
   color: #A6A8AD;
   cursor: default
}

input[type=radio]:checked+label:after {
   content: "";
   position: absolute;
   left: 8px;
   top: 4px;
   display: block;
   width: 16px;
   height: 16px;
   border-radius: 100%;
   background: #1C2C77;
   cursor: pointer
}

input[type=radio]:checked+label:disabled:after {
   background: #A6A8AD
}

input[type=radio]:checked:disabled+label:after {
   background: #A6A8AD
}

.floatingfield {
   position: relative
}

.floatingfield label {
   pointer-events: none;
   position: absolute;
   -webkit-transform: translate3d(0, 0, 0) scale(1);
   transform: translate3d(0, 0, 0) scale(1);
   -webkit-transform-origin: left top;
   transform-origin: left top;
   transition: 0.2s;
   font-size: 1rem;
   line-height: 1rem;
   color: #797A80;
   background: #fff;
   left: 14px;
   top: 10px;
   padding: 6px
}

.floatingfield.is-focused label {
   -webkit-transform: translateY(-22px) scale(0.875);
   transform: translateY(-22px) scale(0.875);
   background: linear-gradient(to bottom, transparent 50%, #fff 50%, #fff 100%)
}

.floatingfield.value input {
   padding-right: 56px
}

.floatingfield.value:after {
   content: attr(data-name);
   position: absolute;
   right: 16px;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%)
}

.error-box,
.info-box {
   background: #fae5e7;
   padding: 20px 16px 16px;
   font-weight: 700;
   color: #E3000F;
   line-height: 1rem;
   margin-bottom: 2rem;
   border-radius: 2px
}

.error-box i,
.info-box i {
   float: left;
   width: 24px;
   height: 24px;
   display: inline-block;
   margin: -5px 10px 0 0;
   background: url("../images/Error.svg") 0 0 no-repeat;
   background-size: 24px 24px
}

.error-box p,
.info-box p {
   clear: both;
   font-weight: 400;
   color: #1D1F29;
   padding-top: 16px;
   padding-bottom: 0 !important
}

.error {
   background: #fae5e7
}

.error+label {
   background: #fae5e7
}

.info-box {
   background: #EDEFF5;
   color: #1C2C77
}

.info-box i {
   margin: -5px 10px 0 0;
   background: url("../images/Info.svg") 0 0 no-repeat;
   background-size: 24px 24px
}

.info-box p {
   color: #1D1F29
}

.mfp-bg {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1042;
   overflow: hidden;
   position: fixed;
   background: #0b0b0b;
   opacity: 0.8
}

.mfp-wrap {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1043;
   position: fixed;
   outline: none !important;
   -webkit-backface-visibility: hidden
}

.mfp-container {
   text-align: center;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding: 0 8px;
   box-sizing: border-box
}

.mfp-container:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle
}

.mfp-align-top .mfp-container:before {
   display: none
}

.mfp-content {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin: 0 auto;
   text-align: left;
   z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
   width: 100%;
   cursor: auto
}

.mfp-ajax-cur {
   cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
   cursor: zoom-out
}

.mfp-zoom {
   cursor: pointer;
   cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
   cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.mfp-loading.mfp-figure {
   display: none
}

.mfp-hide {
   display: none !important
}

.mfp-preloader {
   color: #CCC;
   position: absolute;
   top: 50%;
   width: auto;
   text-align: center;
   margin-top: -0.8em;
   left: 8px;
   right: 8px;
   z-index: 1044
}

.mfp-preloader a {
   color: #CCC
}

.mfp-preloader a:hover {
   color: #FFF
}

.mfp-s-ready .mfp-preloader {
   display: none
}

.mfp-s-error .mfp-content {
   display: none
}

button.mfp-close,
button.mfp-arrow {
   overflow: visible;
   cursor: pointer;
   background: transparent;
   border: 0;
   -webkit-appearance: none;
   display: block;
   outline: none;
   padding: 0;
   z-index: 1046;
   box-shadow: none;
   touch-action: manipulation
}

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

.mfp-close {
   width: 44px;
   height: 44px;
   line-height: 44px;
   position: absolute;
   right: 0;
   top: 0;
   text-decoration: none;
   text-align: center;
   opacity: 0.65;
   padding: 0 0 18px 10px;
   color: #FFF;
   font-style: normal;
   font-size: 28px;
   font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
   opacity: 1
}

.mfp-close:active {
   top: 1px
}

.mfp-close-btn-in .mfp-close {
   color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
   color: #FFF;
   right: -6px;
   text-align: right;
   padding-right: 6px;
   width: 100%
}

.mfp-counter {
   position: absolute;
   top: 0;
   right: 0;
   color: #CCC;
   font-size: 12px;
   line-height: 18px;
   white-space: nowrap
}

.mfp-arrow {
   position: absolute;
   opacity: 0.65;
   margin: 0;
   top: 50%;
   margin-top: -55px;
   padding: 0;
   width: 90px;
   height: 110px;
   -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
   margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
   opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   left: 0;
   top: 0;
   margin-top: 35px;
   margin-left: 35px;
   border: medium inset transparent
}

.mfp-arrow:after {
   border-top-width: 13px;
   border-bottom-width: 13px;
   top: 8px
}

.mfp-arrow:before {
   border-top-width: 21px;
   border-bottom-width: 21px;
   opacity: 0.7
}

.mfp-arrow-left {
   left: 0
}

.mfp-arrow-left:after {
   border-right: 17px solid #FFF;
   margin-left: 31px
}

.mfp-arrow-left:before {
   margin-left: 25px;
   border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
   right: 0
}

.mfp-arrow-right:after {
   border-left: 17px solid #FFF;
   margin-left: 39px
}

.mfp-arrow-right:before {
   border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
   padding-top: 40px;
   padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
   line-height: 0;
   width: 100%;
   max-width: 900px
}

.mfp-iframe-holder .mfp-close {
   top: -40px
}

.mfp-iframe-scaler {
   width: 100%;
   height: 0;
   overflow: hidden;
   padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
   background: #000
}

img.mfp-img {
   width: auto;
   max-width: 100%;
   height: auto;
   display: block;
   line-height: 0;
   box-sizing: border-box;
   padding: 40px 0 40px;
   margin: 0 auto
}

.mfp-figure {
   line-height: 0
}

.mfp-figure:after {
   content: '';
   position: absolute;
   left: 0;
   top: 40px;
   bottom: 40px;
   display: block;
   right: 0;
   width: auto;
   height: auto;
   z-index: -1;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
   background: #444
}

.mfp-figure small {
   color: #BDBDBD;
   display: block;
   font-size: 12px;
   line-height: 14px
}

.mfp-figure figure {
   margin: 0
}

.mfp-bottom-bar {
   margin-top: -36px;
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   cursor: auto
}

.mfp-title {
   text-align: left;
   line-height: 18px;
   color: #F3F3F3;
   word-wrap: break-word;
   padding-right: 36px
}

.mfp-image-holder .mfp-content {
   max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
   cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
   .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0
   }

   .mfp-img-mobile img.mfp-img {
      padding: 0
   }

   .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0
   }

   .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px
   }

   .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box
   }

   .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0
   }

   .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px
   }

   .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0
   }
}

@media all and (max-width: 900px) {
   .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75)
   }

   .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0
   }

   .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%
   }

   .mfp-container {
      padding-left: 6px;
      padding-right: 6px
   }
}

#notification-popup {
   position: relative;
   background: #FFF;
   padding: 30px;
   width: auto;
   max-width: 50%;
   margin: 20px auto;
   font-size: 1.1rem;
   color: black
}

@media (max-width: 1343.98px) {
   #notification-popup {
      max-width: 75%
   }
}

@media (max-width: 559.98px) {
   #notification-popup {
      max-width: 100%
   }
}

#notification-popup .inner {
   border: 3px solid black;
   border-radius: 3px;
   padding: 1em;
   background: url("../images/metal-background.png");
   background-size: cover
}

#notification-popup .inner .wrapper {
   display: flex;
   flex-direction: column;
   align-items: flex-start
}

#notification-popup .inner .wrapper div {
   margin: .1em;
   padding: .3em;
   width: 100%;
   flex-grow: 1
}

#notification-popup .inner .wrapper div.quote {
   width: auto;
   align-self: flex-end;
   margin-bottom: 1em
}

#notification-popup .inner .wrapper div.quote.end {
   padding: 0;
   margin-top: -30px
}

#notification-popup .inner .wrapper div.center {
   width: auto;
   align-self: center;
   text-align: center
}

#notification-popup .inner .wrapper div.center img {
   margin-bottom: 1em
}

#notification-popup .inner .wrapper div h1 {
   text-align: center;
   color: black;
   font-size: 3rem;
   font-family: Sans-Serif;
   text-transform: none;
   margin-bottom: 0
}

@media (max-width: 1023.98px) {
   #notification-popup .inner .wrapper div h1 {
      line-height: 1em
   }
}

@media (max-width: 559.98px) {
   #notification-popup .inner .wrapper div h1 {
      font-size: 2rem
   }
}

.contentblock ul,
.contentblock ol {
   margin-bottom: 1rem;
   display: inline-block
}

.contentblock ul ul,
.contentblock ul ol,
.contentblock ol ul,
.contentblock ol ol {
   margin-bottom: 0;
   display: inherit
}

@media (min-width: 768px) {

   .contentblock ul,
   .contentblock ol {
      margin-bottom: 1.5rem
   }

   .contentblock ul ul,
   .contentblock ul ol,
   .contentblock ol ul,
   .contentblock ol ol {
      margin-bottom: 0
   }
}

.contentblock ul {
   list-style-type: none;
   list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
   margin-left: 0;
   padding-left: 0
}

.contentblock ul li {
   padding: 0 0 8px 30px;
   position: relative
}

.contentblock ul li:before {
   content: "";
   width: 6px;
   height: 6px;
   display: inline-block;
   border-radius: 100%;
   background: #A6A8AD;
   position: absolute;
   left: 0;
   top: 8px
}

.contentblock ul li:last-child {
   padding-bottom: 0
}

.contentblock ul li ul {
   padding-top: 8px
}

.contentblock ol {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
   counter-reset: li
}

.contentblock ol li {
   padding: 0 0 8px 30px;
   counter-increment: li;
   position: relative
}

.contentblock ol li:last-child {
   padding-bottom: 0
}

.contentblock ol li ol {
   padding-top: 8px
}

.contentblock ol li:before {
   content: counter(li) ".";
   display: inline-block;
   position: absolute;
   left: 0;
   top: 0;
   color: #A6A8AD;
   font-weight: 700
}

.contentblock ol li ol {
   counter-reset: listStyle
}

.contentblock ol li ol li {
   counter-increment: listStyle
}

.contentblock ol li ol li:before {
   content: counter(listStyle, upper-alpha) "."
}

.contentblock .checklist li {
   padding: 4px 0 16px 48px
}

.contentblock .checklist li:before {
   content: "";
   display: inline-block;
   width: 32px;
   height: 32px;
   border: 2px solid #1C2C77;
   border-radius: 100%;
   background: url(../images/Check.svg) center center no-repeat;
   background-size: 16px;
   top: 0
}

.contentblock .starlist li {
   padding: 4px 0 16px 48px
}

.contentblock .starlist li:before {
   content: "";
   display: inline-block;
   width: 32px;
   height: 32px;
   border: 2px solid #1C2C77;
   border-radius: 100%;
   background: url(../images/Star.svg) center center no-repeat;
   background-size: 16px;
   top: 0
}

.contentblock .materiallist {
   margin-left: 0;
   padding-left: 0;
   list-style-type: none
}

.contentblock .materiallist:last-child {
   margin-bottom: 1.5rem
}

.contentblock .materiallist li {
   display: inline-block;
   padding: 0 16px 0 0
}

.contentblock .materiallist li:before {
   displaY: none
}

.contentblock .materiallist li:last-child {
   padding-right: 0
}

.contentblock .materiallist_form {
   list-style-type: none;
   list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
   margin-left: 0;
   padding-left: 0;
   width: 100%
}

.contentblock .materiallist_form li {
   padding: 0 0 16px 0
}

.contentblock .materiallist_form li label {
   display: block
}

.contentblock .materiallist_form li:before {
   display: none
}

.contentblock .materiallist_form li i {
   float: right;
   display: block;
   width: 32px;
   height: 32px;
   margin-top: -5px
}

.contentblock .materiallist_form li.form-1 i {
   background: #BFC1C7;
   border-radius: 100%
}

.contentblock .materiallist_form li.form-2 i {
   background: #BFC1C7
}

.contentblock .materiallist_form li.form-3 i {
   border: 3px solid #BFC1C7
}

.contentblock .materiallist_form li.form-4 i {
   border: 3px solid #BFC1C7;
   border-radius: 100%
}

.contentblock .materiallist_form li.form-5 i {
   border-left: 3px solid #BFC1C7;
   border-right: 3px solid #BFC1C7
}

.contentblock .materiallist_form li.form-5 i:before {
   content: "";
   width: 100%;
   height: 3px;
   display: block;
   margin-top: 15px;
   background: #BFC1C7
}

.contentblock .materiallist_form li.form-6 i {
   position: relative
}

.contentblock .materiallist_form li.form-6 i:before,
.contentblock .materiallist_form li.form-6 i:after {
   content: "";
   position: absolute;
   bottom: -2px;
   height: 108%;
   width: 3px;
   background: #BFC1C7;
   display: block
}

.contentblock .materiallist_form li.form-6 i:before {
   left: 7px;
   -webkit-transform: rotate(28deg);
   transform: rotate(28deg)
}

.contentblock .materiallist_form li.form-6 i:after {
   right: 7px;
   -webkit-transform: rotate(-28deg);
   transform: rotate(-28deg)
}

.contentblock .materiallist_form li.form-7 i {
   background-image: url("../images/aluminium_profile.svg")
}

.contentblock .materiallist_form li.form-8 i {
   background-image: url("../images/steel_profile.svg");
   min-width: 36px
}

.contentblock .materiallist.materiallist_form {
   display: flex
}

.contentblock .materiallist.materiallist_form li {
   padding: 0 16px 0 0;
   float: none;
   margin-bottom: 0;
   flex: 0 1 auto
}

.materiallist-holder {
   display: flex;
   margin-bottom: 16px
}

.materiallist-holder .materiallist.materiallist_form {
   display: block;
   flex: 0 1 auto;
   margin-bottom: 0;
   width: auto
}

.iframe {
   padding: 40px 0;
   background-color: #fff
}

.iframe .download.contentblock,
.iframe section.col-4-teaser,
.iframe section.abbinder {
   display: none
}

.contentblock.iframe {
   display: none
}

.contentblock.iframe .iframe-link {
   font-weight: 700;
   line-height: 20px;
   display: inline-block;
   color: #A6A8AD;
   border: none
}

.contentpage.iframe .contentblock.iframe {
   display: block;
   padding-bottom: 16px
}

.fadelayer.iframelayer {
   background: linear-gradient(135deg, white 0%, #edeff5 100%) !important;
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0
}

.fadelayer.iframelayer>section {
   height: 100%
}

.fadelayer.iframelayer>section.last {
   padding-bottom: 0 !important
}

.fadelayer.iframelayer>section>.container-fluid {
   height: 100%
}

.fadelayer.iframelayer .layerRow {
   flex-direction: column;
   height: 100%;
   padding: 0
}

.fadelayer.iframelayer .layerRow>.col {
   padding: 0 20px;
   max-width: 400px;
   margin: 0 auto;
   flex: 0 0 auto
}

.fadelayer.iframelayer .frame-holder {
   overflow: hidden;
   flex: 1 1 auto;
   width: 100%;
   max-width: 400px;
   margin-top: 2rem
}

.fadelayer.iframelayer iframe {
   display: block;
   width: 100%;
   height: calc(100% + 25px);
   max-width: 420px;
   mix-blend-mode: multiply;
   margin: -25px auto 0
}

@media (min-width: 1117px) {
   .fadelayer.iframelayer .layerRow>.col {
      max-width: calc(1022px - 310px);
      padding: 0
   }

   .fadelayer.iframelayer .frame-holder {
      margin-top: 0;
      width: auto;
      max-width: none
   }

   .fadelayer.iframelayer iframe {
      height: 100%;
      width: 1022px;
      max-width: none;
      margin-top: 0
   }
}

.contenttable {
   width: 100% !important;
   min-width: 550px;
   border: solid #E4E5EB;
   border-width: 2px 0 0
}

.contenttable th,
.contenttable td {
   text-align: center;
   padding: 14px 8px;
   font-size: 0.875rem;
   line-height: 1.25rem
}

.contenttable th p,
.contenttable td p {
   line-height: 1.25rem
}

.contenttable th strong,
.contenttable td strong {
   line-height: 1.25rem
}

.contenttable th {
   font-weight: 700;
   border: solid #E4E5EB;
   border-width: 0 2px 2px 2px
}

.contenttable td {
   border: solid #E4E5EB;
   border-width: 0 2px
}

.contenttable tr:nth-child(even) td {
   background: #EDEFF5;
   border-color: #D7DAE8
}

.contenttable tr:last-child td {
   border-width: 0 2px 2px
}

.table-holder {
   width: 100%;
   overflow: auto
}

.table-scroll-indicator {
   position: relative
}

.table-scroll-indicator.scroll:before {
   content: "";
   width: 16px;
   height: calc(100% - 4px);
   position: absolute;
   right: 0;
   top: 2px;
   border-right: 2px solid #D7DAE8;
   background: linear-gradient(to right, rgba(28, 44, 119, 0) 0%, rgba(28, 44, 119, 0.1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001c2c77', endColorstr='#1a1c2c77', GradientType=1)
}

.table-scroll-indicator.scroll:after {
   content: "";
   width: 16px;
   height: calc(100% - 4px);
   position: absolute;
   left: 0;
   top: 2px;
   border-left: 2px solid #D7DAE8;
   background: linear-gradient(to left, rgba(28, 44, 119, 0) 0%, rgba(28, 44, 119, 0.1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001c2c77', endColorstr='#1a1c2c77', GradientType=1)
}

.table-scroll-indicator.scroll .table-holder:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #000;
   background: url(../images/Swipe.svg) center center no-repeat rgba(0, 0, 0, 0.7);
   background-size: 64px 32px;
   opacity: 1;
   z-index: 1
}

.table-scroll-indicator.hover .table-holder:after {
   -webkit-animation: tablefade .2s ease-out;
   animation: tablefade .2s ease-out;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
}

@-webkit-keyframes tablefade {
   0% {
      opacity: 1
   }

   99% {
      opacity: 0;
      height: 100%
   }

   100% {
      opacity: 0 !important;
      height: 0;
      display: none
   }
}

@keyframes tablefade {
   0% {
      opacity: 1
   }

   99% {
      opacity: 0;
      height: 100%
   }

   100% {
      opacity: 0 !important;
      height: 0;
      display: none
   }
}

.producttable {
   border: 2px solid #e8eaf2;
   overflow: hidden
}

.producttable .row {
   padding-left: 0;
   padding-right: 0;
   margin-left: 0;
   margin-right: 0;
   position: relative;
   z-index: 1
}

.producttable .row.headrow {
   position: relative;
   z-index: 2;
   background: #fff
}

.producttable .col {
   padding: 0 !important
}

.producttable h3 {
   text-align: center;
   margin-bottom: 0;
   padding-top: 15px;
   padding-bottom: 15px
}

.producttable table {
   width: 100%;
   border-collapse: collapse
}

.producttable table th,
.producttable table td {
   text-align: center;
   font-size: 0.875rem;
   line-height: 20px;
   padding-top: 13px;
   padding-bottom: 14px;
   white-space: nowrap
}

.producttable table thead tr th {
   border-top: 2px solid #e8eaf2
}

.producttable table tbody tr:nth-child(odd) td {
   background: #E4E5EB;
   border-color: #d6dae7
}

.producttable .colborder {
   border-right: 2px solid #e8eaf2
}

.producttable .colborder:last-child {
   border-right: none
}

.producttable .fixedsection {
   position: relative;
   z-index: 2
}

.producttable .fixedsection h3 {
   border-right: 2px solid #e8eaf2
}

.producttable .fixedsection tr td,
.producttable .fixedsection tr th {
   width: 50%;
   border-right: 2px solid #e8eaf2
}

.producttable .fixedsection thead tr th {
   border-right: 2px solid #e8eaf2
}

.producttable .fixedsection tbody tr:nth-child(odd) td {
   border-color: #d6dae7
}

.producttable+.legend {
   color: #797A80;
   padding-top: 20px
}

.producttable+.legend span {
   padding-right: 32px;
   font-size: 0.875rem
}

@media (max-width: 767.98px) {
   .producttable .headrow+.row {
      flex-wrap: nowrap
   }

   .producttable .fixedsection.unitmm tbody tr td:nth-child(2) {
      display: none
   }

   .producttable .fixedsection.unitzoll tbody tr td:nth-child(1) {
      display: none
   }

   .producttable .fixedsection .toggleunit {
      color: #A6A8AD;
      cursor: pointer
   }

   .producttable .fixedsection .toggleunit.active {
      color: #1D1F29
   }

   .producttable .scrollsection {
      position: relative;
      z-index: 1
   }

   .producttable .scrollsection:before {
      content: "";
      width: 16px;
      height: calc(100% - 2px);
      position: absolute;
      right: 0;
      top: 2px;
      background: linear-gradient(to right, rgba(28, 44, 119, 0) 0%, rgba(28, 44, 119, 0.1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001c2c77', endColorstr='#1a1c2c77', GradientType=1)
   }

   .producttable .scrollsection:after {
      content: "";
      width: 16px;
      height: calc(100% - 2px);
      position: absolute;
      left: 0;
      top: 2px;
      background: linear-gradient(to left, rgba(28, 44, 119, 0) 0%, rgba(28, 44, 119, 0.1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001c2c77', endColorstr='#1a1c2c77', GradientType=1)
   }

   .producttable .scrollsection .inner {
      overflow: auto
   }

   .producttable .scrollsection .inner:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #000;
      background: url(../images/Swipe.svg) center center no-repeat rgba(0, 0, 0, 0.7);
      background-size: 64px 32px;
      opacity: 1;
      z-index: 1
   }

   .producttable .scrollsection.hover .inner:after {
      -webkit-animation: tablefade .2s ease-out;
      animation: tablefade .2s ease-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards
   }

   @-webkit-keyframes tablefade {
      0% {
         opacity: 1
      }

      99% {
         opacity: 0;
         height: 100%
      }

      100% {
         opacity: 0 !important;
         height: 0;
         display: none
      }
   }

   @keyframes tablefade {
      0% {
         opacity: 1
      }

      99% {
         opacity: 0;
         height: 100%
      }

      100% {
         opacity: 0 !important;
         height: 0;
         display: none
      }
   }

   .producttable .scrollsection table {
      min-width: 550px
   }
}

.producttable .contactlength {
   border-top: 2px solid #e8eaf2
}

.producttable .contactlength .contactlength-holder {
   display: flex;
   width: 100%;
   justify-content: center;
   align-items: center;
   font-weight: 700
}

.producttable .contactlength .contactlength-holder span {
   flex: 0 1 auto;
   padding: 2px 5px
}

.producttable .contactlength .value,
.producttable .contactlength .label {
   display: block;
   padding: 2px 0
}

@media (max-width: 767.98px) {
   .producttable .contactlength td {
      position: relative;
      padding-top: 40px
   }

   .producttable .contactlength .mainlabel {
      position: absolute;
      top: 10px;
      left: 0;
      width: 100%;
      text-align: center
   }
}

.searchresults {
   background: #fff
}

.searchresults .section-intro {
   text-align: left
}

.searchresults .tx-solr-search-form .btn {
   width: 32px;
   height: 32px;
   z-index: 3
}

.searchresults .tx-solr-search-form .btn:before {
   content: "";
   display: block;
   width: 32px;
   height: 32px;
   background: url("../images/Search.svg") center center no-repeat;
   background-size: 32px 32px;
   position: absolute;
   right: 0;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%)
}

.searchresults .tx-solr-search-form .btn span {
   display: none
}

.searchresults .search-result {
   border: solid rgba(28, 44, 119, 0.1);
   border-width: 0 0 2px;
   flex-direction: column
}

.searchresults .search-result.card {
   flex-direction: row;
   box-shadow: none !important
}

.searchresults .search-result:first-child {
   border-width: 2px 0 2px
}

.searchresults .search-result ol:last-child,
.searchresults .search-result p:last-child,
.searchresults .search-result ul:last-child {
   margin-bottom: 0
}

.searchresults .search-result .title {
   font-size: 1.125rem;
   margin-bottom: 8px;
   display: inline-block
}

.searchresults .search-result .title a {
   border-color: transparent;
   transition: 0.2s
}

.searchresults .search-result .title a:hover {
   border-color: #1C2C77
}

.searchresults .search-result .category {
   color: #A6A8AD;
   text-transform: uppercase;
   margin-bottom: 8px;
   font-size: 0.875rem;
   font-weight: 700;
   line-height: 1rem
}

.searchresults .search-result .text {
   font-size: 14px;
   line-height: 20px;
   color: #1D1F29;
   padding-bottom: 0
}

.searchresults .search-result .text span {
   font-weight: 700
}

.searchresults .search-result img.right {
   float: right;
   margin: 0 0 20px 40px
}

.searchresults .search-result .card-body {
   flex-direction: column;
   padding: 1.5rem 0
}

@media (min-width: 560px) {
   .searchresults .search-result .card-body {
      width: calc(100% - 135px);
      padding: 1.5rem 1.5rem 1.5rem 0
   }
}

.searchresults .search-result .card-image {
   align-self: center
}

@media (max-width: 559.98px) {
   .searchresults .search-result .card-image {
      display: none
   }
}

.tab-holder {
   background: #EDEFF5;
   padding-top: 32px
}

.tab-holder .tab-filter-nav ul {
   margin: 0;
   padding: 0;
   list-style-type: none
}

.tab-holder .tab-filter-nav ul li {
   display: inline-block;
   padding: 0;
   cursor: pointer
}

.tab-holder .tab-filter-nav ul li a {
   padding: 14px 16px;
   line-height: 1.25rem;
   font-weight: 700;
   display: inline-block;
   color: #797A80;
   border: none
}

.tab-holder .tab-filter-nav ul li a.is-active {
   background: #fff;
   color: #1C2C77;
   border-radius: 2px 2px 0 0
}

.tab-holder .tab-filter-nav ul li:before {
   display: none
}

.tab-holder .tab-filter-nav .select-wrappper {
   display: none
}

.searchlayer {
   position: fixed;
   z-index: 99999;
   background: white;
   background: linear-gradient(135deg, white 0%, #edeff5 100%) !important;
   padding-left: 0;
   padding-right: 0
}

.searchlayer .container-fluid {
   box-shadow: none !important;
   max-width: 1344px
}

.searchlayer fieldset {
   width: 100%
}

.searchlayer fieldset .search-holder input.form-control {
   font-size: 2.125rem;
   border-width: 0 0 2px;
   font-weight: 700;
   height: 76px;
   padding-left: 0;
   color: #1C2C77;
   background: none;
   position: relative !important;
   left: auto !important
}

@media (min-width: 768px) {
   .searchlayer fieldset .search-holder input.form-control {
      font-size: 3rem
   }
}

.searchlayer fieldset .search-holder .btn {
   width: 40px;
   height: 40px;
   position: absolute;
   top: 50%;
   right: 0;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%)
}

.searchlayer fieldset .search-holder .btn img {
   width: 40px;
   height: 40px
}

.searchlayer .btn-back {
   margin-bottom: 12px
}

.searchlayer .result {
   padding-top: 24px;
   width: 100%
}

.searchlayer .result ul {
   margin: 0;
   padding: 0;
   list-style-type: none
}

.searchlayer .result ul li {
   display: block;
   margin-right: 0
}

.searchlayer .result ul li a {
   padding: 14px 16px;
   display: block;
   line-height: 1.25rem
}

.searchlayer .result ul li:nth-child(odd) {
   background: #EDEFF5
}

@media (min-width: 768px) {
   .searchlayer .result {
      padding-top: 32px
   }
}

.searchlayer .acholder {
   padding-top: 24px
}

@media (min-width: 768px) {
   .searchlayer .acholder {
      padding-top: 32px
   }
}

.searchlayer .result {
   opacity: 0;
   margin-top: 32px;
   transition: opacity 0.2s;
   position: absolute
}

body {
   overflow-y: auto;
   overflow-x: hidden
}

.layeropen {
   overflow: hidden;
   -webkit-animation: 0.4s delay-overflow;
   animation: 0.4s delay-overflow
}

@-webkit-keyframes delay-overflow {
   from {
      overflow-y: auto
   }
}

@keyframes delay-overflow {
   from {
      overflow-y: auto
   }
}

.layeropen .searchlayer .result {
   -webkit-animation: pullup 0.4s ease-out;
   animation: pullup 0.4s ease-out;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s
}

@-webkit-keyframes pullup {
   0% {
      margin-top: 32px;
      opacity: 0
   }

   100% {
      margin-top: 0;
      opacity: 1
   }
}

@keyframes pullup {
   0% {
      margin-top: 32px;
      opacity: 0
   }

   100% {
      margin-top: 0;
      opacity: 1
   }
}

#acholder {
   position: relative;
   display: none
}

.tx-solr-autosuggest {
   border: none;
   width: 100% !important;
   top: 32px !important;
   left: 0 !important;
   background: none;
   opacity: 0;
   transition: 0.2s;
   display: none
}

.tx-solr-autosuggest .autocomplete-group {
   padding: 0;
   font-size: 1.125rem;
   line-height: 1.5rem;
   color: #1C2C77;
   font-weight: 700;
   margin-bottom: 16px
}

@media (min-width: 768px) {
   .tx-solr-autosuggest .autocomplete-group {
      font-size: 1.5rem;
      line-height: 2rem
   }
}

.tx-solr-autosuggest .autocomplete-suggestion {
   padding: 12px 15px;
   color: #1C2C77;
   transition: 0.2s;
   cursor: pointer
}

.tx-solr-autosuggest .autocomplete-suggestion strong {
   font-weight: 400;
   color: #1C2C77
}

.tx-solr-autosuggest .autocomplete-suggestion:nth-child(even) {
   background: #EDEFF5
}

.tx-solr-autosuggest .autocomplete-suggestion:hover {
   background: #fff
}

.tx-solr-autosuggest .autocomplete-suggestion:hover:nth-child(odd) {
   background: #fff
}

.autocomplete-active .tx-solr-autosuggest {
   opacity: 1;
   transition: 0.2s
}

.slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent
}

.slick-list {
   position: relative;
   overflow: hidden;
   display: block;
   margin: 0;
   padding: 0
}

.slick-list:focus {
   outline: none
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
}

.slick-track {
   position: relative;
   left: 0;
   top: 0;
   display: block;
   margin-left: auto;
   margin-right: auto
}

.slick-track:before,
.slick-track:after {
   content: "";
   display: table
}

.slick-track:after {
   clear: both
}

.slick-loading .slick-track {
   visibility: hidden
}

.slick-slide {
   float: left;
   min-height: 1px;
   display: none
}

[dir="rtl"] .slick-slide {
   float: right
}

.slick-slide img {
   display: block
}

.slick-slide.slick-loading img {
   display: none
}

.slick-slide.dragging img {
   pointer-events: none
}

.slick-initialized .slick-slide {
   display: block
}

.slick-loading .slick-slide {
   visibility: hidden
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent
}

.slick-arrow.slick-hidden {
   display: none
}

.contentblock .slick-dots li {
   padding: 0
}

.contentblock .slick-dots li:before {
   display: none
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
   -webkit-transform: translate3d(0, 0, 0);
   transform: none
}

.section-intro {
   text-align: center;
   flex-direction: row;
   margin-bottom: 2rem;
   flex: 0 0 100%;
   max-width: 100%;
   max-width: none
}

.section-intro .h1,
.section-intro .h2,
.section-intro .h3,
.section-intro .h4,
.section-intro .h5,
.section-intro .h6,
.section-intro [class^='display'],
.section-intro h1,
.section-intro h2,
.section-intro h3,
.section-intro h4,
.section-intro h5,
.section-intro h6 {
   margin-bottom: 16px
}

.section-intro p:last-child {
   margin-bottom: 0;
   padding-bottom: 0
}

.section-intro .col {
   flex-basis: auto
}

@media (min-width: 768px) {
   section .section-intro .col {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
      margin: 0 auto
   }
}

section .section-intro {
   margin-top: -8px
}

.contentpage section .section-intro {
   margin-top: 0
}

.contentpage section .section-intro p:last-child {
   padding-bottom: 0
}



@media (min-width: 1344px) {
   nav .container-fluid {
      max-width: 1264px
   }
}

nav.meta-nav {
   display: none
}

@media (min-width: 768px) {
   nav.meta-nav {
      display: flex
   }
}

nav.meta-nav nav {
   padding-right: 0;
   padding-top: 0.75rem;
   padding-bottom: 0.25rem
}

.meta-menu .nav {
   padding: 0;
   line-height: 1rem
}

.meta-menu .nav li {
   padding-left: 24px
}

.meta-menu .nav li .btn,
.meta-menu .nav li .nav-link {
   padding: 0;
   vertical-align: top;
   border: none;
   font-size: 0.875rem;
   font-weight: 700;
   color: #fff;
   line-height: 1rem
}

.meta-menu .nav li .btn:hover,
.meta-menu .nav li .nav-link:hover {
   border-color: #fff;
   text-decoration: none
}

.meta-menu .nav li.separator {
   position: relative;
   padding-left: 50px
}

.meta-menu .nav li.separator:before {
   content: "";
   width: 2px;
   height: 24px;
   background: #fff;
   position: absolute;
   left: 25px;
   top: -3px
}

.meta-menu .nav li.separator .btn {
   text-transform: uppercase;
   text-decoration: none
}

.meta-menu .nav li.separator .btn:before {
   content: "";
   width: 16px;
   height: 16px;
   display: block;
   margin: 0 10px 0 0;
   background: url("../images/Global_white.svg") 0 0 no-repeat;
   background-size: 16px 16px;
   float: left
}

.meta-menu .nav li.linkmobileonly {
   display: none
}

@media (max-width: 559.98px) {
   .primary-nav {
      padding-top: 0
   }
}

.primary-nav .container-fluid {
   border-radius: 2px;
   height: 80px
}

@media (max-width: 559.98px) {
   .primary-nav .container-fluid {
      height: 64px
   }
}

.primary-nav .container-fluid li {
   margin-right: 32px
}

.primary-nav .container-fluid li .nav-link {
   font-size: 1rem;
   line-height: 1.25rem;
   font-weight: 700;
   padding: 0
}

.primary-nav .container-fluid li .nav-link.dropdown-toggle:after {
   display: none
}

.primary-nav .container-fluid .navbar-brand {
   padding: 12px 0
}

.primary-nav .container-fluid .navbar-brand img {
   height: 40px;
   width: auto
}

@media (min-width: 560px) {
   .primary-nav .container-fluid .navbar-brand {
      padding: 15px 0
   }

   .primary-nav .container-fluid .navbar-brand img {
      height: auto;
      max-height: 48px
   }
}

.primary-nav .container-fluid .search-holder input {
   width: 256px
}

.primary-nav .container-fluid .search-holder .btn {
   padding-left: 0;
   padding-right: 0
}

.primary-nav .container-fluid .btn {
   align-self: stretch;
   justify-content: center;
   flex-direction: column;
   display: flex;
   margin-left: 32px;
   margin-right: -1px;
   border-radius: 0 2px 2px 0;
   border: 0;
   padding: 0 24px
}

@media (min-width: 1024px) {
   .primary-nav .container-fluid .btn {
      padding: 0 24px
   }
}

@media (min-width: 1344px) {
   .primary-nav .container-fluid .btn {
      padding: 0 32px
   }
}

.primary-nav .container-fluid .btn-back {
   padding: 0;
   margin-left: 0
}

.primary-nav .container-fluid .searchlayer fieldset input.form-control {
   width: 100%
}

.search-simple .searchholder {
   margin-left: -5px
}

.search-simple.navbar-mobil .searchholder {
   margin-left: 0
}

.search-simple .search-holder {
   padding-left: 30px
}

.search-simple .search-holder input {
   position: absolute !important;
   left: -10000px
}

.search-simple .search-holder button {
   right: 0
}

.search-simple .searchlayer .search-holder {
   padding-left: 0
}

.search-simple .searchlayer input {
   position: relative !important;
   left: auto
}

.navbar-mobile {
   padding-top: 0;
   padding-bottom: 0
}

@media (min-width: 768px) {
   .navbar-mobile {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem
   }
}

.navbar-mobile .navbar-nav {
   position: absolute;
   left: -10000px
}

.navbar-mobile .search-holder {
   padding-left: 0
}

.navbar-mobile .search-holder input {
   position: absolute !important;
   left: -10000px
}

.navbar-mobile .search-holder .btn {
   position: relative;
   margin: 0;
   top: auto;
   right: auto;
   -webkit-transform: translate(0);
   transform: translate(0)
}

.navbar-mobile .btn-primary {
   position: absolute;
   left: -10000px
}

.navbar-mobile .navbar-brand {
   order: 2;
   margin-right: 0
}

.navbar-mobile .navbar-toggler {
   order: 3;
   display: block;
   padding: 0;
   border: none
}

.navbar-mobile .navbar-collapse {
   order: 1;
   flex-grow: inherit;
   display: block;
   flex-basis: auto
}

.navbar-mobile .navbar-collapse:not(.show) {
   display: block
}

.navbar-mobile .meta-menu .nav li.linkmobileonly {
   display: inline-block
}

.dropdown-menu {
   left: 50%;
   -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   top: 66px;
   padding: 2rem 0 0;
   border-radius: 2px;
   box-shadow: 0 8px 32px 0 rgba(29, 31, 41, 0.2)
}

.dropdown-menu:before {
   content: "";
   display: block;
   width: 12px;
   height: 12px;
   background: #fff;
   position: absolute;
   left: 50%;
   top: -5px;
   -webkit-transform: translate(-50%, 0) rotate(-45deg);
   transform: translate(-50%, 0) rotate(-45deg);
   border-radius: 2px
}

.dropdown-menu .dropdown-item {
   font-weight: 700;
   margin-bottom: 14px;
   padding: 0;
   display: inline-block;
   width: auto;
   line-height: 1.25rem
}

.dropdown-menu .dropdown-item span {
   line-height: 1.25rem
}

.dropdown-menu .holder {
   -webkit-columns: 2;
   columns: 2;
   grid-template-columns: 50% 50%;
   grid-column-gap: 24px;
   border-bottom: 2px solid #E4E5EB;
   margin: 0 0 20px;
   padding: 0 0 8px
}

@media (min-width: 1024px) {
   .dropdown-menu .holder {
      grid-column-gap: 32px
   }
}

.dropdown-menu .holder:last-child {
   margin-bottom: 0;
   padding-bottom: 0;
   border: none
}

.dropdown-menu a span {
   border-bottom: 2px solid transparent;
   transition: 0.2s
}

.dropdown-menu a span:hover {
   border-color: #1C2C77
}

.dropdown-menu ul {
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;
   break-inside: avoid;
   page-break-inside: avoid;
   -webkit-column-break-inside: avoid;
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")
}

.dropdown-menu ul li {
   display: block;
   padding-right: 0;
   margin-right: 0 !important
}

.dropdown-menu ul li a,
.dropdown-menu ul li span.category {
   display: inline-block;
   margin-bottom: 0.875rem;
   line-height: 1rem;
   transition: 0.2s;
   margin-bottom: 12px
}

.dropdown-menu ul li span.category {
   text-transform: uppercase;
   font-size: 0.75rem;
   font-weight: 700;
   color: #A6A8AD;
   letter-spacing: 1px
}

.dropdown-menu ul li a {
   font-size: 0.875rem
}

.dropdown-menu ul li a span {
   line-height: 1.5rem
}

.dropdown-menu .overview {
   background: #EDEFF5;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   margin-top: 1rem;
   border-radius: 0 0 2px 2px
}

.dropdown-menu .overview a {
   display: inline-block
}

.navbar-collapse .mobileback,
.navbar-collapse .mobileonly {
   display: none
}

.navbar-collapse.collapsing {
   position: static;
   height: auto;
   overflow: inherit;
   transition: none
}

.navbar-light .navbar-toggler {
   outline: none
}

.navbar-light .navbar-toggler .navbar-toggler-icon {
   background-size: 24px 24px;
   width: 24px;
   height: 24px
}

.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
   background: url("../images/Close.svg") 0 0 no-repeat
}

.navbar-light .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
   background: url("../images/Menu.svg") 0 0 no-repeat
}

.mobilemeta {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: #EDEFF5;
   padding: 0 24px;
   display: none
}

.navbar-mobile .navbar-brand,
.navbar-mobile .navbar-toggler,
.navbar-mobile .searchholder {
   position: relative;
   z-index: 101
}

.navbar-mobile .navbar-collapse .navbar-nav {
   opacity: 0;
   transition: opacity 0.2s
}

.navbar-mobile .navbar-collapse .navbar-holder a span {
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto
}

@media (max-width: 767.98px) {
   .navbar-mobile .navbar-collapse .navbar-holder {
      overflow: auto;
      width: 100%;
      position: absolute;
      right: 0;
      left: auto;
      top: 0;
      z-index: -1
   }

   .navbar-mobile .navbar-collapse .navbar-holder.thirdlevel {
      overflow: hidden
   }

   .navbar-mobile .navbar-collapse.show .navbar-holder {
      height: 100vh;
      height: calc(var(--vh, 1vh) * 100)
   }

   .navbar-mobile .navbar-collapse ul.navbar-nav li:nth-last-child(2) {
      padding-bottom: 30px
   }
}

.navbar-mobile .navbar-collapse.show .navbar-nav {
   left: auto;
   right: 0;
   top: 0;
   background: #fff;
   flex-direction: row;
   padding-top: 79px;
   padding-bottom: 20px;
   display: block;
   width: 100%;
   border-radius: 3px;
   opacity: 1;
   z-index: 100;
   min-height: 100%
}

@media (max-width: 767.98px) {
   .navbar-mobile .navbar-collapse.show .navbar-nav {
      padding-bottom: 260px;
      overflow: hidden
   }
}

@media (min-width: 560px) {
   .navbar-mobile .navbar-collapse.show .navbar-nav {
      padding-top: 95px
   }
}

.navbar-mobile .navbar-collapse.show .navbar-nav:before {
   content: "";
   display: block;
   width: 12px;
   height: 12px;
   background: #fff;
   position: absolute;
   right: 28px;
   top: -5px;
   -webkit-transform: translate(-50%, 0) rotate(-45deg);
   transform: translate(-50%, 0) rotate(-45deg)
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li {
   padding: 12px 0;
   margin-right: 0
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li a.dropdown-toggle:after {
   content: "";
   width: 8px;
   height: 14px;
   display: block;
   background: url("../images/arrow.svg") 0 0 no-repeat;
   background-size: 8px 14px;
   float: right;
   border: none;
   margin-top: 3px
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta {
   display: block;
   padding-top: 24px;
   padding-bottom: 24px
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta .nav {
   display: block
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta .nav li {
   width: 100%;
   padding-left: 0;
   padding-bottom: 22px
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta .nav li .btn,
.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta .nav li a {
   color: #1D1F29;
   font-size: 0.875rem;
   line-height: 1rem
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta .nav li.separator {
   border-top: 2px solid rgba(28, 44, 119, 0.1);
   padding-top: 20px;
   padding-bottom: 0
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta .nav li.separator:before {
   display: none
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta .nav li.separator .btn {
   margin: 0;
   padding: 0;
   display: block
}

.navbar-mobile .navbar-collapse.show .navbar-nav>li.mobilemeta .nav li.separator .btn:before {
   background-image: url("../images/Global_dark.svg")
}

.navbar-mobile .navbar-collapse .mobileonly {
   font-size: 0.875rem;
   text-transform: uppercase;
   font-weight: 700;
   padding-bottom: 17px;
   display: block
}

.navbar-mobile .navbar-collapse .mobileback {
   text-transform: uppercase;
   font-size: 0.875rem;
   font-weight: 700;
   padding-top: 8px;
   padding-bottom: 20px;
   cursor: pointer;
   display: block
}

.navbar-mobile .navbar-collapse .mobileback:before {
   content: "";
   width: 6px;
   height: 10px;
   display: inline-block;
   background: url("../images/arrow_black_small.svg") 0 0 no-repeat;
   background-size: 6px 10px;
   margin: 3px 8px 0 0;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.navbar-mobile .navbar-collapse .dropdown {
   position: static;
   overflow-x: hidden
}

.navbar-mobile .navbar-collapse .dropdown .dropdown-menu {
   opacity: 0;
   display: block;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   transition: all 0.8s;
   left: 100%;
   top: 59px;
   bottom: 0;
   width: 100%;
   position: absolute;
   box-shadow: none;
   max-height: calc(100vh - 59px);
   overflow: auto;
   padding-top: 1.5rem
}

.navbar-mobile .navbar-collapse .dropdown .dropdown-menu.show {
   opacity: 1;
   left: 0
}

.navbar-mobile .navbar-collapse .dropdown .dropdown-menu.show:before {
   display: none
}

@media (max-width: 767.98px) {
   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu {
      display: flex;
      flex-wrap: wrap
   }

   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu .inner,
   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu .overview {
      width: 100%
   }

   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu .overview {
      align-self: flex-end
   }
}

@media (min-width: 560px) {
   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu {
      top: 75px;
      max-height: calc(100vh - 75px)
   }
}

@media (min-width: 560px) {
   .navbar-mobile .navbar-collapse.show .navbar-holder {
      width: 50%
   }
}

@media (min-width: 768px) {
   .navbar-mobile .navbar-collapse.show .navbar-nav {
      top: 100px;
      height: auto;
      padding-top: 20px;
      width: 50%
   }

   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu {
      height: auto;
      top: 0;
      bottom: auto;
      left: 0;
      transition: 0.2s;
      opacity: 0;
      z-index: -1;
      transition: opacity 0.2s ease-in-out;
      padding-top: 1.5rem;
      min-height: 100%;
      display: flex;
      flex-wrap: wrap
   }

   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu .inner,
   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu .overview {
      width: 100%
   }

   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu .overview {
      display: flex;
      align-self: flex-end
   }

   .navbar-mobile .navbar-collapse .dropdown .dropdown-menu.show {
      opacity: 1;
      z-index: 1
   }

   .navbar-mobile .navbar-collapse .mobilemeta {
      display: none !important
   }
}

@media (min-width: 560px) {
   .dropdown .dropdown-menu {
      min-width: 350px
   }
}

.menuopen {
   overflow: hidden;
   position: relative;
   height: 100%
}

.menuopen body {
   overflow: hidden;
   position: relative;
   height: 100%
}

.menuopen header:before {
   -webkit-animation: fadein 0.2s ease-out;
   animation: fadein 0.2s ease-out;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
}

@-webkit-keyframes fadein {
   0% {
      height: 100%;
      opacity: 0
   }

   100% {
      opacity: 1;
      height: 100%
   }
}

@keyframes fadein {
   0% {
      height: 100%;
      opacity: 0
   }

   100% {
      opacity: 1;
      height: 100%
   }
}

.menuclose header:before {
   -webkit-animation: fadeout 0.2s ease-out;
   animation: fadeout 0.2s ease-out;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
}

@-webkit-keyframes fadeout {
   0% {
      height: 100%;
      opacity: 1
   }

   99% {
      height: 100%;
      opacity: 0
   }

   100% {
      opacity: 0;
      height: 0
   }
}

@keyframes fadeout {
   0% {
      height: 100%;
      opacity: 1
   }

   99% {
      height: 100%;
      opacity: 0
   }

   100% {
      opacity: 0;
      height: 0
   }
}

.relatedproduct .col {
   flex: 0 0 100%;
   max-width: 100%
}

@media (min-width: 560px) {
   .relatedproduct .col {
      flex: 0 0 50%;
      max-width: 50%
   }
}

@media (min-width: 768px) {
   .relatedproduct .col {
      flex: 0 0 33.3333%;
      max-width: 33.3333%
   }
}

@media (min-width: 768px) {
   .relatedproduct .col {
      flex: 0 0 25%;
      max-width: 25%
   }
}

.relatedproduct.section-teaser .row.section-intro+.row {
   margin-bottom: 0
}

.relatedproduct .card {
   height: 100%
}

.relatedproduct .card-footer {
   padding-bottom: 2rem
}

.relatedproduct .slides {
   display: flex;
   justify-content: center;
   width: 100%
}

.relatedproduct .container-fluid {
   overflow: hidden;
   padding-bottom: 48px;
   margin-bottom: -48px
}

.relatedproduct .slick-track {
   display: flex
}

.relatedproduct .slick-list {
   min-width: 100%;
   padding: 0 calc(8.3333% + 2px) 0 0;
   overflow: visible
}

@media (min-width: 768px) {
   .relatedproduct .slick-list {
      padding: 0 calc(8.3333% + 4px) 0 0
   }
}

@media (min-width: 1024px) {
   .relatedproduct .slick-list {
      padding: 0
   }
}

.relatedproduct .card-badge {
   position: absolute;
   top: 0;
   left: 0;
   background: #E3000F;
   color: #fff;
   text-transform: uppercase;
   font-weight: 700;
   line-height: 1rem;
   padding: 0.5rem;
   border-bottom-right-radius: 2px
}

.section-teaser.relatedproduct .col .card .card-body .card-title {
   margin-bottom: 1rem
}

.producticonlist {
   margin: 0;
   padding: 0;
   list-style-type: none
}

.producticonlist li {
   display: flex;
   align-items: center;
   padding-bottom: 17px;
   line-height: 1rem
}

.producticonlist li:last-child {
   padding-bottom: 0
}

.producticonlist li div {
   flex: 0 1 auto
}

.producticonlist li div.icon {
   width: 40px
}

.producticonlist li div.label {
   flex: 1;
   font-size: 0.875rem;
   font-weight: 700
}

.hero-stage video {
   display: none
}

.hero-stage .hide-mobile {
   display: none
}

.hero-stage .bluebar {
   opacity: 0.9
}

@media (min-width: 560px) {
   .hero-stage video {
      display: block;
      width: 100%;
      height: auto;
      min-height: 310px;
      -o-object-fit: cover;
      object-fit: cover;
      max-height: 100vh
   }

   .hero-stage .hide-mobile {
      display: block
   }

   .hero-stage picture:not(.show-desktop) {
      display: none
   }
}

@media (min-width: 768px) {
   .hero-stage video {
      min-height: 531px
   }
}

.hero {
   position: relative;
   overflow: hidden
}

.hero .subsection {
   overflow: hidden
}

.hero .subsection:after {
   content: "";
   display: block;
   width: 100%;
   height: 141px;
   position: absolute;
   left: 0;
   top: 0;
   background: black;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%)
}

.hero.contentstage {
   padding: 0
}

.hero.contentstage .subsection {
   padding: 0
}

.hero.contentstage .overlay {
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%)
}

@media (min-width: 768px) {
   .hero.contentstage .overlay {
      margin-top: 72px
   }
}

.hero .overlay {
   position: absolute;
   left: 0;
   top: 32px;
   width: 100%;
   z-index: 1
}

.hero .overlay .btn {
   margin-top: .5rem
}

@media (min-width: 768px) {
   .hero .overlay .btn {
      margin-top: 1rem
   }
}

.hero .overlay .row.right {
   justify-content: flex-end
}

.hero .overlay .row.right .col {
   text-align: right
}

.hero .overlay .row.center {
   justify-content: center
}

.hero .overlay .row.center .col {
   text-align: center
}

.hero img {
   width: 100%;
   display: block
}

.hero .hero-footer {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   color: #fff;
   padding: 80px 0 24px
}

@media (min-width: 1024px) {
   .hero .hero-footer {
      padding-bottom: 48px
   }
}

.hero .hero-footer .container-fluid {
   position: relative;
   z-index: 2
}

.hero .hero-footer .btn {
   margin-top: 5px
}

.hero .hero-footer .filter {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%
}

.hero .hero-footer .rotate {
   position: absolute;
   left: -10px;
   right: -10px;
   bottom: 0;
   height: 100%;
   overflow: hidden;
   -webkit-transform: rotate(-2.8deg);
   transform: rotate(-2.8deg);
   margin-bottom: -40px
}

.hero .hero-footer .rotate-holder {
   position: absolute;
   -webkit-transform: rotate(2.8deg);
   transform: rotate(2.8deg);
   height: 100%;
   left: 10px;
   right: 8px;
   bottom: 40px;
   overflow: hidden
}

.hero .hero-footer picture {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%
}

.hero .hero-footer picture:after {
   content: '';
   opacity: .5;
   position: absolute;
   background-color: #1C2C77;
   width: 100%;
   height: 100%;
   bottom: 0;
   transition: all 0.2s ease-in-out
}

.hero .hero-footer picture img {
   width: 100%;
   bottom: 0;
   left: 0;
   z-index: 999;
   -webkit-filter: brightness(40%) sepia(1) saturate(3) hue-rotate(190deg) contrast(1.5);
   filter: brightness(40%) sepia(1) saturate(3) hue-rotate(190deg) contrast(1.5)
}

@media (min-width: 768px) {
   .hero .overlay {
      top: 50%;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%)
   }
}

@media (min-width: 1024px) {
   .hero .hero-footer .col {
      margin-left: auto;
      display: flex
   }

   .hero .hero-footer .h2 {
      margin-left: auto;
      margin-bottom: 0;
      align-self: center
   }

   .hero .hero-footer .btn {
      margin-left: 48px;
      margin-top: 0
   }

   .hero .hero-footer:after {
      bottom: -15%
   }

   .hero .hero-footer .rotate {
      -webkit-transform: rotate(-1.8deg);
      transform: rotate(-1.8deg)
   }

   .hero .hero-footer .rotate-holder {
      -webkit-transform: rotate(1.8deg);
      transform: rotate(1.8deg)
   }
}

@media all and (-ms-high-contrast: none) {

   *::-ms-backdrop,
   .hero .hero-footer picture:after {
      content: '';
      opacity: .6;
      position: absolute;
      background-color: #05389f
   }
}

.section-teaser .col {
   display: flex;
   padding-bottom: 20px
}

.section-teaser .col a {
   text-decoration: none;
   display: flex;
   width: 100%
}

.section-teaser .col a.button {
   display: inline-block;
   width: auto;
   height: 48px;
   line-height: 1.2;
   text-align: center;
   border: 1px solid #1c2c77;
   color: #1c2c77;
   margin-left: auto;
   font-weight: bold;
   box-shadow: 0 0 3px rgba(28, 44, 119, 0);
   transition: all 250ms linear;
   padding: 14px 16px;
   float: right
}

.section-teaser .col a.button:hover {
   box-shadow: 0 0 3px #1c2c77
}

.section-teaser .col .card {
   align-self: stretch;
   width: 100%;
   transition: box-shadow 0.2s ease-in-out
}

.section-teaser .col .card .card-body {
   padding-bottom: 1rem
}

@media (min-width: 768px) {
   .section-teaser .col .card .card-body {
      padding-bottom: 1.5rem
   }
}

.section-teaser .col .card .card-body .date {
   margin-bottom: 8px;
   display: block
}

.section-teaser .col .card .card-body .date+.card-title {
   margin-bottom: 0
}

.section-teaser .col .card .card-body .card-text,
.section-teaser .col .card .card-body .card-text p {
   color: #1D1F29
}

.section-teaser .col .card .card-body .card-badge {
   margin-bottom: 8px
}

.section-teaser .col .card .card-body .card-title,
.section-teaser .col .card .card-body .h2,
.section-teaser .col .card .card-body .h3 {
   text-transform: none
}

.section-teaser .col .card .card-body .card-title+.card-text,
.section-teaser .col .card .card-body .h2+.card-text,
.section-teaser .col .card .card-body .h3+.card-text {
   margin-top: 0.5rem
}

.section-teaser .col .card .card-image {
   flex-shrink: 0
}

.section-teaser .col .card .card-footer {
   padding-top: 0
}

.section-teaser .col .card:active,
.section-teaser .col .card:focus {
   outline: none
}

.section-teaser .col.col-hl {
   width: 100%;
   max-width: 100%;
   flex: 0 0 100%;
   text-align: center
}

.section-teaser .col.col-hl .h1,
.section-teaser .col.col-hl .h2,
.section-teaser .col.col-hl div {
   width: 100%
}

.section-teaser.col-1-teaser .col .card .card-image img {
   width: 100%;
   border-radius: 2px 2px 0 0
}

@media (min-width: 768px) {
   .section-teaser.col-1-teaser .col .card {
      flex-direction: row
   }

   .section-teaser.col-1-teaser .col .card .card-image {
      width: 50%;
      overflow: hidden;
      position: relative
   }

   .section-teaser.col-1-teaser .col .card .card-image img {
      display: block;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 2px 0 0 2px
   }

   .section-teaser.col-1-teaser .col .card .card-body {
      width: 50%;
      padding-bottom: 5.5rem
   }

   .section-teaser.col-1-teaser .col .card .card-footer {
      position: absolute;
      left: 50%;
      bottom: 0
   }
}

.section-teaser.col-4-teaser .card-title {
   font-size: 1.125rem;
   line-height: 1.5rem
}

.section-teaser .col {
   padding-bottom: 24px
}

.section-teaser .col.datasheettable {
   border-top: 1px solid lightgray;
   border-bottom: 1px solid lightgray;
   padding: 24px 0;
   margin-left: 49px
}

.section-teaser .col.datasheettable>div {
   padding: 0
}

.section-teaser .row {
   margin-bottom: -24px
}

@media (min-width: 768px) {
   .section-teaser .col .card .card-body .card-badge {
      margin-bottom: 8px
   }
}

@media (min-width: 1024px) {
   .section-teaser .col {
      padding-bottom: 32px
   }

   .section-teaser .row {
      margin-bottom: -32px
   }
}

@media (min-width: 1344px) {
   .section-teaser .col {
      padding-bottom: 48px
   }

   .section-teaser .row {
      margin-bottom: -48px
   }
}

.section-teaser .row.section-intro {
   margin-bottom: 1rem
}

.section-teaser .row.section-intro .col {
   padding-bottom: 0
}

.row.justify-content-center.downloadtext {
   margin-top: 48px
}

@media (min-width: 1024px) {
   .row.justify-content-center.downloadtext {
      margin-top: 58px
   }
}

@media (min-width: 1344px) {
   .row.justify-content-center.downloadtext {
      margin-top: 68px
   }
}

.row.justify-content-center.downloadtext>div {
   display: block
}

.warumwikus {
   padding-bottom: 0;
   overflow: hidden
}

body.contentpage .warumwikus {
   padding-bottom: 0
}

@media (min-width: 768px) {
   body.contentpage .warumwikus {
      padding-bottom: 16px
   }
}

@media (min-width: 1024px) {
   body.contentpage .warumwikus {
      padding-bottom: 40px
   }
}

.warumwikus a {
   text-decoration: none;
   display: flex;
   width: 100%
}

.warumwikus .row.cards {
   justify-content: center
}

.warumwikus .row.cards .slick-track .col {
   display: flex !important;
   padding-top: 40px;
   padding-bottom: 40px
}

@media (min-width: 768px) {
   .warumwikus .row.cards .slick-track .col {
      padding-top: 48px
   }
}

.warumwikus .row.section-intro {
   margin-bottom: 0
}

.warumwikus .row.section-intro .col {
   flex-basis: auto
}

.warumwikus .card {
   position: relative;
   text-align: center;
   width: 100%;
   outline: none;
   background: #fff;
   border-radius: 2px
}

.warumwikus .card .inner {
   width: 100%;
   height: 100%;
   overflow: hidden;
   border-radius: 2px;
   padding: 56px 16px;
   -webkit-filter: drop-shadow(0 8px 12px rgba(28, 44, 119, 0));
   filter: drop-shadow(0 8px 12px rgba(28, 44, 119, 0));
   transition: -webkit-filter 0.2s;
   transition: filter 0.2s;
   transition: filter 0.2s, -webkit-filter 0.2s
}

.warumwikus .card .inner:after {
   content: '';
   position: absolute;
   top: -40px;
   left: calc(50% - 40px);
   width: 80px;
   height: 80px;
   border-radius: 40px;
   box-shadow: 0 499px 0 499px #EDEFF5;
   transition: box-shadow 0.2s
}

.warumwikus .card .icon {
   font-size: 50px;
   position: absolute;
   top: -40px;
   left: calc(50% - 40px);
   width: 80px;
   height: 80px;
   display: block;
   z-index: 10
}

.warumwikus .card:hover {
   box-shadow: none
}

@media (min-width: 768px) {
   .warumwikus .card .inner {
      padding: 64px 24px
   }
}

@media (min-width: 1344px) {
   .warumwikus .card .inner {
      padding: 64px 32px
   }
}

.warumwikus .card .h3 {
   color: #1C2C77;
   margin-bottom: 0.5rem
}

.warumwikus .card:after {
   content: "";
   display: block;
   width: 80px;
   height: 80px;
   position: absolute;
   left: 50%;
   top: 0;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background-repeat: no-repeat
}

.warumwikus .card .overlay {
   position: relative;
   z-index: 1;
   transition: none
}

.warumwikus .card .overlay p {
   margin-bottom: 1rem
}

@media (min-width: 768px) {
   .warumwikus .card .overlay p {
      margin-bottom: 1.5rem
   }
}

.warumwikus .card .btn-round {
   position: absolute;
   left: 50%;
   bottom: 24px;
   -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
   z-index: 1
}

@media (min-width: 768px) {
   .warumwikus .card .btn-round {
      bottom: 32px
   }
}

.warumwikus .card:hover {
   box-shadow: none
}

.warumwikus .slick-active .card:hover {
   background: #fff;
   color: #fff
}

.warumwikus .slick-active .card:hover .h3 {
   color: #fff
}

.warumwikus .slick-active .card:hover p {
   transition: none
}

.warumwikus .slick-active .card:hover .inner {
   -webkit-filter: drop-shadow(0 8px 12px rgba(28, 44, 119, 0.4));
   filter: drop-shadow(0 8px 12px rgba(28, 44, 119, 0.4))
}

.warumwikus .slick-active .card:hover .inner:after {
   content: '';
   position: absolute;
   top: -40px;
   left: calc(50% - 40px);
   width: 80px;
   height: 80px;
   border-radius: 40px;
   box-shadow: 0 499px 0 499px #1C2C77
}

.warumwikus .rowholder {
   flex-grow: 1
}

.warumwikus .section-intro+.ww-slider {
   margin-top: 1rem
}

.warumwikus .slick-track {
   display: flex
}

@media (max-width: 767.98px) {
   .warumwikus .slick-track {
      padding-right: 16px;
      padding-left: 16px
   }
}

.warumwikus .slick-slider {
   display: block;
   overflow: hidden;
   margin: 0 -15px
}

@media (min-width: 768px) {
   .warumwikus .slick-slider {
      padding-left: 24px !important;
      padding-right: 24px !important;
      margin: 0 -24px
   }
}

@media (min-width: 768px) {
   .warumwikus .slick-slider {
      padding-left: 30px !important;
      padding-right: 30px !important;
      margin: 0 -30px
   }
}

.warumwikus .slick-list {
   overflow: visible;
   padding: 0 calc(8.3333% + 42px) 0 0
}

@media (min-width: 768px) {
   .warumwikus .slick-list {
      padding: 0 calc(8.3333% + 4px) 0 0
   }
}

@media (min-width: 1024px) {
   .warumwikus .slick-list {
      padding: 0
   }
}

.contentholder+.warumwikus {
   margin-top: -24px;
   background: #fff
}

@media (min-width: 1024px) {
   .contentholder+.warumwikus {
      margin-top: -48px
   }

   .contentholder+.warumwikus .slick-slide {
      margin-top: -16px
   }

   .contentholder+.warumwikus .section-intro+.ww-slider .slick-slide {
      margin-top: 0
   }
}

@media (max-width: 767.98px) {
   .contentholder+.warumwikus .ww-slider {
      padding-right: 0
   }
}

.contentholder+.warumwikus .subsection {
   padding-top: 0;
   padding-bottom: 0
}

@supports (-ms-ime-align: auto) {
   .warumwikus .slick-active .card .inner {
      background: #EDEFF5;
      box-shadow: none !important;
      transition: 0.2s ease-in-out
   }

   .warumwikus .slick-active .card .inner:after {
      background: #fff;
      box-shadow: none !important
   }

   .warumwikus .slick-active .card .inner:hover {
      background: #1C2C77
   }

   .warumwikus .slick-active .card .inner:hover:after {
      background: #fff;
      box-shadow: none !important
   }

   .warumwikus .slick-active .card {
      transition: -webkit-filter 0.2s;
      transition: filter 0.2s;
      transition: filter 0.2s, -webkit-filter 0.2s
   }

   .warumwikus .slick-active .card .icon {
      display: none !important
   }

   .warumwikus .slick-active .card:hover {
      background: #1C2C77
   }

   .warumwikus .slick-active .card:hover .inner {
      box-shadow: 0px 8px 14px rgba(28, 44, 119, 0.3)
   }

   .warumwikus .slick-active .card:hover .inner:after {
      background: #fff;
      box-shadow: inset 0 -6px 6px rgba(28, 44, 119, 0.15) !important
   }
}

@media all and (-ms-high-contrast: none) {

   *::-ms-backdrop,
   .warumwikus .slick-active .card .inner {
      background: #EDEFF5;
      transition: 0.2s ease-in-out
   }

   *::-ms-backdrop,
   .warumwikus .slick-active .card .inner:after {
      background: #fff;
      box-shadow: none !important
   }

   *::-ms-backdrop,
   .warumwikus .slick-active .card .inner:hover {
      background: #1C2C77
   }

   *::-ms-backdrop,
   .warumwikus .slick-active .card .inner:hover:after {
      background: #fff;
      box-shadow: none !important
   }

   *::-ms-backdrop,
   .warumwikus .slick-active .card .icon {
      display: none !important
   }

   *::-ms-backdrop,
   .warumwikus .slick-active .card:hover .inner {
      box-shadow: 0px 5px 14px rgba(28, 44, 119, 0.4)
   }

   *::-ms-backdrop,
   .warumwikus .slick-active .card :hover .inner:after {
      background: #fff;
      box-shadow: inset 0 -10px 8px rgba(28, 44, 119, 0.2) !important
   }
}

.picturesilder .slider-container {
   position: relative;
   overflow: hidden
}

.picturesilder .ps-slider {
   margin-bottom: 32px
}

@media (max-width: 559.98px) {
   .picturesilder .ps-slider {
      padding-left: 5px
   }
}

@media (min-width: 560px) {
   .picturesilder .ps-slider {
      margin-bottom: 40px
   }
}

.picturesilder .slick-list {
   overflow: visible
}

.picturesilder .slick-list {
   max-width: 1344px;
   padding: 0 calc(8.3333% + 5px) 0 0
}

@media (min-width: 560px) {
   .picturesilder .slick-list {
      padding-right: 16px;
      padding-left: 16px
   }
}

@media (min-width: 768px) {
   .picturesilder .slick-list {
      padding-right: 24px;
      padding-left: 24px
   }
}

@media (min-width: 1024px) {
   .picturesilder .slick-list {
      padding-right: 32px;
      padding-left: 32px
   }
}

@media (min-width: 1344px) {
   .picturesilder .slick-list {
      padding-right: 48px;
      padding-left: 48px
   }
}

@media (min-width: 560px) {
   .picturesilder .slick-list {
      padding: 0 calc(8.3333% + 21px) 0 0
   }
}

@media (min-width: 768px) {
   .picturesilder .slick-list {
      padding: 0 calc(8.3333% + 28px) 0 0
   }
}

@media (min-width: 1024px) {
   .picturesilder .slick-list {
      padding: 0 calc(8.3333% + 51px) 0 0
   }
}

@media (min-width: 1344px) {
   .picturesilder .slick-list {
      padding-right: 88px
   }
}

@media (min-width: 560px) {
   .picturesilder .slick-list .slick-track {
      display: flex;
      flex-wrap: wrap;
      margin-right: -5px;
      margin-left: -5px;
      flex-flow: row nowrap;
      padding-right: 10px;
      padding-left: 10px
   }
}

@media (min-width: 560px) {
   .picturesilder .slick-list .slick-track {
      padding-right: 16px;
      padding-left: 16px
   }
}

@media (min-width: 768px) {
   .picturesilder .slick-list .slick-track {
      padding-right: 20px;
      padding-left: 20px
   }
}

@media (min-width: 1024px) {
   .picturesilder .slick-list .slick-track {
      padding-right: 32px;
      padding-left: 32px
   }
}

@media (min-width: 1344px) {
   .picturesilder .slick-list .slick-track {
      padding-right: 48px;
      padding-left: 48px
   }
}

.picturesilder .slick-list .slick-track .slick-slide {
   flex-basis: auto
}

@media (min-width: 560px) {
   .picturesilder .slick-list .slick-track .slick-slide {
      padding-right: 8px;
      padding-left: 8px
   }
}

@media (min-width: 768px) {
   .picturesilder .slick-list .slick-track .slick-slide {
      padding-right: 12px;
      padding-left: 12px
   }
}

@media (min-width: 1024px) {
   .picturesilder .slick-list .slick-track .slick-slide {
      padding-right: 16px;
      padding-left: 16px
   }
}

@media (min-width: 1344px) {
   .picturesilder .slick-list .slick-track .slick-slide {
      padding-right: 24px;
      padding-left: 24px
   }
}

.picturesilder .slick-slide {
   position: relative;
   border-radius: 2px;
   padding: 0 5px
}

@media (min-width: 560px) {
   .picturesilder .slick-slide {
      flex: 0 0 50%;
      max-width: 50%;
      max-width: calc((100% - 8.333%) / 2)
   }
}

@media (min-width: 768px) {
   .picturesilder .slick-slide {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      max-width: calc((100% - 8.333%) / 3)
   }
}

.picturesilder .slick-slide .inner {
   position: relative
}

.picturesilder .slick-slide .overlay {
   position: absolute;
   top: 0;
   left: 0;
   color: #fff;
   z-index: 1;
   width: 100%;
   height: 100%
}

.picturesilder .slick-slide .overlay .h2 {
   color: #fff;
   margin-bottom: .5rem
}

.picturesilder .slick-slide .overlay .btn-round {
   position: absolute;
   bottom: 24px;
   opacity: 0;
   transition: .2s ease-in-out
}

@media (min-width: 768px) {
   .picturesilder .slick-slide .overlay .btn-round {
      bottom: 32px
   }
}

.picturesilder .slick-slide .overlay .btn-round span {
   background: #fff;
   border-color: #fff
}

.picturesilder .slick-slide .hovercopy {
   opacity: 0;
   transition: .2s
}

.picturesilder .slick-slide .hovercopy p {
   margin-bottom: 1.5rem
}

.picturesilder .slick-slide img {
   width: 100%;
   display: block;
   max-height: 368px;
   border-radius: 2px
}

.picturesilder .slick-slide .imagecontainer {
   position: relative
}

.picturesilder .slick-slide .imagecontainer:after {
   content: '';
   opacity: 0;
   position: absolute;
   background-color: #1C2C77;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   transition: all 0.2s ease-in-out
}

.picturesilder .slick-slide .filterimage {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-filter: brightness(40%) sepia(1) saturate(3) hue-rotate(190deg) contrast(1.5);
   filter: brightness(40%) sepia(1) saturate(3) hue-rotate(190deg) contrast(1.5);
   opacity: 0;
   transition: all 0.2s ease-in-out
}

.picturesilder .slick-slide:hover.slick-active .hovercopy {
   opacity: 1
}

.picturesilder .slick-slide:hover.slick-active .overlay .btn-round {
   opacity: 1
}

.picturesilder .slick-slide:hover.slick-active .imagecontainer {
   box-shadow: 0 8px 24px 0 rgba(28, 44, 119, 0.4);
   transition: all 0.2s ease-in-out
}

.picturesilder .slick-slide:hover.slick-active .imagecontainer:after {
   opacity: .5
}

.picturesilder .slick-slide:hover.slick-active .filterimage {
   opacity: 1
}

.picturesilder .slick-slide.prevdiv *,
.picturesilder .slick-slide.nextdiv * {
   transition: none
}

.picturesilder .slick-slide.prevdiv:hover .hovercopy,
.picturesilder .slick-slide.nextdiv:hover .hovercopy {
   opacity: 0
}

.picturesilder .slick-slide.prevdiv:hover .overlay .btn-round,
.picturesilder .slick-slide.nextdiv:hover .overlay .btn-round {
   opacity: 0
}

.picturesilder .slick-slide.prevdiv:hover .imagecontainer,
.picturesilder .slick-slide.nextdiv:hover .imagecontainer {
   box-shadow: none
}

.picturesilder .slick-slide.prevdiv:hover .imagecontainer:after,
.picturesilder .slick-slide.nextdiv:hover .imagecontainer:after {
   opacity: 0
}

.picturesilder .slick-slide.prevdiv:hover .filterimage,
.picturesilder .slick-slide.nextdiv:hover .filterimage {
   opacity: 0
}

@media (max-width: 1023.98px) {
   .picturesilder .slick-slide.slick-active .hovercopy {
      opacity: 1;
      transition: all 0.4s ease-in-out
   }

   .picturesilder .slick-slide.slick-active .overlay .btn-round,
   .picturesilder .slick-slide.slick-active .overlay .btn-round span {
      opacity: 1;
      transition: all 0.4s ease-in-out
   }

   .picturesilder .slick-slide.slick-active .imagecontainer {
      box-shadow: 0 8px 24px 0 rgba(28, 44, 119, 0.4);
      transition: all 0.4s ease-in-out
   }

   .picturesilder .slick-slide.slick-active .imagecontainer:after {
      opacity: .4
   }

   .picturesilder .slick-slide.slick-active .filterimage {
      opacity: 1;
      transition: all .4s ease-in-out
   }
}

.picturesilder .headline_copy {
   padding-bottom: 40px
}

@media all and (-ms-high-contrast: none) {

   *::-ms-backdrop,
   .picturesilder .slick-slide.slick-active .imagecontainer::after {
      content: '';
      opacity: 0;
      position: absolute;
      background-color: #05389f
   }

   *::-ms-backdrop,
   .picturesilder .slick-slide.slick-active:hover .imagecontainer::after {
      content: '';
      opacity: 0.6 !important;
      position: absolute;
      background-color: #05389f
   }
}

@media (min-width: 768px) {
   .heropictureslider .slide.bg {
      height: 560px
   }
}

.heropictureslider {
   position: relative
}

.heropictureslider .inner {
   position: relative
}

@media (max-width: 767.98px) {
   .heropictureslider {
      padding-left: 0
   }

   .heropictureslider p {
      display: none
   }
}

@media (max-width: 559.98px) {
   .heropictureslider {
      padding-left: 0
   }
}

.heropictureslider>.row>.col,
.heropictureslider>.row {
   padding-left: 0;
   padding-right: 0;
   margin-left: 0;
   margin-right: 0
}

.heropictureslider .slides {
   z-index: 3
}

@media (min-width: 768px) {
   .heropictureslider .slides .slick-slide {
      overflow: hidden
   }

   .heropictureslider .slides .slick-slide * {
      transition: all 0.5s
   }

   .heropictureslider .slides .slick-slide img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-filter: blur(5px);
      filter: blur(5px);
      opacity: 0.5;
      -webkit-transform: scale(1.1) translate(-50%, -50%);
      transform: scale(1.1) translate(-50%, -50%);
      transition: all 0.5s ease-in
   }

   .heropictureslider .slides .slick-slide.slick-current img {
      -webkit-filter: blur(0);
      filter: blur(0);
      opacity: 1;
      transition: all 0.5s ease-in;
      -webkit-transform: scale(1) translate(-50%, -50%);
      transform: scale(1) translate(-50%, -50%);
      transition: all 1s;
      left: 50%;
      top: 50%
   }
}

.heropictureslider .slick-list {
   padding: 40px calc(8.3333% + 18px) 40px 0
}

.heropictureslider .slick-list .slick-track {
   display: flex;
   padding-left: 10px
}

.heropictureslider .slick-list .slick-track .slick-slide {
   padding: 0 5px
}

@media (min-width: 560px) {
   .heropictureslider .slick-list {
      padding: 40px calc(8.3333% + 29px) 40px 0
   }

   .heropictureslider .slick-list .slick-track {
      padding: 0 16px
   }

   .heropictureslider .slick-list .slick-track .slick-slide {
      padding: 0 8px
   }
}

@media (min-width: 768px) {
   .heropictureslider .slick-list {
      padding: 40px 0
   }

   .heropictureslider .slick-list .slick-track {
      padding: 0
   }

   .heropictureslider .slick-list .slick-track .slick-slide {
      padding: 0 12px
   }
}

@media (max-width: 767.98px) {
   .heropictureslider .slides.single .slick-list {
      padding: 40px 32px 40px 0
   }
}

@media (max-width: 559.98px) {
   .heropictureslider .slides.single .slick-list {
      padding: 40px 20px 40px 0
   }
}

.heropictureslider .slide.bg img {
   display: block;
   width: 100%
}

@media (min-width: 768px) {
   .heropictureslider .slide.bg img {
      position: absolute;
      -webkit-transform: scale(1.1) translate(-45.5%, -45.5%);
      transform: scale(1.1) translate(-45.5%, -45.5%);
      transition: all 1s ease-out;
      height: 100%;
      width: auto
   }

   .heropictureslider .slick-list {
      padding: 0
   }

   .heropictureslider .container-fluid {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      z-index: 3;
      padding-top: 0;
      padding-bottom: 0 !important;
      margin-top: 56px
   }
}

@media (min-width: 768px) and (min-width: 1024px) {
   .heropictureslider .container-fluid {
      margin-top: 80px
   }
}

@media (min-width: 768px) {
   .heropictureslider .container-fluid.controls {
      top: auto;
      bottom: 0
   }

   .heropictureslider .container-fluid .slick-list {
      padding: 0 !important
   }

   .heropictureslider .container-fluid .slick-list .slick-track {
      margin-bottom: -6px
   }

   .heropictureslider .container-fluid .slick-list .slick-track .slick-slide {
      padding: 0
   }

   .heropictureslider .container-fluid .slick-list .slick-track .slick-slide .slide {
      position: relative;
      overflow: hidden
   }

   .heropictureslider .container-fluid .slick-list .slick-track .slick-slide .slide img {
      position: absolute;
      width: auto;
      height: 100%;
      width: auto;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0)
   }
}

@media (min-width: 1344px) {
   .heropictureslider .slide.bg img {
      height: 110%;
      width: auto
   }
}

@media (max-width: 767.98px) {
   .heropictureslider .container-fluid {
      padding-top: 0 !important;
      padding-bottom: 0 !important
   }

   .heropictureslider .container-fluid .col,
   .heropictureslider .container-fluid .row {
      padding-left: 0 !important;
      padding-right: 0 !important
   }
}

.heropictureslider .overlay {
   background: #fff
}

@media (min-width: 768px) {
   .heropictureslider .overlay {
      border-radius: 2px
   }
}

.heropictureslider .overlay h2 {
   margin-bottom: 0.5rem
}

.heropictureslider .overlay p {
   margin-bottom: 1.5rem
}

.heropictureslider .card-badge {
   padding-bottom: 8px
}

.heropictureslider .controls {
   display: none
}

@media (min-width: 768px) {
   .heropictureslider .controls {
      width: 100%;
      color: #fff;
      z-index: 4;
      display: block;
      position: absolute;
      bottom: 0
   }

   .heropictureslider .controls .slick-list {
      max-width: 1344px
   }
}

@media (min-width: 768px) and (min-width: 560px) {
   .heropictureslider .controls .slick-list {
      padding-right: 16px;
      padding-left: 16px
   }
}

@media (min-width: 768px) and (min-width: 768px) {
   .heropictureslider .controls .slick-list {
      padding-right: 24px;
      padding-left: 24px
   }
}

@media (min-width: 768px) and (min-width: 1024px) {
   .heropictureslider .controls .slick-list {
      padding-right: 32px;
      padding-left: 32px
   }
}

@media (min-width: 768px) and (min-width: 1344px) {
   .heropictureslider .controls .slick-list {
      padding-right: 48px;
      padding-left: 48px
   }
}

@media (min-width: 768px) {
   .heropictureslider .controls .slick-list .slick-track {
      width: calc(100% + 10px) !important
   }

   .heropictureslider .controls .slick-list .slick-track .slick-slide {
      flex-basis: auto
   }
}

@media (min-width: 768px) and (min-width: 560px) {
   .heropictureslider .controls .slick-list .slick-track .slick-slide {
      padding-right: 8px;
      padding-left: 8px
   }
}

@media (min-width: 768px) and (min-width: 768px) {
   .heropictureslider .controls .slick-list .slick-track .slick-slide {
      padding-right: 12px;
      padding-left: 12px
   }
}

@media (min-width: 768px) and (min-width: 1024px) {
   .heropictureslider .controls .slick-list .slick-track .slick-slide {
      padding-right: 16px;
      padding-left: 16px
   }
}

@media (min-width: 768px) and (min-width: 1344px) {
   .heropictureslider .controls .slick-list .slick-track .slick-slide {
      padding-right: 24px;
      padding-left: 24px
   }
}

@media (min-width: 768px) {
   .heropictureslider .controls .slick-list .slick-slide {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }
}

.heropictureslider .controls .captions {
   padding: 0 0 20px
}

.heropictureslider .controls .captions .slick-list {
   width: 100%;
   margin: 0 auto
}

.heropictureslider .controls .captions .slick-slide {
   left: auto !important;
   opacity: 0.5 !important;
   transition: 0.2s
}

.heropictureslider .controls .captions .slick-slide.slick-current,
.heropictureslider .controls .captions .slick-slide:hover {
   opacity: 1 !important
}

.heropictureslider .controls .captions .caption {
   flex: 0 0 33.3333%;
   padding: 23px 40px 0 0;
   position: relative;
   font-weight: 700;
   opacity: 0.6;
   cursor: pointer
}

.heropictureslider .controls .captions .caption * {
   transition: all 0.2s
}

.heropictureslider .controls .captions .caption:before {
   content: "";
   width: 28%;
   height: 6px;
   display: block;
   position: absolute;
   top: 0;
   left: 12px;
   border-radius: 2px;
   background: #fff
}

@media (min-width: 1024px) {
   .heropictureslider .controls .captions .caption:before {
      left: 16px
   }
}

@media (min-width: 1344px) {
   .heropictureslider .controls .captions .caption:before {
      left: 24px
   }
}

.heropictureslider .controls .captions .slick-current .caption {
   opacity: 1
}

.heropictureslider .mobile-back {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: 1
}

.heropictureslider .mobile-back .slick-slide {
   padding: 0 !important
}

.heropictureslider .mobile-back * {
   height: 100%
}

.heropictureslider .mobile-back .slick-list {
   padding: 0
}

.heropictureslider .mobile-back img {
   display: block;
   width: 110%;
   height: 110%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-filter: blur(10px);
   filter: blur(10px);
   margin: -5%
}

@media (min-width: 768px) {
   .heropictureslider .mobile-back {
      display: none
   }
}

.contentblock+.heropictureslider {
   padding-top: 0
}

.contact-teaser {
   position: relative;
   padding-bottom: 0
}

.contact-teaser .container-fluid {
   margin-top: -7px
}

@media (min-width: 768px) {
   .contact-teaser .container-fluid {
      padding-bottom: 72px
   }
}

@media (max-width: 1023.98px) {
   .contact-teaser .subsection {
      padding-bottom: 0
   }
}

.contact-teaser .col {
   z-index: 1
}

.contact-teaser p {
   margin-bottom: 1.5rem
}

.contact-teaser .search-holder {
   margin-bottom: 1rem;
   width: 100%
}

.contact-teaser .search-holder input {
   width: 100%;
   padding-right: 48px
}

.contact-teaser .search-holder .btn {
   right: 16px;
   justify-content: center
}

.contact-teaser a {
   font-weight: 700
}

.contact-teaser .bg-image {
   width: 50%;
   position: absolute;
   right: 0;
   height: 100%;
   top: 0;
   background: url("../images/Europa-Map.svg") 2px 50% no-repeat;
   background-size: cover;
   opacity: 0.2
}

@media (max-width: 767.98px) {
   .contact-teaser .bg-image {
      position: relative;
      width: 100%;
      height: 200px;
      background: url("../images/Europa-Map-S.svg") 2px top no-repeat;
      opacity: 0.2;
      margin-top: -80px;
      background-size: cover
   }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
   .contact-teaser .bg-image {
      background: url("../images/Europa-Map-S.png") 2px 50% no-repeat
   }
}

@media all and (min-width: 560px) and (-ms-high-contrast: active),
(min-width: 576px) and (-ms-high-contrast: none) {
   .contact-teaser .bg-image {
      background: url("../images/Europa-Map.png") 2px 50% no-repeat
   }
}

@media (min-width: 768px) {
   .contact-teaser .search-holder {
      width: 100%;
      margin: 0 0 24px
   }

   .contact-teaser .bg-image img {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: auto
   }
}

@media (min-width: 1344px) {
   .contact-teaser .search-holder {
      width: 65%
   }
}

section.newsletter {
   position: relative;
   overflow: hidden;
   padding: 32px 0 40px
}

@media (min-width: 768px) {
   section.newsletter {
      padding: 48px 0 56px
   }
}

@media (min-width: 1024px) {
   section.newsletter {
      padding: 72px 0 80px
   }
}

section.newsletter .row {
   justify-content: center
}

section.newsletter .row.heading .col {
   padding-bottom: 0
}

section.newsletter .row.heading .col .h1 {
   margin-bottom: 1rem
}

section.newsletter .col {
   text-align: center;
   padding-top: 8px;
   padding-bottom: 8px
}

section.newsletter .container-fluid {
   z-index: 2;
   position: relative
}

section.newsletter .modulhead,
section.newsletter p.copy {
   color: #fff
}

section.newsletter .modulhead a,
section.newsletter p.copy a {
   color: #fff;
   border-bottom: 2px solid #fff
}

section.newsletter form input {
   border: none;
   width: 100%;
   -webkit-appearance: none;
   ms-appearance: none;
   transition: none !important;
   background:#fff
}

section.newsletter form input:focus {
   border: none
}

section.newsletter form input.btn {
   width: auto;
   margin-top: 1rem;
   border: none
}

section.newsletter form input.f3-form-error {
   border: 2px solid #E3000F;
   background: #fff
}

section.newsletter form input.f3-form-error:focus {
   border-color: #E3000F
}

section.newsletter .bg-image {
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1
}

section.newsletter .bg-image img {
   display: block;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}



.sectionbreadcrumb {
   background: #fff;
   padding: 1rem 0 1.5rem
}

.sectionbreadcrumb nav {
   position: relative;
   display: flex;
   align-items: flex-start
}

@media (max-width: 767.98px) {
   .sectionbreadcrumb nav {
      flex-direction: column
   }
}

.sectionbreadcrumb .breadcrumb {
   padding: 0;
   margin: 0;
   background: #fff;
   flex: 1 1 auto
}

.sectionbreadcrumb .breadcrumb::-webkit-scrollbar {
   display: none
}

.sectionbreadcrumb .breadcrumb a {
   color: #A6A8AD;
   font-weight: 700;
   line-height: 1rem
}

.sectionbreadcrumb .breadcrumb a:hover {
   color: #1D1F29
}

.sectionbreadcrumb .breadcrumb a:after {
   content: "";
   display: inline-block;
   width: 6px;
   height: 10px;
   background: url(../images/arrow_gray_small.svg) 0 0 no-repeat;
   background-size: 6px 10px;
   margin: 0 8px 0 10px
}

.sectionbreadcrumb .breadcrumb li:last-child a:after {
   display: none
}

@media (max-width: 767.98px) {
   .sectionbreadcrumb .breadcrumb {
      margin: 0 -24px;
      padding: 0 24px
   }
}

@media (max-width: 559.98px) {
   .sectionbreadcrumb .breadcrumb {
      margin: 0 -16px;
      padding: 0 16px
   }
}

.sectionbreadcrumb .print {
   flex: 0 0 auto;
   font-size: 0.875rem;
   font-weight: 700;
   color: #A6A8AD
}

.sectionbreadcrumb .print:after {
   content: "";
   display: block;
   width: 16px;
   height: 16px;
   background: url(../images/Print_black.svg) 0 0 no-repeat;
   background-size: 16px 16px;
   float: right;
   margin: 2px 0 0 10px;
   opacity: .35
}

.sectionbreadcrumb .print:hover {
   color: #1D1F29
}

.sectionbreadcrumb .print:hover:after {
   opacity: 1
}

@media (max-width: 767.98px) {
   .sectionbreadcrumb .print {
      display: none
   }
}

@media (min-width: 768px) {
   .sectionbreadcrumb {
      padding: 1.5rem 0 2rem
   }
}

@media (max-width: 767.98px) {
   .sectionbreadcrumb nav ul {
      overflow: auto;
      flex-wrap: nowrap;
      max-width: 100%
   }

   .sectionbreadcrumb nav ul li a {
      white-space: nowrap
   }

   .sectionbreadcrumb nav ul li:last-child {
      padding-right: 24px
   }
}

@media (max-width: 559.98px) {
   .sectionbreadcrumb nav ul li:last-child {
      padding-right: 16px
   }
}

.fadelayer {
   display: none;
   width: 100vw;
   height: 100vh;
   left: 0 !important;
   top: 0 !important;
   position: fixed;
   background: #fff;
   z-index: 9999;
   overflow: auto
}

.fadelayer .row {
   height: 100%
}

.fadelayer .container-fluid {
   box-shadow: none !important
}

@media (max-width: 800px) {
   .fadelayer .container-fluid {
      overflow-x: scroll;
      max-height: 100%
   }
}

@media (max-width: 800px) {
   .fadelayer {
      height: 100%
   }
}

.countryswitch {
   background: white;
   background: linear-gradient(135deg, white 0%, #edeff5 100%)
}

.countryswitch .btn-back {
   margin-bottom: 1.5rem
}

.countryswitch h2 {
   margin-bottom: 1rem
}

.countryswitch:after {
   content: "";
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-image: url("../images/World-Map-Right.svg");
   background-position: right top;
   background-size: contain;
   background-repeat: no-repeat;
   opacity: 0.1;
   z-index: 1
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
   .countryswitch:after {
      background: url("../images/World-Map-Right.png") top left no-repeat
   }
}

@media all and (min-width: 560px) and (-ms-high-contrast: active),
(min-width: 576px) and (-ms-high-contrast: none) {
   .countryswitch:after {
      background: url("../images/World-Map-Right.png") top left no-repeat
   }
}

@media (min-width: 768px) {

   .countryswitch:after,
   .countryswitch:before {
      content: "";
      width: 50%;
      height: 100%;
      left: 0;
      top: 0;
      background: url("../images/World-Map-Left.svg") left top;
      background-size: cover;
      background-position: right;
      position: fixed;
      opacity: 0.1;
      z-index: 1
   }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active),
(min-width: 768px) and (-ms-high-contrast: none) {

   .countryswitch:after,
   .countryswitch:before {
      background: url("../images/World-Map-Left.png") center left no-repeat
   }
}

@media all and (min-width: 768px) and (min-width: 560px) and (-ms-high-contrast: active),
(min-width: 768px) and (min-width: 576px) and (-ms-high-contrast: none) {

   .countryswitch:after,
   .countryswitch:before {
      background: url("../images/World-Map-Left.png") center left no-repeat
   }
}

@media (min-width: 768px) {
   .countryswitch:after {
      background-image: url("../images/World-Map-Right.svg");
      background-position: left;
      left: auto;
      right: 0
   }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active),
(min-width: 768px) and (-ms-high-contrast: none) {
   .countryswitch:after {
      background: url("../images/World-Map-Right.png") center right no-repeat
   }
}

@media all and (min-width: 768px) and (min-width: 560px) and (-ms-high-contrast: active),
(min-width: 768px) and (min-width: 576px) and (-ms-high-contrast: none) {
   .countryswitch:after {
      background: url("../images/World-Map-Right.png") center right no-repeat
   }
}

.countryswitch .container-fluid {
   position: relative;
   z-index: 2
}

.countryswitch .countryblock {
   background: #fff;
   padding-bottom: 1px;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 2rem;
   border-radius: 2px
}

.countryswitch .countryblock:last-child {
   margin-bottom: 0
}

.countryswitch .countryblock strong {
   display: inline-block;
   padding-bottom: 0.75rem;
   color: #1C2C77;
   line-height: 1.25rem
}

.countryswitch .countryblock ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")
}

.countryswitch .countryblock ul li {
   width: 50%;
   display: inline-block;
   padding: 12px 0
}

.countryswitch .countryblock ul li a {
   font-size: 0.875rem;
   font-weight: 700;
   color: #1D1F29
}

.countryswitch .countryblock ul li a img {
   margin-right: 5px;
   width: 24px;
   height: 16px;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%)
}

.countryswitch .countryblock ul li.active a img {
   -webkit-filter: grayscale(0);
   filter: grayscale(0)
}

.countryswitch .countryblock ul li a:hover img {
   -webkit-filter: grayscale(0);
   filter: grayscale(0)
}

.countryswitch .countryblock .col {
   padding: 0 0 20px
}

.countryswitch .countryblock .col-full {
   flex: 0 0 100%;
   max-width: 100%
}

@media (min-width: 560px) {
   .countryswitch .countryblock ul li {
      width: 33.3333%
   }

   .countryswitch .countryblock .col-full ul li {
      width: 33.3333%
   }

   .countryswitch .countryblock .col-12 ul li {
      width: 33.3333%
   }
}

@media (min-width: 1024px) {
   .countryswitch .countryblock ul li {
      width: 25%
   }

   .countryswitch .countryblock .col-full ul li {
      width: 25%
   }

   .countryswitch .countryblock .col-12 ul li {
      width: 50%
   }
}

@media (min-width: 1344px) {
   .countryswitch .countryblock ul li {
      width: 16.66667%
   }

   .countryswitch .countryblock .col-full ul li {
      width: 16.66667%
   }

   .countryswitch .countryblock .col-12 ul li {
      width: 33.33333%
   }
}

.countryswitch .countryblock ul li a img,
_:-ms-lang(x) {
   opacity: 0.3
}

.countryswitch .countryblock ul li.active a img,
_:-ms-lang(x) {
   opacity: 1
}

.countryswitch .countryblock ul li a:hover img,
_:-ms-lang(x) {
   opacity: 1
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover {
   -webkit-box-shadow: 0 0 0 30px white inset !important
}

.contact form {
   padding-top: 12px
}

.contact form .row {
   padding: 0
}

.contact form .row .col {
   padding-bottom: 24px
}

.contact form .row .col.col-6 {
   padding-right: 12px
}

.contact form .btn[type="submit"] {
   margin-top: 16px
}

.contact form.ajaxForm {
   padding-top: 0
}

.contact input[type=password],
.contact input[type=text],
.contact label,
.contact textarea {
   transition: all 0.3s;
   touch-action: manipulation
}

.contact textarea {
   padding-top: 10px
}

.contact .saccordion .card-body>.row>.col {
   padding-bottom: 0
}

.contact .saccordion .card-body>.row>.col .row:last-child .col:last-child {
   padding-bottom: 8px
}

@media (min-width: 768px) {
   .contact .saccordion .card-body>.row>.col .row:last-child .col {
      padding-bottom: 8px
   }

   .contact .saccordion .card-body>.row>.col .row:last-child .col:last-child {
      padding-bottom: 0
   }
}

.contact .saccordion>.row>.col {
   padding-bottom: 0
}

form .f3-form-error {
   background: transparent;
   border-color: #E3000F;
   border-width: 2px
}

form input[type=checkbox].f3-form-error+label:before {
   content: "";
   border-color: #E3000F
}

.contacts .contact-person h2 {
   margin-bottom: 0
}

.contacts h2 {
   font-size: 1.125rem;
   line-height: 1.5rem;
   margin-bottom: 0.625rem
}

.contacts .contact-person {
   margin-bottom: 8px
}

.contacts .contact div {
   margin-bottom: 0.75rem;
   transition: all 0.5s
}

.contacts .image {
   margin-bottom: 0.75rem
}

.contacts .col,
.contacts .row {
   margin-bottom: 0
}

.contacts .padbot {
   padding-bottom: 1.5rem
}

.contacts .row,
.contacts .col {
   margin-bottom: 0
}

.contacts .padbot {
   padding-bottom: 1.5rem
}

.contacts .position {
   font-size: 0.875rem;
   line-height: 1rem;
   color: #A6A8AD
}

.contacts .fax,
.contacts .mail,
.contacts .phone,
.contacts .mobile {
   font-weight: 700;
   color: #1C2C77;
   display: block;
   border: none;
   margin-bottom: 0.75rem
}

.contacts .fax span,
.contacts .mail span,
.contacts .phone span,
.contacts .mobile span {
   line-height: 20px;
   border-bottom: 2px solid transparent
}

.contacts .fax:hover span,
.contacts .mail:hover span,
.contacts .phone:hover span,
.contacts .mobile:hover span {
   border-color: #1C2C77
}

.contacts .image img {
   width: 100%;
   border-radius: 2px
}

.contacts .row.mobilereverse {
   flex-direction: column-reverse
}

.contacts .row .col {
   align-self: center
}

.contacts .grau {
   font-size: 0.875rem;
   color: #797A80
}

.contacts h2+.grau {
   margin-top: -10px
}

@media (min-width: 768px) {
   .contacts .row.mobilereverse {
      flex-direction: row
   }

   .contacts .row .col {
      align-self: flex-start
   }
}

.saccordion .contactholder {
   display: flex;
   flex-wrap: wrap
}

.saccordion .contacts {
   flex: 0 1 100%;
   width: 100%;
   margin-left: 0;
   margin-right: 0
}

.saccordion .contacts .container-fluid,
.saccordion .contacts .row {
   padding-left: 0;
   padding-right: 0;
   margin-left: 0;
   margin-right: 0
}

.saccordion .contacts .maincol {
   max-width: 100%;
   flex: 0 1 100%;
   padding-left: 0;
   padding-right: 0
}

@media (min-width: 768px) {
   .saccordion .contacts {
      flex: 0 1 100%;
      width: 100%
   }
}

#cookie-bar {
   background: rgba(29, 31, 41, 0.8);
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 0;
   transition: .2s;
   align-items: center;
   flex-direction: row;
   max-width: none
}

#cookie-bar .col .inner {
   background: #fff;
   border-radius: 2px
}

#cookie-bar .col .inner p {
   line-height: 1.25rem
}

#cookie-bar .col .inner p:last-child {
   margin-bottom: 0
}

#cookie-bar .col .inner .cc-btn {
   padding: 0.75rem 1rem;
   font-size: 1rem
}

#cookie-bar .col .inner .message {
   font-size: 0.875rem;
   margin-bottom: 1.5rem
}

#cookie-bar .col .inner a {
   border-bottom: 2px solid #1C2C77;
   font-weight: 700
}

#cookie-bar .col .inner a.btn-secondary {
   display: none
}

#cookie-bar .col .inner .h2 {
   font-size: 1.125rem;
   line-height: 1.5rem
}

@media screen and (max-width: 414px) and (orientation: portrait),
screen and (max-width: 736px) and (orientation: landscape) {
   #cookie-bar {
      align-items: center;
      flex-direction: row
   }
}

.cookiecheck {
   visibility: hidden;
   display: inline-block
}

.cookiecheck label {
   cursor: pointer;
   margin-bottom: 0;
   position: relative;
   line-height: 0
}

.cookiecheck label i {
   display: inline-block;
   border: 2px solid #E4E5EB;
   width: 58px;
   height: 32px;
   border-radius: 14px;
   position: relative
}

.cookiecheck label i:before {
   content: "";
   width: 28px;
   height: 28px;
   background: #1C2C77;
   border-radius: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   transition: margin .2s, background-color .2s;
   margin-left: 26px
}

.cookiecheck label i:after {
   content: "";
   width: 28px;
   height: 28px;
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   background: url(../images/Check_white.svg) center center no-repeat;
   background-size: 15px 15px;
   z-index: 2;
   transition: margin .2s;
   margin-left: 25px
}

.cookiecheck label span {
   position: absolute;
   left: 73px;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   font-weight: bold;
   color: #1C2C77;
   line-height: 1rem;
   transition: .2s
}

.cookiecheck label span.decline {
   opacity: 0
}

.cookiecheck.decline label i:before {
   margin-left: 0;
   background: #797A80
}

.cookiecheck.decline label i:after {
   background: url(../images/Plus_white.svg) center center no-repeat;
   background-size: 16px 16px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   margin-left: 0
}

.cookiecheck.decline span {
   color: #797A80
}

.cookiecheck.decline span.decline {
   opacity: 1
}

.cookiecheck.decline span.accept {
   opacity: 0
}

section .row.button-row {
   margin: 0 -12px -16px;
   padding: 0
}

section .row.button-row .col {
   padding: 0 12px 16px;
   width: auto;
   flex-grow: 0
}

section.contentstage.bsstage {
   padding-bottom: 40px;
   background: #fff;
   text-align: center
}

section.contentstage.bsstage.inverted {
   background: #EDEFF5
}

section.contentstage.bsstage .subsection {
   height: 152px;
   background: linear-gradient(to right, #202b74 0%, #151d4d 100%)
}

section.contentstage.bsstage .subsection:after {
   display: none
}

@media (min-width: 768px) {
   section.contentstage.bsstage {
      padding-bottom: 56px
   }

   section.contentstage.bsstage .subsection {
      height: 400px
   }

   section.contentstage.bsstage .col {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }
}

@media (min-width: 1024px) {
   section.contentstage.bsstage {
      padding-bottom: 80px
   }
}

.steps {
   list-style-type: none;
   display: flex;
   padding-left: 0;
   justify-content: space-between;
   margin-left: calc(-9.5% + 16px);
   margin-right: calc(-9.5% + 16px);
   margin-bottom: 0
}

.steps li {
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");
   flex: 0 1 16.66667%;
   max-width: 16.66667%;
   text-align: center;
   position: relative
}

.steps li span {
   display: inline-block;
   width: 32px;
   height: 32px;
   background: #757ca1;
   color: #1C2C77;
   border-radius: 100%;
   text-align: center;
   line-height: 32px;
   font-weight: 700
}

.steps li span:after,
.steps li span:before {
   content: "";
   display: block;
   top: 50%;
   margin-top: -2px;
   height: 4px;
   background: #757ca1;
   position: absolute;
   z-index: -1
}

.steps li span:before {
   left: 0;
   right: 50%
}

.steps li span:after {
   left: 50%;
   right: 0
}

.steps li:first-child span:before {
   display: none
}

.steps li:last-child span:after {
   display: none
}

.steps li.current a span {
   background: #b8bccd;
   color: #1C2C77
}

.steps li.current a span:before {
   background: #0095E6
}

.steps li.active a span {
   background: #fff;
   color: #1C2C77
}

.steps li.done span {
   background: #0095E6;
   color: #fff
}

.steps li.done span:after {
   background: #0095E6
}

.steps li.done+.active span:before,
.steps li.done+.done span:before {
   background: #0095E6
}

@media (min-width: 768px) {
   .steps {
      margin-left: calc(-9.5% + 20px);
      margin-right: calc(-9.5% + 20px);
      padding-top: 18px
   }

   .steps li span {
      width: 40px;
      height: 40px;
      line-height: 40px
   }
}

.bsstage+.contactlayer.fadelayer {
   background: linear-gradient(135deg, #fff 0%, #edeff5 100%)
}

.bsstage+.contactlayer.fadelayer .contentblock {
   background: transparent
}

.bsstage+.contactlayer.fadelayer .contentblock h2 {
   margin-top: 1rem;
   margin-bottom: 0
}

.bsstage+.contactlayer.fadelayer .contentblock p {
   padding-bottom: 0;
   margin-top: 0.5rem
}

.bsstage+.contactlayer.fadelayer .contentblock form {
   margin-top: 1.5rem
}

.bsstage+.contactlayer.fadelayer .contentblock .floatingfield.is-focused label {
   background: linear-gradient(to bottom, transparent 50%, #fff 50%, #fff 100%)
}

.bandselektor.inverted .container-fluid {
   padding-bottom: 60px
}

.bandselektor .innerrow .col {
   margin-bottom: 24px
}

.bandselektor .button-navbar {
   padding-top: 40px;
   margin-top: 16px;
   border-top: 2px solid #E4E5EB;
   display: flex;
   justify-content: space-between
}

.machineDimensions .dimensionhead {
   font-size: 0.875rem;
   color: #797A80;
   padding-bottom: 1.25rem
}

.machineDimensions ul {
   list-style-type: none;
   padding: 0;
   margin: 0
}

.machineDimensions ul li {
   display: inline-block;
   padding-left: 0;
   padding-right: 32px
}

.machineDimensions ul li strong {
   display: block;
   padding-bottom: 8px
}

.machineDimensions ul li:before {
   display: none
}

.cattabs {
   padding-bottom: 32px
}

.cattabs .tab-holder {
   padding-top: 0;
   background: none
}

.cattabs .tab-holder .nav-tabs {
   margin-bottom: 0;
   list-style-type: none;
   display: flex
}

.cattabs .tab-holder .nav-tabs li {
   padding: 0;
   width: 50%;
   cursor: pointer
}

.cattabs .tab-holder .nav-tabs li:before {
   displaY: none
}

.cattabs .tab-holder .nav-tabs li a {
   display: block;
   padding: 15px;
   background: #E4E5EB;
   border: 2px solid #E4E5EB;
   text-align: center;
   color: #797A80
}

.cattabs .tab-holder .nav-tabs li a.active {
   background: #fff;
   color: #1C2C77
}

.cattabs .tab-holder .nav-tabs li:first-child a.nav-link {
   border-radius: 2px 0 0 2px
}

.cattabs .tab-holder .nav-tabs li:last-child a.nav-link {
   border-radius: 0 2px 2px 0
}

.materialLayer .form-control {
   margin: 11px 0 32px
}

.materialLayer .acHolder {
   position: relative
}

.materialLayer .acHolder .tx-solr-autosuggest {
   top: 0 !important
}

.materiallist_form label {
   cursor: pointer
}

.materiallist_form .description {
   padding-left: 50px;
   font-size: 0.875rem;
   color: #797A80;
   margin: -4px 0 4px
}

.materiallist_form.disabled li {
   color: #797A80
}

.materiallist_form.disabled li label {
   cursor: default
}

.materiallist_form.levelicon li {
   padding-right: 32px
}

.materiallist_form.levelicon li:after {
   content: "";
   width: 32px;
   height: 32px;
   display: block;
   position: absolute;
   right: 0;
   top: -4px;
   background-size: 32px 32px;
   background-position: 0 0;
   background-repeat: no-repeat
}

.materiallist_form.levelicon li.level-1:after {
   background: url("../images/Product-Level-1_small.svg")
}

.materiallist_form.levelicon li.level-2:after {
   background: url("../images/Product-Level-2_small.svg")
}

.materiallist_form.levelicon li.level-3:after {
   background: url("../images/Product-Level-3_small.svg")
}

.materiallist_form.levelicon li.level-4:after {
   background: url("../images/Product-Level-S_small.svg")
}

.bandselektor .materiallist_form {
   margin-bottom: 0;
   padding-bottom: 1.5rem
}

.bandselektor .saccordion {
   padding: 0
}

.bandselektor .saccordion .accordion {
   padding-bottom: 1.5rem
}

.bandselektor .saccordion .card {
   margin: 0;
   background: none
}

.bandselektor .saccordion .card .card-header {
   background: #fff;
   margin-bottom: 8px
}

.bandselektor .saccordion .card .card-header+div[class^="collaps"] {
   margin: 0
}

.bandselektor .saccordion .card .card-body {
   background: #fff;
   border-radius: 2px;
   padding-top: 20px;
   padding-bottom: 24px !important
}

.bandselektor .saccordion .card .card-body .list-group-item {
   border: none;
   padding: 8px 0
}

.bandselektor .saccordion .card .card-body .list-group-item .description {
   position: relative
}

.bandselektor .saccordion .card .card-body .list-group-item .description i {
   display: block;
   width: 16px;
   height: 16px;
   position: absolute;
   right: 0;
   top: 5px;
   background: url(../images/Edit.svg) 0 0 no-repeat;
   background-size: 16px 16px
}

.bandselektor .saccordion .card .card-body strong {
   font-size: 0.875rem;
   display: inline-block;
   padding-bottom: 5px
}

.producticonlist.wide {
   display: flex;
   flex-wrap: wrap
}

.producticonlist.wide li {
   flex: 0 1 100%
}

.producticonlist.wide .card-body {
   padding-bottom: 0
}

@media (min-width: 560px) {
   .producticonlist.wide {
      margin-bottom: -17px
   }

   .producticonlist.wide li {
      flex: 0 1 50%
   }

   .producticonlist.wide li:last-child {
      padding-bottom: 17px
   }
}

.section-teaser .col.plain {
   padding: 0
}

.section-teaser .col .card-footer.card-navbar {
   padding-bottom: 8px
}

.section-teaser .col .card-footer.card-navbar .btn {
   margin-bottom: 16px
}

.section-teaser .col .card-footer .button-navbar {
   padding-top: 0;
   margin-top: 0;
   border: none
}

@media (max-width: 559.98px) {
   .section-teaser .col .card-footer .button-navbar {
      flex-wrap: wrap;
      flex-direction: column;
      flex-direction: row
   }

   .section-teaser .col .card-footer .button-navbar .btn:nth-child(1) {
      order: 2;
      margin-right: 24px
   }

   .section-teaser .col .card-footer .button-navbar .btn:nth-child(2) {
      order: 1
   }
}

.contactlayer {
   background: white;
   background: linear-gradient(135deg, white 0%, #edeff5 100%)
}

.contactlayer .contact {
   background: none
}

.contactlayer .contact .col,
.contactlayer .contact .container-fluid,
.contactlayer .contact .row {
   padding: 0;
   margin: 0
}

.contactlayer .contact .col.col-md-8 {
   max-width: none;
   flex: 0 1 100%
}

.contactlayer .contact form .row {
   height: auto
}

.contactlayer>.container-fluid>.row>.col.col-12.col-md-8 {
   flex: 0 0 50%;
   max-width: 50%
}

@media (max-width: 767.98px) {
   .contactlayer>.container-fluid>.row>.col.col-12.col-md-8 {
      flex: 0 0 100%;
      max-width: 100%
   }
}

.contactlayer .contentholder {
   background: none;
   padding-bottom: 40px
}

@media (max-width: 767.98px) {
   .contactlayer .contentholder {
      padding-bottom: 24px
   }
}

.contactlayer .contentholder .row.justify-content-center {
   padding: 0
}

.contactlayer .contentholder .row.justify-content-center>.col {
   width: 100%;
   min-width: 100%;
   padding: 0
}

.contactlayer .contentholder+.col-3-teaser {
   padding: 0
}

.contactlayer .contentholder+.col-3-teaser .subsection {
   background: none
}

.contactlayer .contentholder+.col-3-teaser .subsection .container-fluid .row {
   padding: 0
}

.contactlayer .contentholder+.col-3-teaser .subsection .container-fluid .row .col {
   flex: 0 0 50%;
   max-width: 50%;
   margin: 0
}

.contactlayer .contentholder+.col-3-teaser .subsection .container-fluid .row .col:first-child {
   padding-left: 0
}

.contactlayer .contentholder+.col-3-teaser .subsection .container-fluid .row .col:last-child {
   padding-right: 0
}

@media (max-width: 767.98px) {
   .contactlayer .contentholder+.col-3-teaser .subsection .container-fluid .row .col {
      padding-left: 0;
      padding-right: 0;
      flex: 0 0 100%;
      max-width: none
   }
}

.contactlayer .contentholder+.col-3-teaser .subsection .container-fluid h2 {
   font-size: 1.5rem;
   line-height: 2rem;
   text-transform: none;
   font-family: "robotoregular", "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
   text-align: left
}

.contentblock h3 {
   color: black
}

.contentblock a {
   border-bottom: 2px solid #1C2C77
}

.contentblock a.btn {
   text-decoration: none;
   border: none
}

.contentblock a.btn-outline-primary {
   border: 2px solid #a5abc9
}

.contentblock a.btn-outline-primary:hover {
   border-color: #1C2C77
}

.text_image_video {
   padding-top: 0;
   padding-bottom: 0
}

.text_image_video .media.left {
   float: left
}

.text_image_video .media.right {
   float: right
}

@media (min-width: 768px) {

   .text_image_video .media.left,
   .text_image_video .media.right {
      max-width: calc(50% - 12px)
   }

   .text_image_video .media.left {
      margin-left: -26.4%;
      margin-right: 24px
   }

   .text_image_video .media.right {
      margin-right: -26.4%;
      margin-left: 24px
   }

   .text_image_video article.media-article {
      clear: both
   }

   .text_image_video article.media-article ul,
   .text_image_video article.media-article ol {
      max-width: 73%
   }

   .text_image_video article.media-article ul ul,
   .text_image_video article.media-article ul ol,
   .text_image_video article.media-article ol ul,
   .text_image_video article.media-article ol ol {
      max-width: none
   }
}

@media (min-width: 1024px) {

   .text_image_video .media.left,
   .text_image_video .media.right {
      max-width: calc(50% - 16px)
   }

   .text_image_video .media.left {
      margin-right: 32px
   }

   .text_image_video .media.right {
      margin-left: 32px
   }
}

@media (min-width: 1344px) {

   .text_image_video .media.left,
   .text_image_video .media.right {
      max-width: calc(50% - 24px)
   }

   .text_image_video .media.left {
      margin-right: 48px
   }

   .text_image_video .media.right {
      margin-left: 48px
   }
}

.video {
   position: relative;
   padding-bottom: 56.25%;
   overflow: hidden;
   width: 100%;
   height: auto;
   margin-bottom: 15px;
   border-radius: 2px
}

.video iframe {
   position: absolute;
   top: -1%;
   left: -1%;
   width: 102%;
   height: 102%
}

.media {
   margin-bottom: 16px;
   display: block;
   width: 100%
}

.media img {
   width: 100%;
   height: auto;
   margin-bottom: 16px;
   border-radius: 2px
}

.media .caption {
   color: #797A80;
   font-size: 0.875rem
}

@media (min-width: 768px) {
   .col-sm-8 .accordion .text_image_video .media.left {
      margin-left: 0
   }

   .col-sm-8 .accordion .text_image_video .media.right {
      margin-right: 0
   }
}

.gallery {
   overflow: hidden;
   position: relative
}

.gallery .slick-slider {
   padding: 0 !important
}

.gallery .slick-list {
   padding: 0 !important;
   overflow: visible
}

@media (min-width: 560px) {
   .gallery .slick-list {
      padding-right: 16px;
      padding-left: 16px
   }
}

@media (min-width: 768px) {
   .gallery .slick-list {
      padding-right: 24px;
      padding-left: 24px
   }
}

@media (min-width: 1024px) {
   .gallery .slick-list {
      padding-right: 32px;
      padding-left: 32px
   }
}

@media (min-width: 1344px) {
   .gallery .slick-list {
      padding-right: 48px;
      padding-left: 48px
   }
}

@media (max-width: 767.98px) {
   .gallery .slick-list {
      padding: 0 8.3333% 0 0 !important
   }
}

.gallery .slick-list .slick-track .nextdiv,
.gallery .slick-list .slick-track .prevdiv {
   cursor: pointer
}

.gallery .slick-arrow,
.picturesilder .slick-arrow {
   position: absolute;
   z-index: 1;
   display: none;
   opacity: 0;
   transition: opacity 0.6s
}

.gallery .slick-arrow.prev,
.picturesilder .slick-arrow.prev {
   left: 10px
}

.gallery .slick-arrow.next,
.picturesilder .slick-arrow.next {
   right: 10px
}

.gallery .slick-arrow.active,
.gallery .slick-arrow:hover,
.picturesilder .slick-arrow.active,
.picturesilder .slick-arrow:hover {
   opacity: 1
}

.gallery .slick-arrow.slick-disabled,
.picturesilder .slick-arrow.slick-disabled {
   display: none !important
}

@media (max-width: 767.98px) {

   .gallery .slick-arrow,
   .picturesilder .slick-arrow {
      display: none !important
   }
}

section.quote {
   overflow: hidden;
   position: relative;
   padding-top: 16px;
   padding-bottom: 32px;
   margin-top: -16px
}

@media (min-width: 768px) {
   section.quote {
      padding-top: 32px;
      padding-bottom: 40px;
      margin-top: -32px
   }
}

section.quote .slick-slider {
   padding: 0 !important
}

section.quote .slick-list {
   padding: 0 calc(8.3333% + 0px) 0 0;
   overflow: visible
}

@media (min-width: 768px) {
   section.quote .slick-list {
      padding: 30px 0 30px 0 !important;
      margin: -30px 0
   }
}

section.quote .singlequote .pagingInfo {
   display: none
}

section.quote .singlequote .slick-list {
   padding-right: 0
}

section.quote .slick-track {
   display: flex
}

section.quote .slick-track .item {
   display: flex
}

section.quote .slick-track .item.nextdiv,
section.quote .slick-track .item.prevdiv {
   cursor: pointer
}

section.quote .slick-arrow {
   position: absolute;
   z-index: 1;
   display: none;
   opacity: 0;
   transition: opacity 0.6s;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.3)
}

section.quote .slick-arrow.prev {
   left: 10px
}

section.quote .slick-arrow.next {
   right: 10px
}

section.quote .slick-arrow.active,
section.quote .slick-arrow:hover {
   opacity: 1
}

@media (max-width: 767.98px) {
   section.quote .slick-arrow {
      display: none !important
   }
}

section.quote .pagingInfo {
   color: #A6A8AD;
   text-align: right;
   margin-top: -22px
}

.media-quote .inner,
.quote .inner {
   transition: box-shadow 0.4s ease-in-out;
   position: relative;
   display: flex;
   flex-direction: column;
   border-radius: 2px;
   flex-basis: 0;
   flex-grow: 1
}

.media-quote .inner .h2,
.quote .inner .h2 {
   margin-bottom: 1rem
}

.media-quote .inner .h2:before,
.quote .inner .h2:before {
   content: "";
   width: 48px;
   height: 48px;
   display: inline-block;
   background: url("../images/Quote.svg") 0 0 no-repeat;
   background-size: 48px 48px;
   margin: 0 16px -6px 0
}

.media-quote .footer,
.quote .footer {
   display: flex;
   align-items: center
}

.media-quote .footer img,
.quote .footer img {
   max-width: 64px;
   border-radius: 100%;
   margin-right: 16px
}

.media-quote .footer .name,
.quote .footer .name {
   line-height: 1.5rem
}

.media-quote .footer .caption,
.quote .footer .caption {
   color: #797A80;
   font-size: 0.875rem;
   line-height: 1.25rem
}

.media-quote .inner .cont {
   display: flex;
   flex-direction: column;
   flex: 1
}

.media-quote+.media-quote {
   padding-top: 24px
}

.banner img {
   width: 100%
}

.contentholder+.banner {
   padding-top: 0
}

.benefit {
   padding-top: 0;
   padding-bottom: 0
}

.benefit .rowholder {
   margin-top: -20px
}

.benefit .rowholder .col {
   padding-top: 32px
}

.benefit .rowholder .col.center {
   text-align: center
}

.benefit img {
   max-width: 64px;
   border-radius: 100%;
   display: inline-block;
   margin-bottom: 1.5rem
}

.benefit .image {
   max-width: none;
   width: 100%;
   border-radius: 2px
}

.benefit .image~p {
   padding-bottom: 1rem
}

.benefit strong {
   display: block;
   padding-bottom: 8px
}

section.facts {
   position: relative;
   padding: 90px 0 60px;
   overflow-x: hidden;
   overflow-y: auto
}

section.facts:after,
section.facts:before {
   content: "";
   display: block;
   height: 8px;
   background: #EDEFF5;
   position: absolute;
   left: -1px;
   right: -1px
}

section.facts:before {
   top: 40px
}

section.facts:after {
   bottom: 40px
}

section.facts .col {
   text-align: center
}

section.facts .h1 {
   margin-bottom: 1.625rem
}

section.facts h3 {
   font-size: 5rem;
   line-height: 5rem;
   font-family: 'roboto_condensedbold', "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
   color: #1C2C77;
   margin-bottom: 1rem
}

section.facts p {
   font-size: 1.125rem;
   font-weight: bold;
   color: #A6A8AD;
   line-height: 1.5rem
}

section.facts .slides {
   display: flex;
   justify-content: center;
   width: 100%
}

section.facts .slick-list {
   min-width: 100%
}

section.facts .Slick-Navigation {
   padding: 30px 0;
   width: 100%;
   text-align: center
}

section.facts .Slick-Navigation .slick-dots {
   text-align: center;
   margin: 0;
   padding: 0
}

section.facts .Slick-Navigation .slick-dots li {
   display: inline-block
}

section.facts .Slick-Navigation .slick-dots li button {
   border: none;
   background: #E4E5EB;
   border-radius: 9999px;
   width: 40px;
   height: 8px;
   margin: 0 8px;
   text-indent: -10000px;
   cursor: pointer;
   outline: none
}

section.facts .Slick-Navigation .slick-dots li.slick-active button {
   background: #1C2C77
}

@media (min-width: 560px) {
   section.facts {
      padding: 180px 0 90px
   }

   section.facts:before {
      top: 100px
   }

   section.facts:after {
      bottom: 90px
   }
}

section.facts .slick-track {
   display: flex;
   justify-content: center
}

.saccordion {
   padding: 20px 0
}

@media (min-width: 768px) {
   .saccordion .col.small {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }
}

.saccordion .collapse.show {
   overflow: hidden
}

.saccordion .card-body {
   padding: 24px 0
}

.saccordion .card {
   box-shadow: none;
   margin: 8px 0
}

.saccordion .accordion {
   padding-bottom: 1.5rem
}

@media (min-width: 768px) {
   .saccordion .accordion {
      padding-bottom: 2rem
   }
}

.saccordion .accordion-group:last-child .card {
   margin-bottom: 0
}

.saccordion .accordion-group:last-child .card .card-body {
   padding-bottom: 0
}

.saccordion .card-header {
   padding: 10px 15px;
   background: #EDEFF5;
   border-radius: 2px
}

.saccordion .card-header h3 .btn {
   font-size: 1.125rem;
   font-weight: 700;
   text-decoration: none;
   width: 100%;
   padding: 0;
   position: relative;
   text-align: left;
   line-height: 1.5rem;
   white-space: normal;
   padding-right: 40px
}

.saccordion .card-header h3 .btn:after {
   content: "";
   display: block;
   width: 16px;
   height: 16px;
   position: absolute;
   right: 0;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   background: url(../images/Minus.svg) center center no-repeat;
   background-size: 16px
}

.saccordion .card-header h3 .btn:focus{box-shadow:inherit!important}

.saccordion .card-header h3 .btn.collapsed:after {
   background-image: url(../images/Plus.svg)
}

.saccordion .card-header+div[class^="nosectioninner"] {
   margin-left: 0;
   margin-right: 0
}

.saccordion article:last-child {
   padding-bottom: 0
}

.saccordion article p:last-child,
.saccordion article ul:last-child,
.saccordion article ol:last-child {
   padding-bottom: 0;
   margin-bottom: 0
}

.saccordion .col-md-8 .accordion .col-md-8,
.saccordion .col-sm-8 .accordion .col-md-8 {
   flex: 0 0 100%;
   max-width: 100%
}

.producttabs {
   background: #fff
}

.producttabs .tab-product-nav {
   overflow: auto
}

.producttabs .nav {
   flex-wrap: nowrap;
   white-space: nowrap
}

.tab-content {
   padding-top: 0;
   padding-bottom: 0;
   background: #fff
}

.productstage {
   background: #fff
}

.productstage img {
   max-width: 100%;
   border-radius: 2px
}

.productstage p {
   font-weight: 700
}

.productstage .cont {
   padding-top: 30px
}

.productstage .cont .btn {
   margin-top: 20px
}

.productstage .stagetop {
   flex: 1
}

.productstage .producticonlist li:last-child {
   padding-bottom: 17px
}

@media (min-width: 768px) {
   .productstage .producticonlist {
      display: flex;
      flex-wrap: wrap
   }

   .productstage .producticonlist li {
      display: flex;
      width: 50%
   }
}

@media (min-width: 1024px) {
   .productstage .cont {
      padding-top: 0;
      flex-direction: column;
      display: flex
   }
}

section.media-quote .row {
   justify-content: center
}

section.media-quote .boxshadow {
   display: flex;
   flex-direction: column;
   border-radius: 2px
}

section.media-quote article {
   padding-bottom: 40px
}

section.media-quote .inner,
section.media-quote .media {
   flex: 0 1 auto
}

section.media-quote .media,
section.media-quote .video {
   margin-bottom: 0
}

section.media-quote .media {
   display: flex;
   position: relative;
   overflow: hidden;
   border-radius: 2px 2px 0 0
}

section.media-quote .video {
   align-self: center;
   z-index: 2
}

section.media-quote p {
   padding-bottom: 1rem !important
}

section.media-quote .bg {
   position: absolute;
   left: -5px;
   right: -5px;
   top: -5px;
   bottom: -5px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-filter: blur(5px);
   filter: blur(5px);
   z-index: 1
}

@media (min-width: 1024px) {

   section.media-quote .inner,
   section.media-quote .media {
      width: 50%
   }

   section.media-quote .media {
      border-radius: 0 2px 2px 0
   }

   section.media-quote .boxshadow {
      flex-direction: row-reverse
   }
}

.image_2col {
   padding-top: 10px;
   padding-bottom: 0
}

.image_2col .media {
   margin-bottom: 0
}

@media (max-width: 767.98px) {
   .image_2col .media {
      margin-top: 24px
   }

   .image_2col .media:first-child {
      margin-top: 0
   }
}

.abbinder {
   padding-top: 32px;
   background: #212c76;
   background: linear-gradient(to right, #212c76 0%, #161d4c 100%)
}

@media (min-width: 768px) {
   .abbinder {
      padding-top: 56px
   }
}

.abbinder .bg {
   position: relative;
   overflow: hidden
}

.abbinder .contact {
   align-items: flex-start
}

.abbinder .contact a {
   display: inline-block;
   margin-right: 2rem;
   text-decoration: none;
   line-height: 20px;
   font-weight: bold;
   margin-top: 1.5rem;
   color: white
}

.abbinder .contact a span {
   line-height: 20px;
   border-bottom: 2px solid transparent
}

.abbinder .contact a:hover span {
   border-color: white
}

.abbinder .col {
   color: #fff
}

.abbinder .col .modulhead {
   color: #fff;
   margin-bottom: 1.125rem
}

.abbinder .col p {
   margin-bottom: 0
}

.abbinder .col .btn {
   margin-bottom: 0;
   margin-top: 24px
}

@media (min-width: 768px) {
   .abbinder .col:last-child {
      text-align: right
   }

   .abbinder .col:last-child .btn {
      margin: 0
   }
}

.thumbnailteaser img {
   width: 100%;
   max-width: 100%;
   border-radius: 2px
}

.thumbnailteaser a {
   text-decoration: none;
   color: #1D1F29;
   border: none
}

.thumbnailteaser .btn-round {
   padding-top: 1rem
}

@media (min-width: 768px) {
   .thumbnailteaser .btn-round {
      padding-top: 1.5rem
   }
}

.thumbnailteaser .row {
   display: flex;
   flex-wrap: wrap;
   margin-right: -5px;
   margin-left: -5px
}

.thumbnailteaser .item {
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   margin: 0 calc((10px / 2) * -1) 1.5rem
}

.thumbnailteaser .item:last-child {
   margin-bottom: 0
}

@media (min-width: 560px) {
   .thumbnailteaser .item {
      margin: 0 calc((16px / 2) * -1) 1.5rem
   }
}

@media (min-width: 768px) {
   .thumbnailteaser .item {
      margin: 0 calc((20px / 2) * -1) 1.5rem
   }
}

@media (min-width: 1024px) {
   .thumbnailteaser .item {
      margin: 0 calc((32px / 2) * -1) 1.5rem
   }
}

@media (min-width: 1344px) {
   .thumbnailteaser .item {
      margin: 0 calc((48px / 2) * -1) 1.5rem
   }
}

@media (min-width: 768px) {
   .thumbnailteaser .item {
      margin-bottom: 2rem
   }
}

.thumbnailteaser .item picture {
   display: none;
   flex-shrink: 0;
   width: calc((((100% - (10px * 8)) / 8) * 2) + (10px * 2))
}

@media (min-width: 560px) {
   .thumbnailteaser .item picture {
      display: block
   }
}

@media (min-width: 560px) {
   .thumbnailteaser .item picture {
      width: calc((((100% - (16px * 8)) / 8) * 2) + (16px * 2))
   }
}

@media (min-width: 768px) {
   .thumbnailteaser .item picture {
      width: calc((((100% - (20px * 8)) / 8) * 2) + (20px * 2))
   }
}

@media (min-width: 1024px) {
   .thumbnailteaser .item picture {
      width: calc((((100% - (32px * 8)) / 8) * 2) + (32px * 2))
   }
}

@media (min-width: 1344px) {
   .thumbnailteaser .item picture {
      width: calc((((100% - (48px * 8)) / 8) * 2) + (48px * 2))
   }
}

@media (min-width: 560px) and (max-width: 767.98px) {
   .thumbnailteaser .item picture {
      width: calc((((100% - (16px * 8)) / 8) * 4) + (16px * 4))
   }
}

.thumbnailteaser .item h2,
.thumbnailteaser .item .h2 {
   margin-bottom: .5rem
}

.thumbnailteaser .body {
   display: flex;
   flex-direction: column;
   width: 100%
}

.thumbnailteaser .body .text {
   flex: 1 1 auto
}

.download .item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   padding: 24px 0
}

.download .item:after,
.download .item:before {
   content: '';
   position: absolute;
   top: -1px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   height: 2px;
   background-color: #EDEFF5;
   width: calc(100% - 10px)
}

@media (min-width: 560px) {

   .download .item:after,
   .download .item:before {
      width: calc(100% - 16px)
   }
}

@media (min-width: 768px) {

   .download .item:after,
   .download .item:before {
      width: calc(100% - 20px)
   }
}

@media (min-width: 1024px) {

   .download .item:after,
   .download .item:before {
      width: calc(100% - 32px)
   }
}

@media (min-width: 1344px) {

   .download .item:after,
   .download .item:before {
      width: calc(100% - 48px)
   }
}

.download .item:after {
   top: auto;
   bottom: -1px
}

@media (max-width: 1023.98px) {
   .download .item .text {
      flex: 1 0 auto;
      width: 100%;
      margin-bottom: 16px
   }
}

@media (min-width: 1024px) {
   .download .item .text {
      width: 100%;
      max-width: 70%
   }
}

.download .item h4 {
   font-size: 0.875rem;
   line-height: 1rem;
   color: #1D1F29
}

.download p {
   margin: 0
}

.download .image {
   flex-wrap: nowrap
}

.download .image .text-holder {
   padding-left: 0;
   flex-basis: 1;
   flex-grow: 1
}

.download .image .text-holder .btn {
   margin-top: 16px
}

.download .image .text-holder .text {
   max-width: none
}

.download .image .imagecontainer {
   padding-right: 0;
   flex-basis: 0;
   flex: 0 1 auto
}

.download .image .imagecontainer .inner {
   width: 112px;
   height: 112px;
   background: #EDEFF5;
   position: relative
}

.download .image .imagecontainer img {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   max-width: 100%;
   max-height: 100%
}

@media (max-width: 767.98px) {
   .download .image {
      flex-wrap: wrap
   }

   .download .image .text-holder {
      order: 1;
      width: 100%
   }

   .download .image .text-holder .btn {
      margin-top: 0
   }

   .download .image .imagecontainer {
      order: 0;
      padding-left: 0;
      margin-bottom: 16px
   }
}

.events-container .row,
.news-container .row {
   flex-direction: row;
   align-content: center;
   justify-content: center
}

.events-container .row.section-intro,
.news-container .row.section-intro {
   justify-content: flex-start
}

@media (min-width: 768px) {

   .events-container .row .col,
   .news-container .row .col {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
   }
}

.events-container .row.btn-more .col,
.news-container .row.btn-more .col {
   display: flex
}

.events-container .row.btn-more .btn,
.news-container .row.btn-more .btn {
   margin-top: 40px;
   border: 2px solid #E3000F
}

.events-container .row.btn-more .btn:hover,
.news-container .row.btn-more .btn:hover {
   border-color: #BF000D
}

.events-container .section-intro,
.news-container .section-intro {
   text-align: left
}

.events-container select,
.news-container select {
   margin: 0 0 24px;
   background: #fff url("../images/Down.svg") no-repeat right 1rem center;
   color: #1D1F29
}

@media (min-width: 560px) {

   .events-container select,
   .news-container select {
      width: 33.3333%
   }
}

.events-container a,
.news-container a {
   text-decoration: none
}

.events-container a h4 span,
.news-container a h4 span {
   border-bottom: 2px solid transparent
}

.events-container a:hover h4,
.news-container a:hover h4 {
   padding: 0;
   margin-bottom: 8px
}

.events-container a:hover h4 span,
.news-container a:hover h4 span {
   border-color: #1C2C77
}

.events-container .card,
.news-container .card {
   flex-direction: row;
   position: relative
}

.events-container .card:hover,
.news-container .card:hover {
   box-shadow: none
}

.events-container .card:after,
.events-container .card:before,
.news-container .card:after,
.news-container .card:before {
   content: '';
   position: absolute;
   top: -1px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   height: 2px;
   background-color: #EDEFF5;
   width: 100%
}

.events-container .card:after,
.news-container .card:after {
   top: auto;
   bottom: -1px
}

.events-container .card-body,
.news-container .card-body {
   flex-direction: column;
   padding: 1.5rem 0;
   width: 100%
}

@media (min-width: 560px) {

   .events-container .card-body,
   .news-container .card-body {
      width: calc(100% - 135px);
      padding: 1.5rem 1.5rem 1.5rem 0
   }
}

.events-container .card-body .date,
.events-container .card-body h4,
.news-container .card-body .date,
.news-container .card-body h4 {
   margin-bottom: 8px
}

.events-container .card-body .date,
.news-container .card-body .date {
   display: block;
   margin-bottom: 8px
}

.events-container .card-body p,
.news-container .card-body p {
   font-size: 14px;
   line-height: 20px;
   color: #1D1F29;
   padding-bottom: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden
}

.events-container .card-image,
.news-container .card-image {
   align-self: center
}

.events-container .card-image picture,
.news-container .card-image picture {
   display: block
}

@media (max-width: 559.98px) {

   .events-container .card-image,
   .news-container .card-image {
      display: none
   }
}

ul.f3-widget-paginator {
   display: flex;
   list-style: none;
   list-style-type: none;
   background-color: #EDEFF5;
   padding: 8px;
   border-radius: 24px;
   margin: 40px auto 0
}

ul.f3-widget-paginator li {
   color: #A6A8AD;
   padding: 0
}

ul.f3-widget-paginator li:before {
   content: none
}

ul.f3-widget-paginator li.current {
   background-color: #1C2C77;
   color: #fff;
   border-radius: 50%;
   padding: 0;
   height: 32px;
   width: 32px;
   margin: 0 4px;
   display: flex;
   align-items: center;
   justify-content: center
}

ul.f3-widget-paginator li a {
   text-decoration: none;
   padding: 0;
   height: 32px;
   width: 32px;
   margin: 0 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   border: 0
}

ul.f3-widget-paginator li a:hover {
   background-color: #fff
}

ul.f3-widget-paginator li.next,
ul.f3-widget-paginator li.previous {
   width: 32px;
   border-radius: 50%;
   text-indent: -9999px;
   overflow: hidden
}

ul.f3-widget-paginator li.next .inactive,
ul.f3-widget-paginator li.previous .inactive {
   opacity: 0.3;
   pointer-events: none
}

ul.f3-widget-paginator li.next:hover a,
ul.f3-widget-paginator li.previous:hover a {
   background-color: #fff
}

ul.f3-widget-paginator li.next:hover .inactive,
ul.f3-widget-paginator li.previous:hover .inactive {
   background-color: #EDEFF5
}

ul.f3-widget-paginator li.previous {
   margin-right: 12px
}

ul.f3-widget-paginator li.next {
   margin-left: 12px
}

ul.f3-widget-paginator li.next a,
ul.f3-widget-paginator li.previous a {
   background: url("../images/arrow.svg") center no-repeat;
   background-size: 8px 14px;
   margin: 0
}

ul.f3-widget-paginator li.next a {
   margin-right: 0
}

ul.f3-widget-paginator li.previous a {
   margin-left: 0;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

ul.f3-widget-paginator li.ellipsis {
   line-height: 32px;
   margin: 0 8px
}

.solr-pagination {
   display: flex
}

.nofooter {
   height: calc(var(--vh, 1vh) * 100)
}

@media (min-width: 768px) {
   .nofooter {
      overflow: hidden
   }
}

.nofooter .stage-less {
   background-color: #EDEFF5;
   z-index: 10
}

@media (max-width: 1023.98px) {
   .nofooter .stage-less .navbar-expand-sm .navbar-collapse {
      flex-basis: max-content
   }
}

.nofooter .stage-less .footer {
   display: none
}

.nofooter .stage-less .footer:after {
   content: none
}

@media (min-width: 560px) {
   .nofooter main {
      min-height: calc(100vh - 104px)
   }
}

@media (min-width: 768px) {
   .nofooter main {
      height: calc(100vh - 160px)
   }
}

.history {
   background-color: #fff;
   padding: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative
}

@media (max-width: 767.98px) {
   .history {
      padding-bottom: 0
   }
}

@media (min-width: 768px) {
   .history {
      display: flex;
      align-items: center
   }
}

@media (min-width: 1024px) {
   .history {
      z-index: 0
   }
}

.history:before {
   content: "";
   display: block;
   width: 200%;
   height: 130%;
   background: #EDEFF5;
   background-color: white;
   position: absolute;
   left: -10%;
   top: 28%;
   top: 90px
}



.history>.container-fluid {
   z-index: 1;
   overflow: hidden
}

@media (max-width: 767.98px) {
   .history>.container-fluid {
      height: 100%;
      position: relative
   }
}

@media (min-width: 1344px) {
   .history>.container-fluid {
      max-width: none;
      margin-left: calc((100% - 1344px) / 2);
      max-width: calc(100% - (100% - 1344px) / 2);
      z-index: 1;
      max-height: 600px;
      padding-top: 40px;
      padding-bottom: 40px
   }
}

@media (max-width: 767.98px) {
   .history>.container-fluid>.row {
      padding: 0;
      height: 100%;
      min-height: calc(100vh - 104px)
   }
}

@media (max-width: 559.98px) {
   .history>.container-fluid>.row {
      min-height: calc(100vh - 88px)
   }
}

@media (min-width: 768px) {
   .history>.container-fluid>.row {
      flex-direction: row;
      flex-wrap: nowrap
   }
}

@media (max-width: 767.98px) {
   .history>.container-fluid>.row .nav-timeline {
      padding: 0 24px;
      display: flex;
      align-self: flex-start
   }

   .history>.container-fluid>.row .nav-timeline .modulhead {
      width: 100%
   }

   .history>.container-fluid>.row .nav-timeline .modulhead .btn-overview {
      padding: 0 1rem;
      height: 32px
   }

   .history>.container-fluid>.row .nav-timeline .modulhead .btn-overview:hover {
      background-color: transparent
   }
}

@media (max-width: 559.98px) {
   .history>.container-fluid>.row .nav-timeline {
      padding: 0 15px
   }
}

@media (min-width: 768px) {
   .history>.container-fluid>.row .nav-timeline {
      z-index: 1
   }

   .history>.container-fluid>.row .nav-timeline .btn-overview {
      display: none
   }
}

@media (min-width: 1024px) {
   .history>.container-fluid>.row .nav-timeline {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
   }
}

@media (min-width: 1344px) {
   .history>.container-fluid>.row .nav-timeline {
      flex: 0 0 calc(((1344px / 100) * 25) - 24px);
      max-width: calc(((1344px / 100) * 25) - 24px)
   }
}

@media (max-width: 767.98px) {
   .history>.container-fluid>.row .history-gallery {
      padding: 0;
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: auto
   }

   .history>.container-fluid>.row .history-gallery .history-gallery-slide,
   .history>.container-fluid>.row .history-gallery .slick-list,
   .history>.container-fluid>.row .history-gallery .slick-track {
      height: 100%
   }

   .history>.container-fluid>.row .history-gallery .history-gallery-slide .gallery-text {
      -webkit-transform: translateX(-48px);
      transform: translateX(-48px);
      transition: all 0.5s ease-out
   }
}

@media (max-width: 559.98px) {
   .history>.container-fluid>.row .history-gallery .history-gallery-slide .gallery-text {
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px)
   }
}

@media (min-width: 768px) {
   .history>.container-fluid>.row .history-gallery {
      max-width: calc(((100vw + 12px) / 12) * 9);
      min-width: calc(((100vw + 12px) / 12) * 9);
      flex: 0 0 calc(((100vw + 12px) / 12) * 9)
   }
}

@media (min-width: 1024px) {
   .history>.container-fluid>.row .history-gallery {
      padding-right: 0;
      margin-right: -32px;
      flex: 0 0 calc(((100vw / 12) * 10) - 21px);
      max-width: calc(((100vw / 12) * 10) - 21px);
      min-width: calc(((100vw / 12) * 10) - 21px)
   }
}

@media (min-width: 1344px) {
   .history>.container-fluid>.row .history-gallery {
      flex: 0 0 calc((100vw / 2) + ((1344px / 100) * 25) - 24px);
      max-width: calc((100vw / 2) + ((1344px / 100) * 25) - 24px);
      min-width: calc((100vw / 2) + ((1344px / 100) * 25) - 24px)
   }
}

@media (min-width: 1920px) {
   .history>.container-fluid>.row .history-gallery {
      flex: 0 0 calc((1920px / 2) + ((1344px / 100) * 25) - 24px);
      max-width: calc((1920px / 2) + ((1344px / 100) * 25) - 24px);
      min-width: calc((1920px / 2) + ((1344px / 100) * 25) - 24px)
   }
}

@media (min-width: 768px) {
   .history>.container-fluid>.row .history-gallery .gallery-text {
      width: calc(((100vw - 40px) / 12) * 8);
      max-width: calc(((100vw - 40px) / 12) * 8);
      min-width: calc(((100vw - 40px) / 12) * 8)
   }
}

@media (min-width: 1024px) {
   .history>.container-fluid>.row .history-gallery .gallery-text {
      width: calc((((100% - (48px * 10) - 43px) / 10) * 3) + (24px * 6));
      max-width: calc((((100% - (48px * 10) - 43px) / 10) * 3) + (24px * 6));
      min-width: calc((((100% - (48px * 10) - 43px) / 10) * 3) + (24px * 6))
   }
}

@media (min-width: 1344px) {
   .history>.container-fluid>.row .history-gallery .gallery-text {
      width: calc(((1344px / 100) * 25) - 24px);
      max-width: calc(((1344px / 100) * 25) - 24px);
      min-width: calc(((1344px / 100) * 25) - 24px)
   }
}

@media (min-width: 768px) {
   .history>.container-fluid>.row .history-gallery .gallery-images img {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px;
      max-width: 100%;
      min-width: 100%
   }
}

@media (min-width: 1024px) {
   .history>.container-fluid>.row .history-gallery .gallery-images {
      width: calc((((100% - (48px * 10) - 43px) / 10) * 7) + (24px * 14) + 43px);
      max-width: calc((((100% - (48px * 10) - 43px) / 10) * 7) + (24px * 14) + 43px);
      min-width: calc((((100% - (48px * 10) - 43px) / 10) * 7) + (24px * 14) + 43px)
   }
}

@media (min-width: 1344px) {
   .history>.container-fluid>.row .history-gallery .gallery-images {
      width: calc((100vw / 2) + 24px);
      max-width: calc((100vw / 2) + 24px);
      min-width: calc((100vw / 2) + 24px)
   }
}

@media (min-width: 1920px) {
   .history>.container-fluid>.row .history-gallery .gallery-images {
      width: calc((1920px / 2) + 24px);
      max-width: calc((1920px / 2) + 24px);
      min-width: calc((1920px / 2) + 24px)
   }
}

@media (max-width: 767.98px) {
   .history .modulhead {
      display: flex;
      align-items: center;
      justify-content: space-between
   }

   .history .modulhead h1 {
      font-size: 34px
   }
}

@media (min-width: 768px) {
   .history .nav-timeline {
      flex: 0 0 25%;
      max-width: 25%;
      display: flex
   }
}

@media (max-width: 767.98px) {
   .history .nav-timeline {
      flex: 1 0 100%
   }
}

.history .nav-timeline .modulhead {
   position: relative
}

@media (min-width: 768px) {
   .history .nav-timeline .modulhead {
      width: 32px;
      display: flex;
      justify-content: center
   }
}

@media (max-width: 767.98px) {
   .history .nav-timeline .modulhead {
      padding-bottom: 1.25rem;
      margin-bottom: 16px;
      position: relative
   }

   .history .nav-timeline .modulhead:before {
      position: absolute;
      content: '';
      height: 4px;
      width: 100%;
      border-radius: 2px;
      background-color: #d7dae8;
      bottom: -4px
   }
}

.history .nav-timeline .modulhead h1 {
   margin: 0
}

@media (min-width: 768px) {
   .history .nav-timeline .modulhead h1 {
      -webkit-transform: rotate(-90deg) translate(-50%, -50%);
      transform: rotate(-90deg) translate(-50%, -50%);
      position: absolute;
      top: -24px;
      font-size: 48px;
      line-height: 3.5rem;
      left: -49px;
	   word-break: inherit;
   }
}

.history .nav-timeline ul.nav-items {
   display: none;
   list-style: none
}

@media (min-width: 768px) {
   .history .nav-timeline ul.nav-items {
      transition: all 0.2s;
      color: #797A80;
      line-height: 2rem;
      font-size: 12px;
      font-weight: bold;
      display: flex;
      flex-direction: column;
      margin-left: 32px;
      padding-left: 24px;
      position: relative
   }

   .history .nav-timeline ul.nav-items:before {
      content: '';
      position: absolute;
      width: 4px;
      height: 100%;
      background-color: rgba(28, 44, 119, 0.1);
      left: 0;
      border-radius: 2px
   }

   .history .nav-timeline ul.nav-items img {
      display: none
   }
}

.history .nav-timeline ul.nav-items * {
   transition: all 0.2s;
   height: 32px;
   line-height: 32px;
   cursor: pointer
}

@media (min-width: 1024px) {
   .history .nav-timeline ul.nav-items .prev span {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
      transition-delay: 0.1s
   }

   .history .nav-timeline ul.nav-items * {
      height: 24px;
      line-height: 24px;
      display: inline-block
   }
}

.history .nav-timeline ul.nav-items span {
   display: block
}

@media (min-width: 1024px) {
   .history .nav-timeline ul.nav-items li:hover span[title] {
      -webkit-transform: translateX(1rem);
      transform: translateX(1rem);
      color: #1D1F29;
      transition: all 0.2s
   }

   .history .nav-timeline ul.nav-items li:hover span[title]:after,
   .history .nav-timeline ul.nav-items li:hover span[title]:before {
      opacity: 1;
      transition: all 0.2s
   }

   .history .nav-timeline ul.nav-items li:hover+li span {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
      transition-delay: 0.1s
   }

   .history .nav-timeline ul.nav-items li span[title] {
      position: relative;
      cursor: pointer;
      pointer-events: none
   }

   .history .nav-timeline ul.nav-items li span[title]:after,
   .history .nav-timeline ul.nav-items li span[title]:before {
      position: absolute;
      font-size: 12px;
      transition: all 0.1s;
      opacity: 0
   }

   .history .nav-timeline ul.nav-items li span[title]:before {
      content: '';
      -webkit-transform: rotate(360deg) translateY(-50%);
      transform: rotate(360deg) translateY(-50%);
      position: absolute;
      left: 36px;
      top: 50%;
      border-radius: 2px;
      transition: all 0.2s;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 8px 8px 8px 0;
      border-color: transparent #1C2C77 transparent transparent
   }

   .history .nav-timeline ul.nav-items li span[title]:after {
      content: attr(title);
      background-color: #1C2C77;
      line-height: 14px;
      text-transform: uppercase;
      padding: 12px 16px;
      letter-spacing: 1px;
      width: auto;
      color: white;
      left: 43px;
      max-width: 160px;
      min-width: 128px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      border-radius: 2px;
      transition: all 0.2s
   }

   .history .nav-timeline ul.nav-items li.active:hover span:before {
      left: 44px
   }

   .history .nav-timeline ul.nav-items li.active:hover span:after {
      left: 51px
   }
}

@media (min-width: 768px) {
   .history .nav-timeline ul.nav-items .active span {
      -webkit-transform: translateX(1rem);
      transform: translateX(1rem);
      color: #1D1F29;
      font-weight: bold;
      font-size: 1rem
   }
}

.history .history-gallery {
   display: flex;
   flex: 0 0 100%;
   max-width: 100%
}

@media (min-width: 768px) {
   .history .history-gallery {
      flex: 0 0 75%;
      max-width: 75%
   }
}

@media (max-width: 767.98px) {
   .history>.container-fluid>.row .history-gallery-slide.slick-current .gallery-text {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      transition: all 0.5s ease-out
   }
}

.history .history-gallery-slide {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   flex: 0 0 100%;
   max-width: 100%
}

@media (max-width: 767.98px) {
   .history .history-gallery-slide {
      align-self: stretch
   }
}

@media (min-width: 1024px) {
   .history .history-gallery-slide {
      flex-direction: row
   }
}

.history .history-gallery-slide .slick-slide {
   position: relative;
   opacity: 0
}

@media (max-width: 767.98px) {
   .history .history-gallery-slide .gallery-text {
      padding-left: 32px;
      width: 80vw
   }
}

@media (max-width: 559.98px) {
   .history .history-gallery-slide .gallery-text {
      padding-left: 20px
   }
}

@media (min-width: 768px) {
   .history .history-gallery-slide .gallery-text {
      padding-bottom: 32px;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      justify-items: end;
      justify-content: flex-end
   }
}

.history .history-gallery-slide .gallery-text h1 {
   margin-left: -2px;
   line-height: 80px;
   margin-bottom: 24px
}

@media (max-width: 767.98px) {
   .history .history-gallery-slide .gallery-text h1 {
      line-height: 56px;
      margin-bottom: 16px
   }
}

.history .history-gallery-slide .gallery-text h2 {
   color: #1D1F29;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 14px;
   line-height: 16px
}

@media (max-width: 767.98px) {
   .history .history-gallery-slide .gallery-text h2 {
      font-size: 14px
   }
}

.history .history-gallery-slide .gallery-text p {
   margin-bottom: 0;
   color: #797A80;
   font-size: 14px;
   line-height: 20px
}

@media (max-width: 767.98px) {
   .history .history-gallery-slide .gallery-images {
      margin-top: auto;
      height: calc(100vw / (2 / 1))
   }
}

.history .history-gallery-slide .gallery-images .slick-track {
   display: flex
}

.history .history-gallery-slide .nav-gallery {
   display: none
}

@media (min-width: 768px) {
   .history .history-gallery-slide .nav-gallery {
      z-index: 1000 !important;
      display: flex;
      align-self: flex-end;
      margin-left: auto;
      justify-content: center;
      position: absolute;
      bottom: 0;
      right: 0;
      margin-right: 12px;
      right: 24px
   }

   .history .history-gallery-slide .nav-gallery .thumbnail {
      margin: 0 12px;
      cursor: pointer;
      border-radius: 2px;
      position: relative;
      transition: all 0.2s
   }

   .history .history-gallery-slide .nav-gallery .thumbnail img {
      height: 80px;
      width: 80px
   }

   .history .history-gallery-slide .nav-gallery .thumbnail:hover {
      box-shadow: 0 4px 16px 0 rgba(29, 31, 41, 0.2);
      transition: all 0.2s
   }

   .history .history-gallery-slide .nav-gallery .thumbnail:first-child {
      margin-left: auto
   }
}

@media (max-width: 767.98px) {
   .history .container-fluid .row .nav-items {
      padding: 0 calc(50vw - (((100vw - 30px) / 3) / 2)) 0;
      height: 100%
   }

   .history .container-fluid .row .nav-items li {
      scroll-snap-align: center;
      width: calc((100vw - 30px) / 3);
      flex: 1 0 auto;
      height: auto;
      padding: 0 8px;
      display: flex;
      flex-direction: column;
      margin-top: -120px;
      align-self: center
   }

   .history .container-fluid .row .nav-items li .text-placeholder {
      height: 40px;
      position: relative
   }

   .history .container-fluid .row .nav-items li .text-placeholder:after {
      content: '';
      position: absolute;
      border-bottom: 4px solid #A6A8AD;
      width: 60%;
      bottom: 12px
   }

   .history .container-fluid .row .nav-items li .text-placeholder span {
      height: 4px;
      width: 40%;
      background-color: #1D1F29
   }

   .history .container-fluid .row .nav-items li .text-placeholder span:after,
   .history .container-fluid .row .nav-items li .text-placeholder span:before {
      content: '';
      position: absolute;
      background-color: #A6A8AD;
      width: 80%;
      display: block;
      height: 4px;
      top: 8px
   }

   .history .container-fluid .row .nav-items li .text-placeholder span:after {
      top: 16px;
      width: 100%;
      padding: 0
   }

   .history .container-fluid .row .nav-items li span[title] {
      font-size: 28px;
      color: #1C2C77;
      font-family: 'roboto_condensedbold', "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
      margin-bottom: 0.5rem;
      position: relative;
      cursor: pointer;
      text-indent: -22px
   }

   .history .container-fluid .row .nav-items li span[title]:after,
   .history .container-fluid .row .nav-items li span[title]:before {
      text-indent: 0;
      position: absolute;
      font-size: 12px;
      position: relative;
      border-radius: 2px;
      transition: background-color 0.2s;
      left: 50%;
      transition: all 0.1s;
      background-color: white;
      margin-top: 5px
   }

   .history .container-fluid .row .nav-items li span[title]:before {
      content: '';
      width: 20px;
      height: 20px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      left: calc(50% + 12px);
      display: inline-block;
      top: calc(75px + ((100vw - 30px) / 3) / (16 / 9))
   }

   .history .container-fluid .row .nav-items li span[title]:after {
      content: attr(title);
      width: auto;
      color: white;
      padding: 10px 16px;
      max-width: 160px;
      top: calc(87px + ((100vw - 30px) / 3) / (16 / 9));
      position: absolute;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      text-transform: uppercase;
      font-size: 14px;
      min-width: 100%;
      text-align: center;
      line-height: 14px;
      text-transform: uppercase;
      padding: 12px 16px;
      letter-spacing: 1px
   }

   .history .container-fluid .row .nav-items li.active span[title],
   .history .container-fluid .row .nav-items li.visible span[title] {
      margin-top: 20px
   }

   .history .container-fluid .row .nav-items li.active span[title]:after,
   .history .container-fluid .row .nav-items li.active span[title]:before,
   .history .container-fluid .row .nav-items li.visible span[title]:after,
   .history .container-fluid .row .nav-items li.visible span[title]:before {
      background-color: #1C2C77;
      transition: background-color 0.2s, z-index 0.2s, -webkit-transform 0.2s;
      transition: background-color 0.2s, transform 0.2s, z-index 0.2s;
      transition: background-color 0.2s, transform 0.2s, z-index 0.2s, -webkit-transform 0.2s;
      transition-delay: 0.1s;
      z-index: 1
   }

   .history .container-fluid .row .nav-items li.active span[title]:before,
   .history .container-fluid .row .nav-items li.visible span[title]:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: calc(80px + ((100vw - 30px) / 3) / (16 / 9))
   }

   .history .container-fluid .row .nav-items li.active span[title]:after,
   .history .container-fluid .row .nav-items li.visible span[title]:after {
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
   }

   .history .container-fluid .row .nav-items li img {
      width: 100%;
      height: auto;
      z-index: 0;
      border-radius: 2px
   }

   .history.overview .container-fluid .row {
      min-height: calc((var(--vh, 1vh) * 100) - 88px)
   }

   .history.overview .container-fluid .row .nav-timeline {
      display: block;
      padding-left: 0;
      padding-right: 0;
      width: 100vw;
      align-self: auto;
      z-index: 1;
      display: flex;
      flex-direction: column
   }

   .history.overview .container-fluid .row .nav-timeline .modulhead {
      padding-left: 24px;
      padding-right: 24px
   }

   .history.overview .container-fluid .row .nav-timeline .modulhead:before {
      width: calc(100% - 30px)
   }
}

@media (max-width: 767.98px) and (min-width: 560px) {
   .history.overview .container-fluid .row .nav-timeline .modulhead:before {
      width: calc(100% - 48px)
   }
}

@media (max-width: 767.98px) {
   .history.overview .container-fluid .row .nav-timeline .modulhead .btn-overview {
      display: none
   }

   .history.overview .container-fluid .row .nav-timeline .nav-items {
      display: flex;
      overflow-x: scroll;
      width: 100%;
      padding: 0 calc(50vw - (((100vw - 30px) / 3) / 2)) 0;
      -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
      height: 100%;
      -webkit-overflow-scrolling: touch
   }

   .history.overview .container-fluid .row .nav-timeline .progress-bar-wrapper {
      display: block;
      width: 100%;
      padding: 0 5px
   }

   .history.overview .container-fluid .row .history-gallery {
      display: none
   }

   .history.overview .container-fluid .row .history-gallery h1 {
      font-size: 28px
   }

   .history.overview .container-fluid .row .history-gallery .intro {
      display: none
   }
}

@media (max-width: 559.98px) {
   .history.overview .container-fluid .row .nav-timeline .modulhead {
      padding-left: 15px;
      padding-right: 15px
   }
}

.external-scroll_x.scroll-x {
   display: none
}

@media (max-width: 1023.98px) {
   .external-scroll_x.scroll-scrollx_visible {
      width: calc(100% - 48px);
      margin: 0 8px;
      position: absolute
   }
}

@media (max-width: 767.98px) {
   .scrollbar-external_wrapper {
      height: 100%
   }

   .external-scroll_x.scroll-x {
      display: block
   }

   .scroll-wrapper {
      overflow: hidden !important;
      padding: 0 !important;
      position: relative
   }

   .scroll-wrapper>.scroll-content {
      border: none !important;
      box-sizing: content-box !important;
      height: auto;
      left: 0;
      margin: 0;
      max-height: none;
      max-width: none !important;
      overflow: scroll !important;
      padding: 0;
      position: relative !important;
      top: 0;
      width: auto !important
   }

   .scroll-wrapper .scroll-content::-webkit-scrollbar,
   .scroll-wrapper .scroll-wrapper>.scroll-content::-webkit-scrollbar {
      height: 0;
      width: 0
   }

   .scroll-element {
      display: none
   }

   .scroll-element,
   .scroll-element div {
      box-sizing: content-box
   }

   .scroll-element.scroll-x.scroll-scrollx_visible {
      display: block
   }

   .external-scroll_x.scroll-scrollx_visible {
      display: block;
      height: 8px;
      bottom: 16px;
      width: calc(100vw - 30px);
      left: 15px;
      border-radius: 4px;
      margin: 0
   }

   .external-scroll_x {
      cursor: pointer;
      display: none;
      position: absolute;
      background-color: #EDEFF5
   }

   .external-scroll_x div {
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      width: 100%
   }

   .external-scroll_x .scroll-bar {
      background: #A6A8AD;
      border-radius: 4px;
      width: 100px
   }
}

.history-gallery-slide .gallery-images.slick-initialized .slick-slide:only-child .countdown {
   display: none
}

.history-gallery-slide .gallery-images.slick-initialized .slick-slide .countdown {
   display: none;
   position: absolute;
   bottom: 16px;
   right: 16px;
   width: 0;
   height: 0;
   -webkit-transform: rotateY(-180deg) rotateZ(-90deg);
   transform: rotateY(-180deg) rotateZ(-90deg)
}

@media (max-width: 767.98px) {
   .history-gallery-slide .gallery-images.slick-initialized .slick-slide .countdown {
      width: 32px;
      height: 32px
   }
}

@media (max-width: 767.98px) {
   .history-gallery-slide .gallery-images.slick-initialized .slick-slide:not(:only-child) .countdown {
      display: block !important
   }
}

.history-gallery-slide .gallery-images.slick-initialized .slick-slide .countdown circle {
   stroke-dasharray: calc(3.14 * 28px);
   stroke-dashoffset: 0;
   stroke-linecap: round;
   stroke-width: 2px;
   stroke: white;
   fill: none
}

.history-gallery-slide .gallery-images.slick-initialized .slick-slide.slick-current .countdown circle {
   -webkit-animation-name: countdown;
   animation-name: countdown;
   -webkit-animation-duration: 5.5s;
   animation-duration: 5.5s;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-direction: forwards;
   animation-direction: forwards
}

@-webkit-keyframes countdown {
   from {
      stroke-dashoffset: 0
   }

   to {
      stroke-dashoffset: calc(3.14 * 28px)
   }
}

@keyframes countdown {
   from {
      stroke-dashoffset: 0
   }

   to {
      stroke-dashoffset: calc(3.14 * 28px)
   }
}

@media (max-width: 767.98px) {
   .history-gallery-slide.slick-active .gallery-images.slick-initialized .slick-slide:first-child .countdown circle {
      -webkit-animation-name: altcountdown;
      animation-name: altcountdown;
      -webkit-animation-duration: 5.5s;
      animation-duration: 5.5s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-direction: forwards;
      animation-direction: forwards
   }

   @-webkit-keyframes altcountdown {
      from {
         stroke-dashoffset: 0
      }

      to {
         stroke-dashoffset: calc(3.14 * 28px)
      }
   }

   @keyframes altcountdown {
      from {
         stroke-dashoffset: 0
      }

      to {
         stroke-dashoffset: calc(3.14 * 28px)
      }
   }
}

@media (max-width: 767.98px) {
   .history-gallery-slide.slick-current .gallery-images.slick-initialized .slick-slide.slick-current:first-child .countdown circle {
      -webkit-animation-name: thirdcountdown;
      animation-name: thirdcountdown;
      -webkit-animation-duration: 5s;
      animation-duration: 5s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-direction: forwards;
      animation-direction: forwards
   }

   @-webkit-keyframes thirdcountdown {
      from {
         stroke-dashoffset: 0
      }

      to {
         stroke-dashoffset: calc(3.14 * 28px)
      }
   }

   @keyframes thirdcountdown {
      from {
         stroke-dashoffset: 0
      }

      to {
         stroke-dashoffset: calc(3.14 * 28px)
      }
   }
}

.history-gallery,
.nav-timeline {
   -webkit-animation: fadein 3s;
   animation: fadein 3s
}

@keyframes fadein {
   from {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

.gallery-images .slick-slide {
   overflow: hidden
}

.gallery-images .slick-slide * {
   transition: all 0.5s
}

.gallery-images .slick-slide picture {
   width: 100%;
   padding-top: 50%;
   position: relative;
   display: block;
   overflow: hidden
}

@media (min-width: 768px) {
   .gallery-images .slick-slide picture {
      margin-bottom: 40px;
      padding-top: 56%
   }
}

.gallery-images .slick-slide img {
   width: 100%;
   height: auto;
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-filter: blur(5px);
   filter: blur(5px);
   opacity: 0.5;
   -webkit-transform: scale(1.1) translate(-50%, -50%);
   transform: scale(1.1) translate(-50%, -50%);
   transition: all 0.5s ease-in
}

.gallery-images .slick-slide.slick-current img {
   -webkit-filter: blur(0);
   filter: blur(0);
   opacity: 1;
   transition: all 0.5s ease-in;
   -webkit-transform: scale(1) translate(-50%, -50%);
   transform: scale(1) translate(-50%, -50%);
   transition: all 1s;
   left: 50%;
   top: 50%
}

.gallery-images .slick-slide img {
   position: absolute;
   -webkit-transform: scale(1.1) translate(-45.5%, -45.5%);
   transform: scale(1.1) translate(-45.5%, -45.5%);
   transition: all 1s ease-out
}

@media (min-width: 1024px) {
   .history>.container-fluid {
      max-height: 620px
   }

   .history>.container-fluid .slick-list {
      padding-bottom: 20px
   }

   .history .history-gallery-slide .nav-gallery {
      bottom: 20px
   }

   .history .item picture img {
      opacity: 0
   }
}

#map {
   min-height: 100%;
   width: 100%
}

#map div[title="Additional"],
#map div[title="Contact"] {
   overflow: visible !important;
   opacity: 1 !important
}

#map div[title="Additional"]:after,
#map div[title="Additional"]:before,
#map div[title="Contact"]:after,
#map div[title="Contact"]:before {
   content: '';
   display: block;
   position: absolute;
   -webkit-transform: translate(-50%, -50%) scale(1);
   transform: translate(-50%, -50%) scale(1);
   left: 50%;
   top: 50%;
   height: 100%;
   width: 100%;
   border-radius: 50%;
   border: 8px solid #E3000F;
   background: white;
   transition: all 0.2s
}

#map div[title="Additional"]:hover:after,
#map div[title="Contact"]:hover:after {
   border: 4px solid #E3000F;
   background: white;
   transition: all 0.2s
}

#map div[title="Additional"]:hover:before,
#map div[title="Contact"]:hover:before {
   -webkit-transform: translate(-50%, -50%) scale(2);
   transform: translate(-50%, -50%) scale(2);
   border: 8px solid red;
   background: transparent;
   opacity: 0.2;
   -webkit-animation: pulsate 1.8s ease-in-out infinite;
   animation: pulsate 1.8s ease-in-out infinite
}

#map div[title="Additional"]:hover img,
#map div[title="Contact"]:hover img {
   display: none
}

#map>div {
   background: #fff !important
}

@-webkit-keyframes pulsate {
   from {
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1)
   }

   50% {
      -webkit-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2)
   }

   to {
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1)
   }
}

@keyframes pulsate {
   from {
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1)
   }

   50% {
      -webkit-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2)
   }

   to {
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1)
   }
}

.rb_contact {
   padding: 32px 0 40px
}

.rb_contact~.contentholder {
   padding-top: 40px
}

@media (min-width: 768px) {
   .rb_contact~.contentholder {
      padding-top: 56px
   }
}

@media (min-width: 1024px) {
   .rb_contact~.contentholder {
      padding-top: 80px
   }
}

.search-input .search-holder {
   width: 100%
}

.search-input .search-holder input {
   width: 100%;
   border: 0
}

@media (min-width: 1024px) {
   #searchresults .contacts:before {
      content: '';
      position: absolute;
      height: 100%;
      width: 100%;
      background-color: white
   }
}

#searchresults .col:first-child {
   margin-top: 24px
}

@media (min-width: 1024px) {
   #searchresults .col:first-child {
      padding-right: 0
   }
}

#searchresults .col:first-child>div {
   padding: 24px 16px;
   position: relative;
   margin-bottom: 0
}

@media (max-width: 1023.98px) {
   #searchresults .col:first-child>div {
      background-color: white
   }
}

@media (min-width: 768px) {
   #searchresults .col:first-child>div {
      padding: 24px
   }
}

@media (min-width: 1344px) {
   #searchresults .col:first-child>div {
      padding: 24px 32px
   }
}

@media (min-width: 768px) {
   #searchresults .col:first-child>div:first-child {
      padding-top: 32px
   }
}

#searchresults .col:first-child>div:first-child:after {
   content: '';
   position: absolute;
   border-bottom: 2px solid #EDEFF5;
   width: calc(100% - 32px);
   bottom: -1px
}

@media (min-width: 560px) {
   #searchresults .col:first-child>div:first-child:after {
      width: calc(100% - 64px)
   }
}

#searchresults .col:first-child>div:last-child {
   padding-bottom: 32px
}

#searchresults .col:first-child>div:last-child:after {
   border: none
}

#searchresults .col:first-child>div+div:before {
   content: '';
   position: absolute;
   border-top: 2px solid #EDEFF5;
   width: calc(100% - 32px);
   top: -1px
}

@media (min-width: 768px) {
   #searchresults .col:first-child>div+div:before {
      width: calc(100% - 48px)
   }
}

@media (min-width: 1344px) {
   #searchresults .col:first-child>div+div:before {
      width: calc(100% - 64px)
   }
}

#searchresults .col:first-child div a:not(:last-child) {
   margin-bottom: 0.75rem
}

#searchresults .col+.col {
   min-height: 320px
}

@media (max-width: 1023.98px) {
   #searchresults .col+.col {
      display: none
   }
}

@media (min-width: 1024px) {
   #searchresults .col+.col {
      padding-left: 0;
      margin-top: 24px
   }
}

.pac-container {
   margin-top: 12px;
   border: 2px solid #E4E5EB;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1)
}

.pac-container .pac-item {
   height: 48px;
   display: flex;
   align-items: center;
   padding: 0 16px;
   border: 0
}

@media (max-width: 559.98px) {
   .pac-container .pac-item {
      padding: 0 14px
   }
}

.pac-container .pac-item:hover {
   background-color: #EDEFF5
}

.pac-container .pac-item .pac-icon {
   display: none
}

.pac-container .pac-item .pac-item-query,
.pac-container .pac-item .pac-matched,
.pac-container .pac-item span {
   font-size: 16px;
   color: #1C2C77
}

.pac-container .pac-item .pac-item-query+span,
.pac-container .pac-item .pac-matched+span,
.pac-container .pac-item span+span {
   font-weight: normal
}

.contentholder .modul_whitepaper section.contentblock.whitepaper {
   padding-top: 0;
   padding-bottom: 40px
}

.contentholder .modul_whitepaper section.contentblock.whitepaper.inverted {
   padding-top: 40px;
   background: #EDEFF5
}

.contentholder .modul_whitepaper section.contentblock.whitepaper:first-child {
   padding-top: 20px
}

.contentholder .modul_whitepaper section.contentblock.whitepaper:first-child.inverted {
   padding-top: 40px
}

.contentholder .modul_whitepaper section.contentblock.whitepaper.inverted+:not(.inverted) {
   padding-top: 40px
}

@media (min-width: 1024px) {
   .contentholder .modul_whitepaper section.contentblock.whitepaper {
      padding-bottom: 60px
   }

   .contentholder .modul_whitepaper section.contentblock.whitepaper.inverted {
      padding-top: 60px
   }

   .contentholder .modul_whitepaper section.contentblock.whitepaper:first-child {
      padding-top: 30px
   }

   .contentholder .modul_whitepaper section.contentblock.whitepaper:first-child.inverted {
      padding-top: 60px
   }

   .contentholder .modul_whitepaper section.contentblock.whitepaper.inverted+:not(.inverted) {
      padding-top: 60px
   }
}

.contentholder .modul_whitepaper+section.contentblock {
   padding-top: 40px
}

@media (min-width: 1024px) {
   .contentholder .modul_whitepaper+section.contentblock {
      padding-top: 60px
   }
}

.contentholder .contentblock+.modul_whitepaper {
   margin-top: 16px
}

@media (min-width: 1024px) {
   .contentholder .contentblock+.modul_whitepaper {
      margin-top: 28px
   }
}

.whitepaper .row .wpvisual {
   width: 100%;
   height: auto
}

@media (max-width: 559.98px) {
   .whitepaper .row.mobilereverse {
      flex-direction: column-reverse
   }

   .whitepaper .row .wpvisual {
      margin-bottom: 20px
   }
}

.whitepaper ul {
   display: block
}

.whitepaperform {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   z-index: 50
}

.whitepaperform section {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(29, 31, 41, 0.8);
   display: flex;
   align-items: center;
   max-width: none;
   padding-bottom: 0
}

.whitepaperform .inner {
   background: #fff;
   position: relative;
   max-height: calc(100vh - 40px);
   overflow: auto
}

.whitepaperform .inner .close {
   position: absolute;
   right: 30px;
   top: 30px;
   width: 20px;
   height: 20px;
   background: url(../images/Close.svg) center center no-repeat;
   background-size: 20px 20px
}

.whitepaperform .inner .row {
   padding-left: 0;
   padding-right: 0;
   margin-left: -12px;
   margin-right: -12px
}

.whitepaperform .inner .row .col {
   padding-left: 12px;
   padding-right: 12px;
   padding-bottom: 24px
}

.whitepaperform .inner .h2 {
   padding-right: 40px
}

.switch-divider {
   width: 2px;
   height: 24px;
   margin: 0 24px;
   background-color: #a6a8ad
}

@media (max-width: 767.98px) {
   .switch-divider {
      display: none
   }
}

.switchwrapper {
   padding-right: 4px
}

.relatedproduct .switchwrapper {
   margin-bottom: 40px
}

@media (min-width: 560px) {
   .switchwrapper {
      padding-right: 8px
   }
}

@media (min-width: 768px) {
   .switchwrapper {
      padding-right: 12px
   }
}

@media (min-width: 1024px) {
   .switchwrapper {
      padding-right: 16px
   }
}

@media (min-width: 1344px) {
   .switchwrapper {
      padding-right: 24px
   }
}

.switch {
   position: relative;
   display: inline-block;
   display: flex;
   align-items: center;
   margin-bottom: 0
}

@media (max-width: 767.98px) {
   .switch {
      margin-top: 24px;
      margin-left: auto
   }
}

.switch * {
   transition: 0.4s
}

.switch span {
   display: block;
   font-weight: bold;
   color: #797a80;
   font-size: 0.875rem;
   line-height: 21px;
   font-family: roboto, "Noto Sans CJK JP", Arial, Helvetica, sans-serif
}

.switch input {
   display: none
}

.switch .metric {
   order: 1;
   padding-right: 8px;
   color: #1d1f29;
   margin-left: auto;
   cursor: pointer
}

.switch .imperial {
   order: 3;
   padding-left: 8px;
   cursor: pointer
}

.switch input:checked~.metric {
   color: #797a80
}

.switch input:checked~.imperial {
   color: #1d1f29
}

.switch input:focus+.slider {
   box-shadow: 0 0 1px #2196f3
}

.switch input:checked+.slider:before {
   -webkit-transform: translateX(16px);
   transform: translateX(16px)
}

.switch .slider {
   order: 2;
   position: absolute;
   position: relative;
   display: block;
   width: 36px;
   height: 20px;
   cursor: pointer;
   background-color: white;
   border: 2px solid #e4e5eb;
   border-radius: 34px
}

.switch .slider:before {
   position: absolute;
   content: "";
   height: 12px;
   width: 12px;
   left: 2px;
   top: 2px;
   background-color: #1d1f29;
   border-radius: 50%;
   transition: 0.4s
}

.tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   font-family: "robotoregular", "Noto Sans CJK JP", Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 12px;
   line-height: 1.17;
   font-weight: 700;
   word-wrap: break-word;
   opacity: 0
}

.tooltip.show {
   opacity: 0.9
}

.tooltip .arrow {
   position: absolute;
   display: block;
   width: 0.8rem;
   height: 0.4rem
}

.tooltip .arrow::before {
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
   padding: 0.4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
   bottom: 0
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
   top: 0;
   border-width: 0.4rem 0.4rem 0;
   border-top-color: #1C2C77
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
   padding: 0 0.4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
   left: 0;
   width: 0.4rem;
   height: 0.8rem
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
   right: 0;
   border-width: 0.4rem 0.4rem 0.4rem 0;
   border-right-color: #1C2C77
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
   padding: 0.4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
   top: 0
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
   bottom: 0;
   border-width: 0 0.4rem 0.4rem;
   border-bottom-color: #1C2C77
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
   padding: 0 0.4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
   right: 0;
   width: 0.4rem;
   height: 0.8rem
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
   left: 0;
   border-width: 0.4rem 0 0.4rem 0.4rem;
   border-left-color: #1C2C77
}

.tooltip-inner {
   max-width: 250px;
   color: #fff;
   text-align: left;
   background-color: #1C2C77;
   border-radius: 2px;
   padding: .5rem 1rem
}

.dropzone,
.dropzone * {
   box-sizing: border-box
}

.dropzone {
   position: relative
}

.dropzone .dz-preview {
   position: relative;
   display: inline-block;
   width: 120px;
   margin: 0.5em
}

.dropzone .dz-preview .dz-progress {
   display: block;
   height: 15px;
   border: 1px solid #aaa
}

.dropzone .dz-preview .dz-progress .dz-upload {
   display: block;
   height: 100%;
   width: 0;
   background: green
}

.dropzone .dz-preview .dz-error-message {
   color: red;
   display: none
}

.dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
   display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
   display: block
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
   position: absolute;
   display: none;
   left: 30px;
   top: 30px;
   width: 54px;
   height: 58px;
   left: 50%;
   margin-left: calc(54px / 2)
}

@-webkit-keyframes passing-through {
   0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px)
   }

   30%,
   70% {
      opacity: 1;
      -webkit-transform: translateY(0px);
      transform: translateY(0px)
   }

   100% {
      opacity: 0;
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px)
   }
}

@keyframes passing-through {
   0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px)
   }

   30%,
   70% {
      opacity: 1;
      -webkit-transform: translateY(0px);
      transform: translateY(0px)
   }

   100% {
      opacity: 0;
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px)
   }
}

@-webkit-keyframes slide-in {
   0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px)
   }

   30% {
      opacity: 1;
      -webkit-transform: translateY(0px);
      transform: translateY(0px)
   }
}

@keyframes slide-in {
   0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px)
   }

   30% {
      opacity: 1;
      -webkit-transform: translateY(0px);
      transform: translateY(0px)
   }
}

@-webkit-keyframes pulse {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   10% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
   }

   20% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

@keyframes pulse {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   10% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
   }

   20% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

.dropzone,
.dropzone * {
   box-sizing: border-box
}

.dropzone {
   min-height: 150px;
   border: 1px solid rgba(0, 0, 0, 0.8);
   border-radius: 5px;
   padding: 20px 20px
}

.dropzone.dz-clickable {
   cursor: pointer
}

.dropzone.dz-clickable * {
   cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
   cursor: pointer
}

.dropzone.dz-started .dz-message {
   display: none
}

.dropzone.dz-drag-hover {
   border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
   opacity: 0.5
}

.dropzone .dz-message {
   text-align: center;
   margin: 3em 0
}

.dropzone .dz-message .dz-button {
   background: none;
   color: inherit;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   outline: inherit
}

.dropzone .dz-preview {
   position: relative;
   display: inline-block;
   vertical-align: top;
   margin: 16px;
   min-height: 100px
}

.dropzone .dz-preview:hover {
   z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
   opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
   border-radius: 20px;
   background: #999;
   background: linear-gradient(to bottom, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
   opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
   background: white
}

.dropzone .dz-preview.dz-image-preview .dz-details {
   transition: opacity 0.2s linear
}

.dropzone .dz-preview .dz-remove {
   font-size: 14px;
   text-align: center;
   display: block;
   cursor: pointer;
   border: none
}

.dropzone .dz-preview .dz-remove:hover {
   text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
   opacity: 1
}

.dropzone .dz-preview .dz-details {
   z-index: 20;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   font-size: 13px;
   min-width: 100%;
   max-width: 100%;
   padding: 2em 1em;
   text-align: center;
   color: rgba(0, 0, 0, 0.9);
   line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
   margin-bottom: 1em;
   font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
   white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
   border: 1px solid rgba(200, 200, 200, 0.8);
   background-color: rgba(255, 255, 255, 0.8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
   overflow: hidden;
   text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
   border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
   background-color: rgba(255, 255, 255, 0.4);
   padding: 0 0.4em;
   border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
   -webkit-transform: scale(1.05, 1.05);
   transform: scale(1.05, 1.05);
   -webkit-filter: blur(8px);
   filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
   border-radius: 20px;
   overflow: hidden;
   width: 120px;
   height: 120px;
   position: relative;
   display: block;
   z-index: 10
}

.dropzone .dz-preview .dz-image img {
   display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
   -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
   animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
   opacity: 1;
   -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
   animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
   pointer-events: none;
   opacity: 0;
   z-index: 500;
   position: absolute;
   display: block;
   top: 50%;
   left: 50%;
   background: rgba(0, 0, 0, 0.8);
   border-radius: 50%
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
   display: block;
   width: 54px;
   height: 54px;
   fill: white
}

.dropzone .dz-preview.dz-processing .dz-progress {
   opacity: 1;
   transition: all 0.2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
   opacity: 0;
   transition: opacity 0.4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
   -webkit-animation: pulse 6s ease infinite;
   animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
   opacity: 1;
   z-index: 1000;
   pointer-events: none;
   position: absolute;
   height: 20px;
   top: 50%;
   margin-top: -10px;
   left: 15%;
   right: 15%;
   border: 3px solid rgba(0, 0, 0, 0.8);
   background: rgba(0, 0, 0, 0.8);
   border-radius: 10px;
   overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
   background: white;
   display: block;
   position: relative;
   height: 100%;
   width: 0;
   transition: width 300ms ease-in-out;
   border-radius: 17px
}

.dropzone .dz-preview.dz-error .dz-error-message {
   display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
   opacity: 1;
   pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
   pointer-events: none;
   z-index: 1000;
   position: absolute;
   display: block;
   display: none;
   opacity: 0;
   transition: opacity 0.3s ease;
   border-radius: 8px;
   font-size: 13px;
   top: 130px;
   left: -10px;
   width: 140px;
   background: #b10606;
   padding: 0.5em 1em;
   color: white
}

.dropzone .dz-preview .dz-error-message:after {
   content: '';
   position: absolute;
   top: -6px;
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid #b10606
}

.dropzone-frontpage {
   border: 2px dashed #E4E5EB;
   border-radius: 2px;
   height: 20rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center
}

.dropzone-frontpage .dz-message {
   margin: 0
}

.dropzone-frontpage .dz-message i,
.dropzone-frontpage .dz-message p {
   margin-bottom: 1.5rem;
   padding-bottom: 0;
   color: #1C2C77
}

.dropzone-frontpage .dz-message p.subline {
   font-size: 0.875rem;
   color: #797A80;
   margin-bottom: 0;
   padding-bottom: 0
}

.dropzone-frontpage .dz-message .inner {
   text-align: center
}

.dropzone-frontpage .dz-message i {
   width: 3rem;
   height: 3rem;
   display: inline-block;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M46 .5A1.5 1.5 0 0 1 47.5 2v44a1.5 1.5 0 0 1-1.5 1.5H2A1.5 1.5 0 0 1 .5 46V2A1.5 1.5 0 0 1 2 .5zM14.243 22.622 3.5 31.476V44.5h41v-8.942l-7.348-6.245-7.837 6.03a1.5 1.5 0 0 1-1.844-.011l-.11-.097-13.118-12.613zM44.5 3.5h-41v24.088l9.866-8.13a1.5 1.5 0 0 1 1.88-.023l.114.1 13.148 12.642 7.777-5.981a1.5 1.5 0 0 1 1.767-.046l.12.092L44.5 31.62V3.5zM31.615 8.962a5.73 5.73 0 0 1 5.731 5.73 5.73 5.73 0 0 1-5.73 5.731 5.73 5.73 0 0 1-5.731-5.73 5.73 5.73 0 0 1 5.73-5.731zm0 3a2.73 2.73 0 1 0 0 5.46 2.73 2.73 0 0 0 0-5.46z' id='z6rmn8go6a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='mwi8brgvcb' fill='%23fff'%3E%3Cuse xlink:href='%23z6rmn8go6a'/%3E%3C/mask%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23z6rmn8go6a'/%3E%3Cg mask='url(%23mwi8brgvcb)' fill='%231C2C77'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
   background-size: 3rem;
   margin: 0 auto 1.5rem
}

.dropzone-frontpage .dz-message button.dz-button {
   margin-bottom: 1.5rem;
   padding: .625rem 1rem;
   border-radius: 2px;
   border: solid 2px rgba(28, 44, 119, 0.4);
   font-weight: bold;
   color: #1C2C77
}

.dropzone-frontpage .dz-image-preview {
   width: 9.375rem;
   margin: 0 auto
}

.dropzone-frontpage .dz-image-preview .dz-image {
   width: 9.375rem;
   height: 9.375rem;
   border-radius: 2px
}

.dropzone-frontpage .dz-image-preview .dz-image img {
   width: 100%;
   max-width: 100%;
   max-height: 100%
}

.dropzone-frontpage .dz-remove {
   display: flex;
   height: 2rem;
   width: 2rem;
   text-indent: -9999px;
   white-space: nowrap;
   position: absolute;
   background-color: #fff !important;
   box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
   border-radius: 100%;
   top: -.825rem;
   right: -.825rem;
   z-index: 50;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%231C2C77' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E");
   background-size: 1.5rem;
   background-repeat: no-repeat;
   background-position: center
}

.dropzone-frontpage .dz-preview .dz-success-mark,
.dropzone-frontpage .dz-preview .dz-error-mark {
   display: none !important
}

.dropzone-frontpage .dz-preview .dz-error-message {
   top: 100%;
   left: 0;
   width: 100%
}

.dropzone-frontpage .dz-default.dz-message {
   text-align: center
}

.dropzone-frontpage .dz-default.dz-message input {
   position: absolute
}

.link-merkliste {
   display: flex;
   align-items: center
}

.link-merkliste i {
   display: inline-block;
   margin-right: .5rem;
   width: 1rem;
   height: 1rem;
   position: relative
}

.link-merkliste i span {
   display: inline-block;
   width: 1rem;
   height: 1rem;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23fff' d='M15 0a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h14zm-1 2H2v12h12V2zm-3 8a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3zm-6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm6-3a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3zM5 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm6-3a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3zM5 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2z' id='kpoompgg8a'/%3E%3C/svg%3E%0A");
   background-size: 1rem
}

.link-merkliste.filled i:after {
   content: "";
   display: block;
   width: .625rem;
   height: .625rem;
   background-color: #E3000F;
   border-radius: 50%;
   position: absolute;
   right: -.3125rem;
   top: -.3125rem
}

header.stage-less .link-merkliste i span {
   background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%231D1F29' d='M15 0a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h14zm-1 2H2v12h12V2zm-3 8a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3zm-6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm6-3a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3zM5 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm6-3a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3zM5 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2z' id='kpoompgg8a'/%3E%3C/svg%3E%0A");
   opacity: .35;
   transition: opacity 0.2s
}

header.stage-less .link-merkliste:hover i span {
   opacity: 1
}

header.stage-less .meta-nav .navbar li.active .link-merkliste {
   color: #1D1F29
}

header.stage-less .meta-nav .navbar li.active .link-merkliste i span {
   opacity: 1
}

header .mobilemeta .link-merkliste i span {
   background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%231D1F29' d='M15 0a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h14zm-1 2H2v12h12V2zm-3 8a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3zm-6 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm6-3a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3zM5 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm6-3a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h3zM5 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2z' id='kpoompgg8a'/%3E%3C/svg%3E%0A");
   opacity: 1
}

.navbar-toggler.bookmark[aria-expanded=false] .navbar-toggler-icon {
   position: relative
}

.navbar-toggler.bookmark[aria-expanded=false] .navbar-toggler-icon:after {
   content: "";
   display: block;
   width: .5rem;
   height: .5rem;
   background-color: #E3000F;
   border-radius: 50%;
   position: absolute;
   right: -.4375rem;
   top: -.4375rem
}

.sort-row {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   margin-bottom: 1.5rem
}

.sort-row .tooltip-holder {
   margin-left: 1rem
}

.sort-row .select-wrapper select {
   padding-right: 40px
}

@media (max-width: 767.98px) {
   .sort-row .select-wrapper {
      flex: 1 1 auto
   }
}

.tooltip-holder a {
   width: 2rem;
   height: 2rem;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' opacity='.4'%3E%3Cpath d='M16 30c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14zm0 2C7.163 32 0 24.837 0 16S7.163 0 16 0s16 7.163 16 16-7.163 16-16 16z' fill='%231C2C77' fill-rule='nonzero'/%3E%3Cpath d='M13 14h3v10m-3 0h6' stroke='%231C2C77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 8.5a1.5 1.5 0 1 1-2.999.001A1.5 1.5 0 0 1 17.5 8.5' fill='%231C2C77'/%3E%3C/g%3E%3C/svg%3E%0A");
   background-size: 2rem;
   background-position: center;
   background-repeat: no-repeat;
   display: block;
   border: none
}

.pl-2-5 {
   padding-left: 8px !important
}

@media (min-width: 768px) {
   .pl-2-5 {
      padding-left: 12px !important
   }
}

.bookmarks {
   margin-bottom: 2.5rem
}

.bookmarks .form-control {
   transition: all 2ms
}

.bookmarks .error {
   border-color: #E3000F
}

.bookmarks .bookmark-item {
   padding: 1.5rem 0;
   flex-direction: row;
   border-bottom: 1px solid #E4E5EB;
   align-items: center;
   overflow: auto !important
}

.bookmarks .bookmark-item:hover {
   box-shadow: none
}

.bookmarks .bookmark-item:first-child {
   border-top: 1px solid #E4E5EB
}

.bookmarks .bookmark-item .card-media {
   flex: 0 0 auto
}

.bookmarks .bookmark-item .card-media img {
   max-width: 100%
}

.bookmarks .bookmark-item .card-body {
   padding: 0 1rem 0 2.5rem;
   flex: 1 1 auto
}

.bookmarks .bookmark-item .card-body .category {
   color: #A6A8AD;
   text-transform: uppercase;
   margin-bottom: .3125rem;
   font-size: 0.875rem;
   font-weight: 700
}

.bookmarks .bookmark-item .card-body a {
   border: none;
   font-size: 1.125rem;
   font-weight: 700;
   margin-bottom: .3125rem;
   display: inline-block
}

.bookmarks .bookmark-item .card-body p {
   font-size: 0.875rem
}

.bookmarks .bookmark-item .card-body p:last-child {
   padding-bottom: 0
}

.bookmarks .bookmark-item .dragger {
   display: none
}

.bookmarks .bookmark-item[draggable="true"] .dragger {
   flex: 0 0 auto;
   display: block;
   width: 2.5rem;
   height: 1.5rem;
   position: relative
}

.bookmarks .bookmark-item[draggable="true"] .dragger:before {
   content: "";
   width: 1.5rem;
   height: 1.5rem;
   display: block;
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translate(0, -50%);
   transform: translate(0, -50%);
   background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231C2C77' fill-rule='evenodd' opacity='.4'%3E%3Ccircle cx='7' cy='3' r='2'/%3E%3Ccircle cx='16' cy='3' r='2'/%3E%3Ccircle cx='16' cy='12' r='2'/%3E%3Ccircle cx='16' cy='21' r='2'/%3E%3Ccircle cx='7' cy='12' r='2'/%3E%3Ccircle cx='7' cy='21' r='2'/%3E%3C/g%3E%3C/svg%3E%0A");
   background-position: left center;
   background-size: 1.5rem;
   background-repeat: no-repeat
}

@media (min-width: 768px) {
   .bookmarks .bookmark-item[draggable="true"] .dragger {
      width: 3rem
   }
}

.bookmarks .bookmark-item .delete {
   width: 1.5rem;
   height: 1.5rem;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0a1 1 0 0 1 .993.883L16 1v2h7a1 1 0 0 1 .117 1.993L23 5h-1.076l-1.183 15.2c-.175 2.07-1.792 3.692-3.784 3.795l-.2.005H7.242c-2.016 0-3.692-1.555-3.962-3.601l-.022-.206L2.075 5H1a1 1 0 0 1-.117-1.993L1 3h7V1a1 1 0 0 1 .883-.993L9 0h6zm4.919 5H4.08l1.172 15.03c.09 1.07.884 1.885 1.84 1.964l.152.006h9.512c.971 0 1.81-.762 1.972-1.797l.02-.166L19.919 5zM9.984 8.822l.014.116.5 8a1 1 0 0 1-1.982.24l-.014-.116-.5-8a1 1 0 0 1 1.982-.24zm5.078-.82a1 1 0 0 1 .937.944v.116l-.5 8a1 1 0 0 1-1.998-.008v-.116l.5-8a1 1 0 0 1 1.061-.936zM14 2h-4v1h4V2z' fill='%231C2C77' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
   background-size: 1.5rem;
   flex: 0 0 auto;
   cursor: pointer
}

.bookmarks .bookmark-item.sortable-dragging {
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
   padding: 1.5rem;
   background-color: #fff;
   border: 2px solid #E4E5EB
}

@media (max-width: 767.98px) {
   .bookmarks {
      margin-bottom: 2rem
   }

   .bookmarks .bookmark-item:last-child {
      border-bottom: none
   }

   .bookmarks .bookmark-item .card-media {
      display: none
   }

   .bookmarks .bookmark-item .card-body {
      padding-left: 0
   }
}

.visually-hidden {
   opacity: 0;
   width: 1px;
   height: 1px;
   overflow: hidden;
   padding: 0;
   margin: 0;
   position: absolute;
   z-index: -500
}

.bookmarks .categorie {
   font-size: 1.125rem;
   font-weight: 700;
   color: #1C2C77;
   text-transform: uppercase;
   margin-bottom: 1.5rem
}

.bookmarks .categorie+.bookmark-item {
   border-top: 1px solid #E4E5EB
}

.bookmarks .bookmark-item+.categorie {
   margin-top: 2.5rem
}

@media (max-width: 767.98px) {
   .bookmarks .bookmark-item+.categorie {
      margin-top: 1.875rem
   }
   
   .page_header{top:0}
   .sf-menu li{width:100%}
}

.ph-class {
   border: dashed 2px rgba(28, 44, 119, 0.4);
   background-color: #edeff5
}

#filename {
   white-space: nowrap
}

.dropzone,
.dropzone * {
   box-sizing: border-box
}

.dropzone {
   position: relative
}

.dropzone .dz-preview {
   position: relative;
   display: inline-block;
   width: 120px;
   margin: 0.5em
}

.dropzone .dz-preview .dz-progress {
   display: block;
   height: 15px;
   border: 1px solid #aaa
}

.dropzone .dz-preview .dz-progress .dz-upload {
   display: block;
   height: 100%;
   width: 0;
   background: green
}

.dz-details {
   margin-bottom: 1rem
}

.dropzone,
.dropzone * {
   box-sizing: border-box
}

.dropzone {
   min-height: 150px;
   border: 1px solid rgba(0, 0, 0, 0.8);
   border-radius: 5px;
   padding: 20px 20px
}

.dropzone.dz-clickable {
   cursor: pointer
}

.dropzone.dz-clickable * {
   cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
   cursor: pointer
}

.dropzone.dz-started .dz-message {
   display: none
}

.dropzone.dz-drag-hover {
   border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
   opacity: 0.5
}

.dropzone .dz-message {
   text-align: center;
   margin: 3em 0
}

.dropzone .dz-message .dz-button {
   background: none;
   color: inherit;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   outline: inherit
}

.dropzone .dz-preview {
   position: relative;
   display: inline-block;
   vertical-align: top;
   margin: 16px;
   min-height: 100px
}

.dropzone .dz-preview:hover {
   z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
   opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
   border-radius: 20px;
   background: #999;
   background: linear-gradient(to bottom, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
   opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
   background: white
}

.dropzone .dz-preview.dz-image-preview .dz-details {
   transition: opacity 0.2s linear
}

.dropzone .dz-preview .dz-remove {
   font-size: 14px;
   text-align: center;
   display: block;
   cursor: pointer;
   border: none
}

.dropzone .dz-preview .dz-remove:hover {
   text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
   opacity: 1
}

.dropzone .dz-preview .dz-details {
   z-index: 20;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   font-size: 13px;
   min-width: 100%;
   max-width: 100%;
   padding: 2em 1em;
   text-align: center;
   color: rgba(0, 0, 0, 0.9);
   line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
   margin-bottom: 1em;
   font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
   white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename>span {
   white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
   border: 1px solid rgba(200, 200, 200, 0.8);
   background-color: rgba(255, 255, 255, 0.8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
   overflow: hidden;
   text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
   border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
   background-color: rgba(255, 255, 255, 0.4);
   padding: 0 0.4em;
   border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
   -webkit-transform: scale(1.05, 1.05);
   transform: scale(1.05, 1.05);
   -webkit-filter: blur(8px);
   filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
   border-radius: 20px;
   overflow: hidden;
   position: relative;
   display: block;
   z-index: 10
}

.dropzone .dz-preview .dz-image img {
   display: block
}

.dropzone-frontpage {
   border: 2px dashed #E4E5EB;
   border-radius: 2px;
   height: 20rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   position: relative
}

.dropzone-frontpage .dz-message {
   margin: 0
}

.dropzone-frontpage .dz-message i,
.dropzone-frontpage .dz-message p {
   margin-bottom: 1.5rem;
   padding-bottom: 0;
   color: #1C2C77
}

.dropzone-frontpage .dz-message p.subline {
   font-size: 0.875rem;
   color: #797A80;
   margin-bottom: 0;
   padding-bottom: 0
}

.dropzone-frontpage .dz-message .inner {
   text-align: center
}

.dropzone-frontpage .dz-message i {
   width: 3rem;
   height: 3rem;
   display: block;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='48' height='48' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M46 .5A1.5 1.5 0 0 1 47.5 2v44a1.5 1.5 0 0 1-1.5 1.5H2A1.5 1.5 0 0 1 .5 46V2A1.5 1.5 0 0 1 2 .5zM14.243 22.622 3.5 31.476V44.5h41v-8.942l-7.348-6.245-7.837 6.03a1.5 1.5 0 0 1-1.844-.011l-.11-.097-13.118-12.613zM44.5 3.5h-41v24.088l9.866-8.13a1.5 1.5 0 0 1 1.88-.023l.114.1 13.148 12.642 7.777-5.981a1.5 1.5 0 0 1 1.767-.046l.12.092L44.5 31.62V3.5zM31.615 8.962a5.73 5.73 0 0 1 5.731 5.73 5.73 5.73 0 0 1-5.73 5.731 5.73 5.73 0 0 1-5.731-5.73 5.73 5.73 0 0 1 5.73-5.731zm0 3a2.73 2.73 0 1 0 0 5.46 2.73 2.73 0 0 0 0-5.46z' id='z6rmn8go6a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='mwi8brgvcb' fill='%23fff'%3E%3Cuse xlink:href='%23z6rmn8go6a'/%3E%3C/mask%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23z6rmn8go6a'/%3E%3Cg mask='url(%23mwi8brgvcb)' fill='%231C2C77'%3E%3Cpath d='M0 0h48v48H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
   background-size: 3rem
}

.dropzone-frontpage .dz-message .dz-button {
   margin-bottom: 1.5rem;
   padding: .625rem 1rem;
   border-radius: 2px;
   border: solid 2px rgba(28, 44, 119, 0.4);
   font-weight: bold;
   color: #1C2C77;
   cursor: pointer
}

.dropzone-frontpage .dz-image-preview {
   width: 9.375rem
}

.dropzone-frontpage .dz-image-preview .dz-image {
   border-radius: 2px
}

.dropzone-frontpage .dz-image-preview .dz-image img {
   width: 100%;
   max-width: 100%;
   max-height: 100%
}

.dropzone-frontpage .dz-remove {
   position: absolute;
   right: 5px;
   top: 5px;
   display: flex;
   height: 2rem;
   width: 2rem;
   background-color: #fff !important;
   box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%231C2C77' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E");
   background-size: 1.5rem;
   background-repeat: no-repeat;
   background-position: center;
   margin-bottom: 1rem;
   border: 0;
   cursor: pointer
}

#reciever-email-adress+label {
   top: 6px
}

.boobkmark-frontpage .title {
   font-size: 1.125rem;
   color: #1C2C77;
   font-weight: 700;
   padding-bottom: 1.5rem
}

.boobkmark-frontpage form .form-group {
   margin-bottom: 0
}

.boobkmark-frontpage form .form-group .floatingfield {
   margin-bottom: 1.5rem
}

.boobkmark-frontpage form .form-group .floatingfield span.required {
   line-height: 1;
   margin-left: .2rem
}

.boobkmark-frontpage form .form-row {
   padding: 0;
   margin: 0 -.75rem
}

.boobkmark-frontpage form .form-row .col {
   padding: 0 .75rem
}

.section-teaser .col .card>a.card-link-wrapper {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column
}

.section-teaser .col .card>a.card-link-wrapper .card-footer {
   padding-bottom: .625rem
}

.section-teaser .col .card>a.card-link-wrapper .card-body {
   flex: 1 1 auto
}

.section-teaser .col .card .link-merkliste-add {
   margin-bottom: 1.375rem
}

.link-merkliste-add {
   padding: .625rem 1rem;
   font-size: 0.875rem;
   font-weight: 700;
   color: #1C2C77
}

.link-merkliste-add .inner {
   cursor: pointer;
   display: flex;
   align-items: center
}

.link-merkliste-add span.notadded {
   display: inline-block
}

.link-merkliste-add span.added {
   display: none
}

.link-merkliste-add i {
   width: 1.5rem;
   height: 1.5rem;
   display: inline-block;
   margin-right: .5rem;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 0a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm-1 2H2v20h20V2zM7.286 15.143a1.571 1.571 0 1 1 0 3.143 1.571 1.571 0 0 1 0-3.143zm9.428.571a1 1 0 0 1 .117 1.994l-.117.006H12a1 1 0 0 1-.117-1.993l.117-.007h4.714zM7.286 10.43a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142zm9.428.571a1 1 0 0 1 .117 1.993l-.117.007H12a1 1 0 0 1-.117-1.993L12 11h4.714zM7.286 5.715a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142zm9.428.57a1 1 0 0 1 .117 1.994l-.117.007H12a1 1 0 0 1-.117-1.994L12 6.286h4.714z' fill='%231C2C77' fill-rule='nonzero' opacity='.45'/%3E%3C/svg%3E%0A");
   background-size: 1.5rem;
   flex: 0 0 auto
}

.link-merkliste-add.active i {
   background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8 0a1 1 0 0 1 .117 1.993L8 2H2v20h20v-6a1 1 0 0 1 .883-.993L23 15a1 1 0 0 1 .993.883L24 16v7a1 1 0 0 1-.883.993L23 24H1a1 1 0 0 1-.993-.883L0 23V1A1 1 0 0 1 .883.007L1 0h7zm-.428 15a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142zm9.142.75a1 1 0 0 1 .117 1.993l-.117.007H12a1 1 0 0 1-.117-1.993L12 15.75h4.714zm-9.428-5.321a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142zm0-4.714a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142z' fill='%231C2C77' fill-rule='nonzero'/%3E%3Cpath d='M17 0a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm3.457 4.49a1 1 0 0 0-1.414 0l-2.899 2.898-1.187-1.186-.094-.084a1 1 0 0 0-1.32 1.498l1.894 1.894.094.083a1 1 0 0 0 1.32-.083l3.606-3.606.083-.094a1 1 0 0 0-.083-1.32z' fill='%23E3000F'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.link-merkliste-add.active span.notadded {
   display: none
}

.link-merkliste-add.active span.added {
   display: inline-block
}

@media (min-width: 768px) {
   .link-merkliste-add {
      padding: .625rem 1.5rem
   }
}

@media (min-width: 1344px) {
   .link-merkliste-add {
      padding: .625rem 1.5rem .625rem 2rem
   }
}

.productstage .cont .stagebottom {
   margin-bottom: -1rem
}

.productstage .cont .stagebottom .link-merkliste-add {
   padding-left: 0
}

.productstage .cont .stagebottom .item {
   margin-bottom: 1rem
}

.productstage .cont .stagebottom .btn {
   margin-right: 2.5rem
}

@media (min-width: 560px) {
   .productstage .cont .stagebottom {
      display: flex;
      align-items: center
   }

   .productstage .cont .stagebottom .btn {
      margin-top: 0
   }
}

.modal-merkliste {
   position: fixed;
   top: 1.5rem;
   right: 2.5rem;
   padding-bottom: 0 !important;
   z-index: 999;
   max-width: 100vw;
   transition: -webkit-transform .3s ease;
   transition: transform .3s ease;
   transition: transform .3s ease, -webkit-transform .3s ease;
   -webkit-transform: translate(200%, 0);
   transform: translate(200%, 0)
}

.modal-merkliste.active {
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0)
}

.modal-merkliste .inner {
   background: #1C2C77;
   color: #fff;
   box-shadow: 0 8px 32px 0 rgba(29, 31, 41, 0.2);
   padding: 1rem 3.5rem 1rem 3.5rem;
   font-size: 0.875rem
}

.modal-merkliste .inner i,
.modal-merkliste .inner .closemod {
   position: absolute;
   width: 1.5rem;
   height: 1.5rem;
   background-size: 1.5rem
}

.modal-merkliste .inner i {
   left: 1rem;
   top: 1rem;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M8 0a1 1 0 0 1 .117 1.993L8 2H2v20h20v-6a1 1 0 0 1 .883-.993L23 15a1 1 0 0 1 .993.883L24 16v7a1 1 0 0 1-.883.993L23 24H1a1 1 0 0 1-.993-.883L0 23V1A1 1 0 0 1 .883.007L1 0h7zm-.428 15a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142zm9.142.75a1 1 0 0 1 .117 1.993l-.117.007H12a1 1 0 0 1-.117-1.993L12 15.75h4.714zm-9.428-5.321a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142zm0-4.714a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142z' fill-rule='nonzero'/%3E%3Cpath d='M17 0a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm3.457 4.49a1 1 0 0 0-1.414 0l-2.899 2.898-1.187-1.186-.094-.084a1 1 0 0 0-1.32 1.498l1.894 1.894.094.083a1 1 0 0 0 1.32-.083l3.606-3.606.083-.094a1 1 0 0 0-.083-1.32z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.modal-merkliste .inner .closemod {
   right: 1rem;
   top: 1rem;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M3.707 2.293 12 10.585l8.293-8.292a1 1 0 0 1 1.414 1.414L13.415 12l8.292 8.293a1 1 0 0 1-1.414 1.414L12 13.415l-8.293 8.292a1 1 0 1 1-1.414-1.414L10.585 12 2.293 3.707a1 1 0 0 1 1.414-1.414z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23FFF' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cg mask='url(%23b)' fill='%23FFF'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
   cursor: pointer
}

.modal-merkliste .inner p {
   font-size: 0.875rem;
   margin-bottom: .5rem
}

.modal-merkliste .inner a {
   font-weight: 700;
   text-decoration: underline;
   color: #fff
}

.modal-merkliste.rem .inner i {
   background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 0a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm-1 2H2v20h20V2zM7.286 15.143a1.571 1.571 0 1 1 0 3.143 1.571 1.571 0 0 1 0-3.143zm9.428.571a1 1 0 0 1 .117 1.994l-.117.006H12a1 1 0 0 1-.117-1.993l.117-.007h4.714zM7.286 10.43a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142zm9.428.571a1 1 0 0 1 .117 1.993l-.117.007H12a1 1 0 0 1-.117-1.993L12 11h4.714zM7.286 5.715a1.571 1.571 0 1 1 0 3.142 1.571 1.571 0 0 1 0-3.142zm9.428.57a1 1 0 0 1 .117 1.994l-.117.007H12a1 1 0 0 1-.117-1.994L12 6.286h4.714z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E%0A")
}

@media (max-width: 767.98px) {
   .modal-merkliste {
      left: 0;
      top: 0;
      width: 100vw;
      -webkit-transform: translate(0, -200%);
      transform: translate(0, -200%)
   }

   .modal-merkliste.active {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0)
   }
}

.db-download-list .db-item {
   padding: 1.5rem 0;
   border: solid rgba(28, 44, 119, 0.1);
   border-width: 0 0 2px
}

.db-download-list .db-item:first-child {
   border-width: 2px 0
}

.db-download-list .db-item .db-type {
   font-size: 0.875rem;
   font-weight: 700;
   margin-bottom: .4rem
}

.db-download-list .db-item .btn {
   margin-top: 1rem
}

@media (min-width: 560px) {
   .db-download-list .db-item {
      display: flex;
      justify-content: space-between;
      align-items: center
   }

   .db-download-list .db-item .btn {
      margin-top: 0
   }
}

/*# sourceMappingURL=sourcemaps/style.css.map */