/* theme root css */

:root {
    --primary-color: #6396D0;
    --secondary-color: #0b3428;
    --white: #fff;
    --black: #000;
    --gray: #696C6E;
    --purple: #A675A1;
    --pink: #EA526F;
    --green: #58B09C;
    --yellow: #FFF;
    --red: red;
    --muted: #4D4D4D;
    --theme-gradient: linear-gradient(180deg, #6396D0 0%, rgba(29, 39, 92, 0.01) 47.4%), rgba(29, 39, 92, 0.01);
    --responsive-gradient: linear-gradient(180deg, #6396D0 0%, rgba(29, 39, 92, 0.5) 100%);
    --model-gradient:linear-gradient(180deg, var(--primary-color) 0%, rgba(0, 48, 135, 0) 100%), rgba(0, 48, 135, 0.01);
  }

  body{
    overflow: auto;
  }

  body.gray-theme{
    --primary-color: #696C6E;  
    --theme-gradient: linear-gradient(180deg, #696C6E 0%, rgba(105, 108, 110, 0.01) 47.4%), rgba(105, 108, 110, 0.01);
    --model-gradient:linear-gradient(180deg, #696C6E 0%, rgba(0, 48, 135, 0) 100%), rgba(0, 48, 135, 0.01);
    --responsive-gradient:linear-gradient(180deg, #696C6E 0%, rgba(105, 108, 110, 0.5) 100%);
  }
  
  body.purple-theme{
    --primary-color:#A675A1;  
    --theme-gradient: linear-gradient(180deg, #A675A1 0%, rgba(166, 117, 161, 0.01) 47.4%), rgba(166, 117, 161, 0.01);
    --model-gradient:linear-gradient(180deg, #A675A1 0%, rgba(0, 48, 135, 0) 100%), rgba(0, 48, 135, 0.01);
    --responsive-gradient:linear-gradient(180deg, #A675A1 0%, rgba(166, 117, 161, 0.5) 100%);
  }
  
  body.pink-theme{
    --primary-color: #EA526F;  
    --theme-gradient: linear-gradient(180deg, #EA526F 0%, rgba(234, 82, 111, 0.01) 47.4%), rgba(234, 82, 111, 0.01);
    --model-gradient:linear-gradient(180deg, #EA526F 0%, rgba(0, 48, 135, 0) 100%), rgba(0, 48, 135, 0.01);
    --responsive-gradient:linear-gradient(180deg, #EA526F 0%, rgba(234, 82, 111, 0.5) 100%);
  }
  
  body.green-theme{
    --primary-color: #58B09C;
    --theme-gradient: linear-gradient(180deg, #58B09C 0%, rgba(88, 176, 156, 0.01) 47.4%), rgba(88, 176, 156, 0.01);
    --model-gradient:linear-gradient(180deg, #58B09C 0%, rgba(0, 48, 135, 0) 100%), rgba(0, 48, 135, 0.01);
    --responsive-gradient: linear-gradient(180deg, #58B09C 0%, rgba(88, 176, 156, 0.5) 100%);
  }
  
  body.yellow-theme{
    --primary-color: #F9AB55;
    --theme-gradient: linear-gradient(180deg, #F9AB55 0%, rgba(249, 171, 85, 0.01) 47.4%), rgba(249, 171, 85, 0.01);
    --model-gradient:linear-gradient(180deg, #F9AB55 0%, rgba(0, 48, 135, 0) 100%), rgba(0, 48, 135, 0.01);
    --responsive-gradient: linear-gradient(180deg, #F9AB55 0%, rgba(249, 171, 85, 0.5) 100%);
  }

  body.violet-theme{
    --primary-color: #420455;
    --theme-gradient: linear-gradient(180deg, #420455 0%, rgba(249, 171, 85, 0.01) 47.4%), rgba(249, 171, 85, 0.01);
    --model-gradient:linear-gradient(180deg, #420455 0%, rgba(0, 48, 135, 0) 100%), rgba(0, 48, 135, 0.01);
    --responsive-gradient: linear-gradient(180deg, #420455 0%, rgb(66 4 85 / 49%) 100%);

  }
    
  /*icomoon*/
  
  @font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?rbwh1q');
    src:  url('../fonts/icomoon.eot?rbwh1q#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?rbwh1q') format('truetype'),
      url('../fonts/icomoon.woff?rbwh1q') format('woff'),
      url('../fonts/icomoon.svg?rbwh1q#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-youtube:before {
    content: "\e90e";
  }
  .icon-Instagram:before {
    content: "\e90c";
  }
  .icon-flickr:before {
    content: "\e90b";
  }
  .icon-arrow-left:before {
    content: "\e900";
  }
  .icon-arrow-left-small:before {
    content: "\e901";
  }
  .icon-arrow-menu-close:before {
    content: "\e902";
  }
  .icon-arrow-menu-open:before {
    content: "\e903";
  }
  .icon-arrow-right:before {
    content: "\e904";
  }
  .icon-arrow-right-small:before {
    content: "\e905";
  }
  .icon-arrow-top:before {
    content: "\e906";
  }
  .icon-calender:before {
    content: "\e907";
  }
  .icon-card-star:before {
    content: "\e908";
  }
  .icon-close-menu:before {
    content: "\e909";
  }
  .icon-facebook:before {
    content: "\e90a";
  }
  .icon-grid-view:before {
    content: "\e90d";
  }
  .icon-linkdin:before {
    content: "\e90f";
  }
  .icon-menu:before {
    content: "\e910";
  }
  .icon-pause-button:before {
    content: "\e911";
  }
  .icon-pinterest:before {
    content: "\e912";
  }
  .icon-play-button:before {
    content: "\e913";
  }
  .icon-search-icon:before {
    content: "\e914";
  }
  .icon-spotify:before {
    content: "\e915";
  }
  .icon-twitter:before {
    content: "\e916";
  }
  .icon-whats-app:before {
    content: "\e917";
  }
  .icon-enter:before {
    content: "\ea13";
  }
  
  
  
  
  /*  ==========================================================================
      Setup: Variables, Mixins
      ========================================================================== */
  /*!
   * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
   * Copyright 2011-2015 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   */
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  
  html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  
  body {
    margin: 0;
    position: relative;
    font-family: "protokoll", Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--black);
    background-color: var(--white);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block;
  }
  
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    vertical-align: baseline;
  }
  
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  [hidden],
  template {
    display: none;
  }
  
  
  abbr[title] {
    border-bottom: 1px dotted;
  }
  
  b,
  strong {
    font-weight: bold;
  }
  
  dfn {
    font-style: italic;
  }
  
  mark {
    background: #ff0;
    color: var(--black);
  }
  
  small {
    font-size: 80%;
  }
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sup {
    top: -0.5em;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  figure {
    margin: 1em 40px;
  }
  
  hr {
    box-sizing: content-box;
    height: 0;
  }
  
  pre {
    overflow: auto;
  }
  
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  
  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    font: inherit;
    margin: 0;
  }
  
  button {
    overflow: visible;
  }
  
  button,
  select {
    text-transform: none;
  }
  
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  
  button[disabled],
  html input[disabled] {
    cursor: default;
  }
  
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
  input {
    line-height: normal;
  }
  
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
  }
  
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  
  legend {
    border: 0;
    padding: 0;
  }
  
  textarea {
    overflow: auto;
  }
  
  optgroup {
    font-weight: bold;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  td,
  th {
    padding: 0;
  }
  
  
  html {
    font-size: 16px;
    -webkit-tap-highlight-color: transparent;
  }
  
  [tabindex="-1"]:focus {
    outline: none !important;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0;
    margin-bottom: 8px;
    margin-bottom: .5rem;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
  
  abbr[title],
  abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #D6D6D6;
  }
  
  address {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
  }
  
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
  
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }
  
  dt {
    font-weight: bold;
  }
  
  dd {
    margin-bottom: 8px;
    margin-bottom: .5rem;
    margin-left: 0;
  }
  
  blockquote {
    margin: 0 0 16px;
    margin: 0 0 1rem;
  }
  
  a {
    color: var(--primary-color);
    text-decoration: none;  
    transition: all .3s ease-in-out;
  }
  
/*   a:active,
  a:hover {
    color: var(--primary-color);
  } */
  
  pre {
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
  
  figure {
    margin: 0;
  }
  
  img {
    vertical-align: middle;
    max-width: 100%;
  }
  
  [role="button"] {
    cursor: pointer;
  }
  
  a,
  area,
  button,
  [role="button"],
  input,
  label,
  select,
  summary,
  textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
  }
  
  table {
    background-color: transparent;
  }
  
  caption {
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    color: #D6D6D6;
    text-align: left;
    caption-side: bottom;
  }
  
  th {
    text-align: left;
  }
  
  label {
    display: inline-block;
    margin-bottom: 8px;
    margin-bottom: .5rem;
  }
  
  button:focus {
    outline: none;
    /* outline: 5px auto -webkit-focus-ring-color; */
  }
  
  input,
  button,
  select,
  textarea {
    margin: 0;
    line-height: inherit;
    border-radius: 0;
  }
  
  textarea {
    resize: vertical;
  }
  
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  
  legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 8px;
    margin-bottom: .5rem;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: inherit;
  }
  
  input[type="search"] {
    box-sizing: inherit;
    -webkit-appearance: none;
  }
  
  output {
    display: inline-block;
  }
  
  [hidden] {
    display: none !important;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
  }
  
  h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
  
  h2 {
    font-size: 36px;
    font-size: 2.25rem;
  }
  
  h3 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  
  h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  
  h5 {
    font-size: 16px;
    font-size: 1rem;
  }
  
  h6 {
    font-size: 16px;
    font-size: 1rem;
  }
  
  h1,
  h2 {
    margin-bottom: 20px;
  }
  
  h1 span,
  h2 span {
    font-weight: 300;
  }
  
  .lead {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
  }
  
  .display-1 {
    font-size: 96px;
    font-size: 6rem;
    font-weight: 300;
  }
  
  .display-2 {
    font-size: 88px;
    font-size: 5.5rem;
    font-weight: 300;
  }
  
  .display-3 {
    font-size: 72px;
    font-size: 4.5rem;
    font-weight: 300;
  }
  
  .display-4 {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 300;
  }
  
  hr {
    margin-top: 16px;
    margin-top: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  small,
  .small {
    font-size: 80%;
    font-weight: normal;
  }
  
  mark,
  .mark {
    padding: .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: 5px;
  }
  
  .dl-horizontal {
    margin-right: -30px;
    margin-right: -1.875rem;
    margin-left: -30px;
    margin-left: -1.875rem;
  }
  
  .dl-horizontal:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .initialism {
    font-size: 90%;
    text-transform: uppercase;
  }
  
  .blockquote {
    padding: 8px 16px;
    padding: 0.5rem 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    font-size: 20px;
    font-size: 1.25rem;
    border-left: 4px solid #9C9C9C;
    border-left: 0.25rem solid #9C9C9C;
  }
  
  .blockquote-footer {
    display: block;
    font-size: 80%;
    line-height: 1.5;
    color: #D6D6D6;
  }
  
  .blockquote-footer:before {
    content: "\2014 \00A0";
  }
  
  .blockquote-reverse {
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: 4px solid #9C9C9C;
    border-right: 0.25rem solid #9C9C9C;
    border-left: 0;
  }
  
  .blockquote-reverse .blockquote-footer:before {
    content: "";
  }
  
  .blockquote-reverse .blockquote-footer:after {
    content: "\00A0 \2014";
  }
  
  .img-fluid,
  .carousel-inner>.carousel-item>img,
  .carousel-inner>.carousel-item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  
  .img-rounded {
    border-radius: 0.3rem;
  }
  
  .img-thumbnail {
    padding: 4px;
    padding: 0.25rem;
    line-height: 1.5;
    background-color: var(--white);
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
  }
  
  .img-circle {
    border-radius: 50%;
  }
  
  .figure {
    display: inline-block;
  }
  
  .figure-img {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    line-height: 1;
  }
  
  .figure-caption {
    font-size: 90%;
    color: #D6D6D6;
  }
  
  code,
  kbd,
  pre,
  samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  }
  
  code {
    padding: 3.2px 6.4px;
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: #f7f7f9;
    border-radius: 0.25rem;
  }
  
  kbd {
    padding: 3.2px 6.4px;
    padding: .2rem .4rem;
    font-size: 90%;
    color: var(--white);
    background-color: #333;
    border-radius: 0.2rem;
  }
  
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
  }
  
  pre {
    display: block;
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    font-size: 90%;
    line-height: 1.5;
    color: #7C7C7F;
  }
  
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0;
  }
  
  .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
  }
  
  
  .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
  
  .table th,
  .table td {
    padding: 12px;
    padding: 0.75rem;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #9C9C9C;
  }
  
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #9C9C9C;
  }
  
  .table tbody+tbody {
    border-top: 2px solid #9C9C9C;
  }
  
  .table .table {
    background-color: var(--white);
  }
  
  .table-sm th,
  .table-sm td {
    padding: 4.8px;
    padding: 0.3rem;
  }
  
  .table-bordered {
    border: 1px solid #9C9C9C;
  }
  
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #9C9C9C;
  }
  
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px;
  }
  
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  
  .table-hover tbody tr:hover {
    background-color: #f5f5f5;
  }
  
  .table-active,
  .table-active>th,
  .table-active>td {
    background-color: #f5f5f5;
  }
  
  .table-hover .table-active:hover {
    background-color: #e8e8e8;
  }
  
  .table-hover .table-active:hover>td,
  .table-hover .table-active:hover>th {
    background-color: #e8e8e8;
  }
  
  .table-success,
  .table-success>th,
  .table-success>td {
    background-color: #dff0d8;
  }
  
  .table-hover .table-success:hover {
    background-color: #d0e9c6;
  }
  
  .table-hover .table-success:hover>td,
  .table-hover .table-success:hover>th {
    background-color: #d0e9c6;
  }
  
  .table-info,
  .table-info>th,
  .table-info>td {
    background-color: #d9edf7;
  }
  
  .table-hover .table-info:hover {
    background-color: #c4e3f3;
  }
  
  .table-hover .table-info:hover>td,
  .table-hover .table-info:hover>th {
    background-color: #c4e3f3;
  }
  
  .table-warning,
  .table-warning>th,
  .table-warning>td {
    background-color: #fcf8e3;
  }
  
  .table-hover .table-warning:hover {
    background-color: #faf2cc;
  }
  
  .table-hover .table-warning:hover>td,
  .table-hover .table-warning:hover>th {
    background-color: #faf2cc;
  }
  
  .table-danger,
  .table-danger>th,
  .table-danger>td {
    background-color: #f2dede;
  }
  
  .table-hover .table-danger:hover {
    background-color: #ebcccc;
  }
  
  .table-hover .table-danger:hover>td,
  .table-hover .table-danger:hover>th {
    background-color: #ebcccc;
  }
  
  .table-responsive {
    display: block;
    width: 100%;
    min-height: 0.01%;
    overflow-x: auto;
  }
  
  .thead-inverse th {
    color: var(--white);
    background-color: #7C7C7F;
  }
  
  .thead-default th {
    color: #6D6E70;
    background-color: #9C9C9C;
  }
  
  .table-inverse {
    color: #9C9C9C;
    background-color: #7C7C7F;
  }
  
  .table-inverse.table-bordered {
    border: 0;
  }
  
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #6D6E70;
  }
  
  
  .table-reflow tbody {
    display: block;
    white-space: nowrap;
  }
  
  .table-reflow th,
  .table-reflow td {
    border-top: 1px solid #9C9C9C;
    border-left: 1px solid #9C9C9C;
  }
  
  .table-reflow th:last-child,
  .table-reflow td:last-child {
    border-right: 1px solid #9C9C9C;
  }
  
  .table-reflow thead:last-child tr:last-child th,
  .table-reflow thead:last-child tr:last-child td,
  .table-reflow tbody:last-child tr:last-child th,
  .table-reflow tbody:last-child tr:last-child td,
  .table-reflow tfoot:last-child tr:last-child th,
  .table-reflow tfoot:last-child tr:last-child td {
    border-bottom: 1px solid #9C9C9C;
  }
  
  
  .table-reflow tr th,
  .table-reflow tr td {
    display: block !important;
    border: 1px solid #9C9C9C;
  }
  
  .form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #6D6E70;
    background-color: var(--white);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
  }
  
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0;
  }
  
  .form-control:focus {
    border-color: #66afe9; 
    outline: none;
  }
  
  .form-control::-webkit-input-placeholder {
    color: var(--muted);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  .form-control:-ms-input-placeholder {
    color: var(--muted);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  ::placeholder{
    color: var(--muted);
    opacity: 1;
    font-weight: 300;
  }
  
  .form-control::placeholder {
    color: var(--white);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  .form-control:disabled,
  .form-control[readonly] {
    background-color: #9C9C9C;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  .form-control:disabled {
    cursor: not-allowed;
  }
  
  .form-control-file,
  .form-control-range {
    display: block;
  }
  
  .form-control-label {
    padding: 6px 12px;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
  }
  
  
  .form-control-static {
    min-height: 36px;
    min-height: 2.25rem;
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
  }
  
  .form-control-static.form-control-sm,
  .input-group-sm>.form-control-static.form-control,
  .input-group-sm>.form-control-static.input-group-addon,
  .input-group-sm>.input-group-btn>.form-control-static.btn,
  .form-control-static.form-control-lg,
  .input-group-lg>.form-control-static.form-control,
  .input-group-lg>.form-control-static.input-group-addon,
  .input-group-lg>.input-group-btn>.form-control-static.btn {
    padding-right: 0;
    padding-left: 0;
  }
  
  .form-control-sm,
  .input-group-sm>.form-control,
  .input-group-sm>.input-group-addon,
  .input-group-sm>.input-group-btn>.btn {
    padding: 4.4px 12px;
    padding: 0.275rem 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
  
  .form-control-lg,
  .input-group-lg>.form-control,
  .input-group-lg>.input-group-addon,
  .input-group-lg>.input-group-btn>.btn {
    padding: 12px 20px;
    padding: 0.75rem 1.25rem;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.33333;
    border-radius: 0.3rem;
  }
  
  .form-group {
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
  
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  
  .radio label,
  .checkbox label {
    padding-left: 20px;
    padding-left: 1.25rem;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    display: block;
  }
  
  .radio label input:only-child,
  .checkbox label input:only-child {
    position: static;
  }
  
  .radio+.radio,
  .checkbox+.checkbox {
    margin-top: -4px;
  }
  
  .radio-inline,
  .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    padding-left: 1.25rem;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
  }
  
  .radio-inline+.radio-inline,
  .checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 12px;
    margin-left: .75rem;
  }
  
  input[type="radio"]:disabled,
  input[type="radio"].disabled,
  input[type="checkbox"]:disabled,
  input[type="checkbox"].disabled {
    cursor: not-allowed;
  }
  
  .radio-inline.disabled,
  .checkbox-inline.disabled {
    cursor: not-allowed;
  }
  
  .radio.disabled label,
  .checkbox.disabled label {
    cursor: not-allowed;
  }
  
  .form-control-success,
  .form-control-warning,
  .form-control-danger {
    padding-right: 36px;
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right 9px;
    background-position: center right 0.5625rem;
    background-size: 1.4625rem 1.4625rem;
  }
  
  .has-success .text-help,
  .has-success .form-control-label,
  .has-success .radio,
  .has-success .checkbox,
  .has-success .radio-inline,
  .has-success .checkbox-inline,
  .has-success.radio label,
  .has-success.checkbox label,
  .has-success.radio-inline label,
  .has-success.checkbox-inline label {
    color: #5cb85c;
  }
  
  .has-success .form-control {
    border-color: #5cb85c;
  }
  
  .has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea;
  }
  
  .has-success .form-control-feedback {
    color: #5cb85c;
  }
  
  .has-success .form-control-success {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==");
  }
  
  .has-warning .text-help,
  .has-warning .form-control-label,
  .has-warning .radio,
  .has-warning .checkbox,
  .has-warning .radio-inline,
  .has-warning .checkbox-inline,
  .has-warning.radio label,
  .has-warning.checkbox label,
  .has-warning.radio-inline label,
  .has-warning.checkbox-inline label {
    color: #f0ad4e;
  }
  
  .has-warning .form-control {
    border-color: #f0ad4e;
  }
  
  .has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: var(wh);
  }
  
  .has-warning .form-control-feedback {
    color: #f0ad4e;
  }
  
  .has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+");
  }
  
  .has-danger .text-help,
  .has-danger .form-control-label,
  .has-danger .radio,
  .has-danger .checkbox,
  .has-danger .radio-inline,
  .has-danger .checkbox-inline,
  .has-danger.radio label,
  .has-danger.checkbox label,
  .has-danger.radio-inline label,
  .has-danger.checkbox-inline label {
    color: #d9534f;
  }
  
  .has-danger .form-control {
    border-color: #d9534f;
  }
  
  .has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7;
  }
  
  .has-danger .form-control-feedback {
    color: #d9534f;
  }
  
  .has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=");
  }
  
  .btn, input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 12px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    background: var(--primary-color);
    color: var(--white);
    transition: all .3s ease-in-out;
    font-weight: 500;
  }
  
  input[type="submit"]:hover,input[type="submit"]:focus,
  input[type="reset"]:hover,input[type="reset"]:focus,
  input[type="button"]:hover, input[type="button"]:focus{
    text-decoration: none;
    background: var(--black);
  }
  
  .btn:focus,
  .btn:hover {
    text-decoration: none;
    background: var(--black);
  }
  
  .btn.focus {
    text-decoration: none;
  }
  
  .btn:active,
  .btn.active {
    background-image: none;
    outline: 0;
  }
  
  .btn.disabled,
  .btn:disabled {
    cursor: not-allowed;
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  }
  
  a.btn.disabled,
  fieldset[disabled] a.btn {
    pointer-events: none;
  }
  
  
  .btn-outline{
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: var(--muted);
  }
  
  .btn-outline:hover, .btn-outline:focus, .btn-outline:active{
    background: var(--primary-color);
    color: var(--white);
    border-color: var(--primary-color);
  }
  
  .btn-primary {
    color: var(--white);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .btn-primary:hover {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
  }
  
  .btn-primary:focus,
  .btn-primary.focus {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
  }
  
  .btn-primary:active,
  .btn-primary.active,
  .open>.btn-primary.dropdown-toggle {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
    background-image: none;
  }
  
  .btn-primary:active:hover,
  .btn-primary:active:focus,
  .btn-primary:active.focus,
  .btn-primary.active:hover,
  .btn-primary.active:focus,
  .btn-primary.active.focus,
  .open>.btn-primary.dropdown-toggle:hover,
  .open>.btn-primary.dropdown-toggle:focus,
  .open>.btn-primary.dropdown-toggle.focus {
    color: var(--white);
    background-color: #c7993c;
    border-color: #a98131;
  }
  
  .btn-primary.disabled:focus,
  .btn-primary.disabled.focus,
  .btn-primary:disabled:focus,
  .btn-primary:disabled.focus {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .btn-primary.disabled:hover,
  .btn-primary:disabled:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .btn-secondary {
    color: #7C7C7F;
    background-color: var(--white);
    border-color: #ccc;
  }
  
  .btn-secondary:hover {
    color: #7C7C7F;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  
  .btn-secondary:focus,
  .btn-secondary.focus {
    color: #7C7C7F;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  
  .btn-secondary:active,
  .btn-secondary.active,
  .open>.btn-secondary.dropdown-toggle {
    color: #7C7C7F;
    background-color: #e6e6e6;
    border-color: #adadad;
    background-image: none;
  }
  
  .btn-secondary:active:hover,
  .btn-secondary:active:focus,
  .btn-secondary:active.focus,
  .btn-secondary.active:hover,
  .btn-secondary.active:focus,
  .btn-secondary.active.focus,
  .open>.btn-secondary.dropdown-toggle:hover,
  .open>.btn-secondary.dropdown-toggle:focus,
  .open>.btn-secondary.dropdown-toggle.focus {
    color: #7C7C7F;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
  }
  
  .btn-secondary.disabled:focus,
  .btn-secondary.disabled.focus,
  .btn-secondary:disabled:focus,
  .btn-secondary:disabled.focus {
    background-color: var(--white);
    border-color: #ccc;
  }
  
  .btn-secondary.disabled:hover,
  .btn-secondary:disabled:hover {
    background-color: var(--white);
    border-color: #ccc;
  }
  
  .btn-info {
    color: var(--white);
    background-color: #5bc0de;
    border-color: #5bc0de;
  }
  
  .btn-info:hover {
    color: var(--white);
    background-color: #31b0d5;
    border-color: #2aabd2;
  }
  
  .btn-info:focus,
  .btn-info.focus {
    color: var(--white);
    background-color: #31b0d5;
    border-color: #2aabd2;
  }
  
  .btn-info:active,
  .btn-info.active,
  .open>.btn-info.dropdown-toggle {
    color: var(--white);
    background-color: #31b0d5;
    border-color: #2aabd2;
    background-image: none;
  }
  
  .btn-info:active:hover,
  .btn-info:active:focus,
  .btn-info:active.focus,
  .btn-info.active:hover,
  .btn-info.active:focus,
  .btn-info.active.focus,
  .open>.btn-info.dropdown-toggle:hover,
  .open>.btn-info.dropdown-toggle:focus,
  .open>.btn-info.dropdown-toggle.focus {
    color: var(--white);
    background-color: #269abc;
    border-color: #1f7e9a;
  }
  
  .btn-info.disabled:focus,
  .btn-info.disabled.focus,
  .btn-info:disabled:focus,
  .btn-info:disabled.focus {
    background-color: #5bc0de;
    border-color: #5bc0de;
  }
  
  .btn-info.disabled:hover,
  .btn-info:disabled:hover {
    background-color: #5bc0de;
    border-color: #5bc0de;
  }
  
  .btn-success {
    color: var(--white);
    background-color: #5cb85c;
    border-color: #5cb85c;
  }
  
  .btn-success:hover {
    color: var(--white);
    background-color: #449d44;
    border-color: #419641;
  }
  
  .btn-success:focus,
  .btn-success.focus {
    color: var(--white);
    background-color: #449d44;
    border-color: #419641;
  }
  
  .btn-success:active,
  .btn-success.active,
  .open>.btn-success.dropdown-toggle {
    color: var(--white);
    background-color: #449d44;
    border-color: #419641;
    background-image: none;
  }
  
  .btn-success:active:hover,
  .btn-success:active:focus,
  .btn-success:active.focus,
  .btn-success.active:hover,
  .btn-success.active:focus,
  .btn-success.active.focus,
  .open>.btn-success.dropdown-toggle:hover,
  .open>.btn-success.dropdown-toggle:focus,
  .open>.btn-success.dropdown-toggle.focus {
    color: var(--white);
    background-color: #398439;
    border-color: #2d672d;
  }
  
  .btn-success.disabled:focus,
  .btn-success.disabled.focus,
  .btn-success:disabled:focus,
  .btn-success:disabled.focus {
    background-color: #5cb85c;
    border-color: #5cb85c;
  }
  
  .btn-success.disabled:hover,
  .btn-success:disabled:hover {
    background-color: #5cb85c;
    border-color: #5cb85c;
  }
  
  .btn-warning {
    color: var(--white);
    background-color: #f0ad4e;
    border-color: #f0ad4e;
  }
  
  .btn-warning:hover {
    color: var(--white);
    background-color: #ec971f;
    border-color: #eb9316;
  }
  
  .btn-warning:focus,
  .btn-warning.focus {
    color: var(--white);
    background-color: #ec971f;
    border-color: #eb9316;
  }
  
  .btn-warning:active,
  .btn-warning.active,
  .open>.btn-warning.dropdown-toggle {
    color: var(--white);
    background-color: #ec971f;
    border-color: #eb9316;
    background-image: none;
  }
  
  .btn-warning:active:hover,
  .btn-warning:active:focus,
  .btn-warning:active.focus,
  .btn-warning.active:hover,
  .btn-warning.active:focus,
  .btn-warning.active.focus,
  .open>.btn-warning.dropdown-toggle:hover,
  .open>.btn-warning.dropdown-toggle:focus,
  .open>.btn-warning.dropdown-toggle.focus {
    color: var(--white);
    background-color: #d58512;
    border-color: #b06d0f;
  }
  
  .btn-warning.disabled:focus,
  .btn-warning.disabled.focus,
  .btn-warning:disabled:focus,
  .btn-warning:disabled.focus {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
  }
  
  .btn-warning.disabled:hover,
  .btn-warning:disabled:hover {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
  }
  
  .btn-danger {
    color: var(--white);
    background-color: #d9534f;
    border-color: #d9534f;
  }
  
  .btn-danger:hover {
    color: var(--white);
    background-color: #c9302c;
    border-color: #c12e2a;
  }
  
  .btn-danger:focus,
  .btn-danger.focus {
    color: var(--white);
    background-color: #c9302c;
    border-color: #c12e2a;
  }
  
  .btn-danger:active,
  .btn-danger.active,
  .open>.btn-danger.dropdown-toggle {
    color: var(--white);
    background-color: #c9302c;
    border-color: #c12e2a;
    background-image: none;
  }
  
  .btn-danger:active:hover,
  .btn-danger:active:focus,
  .btn-danger:active.focus,
  .btn-danger.active:hover,
  .btn-danger.active:focus,
  .btn-danger.active.focus,
  .open>.btn-danger.dropdown-toggle:hover,
  .open>.btn-danger.dropdown-toggle:focus,
  .open>.btn-danger.dropdown-toggle.focus {
    color: var(--white);
    background-color: #ac2925;
    border-color: #8b211e;
  }
  
  .btn-danger.disabled:focus,
  .btn-danger.disabled.focus,
  .btn-danger:disabled:focus,
  .btn-danger:disabled.focus {
    background-color: #d9534f;
    border-color: #d9534f;
  }
  
  .btn-danger.disabled:hover,
  .btn-danger:disabled:hover {
    background-color: #d9534f;
    border-color: #d9534f;
  }
  
  .btn-primary-outline {
    color: var(--primary-color);
    background-image: none;
    background-color: transparent;
    border-color: var(--primary-color);
  }
  
  .btn-primary-outline:focus,
  .btn-primary-outline.focus,
  .btn-primary-outline:active,
  .btn-primary-outline.active,
  .open>.btn-primary-outline.dropdown-toggle {
    color: var(--white);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .btn-primary-outline:hover {
    color: var(--white);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .btn-primary-outline.disabled:focus,
  .btn-primary-outline.disabled.focus,
  .btn-primary-outline:disabled:focus,
  .btn-primary-outline:disabled.focus {
    border-color: #f1e5ce;
  }
  
  .btn-primary-outline.disabled:hover,
  .btn-primary-outline:disabled:hover {
    border-color: #f1e5ce;
  }
  
  .btn-secondary-outline {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc;
  }
  
  .btn-secondary-outline:focus,
  .btn-secondary-outline.focus,
  .btn-secondary-outline:active,
  .btn-secondary-outline.active,
  .open>.btn-secondary-outline.dropdown-toggle {
    color: var(--white);
    background-color: #ccc;
    border-color: #ccc;
  }
  
  .btn-secondary-outline:hover {
    color: var(--white);
    background-color: #ccc;
    border-color: #ccc;
  }
  
  .btn-secondary-outline.disabled:focus,
  .btn-secondary-outline.disabled.focus,
  .btn-secondary-outline:disabled:focus,
  .btn-secondary-outline:disabled.focus {
    border-color: var(wh);
  }
  
  .btn-secondary-outline.disabled:hover,
  .btn-secondary-outline:disabled:hover {
    border-color: var(wh);
  }
  
  .btn-info-outline {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de;
  }
  
  .btn-info-outline:focus,
  .btn-info-outline.focus,
  .btn-info-outline:active,
  .btn-info-outline.active,
  .open>.btn-info-outline.dropdown-toggle {
    color: var(--white);
    background-color: #5bc0de;
    border-color: #5bc0de;
  }
  
  .btn-info-outline:hover {
    color: var(--white);
    background-color: #5bc0de;
    border-color: #5bc0de;
  }
  
  .btn-info-outline.disabled:focus,
  .btn-info-outline.disabled.focus,
  .btn-info-outline:disabled:focus,
  .btn-info-outline:disabled.focus {
    border-color: #b0e1ef;
  }
  
  .btn-info-outline.disabled:hover,
  .btn-info-outline:disabled:hover {
    border-color: #b0e1ef;
  }
  
  .btn-success-outline {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c;
  }
  
  .btn-success-outline:focus,
  .btn-success-outline.focus,
  .btn-success-outline:active,
  .btn-success-outline.active,
  .open>.btn-success-outline.dropdown-toggle {
    color: var(--white);
    background-color: #5cb85c;
    border-color: #5cb85c;
  }
  
  .btn-success-outline:hover {
    color: var(--white);
    background-color: #5cb85c;
    border-color: #5cb85c;
  }
  
  .btn-success-outline.disabled:focus,
  .btn-success-outline.disabled.focus,
  .btn-success-outline:disabled:focus,
  .btn-success-outline:disabled.focus {
    border-color: #a3d7a3;
  }
  
  .btn-success-outline.disabled:hover,
  .btn-success-outline:disabled:hover {
    border-color: #a3d7a3;
  }
  
  .btn-warning-outline {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e;
  }
  
  .btn-warning-outline:focus,
  .btn-warning-outline.focus,
  .btn-warning-outline:active,
  .btn-warning-outline.active,
  .open>.btn-warning-outline.dropdown-toggle {
    color: var(--white);
    background-color: #f0ad4e;
    border-color: #f0ad4e;
  }
  
  .btn-warning-outline:hover {
    color: var(--white);
    background-color: #f0ad4e;
    border-color: #f0ad4e;
  }
  
  .btn-warning-outline.disabled:focus,
  .btn-warning-outline.disabled.focus,
  .btn-warning-outline:disabled:focus,
  .btn-warning-outline:disabled.focus {
    border-color: #f8d9ac;
  }
  
  .btn-warning-outline.disabled:hover,
  .btn-warning-outline:disabled:hover {
    border-color: #f8d9ac;
  }
  
  .btn-danger-outline {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f;
  }
  
  .btn-danger-outline:focus,
  .btn-danger-outline.focus,
  .btn-danger-outline:active,
  .btn-danger-outline.active,
  .open>.btn-danger-outline.dropdown-toggle {
    color: var(--white);
    background-color: #d9534f;
    border-color: #d9534f;
  }
  
  .btn-danger-outline:hover {
    color: var(--white);
    background-color: #d9534f;
    border-color: #d9534f;
  }
  
  .btn-danger-outline.disabled:focus,
  .btn-danger-outline.disabled.focus,
  .btn-danger-outline:disabled:focus,
  .btn-danger-outline:disabled.focus {
    border-color: #eba5a3;
  }
  
  .btn-danger-outline.disabled:hover,
  .btn-danger-outline:disabled:hover {
    border-color: #eba5a3;
  }
  
  .btn-link {
    font-weight: normal;
    color: var(--primary-color);
    border-radius: 0;
  }
  
  .btn-link,
  .btn-link:active,
  .btn-link.active,
  .btn-link:disabled {
    background-color: transparent;
  }
  
  .btn-link,
  .btn-link:focus,
  .btn-link:active {
    border-color: transparent;
  }
  
  .btn-link:hover {
    border-color: transparent;
  }
  
  .btn-link:focus,
  .btn-link:hover {
    color: #c99d44;
    text-decoration: none;
    background-color: transparent;
  }
  
  .btn-link:disabled:focus,
  .btn-link:disabled:hover {
    color: #D6D6D6;
    text-decoration: none;
  }
  
  .btn-lg,
  .btn-group-lg>.btn {
    padding: 12px 20px;
    padding: 0.75rem 1.25rem;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.33333;
    border-radius: 0.3rem;
  }
  
  .btn-sm,
  .btn-group-sm>.btn {
    padding: 4px 12px;
    padding: 0.25rem 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
  
  .btn-block {
    display: block;
    width: 100%;
  }
  
  .btn-block+.btn-block {
    margin-top: 5px;
  }
  
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: 100%;
  }
  
  .fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .15s linear;
  }
  
  .fade.in {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  .collapse {
    display: none;
  }
  
  .collapse.in {
    display: block;
  }
  
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height;
  }
  
  .dropup,
  .dropdown {
    position: relative;
  }
  
  .dropdown-toggle:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    margin-left: .25rem;
    vertical-align: middle;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
  }
  
  .dropdown-toggle:focus {
    outline: 0;
  }
  
  .dropup .dropdown-toggle:after {
    border-top: 0;
    border-bottom: 0.3em solid;
  }
  
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 16px;
    color: var(--black);
    text-align: left;
    list-style: none;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
  }
  
  .dropdown-divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  
  .dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.5;
    color: #7C7C7F;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
  }
  
  .dropdown-item:focus,
  .dropdown-item:hover {
    color: #6f6f72;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  
  .dropdown-item.active,
  .dropdown-item.active:focus,
  .dropdown-item.active:hover {
    color: var(--white);
    text-decoration: none;
    background-color: var(--primary-color);
    outline: 0;
  }
  
  .dropdown-item.disabled,
  .dropdown-item.disabled:focus,
  .dropdown-item.disabled:hover {
    color: #D6D6D6;
  }
  
  .dropdown-item.disabled:focus,
  .dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
  }
  
  .open>.dropdown-menu {
    display: block;
  }
  
  .open>a {
    outline: 0;
  }
  
  .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  
  .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  
  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #D6D6D6;
    white-space: nowrap;
  }
  
  .dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
  }
  
  .pull-right>.dropdown-menu {
    right: 0;
    left: auto;
  }
  
  .dropup .caret,
  .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 0.3em solid;
  }
  
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }
  
  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  
  
  .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: 2;
  }
  
  .btn-group>.btn:hover,
  .btn-group-vertical>.btn:hover {
    z-index: 2;
  }
  
  .btn-group .btn+.btn,
  .btn-group .btn+.btn-group,
  .btn-group .btn-group+.btn,
  .btn-group .btn-group+.btn-group {
    margin-left: -1px;
  }
  
  .btn-toolbar {
    margin-left: -5px;
  }
  
  
  
  .btn-toolbar>.btn,
  .btn-toolbar>.btn-group,
  .btn-toolbar>.input-group {
    margin-left: 5px;
  }
  
  .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
  }
  
  .btn-group>.btn:first-child {
    margin-left: 0;
  }
  
  .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  
  .btn-group>.btn:last-child:not(:first-child),
  .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  
  
  .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
  }
  
  .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
  .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  
  .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  
  .btn-group .dropdown-toggle:active,
  .btn-group.open .dropdown-toggle {
    outline: 0;
  }
  
  .btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
  }
  
  .btn-group>.btn-lg+.dropdown-toggle,
  .btn-group-lg.btn-group>.btn+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
  }
  
  .btn .caret {
    margin-left: 0;
  }
  
  .btn-lg .caret,
  .btn-group-lg>.btn .caret {
    border-width: 0.3em 0.3em 0;
    border-bottom-width: 0;
  }
  
  .dropup .btn-lg .caret,
  .dropup .btn-group-lg>.btn .caret {
    border-width: 0 0.3em 0.3em;
  }
  
  .btn-group-vertical>.btn,
  .btn-group-vertical>.btn-group,
  .btn-group-vertical>.btn-group>.btn {
    display: block;
    width: 100%;
    max-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: -1px;
    margin-left: 0;
  }
  
  .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  
  .btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  
  .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
  }
  
  .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
  .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  
  [data-toggle="buttons"]>.btn input[type="radio"],
  [data-toggle="buttons"]>.btn input[type="checkbox"],
  [data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
  [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  
  .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
  }
  
  .input-group .form-control {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 0;
  }
  
  .input-group .form-control:focus,
  .input-group .form-control:active,
  .input-group .form-control:hover {
    z-index: 3;
  }
  
  .input-group-addon,
  .input-group-btn,
  .input-group .form-control {
    display: table-cell;
  }
  
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  
  .input-group-addon,
  .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
  }
  
  .input-group-addon {
    padding: 6px 12px;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    color: #6D6E70;
    text-align: center;
    background-color: #9C9C9C;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
  }
  
  .input-group-addon.form-control-sm,
  .input-group-sm>.input-group-addon,
  .input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 4.4px 12px;
    padding: 0.275rem 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
    border-radius: 0.2rem;
  }
  
  .input-group-addon.form-control-lg,
  .input-group-lg>.input-group-addon,
  .input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 12px 20px;
    padding: 0.75rem 1.25rem;
    font-size: 20px;
    font-size: 1.25rem;
    border-radius: 0.3rem;
  }
  
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0;
  }
  
  .input-group .form-control:first-child,
  .input-group-addon:first-child,
  .input-group-btn:first-child>.btn,
  .input-group-btn:first-child>.btn-group>.btn,
  .input-group-btn:first-child>.dropdown-toggle,
  .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  
  .input-group-addon:first-child {
    border-right: 0;
  }
  
  .input-group .form-control:last-child,
  .input-group-addon:last-child,
  .input-group-btn:last-child>.btn,
  .input-group-btn:last-child>.btn-group>.btn,
  .input-group-btn:last-child>.dropdown-toggle,
  .input-group-btn:first-child>.btn:not(:first-child),
  .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  
  .input-group-addon:last-child {
    border-left: 0;
  }
  
  .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
  }
  
  .input-group-btn>.btn {
    position: relative;
  }
  
  .input-group-btn>.btn+.btn {
    margin-left: -1px;
  }
  
  .input-group-btn>.btn:focus,
  .input-group-btn>.btn:active,
  .input-group-btn>.btn:hover {
    z-index: 3;
  }
  
  .input-group-btn:first-child>.btn,
  .input-group-btn:first-child>.btn-group {
    margin-right: -1px;
  }
  
  .input-group-btn:last-child>.btn,
  .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
  }
  
  .input-group-btn:last-child>.btn:focus,
  .input-group-btn:last-child>.btn:active,
  .input-group-btn:last-child>.btn:hover,
  .input-group-btn:last-child>.btn-group:focus,
  .input-group-btn:last-child>.btn-group:active,
  .input-group-btn:last-child>.btn-group:hover {
    z-index: 3;
  }
  
  .c-input {
    position: relative;
    display: inline;
    padding-left: 24px;
    padding-left: 1.5rem;
    color: #555;
    cursor: pointer;
  }
  
  .c-input>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .c-input>input:checked~.c-indicator {
    color: var(--white);
    background-color: #0074d9;
  }
  
  .c-input>input:focus~.c-indicator {
    box-shadow: 0 0 0 .075rem var(--white), 0 0 0 .2rem #0074d9;
  }
  
  .c-input>input:active~.c-indicator {
    color: var(--white);
    background-color: #84c6ff;
  }
  
  .c-input+.c-input {
    margin-left: 16px;
    margin-left: 1rem;
  }
  
  .c-indicator {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
    font-size: 65%;
    line-height: 16px;
    line-height: 1rem;
    color: #eee;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
  }
  
  .c-checkbox .c-indicator {
    border-radius: .25rem;
  }
  
  .c-checkbox input:checked~.c-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
  }
  
  .c-checkbox input:indeterminate~.c-indicator {
    background-color: #0074d9;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
  }
  
  .c-radio .c-indicator {
    border-radius: 50%;
  }
  
  .c-radio input:checked~.c-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
  }
  
  .c-inputs-stacked .c-input {
    display: inline;
  }
  
  .c-inputs-stacked .c-input:after {
    display: block;
    margin-bottom: 4px;
    margin-bottom: .25rem;
    content: "";
  }
  
  .c-inputs-stacked .c-input+.c-input {
    margin-left: 0;
  }
  
  .c-select {
    display: inline-block;
    max-width: 100%;
    padding: 6px 28px 6px 12px;
    padding: .375rem 1.75rem .375rem .75rem;
    padding-right: 12px \9;
    padding-right: .75rem \9;
    color: #6D6E70;
    vertical-align: middle;
    background: var(--white) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 12px center;
    background: var(--white) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
    background-image: none \9;
    background-size: 8px 10px;
    border: 1px solid #ccc;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  
  .c-select:focus {
    border-color: #51a7e8;
    outline: none;
  }
  
  .c-select::-ms-expand {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .c-select-sm {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
  }
  
  .c-select-sm:not([multiple]) {
    height: 26px;
    min-height: 26px;
  }
  
  .file {
    position: relative;
    display: inline-block;
    height: 40px;
    height: 2.5rem;
    cursor: pointer;
  }
  
  .file input {
    min-width: 224px;
    min-width: 14rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .file-custom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 40px;
    height: 2.5rem;
    padding: 8px 16px;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--white);
    border: 1px solid #ddd;
    border-radius: .25rem;
  }
  
  .file-custom:after {
    content: "Choose file...";
  }
  
  .file-custom:before {
    position: absolute;
    top: -1.2px;
    top: -.075rem;
    right: -1.2px;
    right: -.075rem;
    bottom: -1.2px;
    bottom: -.075rem;
    z-index: 6;
    display: block;
    height: 40px;
    height: 2.5rem;
    padding: 8px 16px;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    content: "Browse";
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 0 .25rem .25rem 0;
  }
  
  .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  
  .nav-link {
    display: inline-block;
  }
  
  .nav-link:focus,
  .nav-link:hover {
    text-decoration: none;
  }
  
  .nav-link.disabled {
    color: #D6D6D6;
  }
  
  .nav-link.disabled,
  .nav-link.disabled:focus,
  .nav-link.disabled:hover {
    color: #D6D6D6;
    cursor: not-allowed;
    background-color: transparent;
  }
  
  .nav-inline .nav-item {
    display: inline-block;
  }
  
  .nav-inline .nav-item+.nav-item,
  .nav-inline .nav-link+.nav-link {
    margin-left: 16px;
  }
  
  .nav-tabs {
    border-bottom: 1px solid #ddd;
  }
  
  .nav-tabs .nav-item {
    margin-bottom: -1px;
  }
  
  .nav-tabs .nav-item+.nav-item {
    margin-left: 3.2px;
  }
  
  .nav-tabs .nav-link {
    display: block;
    padding: 0.5em 1em;
    border: 1px solid transparent;
    border-radius: 0.25rem 0.25rem 0 0;
  }
  
  .nav-tabs .nav-link:focus,
  .nav-tabs .nav-link:hover {
    border-color: #9C9C9C #9C9C9C #ddd;
  }
  
  .nav-tabs .nav-link.disabled,
  .nav-tabs .nav-link.disabled:focus,
  .nav-tabs .nav-link.disabled:hover {
    color: #D6D6D6;
    background-color: transparent;
    border-color: transparent;
  }
  
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-link.active:focus,
  .nav-tabs .nav-link.active:hover,
  .nav-tabs .nav-item.open .nav-link,
  .nav-tabs .nav-item.open .nav-link:focus,
  .nav-tabs .nav-item.open .nav-link:hover {
    color: #6D6E70;
    background-color: var(--white);
    border-color: #ddd #ddd transparent;
  }
  
  .nav-pills .nav-item+.nav-item {
    margin-left: 3.2px;
  }
  
  .nav-pills .nav-link {
    display: block;
    padding: 0.5em 1em;
    border-radius: 0.25rem;
  }
  
  .nav-pills .nav-link.active,
  .nav-pills .nav-link.active:focus,
  .nav-pills .nav-link.active:hover,
  .nav-pills .nav-item.open .nav-link,
  .nav-pills .nav-item.open .nav-link:focus,
  .nav-pills .nav-item.open .nav-link:hover {
    color: var(--white);
    cursor: default;
    background-color: var(--primary-color);
  }
  
  .nav-stacked .nav-item {
    display: block;
  }
  
  .nav-stacked .nav-item+.nav-item {
    margin-top: 3.2px;
    margin-top: .2rem;
    margin-left: 0;
  }
  
  .tab-content>.tab-pane {
    display: none;
  }
  
  .tab-content>.active {
    display: block;
  }
  
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  
  .navbar {
    position: relative;
    padding: 8px 16px;
  }
  
  .navbar-full {
    z-index: 1000;
  }
  
  
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  
  
  .navbar-fixed-top {
    top: 0;
  }
  
  .navbar-fixed-bottom {
    bottom: 0;
  }
  
  .navbar-sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030;
    width: 100%;
  }
  
  
  .navbar-brand {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-right: 16px;
    margin-right: 1rem;
    font-size: 20px;
  }
  
  .navbar-brand:focus,
  .navbar-brand:hover {
    text-decoration: none;
  }
  
  .navbar-brand>img {
    display: block;
  }
  
  .navbar-divider {
    width: 1px;
    padding-top: 6.8px;
    padding-bottom: 6.8px;
    margin-right: 16px;
    margin-left: 16px;
    overflow: hidden;
  }
  
  .navbar-divider:before {
    content: "\00a0";
  }
  
  .navbar-toggler {
    padding: 8px 12px;
    font-size: 20px;
    line-height: 1;
    background: none;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }
  
  .navbar-toggler:focus,
  .navbar-toggler:hover {
    text-decoration: none;
  }
  
  
  
  .navbar-nav .nav-link {
    display: block;
    padding-top: 6.8px;
    padding-bottom: 6.8px;
  }
  
  .navbar-nav .nav-link+.nav-link {
    margin-left: 16px;
  }
  
  .navbar-nav .nav-item+.nav-item {
    margin-left: 16px;
  }
  
  .navbar-light .navbar-brand {
    color: var(--black);
    color: rgba(0, 0, 0, 0.8);
  }
  
  .navbar-light .navbar-brand:focus,
  .navbar-light .navbar-brand:hover {
    color: var(--black);
    color: rgba(0, 0, 0, 0.8);
  }
  
  .navbar-light .navbar-nav .nav-link {
    color: var(--black);
    color: rgba(0, 0, 0, 0.3);
  }
  
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover {
    color: var(--black);
    color: rgba(0, 0, 0, 0.6);
  }
  
  .navbar-light .navbar-nav .open>.nav-link,
  .navbar-light .navbar-nav .open>.nav-link:focus,
  .navbar-light .navbar-nav .open>.nav-link:hover,
  .navbar-light .navbar-nav .active>.nav-link,
  .navbar-light .navbar-nav .active>.nav-link:focus,
  .navbar-light .navbar-nav .active>.nav-link:hover,
  .navbar-light .navbar-nav .nav-link.open,
  .navbar-light .navbar-nav .nav-link.open:focus,
  .navbar-light .navbar-nav .nav-link.open:hover,
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .nav-link.active:focus,
  .navbar-light .navbar-nav .nav-link.active:hover {
    color: var(--black);
    color: rgba(0, 0, 0, 0.8);
  }
  
  .navbar-light .navbar-divider {
    background-color: var(--black);
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .navbar-dark .navbar-brand {
    color: var(wh);
  }
  
  .navbar-dark .navbar-brand:focus,
  .navbar-dark .navbar-brand:hover {
    color: var(wh);
  }
  
  .navbar-dark .navbar-nav .nav-link {
    color: var(--white);
    color: rgba(255, 255, 255, 0.5);
  }
  
  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--white);
    color: rgba(255, 255, 255, 0.75);
  }
  
  .navbar-dark .navbar-nav .open>.nav-link,
  .navbar-dark .navbar-nav .open>.nav-link:focus,
  .navbar-dark .navbar-nav .open>.nav-link:hover,
  .navbar-dark .navbar-nav .active>.nav-link,
  .navbar-dark .navbar-nav .active>.nav-link:focus,
  .navbar-dark .navbar-nav .active>.nav-link:hover,
  .navbar-dark .navbar-nav .nav-link.open,
  .navbar-dark .navbar-nav .nav-link.open:focus,
  .navbar-dark .navbar-nav .nav-link.open:hover,
  .navbar-dark .navbar-nav .nav-link.active,
  .navbar-dark .navbar-nav .nav-link.active:focus,
  .navbar-dark .navbar-nav .nav-link.active:hover {
    color: var(--white);
  }
  
  .navbar-dark .navbar-divider {
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.075);
  }
  
  .card {
    position: relative;
    display: block;
    margin-bottom: 12px;
    background-color: var(--white);
    border: 1px solid #e5e5e5;
    border-radius: 0.25rem;
  }
  
  .card-block {
    padding: 20px;
  }
  
  .card-title {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  
  .card-subtitle {
    margin-top: -6px;
    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: 20px;
    margin-left: 1.25rem;
  }
  
  .card>.list-group:first-child .list-group-item:first-child {
    border-radius: 0.25rem 0.25rem 0 0;
  }
  
  .card>.list-group:last-child .list-group-item:last-child {
    border-radius: 0 0 0.25rem 0.25rem;
  }
  
  .card-header {
    padding: 12px 20px;
    padding: 0.75rem 1.25rem;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
  }
  
  .card-header:first-child {
    border-radius: 0.25rem 0.25rem 0 0;
  }
  
  .card-footer {
    padding: 12px 20px;
    padding: 0.75rem 1.25rem;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
  }
  
  .card-footer:last-child {
    border-radius: 0 0 0.25rem 0.25rem;
  }
  
  .card-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .card-success {
    background-color: #5cb85c;
    border-color: #5cb85c;
  }
  
  .card-info {
    background-color: #5bc0de;
    border-color: #5bc0de;
  }
  
  .card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
  }
  
  .card-danger {
    background-color: #d9534f;
    border-color: #d9534f;
  }
  
  .card-primary-outline {
    background-color: transparent;
    border-color: var(--primary-color);
  }
  
  .card-secondary-outline {
    background-color: transparent;
    border-color: #ccc;
  }
  
  .card-info-outline {
    background-color: transparent;
    border-color: #5bc0de;
  }
  
  .card-success-outline {
    background-color: transparent;
    border-color: #5cb85c;
  }
  
  .card-warning-outline {
    background-color: transparent;
    border-color: #f0ad4e;
  }
  
  .card-danger-outline {
    background-color: transparent;
    border-color: #d9534f;
  }
  
  .card-inverse .card-header,
  .card-inverse .card-footer {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  
  .card-inverse .card-header,
  .card-inverse .card-footer,
  .card-inverse .card-title,
  .card-inverse .card-blockquote {
    color: var(--white);
  }
  
  .card-inverse .card-link,
  .card-inverse .card-text,
  .card-inverse .card-blockquote>footer {
    color: var(--white);
    color: rgba(255, 255, 255, 0.65);
  }
  
  .card-inverse .card-link:focus,
  .card-inverse .card-link:hover {
    color: var(--white);
  }
  
  .card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0;
  }
  
  .card-img {
    border-radius: 0.25rem;
  }
  
  .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    padding: 1.25rem;
  }
  
  .card-img-top {
    border-radius: 0.25rem 0.25rem 0 0;
  }
  
  .card-img-bottom {
    border-radius: 0 0 0.25rem 0.25rem;
  }
  
  
  
  .breadcrumb {
    padding: 12px 16px;
    padding: 0.75rem 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #9C9C9C;
    border-radius: 0.25rem;
  }
  
  .breadcrumb>li+li:before {
    padding-right: 8px;
    padding-right: .5rem;
    padding-left: 8px;
    padding-left: .5rem;
    color: #D6D6D6;
    content: "/";
  }
  
  .breadcrumb>.active {
    color: #D6D6D6;
  }
  
  .pagination {
    display: inline-block;
    padding-left: 0;
    margin-top: 16px;
    margin-top: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    border-radius: 0.25rem;
  }
  
  .page-item {
    display: inline;
  }
  
  .page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 4px;
    border-top-left-radius: 0.25rem;
  }
  
  .page-item:last-child .page-link {
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 4px;
    border-top-right-radius: 0.25rem;
  }
  
  .page-item.active .page-link,
  .page-item.active .page-link:focus,
  .page-item.active .page-link:hover {
    z-index: 2;
    color: var(--white);
    cursor: default;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .page-item.disabled .page-link,
  .page-item.disabled .page-link:focus,
  .page-item.disabled .page-link:hover {
    color: #D6D6D6;
    cursor: not-allowed;
    background-color: var(--white);
    border-color: #ddd;
  }
  
  .page-link {
    position: relative;
    padding: 8px 12px;
    margin-left: -1px;
    line-height: 1.5;
    color: var(--primary-color);
    text-decoration: none;
    background-color: var(--white);
    border: 1px solid #ddd;
  }
  
  .page-link:focus,
  .page-link:hover {
    color: #c99d44;
    background-color: #9C9C9C;
    border-color: #ddd;
  }
  
  .pagination-lg .page-link {
    padding: 12px 24px;
    padding: 0.75rem 1.5rem;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.33333;
  }
  
  .pagination-lg .page-item:first-child .page-link {
    border-bottom-left-radius: 4.8px;
    border-bottom-left-radius: 0.3rem;
    border-top-left-radius: 4.8px;
    border-top-left-radius: 0.3rem;
  }
  
  .pagination-lg .page-item:last-child .page-link {
    border-bottom-right-radius: 4.8px;
    border-bottom-right-radius: 0.3rem;
    border-top-right-radius: 4.8px;
    border-top-right-radius: 0.3rem;
  }
  
  .pagination-sm .page-link {
    padding: 4.4px 12px;
    padding: 0.275rem 0.75rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
  
  .pagination-sm .page-item:first-child .page-link {
    border-bottom-left-radius: 3.2px;
    border-bottom-left-radius: 0.2rem;
    border-top-left-radius: 3.2px;
    border-top-left-radius: 0.2rem;
  }
  
  .pagination-sm .page-item:last-child .page-link {
    border-bottom-right-radius: 3.2px;
    border-bottom-right-radius: 0.2rem;
    border-top-right-radius: 3.2px;
    border-top-right-radius: 0.2rem;
  }
  
  .pager {
    padding-left: 0;
    margin-top: 16px;
    margin-top: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    text-align: center;
    list-style: none;
  }
  
  .pager:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .pager li {
    display: inline;
  }
  
  .pager li>a,
  .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: var(--white);
    border: 1px solid #ddd;
    border-radius: 15px;
  }
  
  .pager li>a:focus,
  .pager li>a:hover {
    text-decoration: none;
    background-color: #9C9C9C;
  }
  
  .pager .disabled>a,
  .pager .disabled>a:focus,
  .pager .disabled>a:hover {
    color: #D6D6D6;
    cursor: not-allowed;
    background-color: var(--white);
  }
  
  .pager .disabled>span {
    color: #D6D6D6;
    cursor: not-allowed;
    background-color: var(--white);
  }
  
  
  .label {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: var(--white);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
  }
  
  .label:empty {
    display: none;
  }
  
  .btn .label {
    position: relative;
    top: -1px;
  }
  
  a.label:focus,
  a.label:hover {
    color: var(--white);
    text-decoration: none;
    cursor: pointer;
  }
  
  .label-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
  }
  
  .label-default {
    background-color: #D6D6D6;
  }
  
  .label-default[href]:focus,
  .label-default[href]:hover {
    background-color: #bdbdbd;
  }
  
  .label-primary {
    background-color: var(--primary-color);
  }
  
  .label-primary[href]:focus,
  .label-primary[href]:hover {
    background-color: #cfa757;
  }
  
  .label-success {
    background-color: #5cb85c;
  }
  
  .label-success[href]:focus,
  .label-success[href]:hover {
    background-color: #449d44;
  }
  
  .label-info {
    background-color: #5bc0de;
  }
  
  .label-info[href]:focus,
  .label-info[href]:hover {
    background-color: #31b0d5;
  }
  
  .label-warning {
    background-color: #f0ad4e;
  }
  
  .label-warning[href]:focus,
  .label-warning[href]:hover {
    background-color: #ec971f;
  }
  
  .label-danger {
    background-color: #d9534f;
  }
  
  .label-danger[href]:focus,
  .label-danger[href]:hover {
    background-color: #c9302c;
  }
  
  .jumbotron {
    padding: 32px 16px;
    padding: 2rem 1rem;
    margin-bottom: 32px;
    margin-bottom: 2rem;
    background-color: #9C9C9C;
    border-radius: 0.3rem;
  }
  
  
  .jumbotron-hr {
    border-top-color: #838383;
  }
  
  .jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
  }
  
  .alert {
    padding: 15px;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }
  
  .alert>p,
  .alert>ul {
    margin-bottom: 0;
  }
  
  .alert>p+p {
    margin-top: 5px;
  }
  
  .alert-heading {
    color: inherit;
  }
  
  .alert-link {
    font-weight: bold;
  }
  
  .alert-dismissible {
    padding-right: 35px;
  }
  
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
  }
  
  .alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
  }
  
  .alert-success hr {
    border-top-color: #c1e2b3;
  }
  
  .alert-success .alert-link {
    color: #2b542c;
  }
  
  .alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
  }
  
  .alert-info hr {
    border-top-color: #a6d5ec;
  }
  
  .alert-info .alert-link {
    color: #245269;
  }
  
  .alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
  }
  
  .alert-warning hr {
    border-top-color: #f7ecb5;
  }
  
  .alert-warning .alert-link {
    color: #66512c;
  }
  
  .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
  }
  
  .alert-danger hr {
    border-top-color: #e4b9b9;
  }
  
  .alert-danger .alert-link {
    color: #843534;
  }
  
  @keyframes progress-bar-stripes {
    from {
      background-position: 1rem 0;
    }
  
    to {
      background-position: 0 0;
    }
  }
  
  .progress {
    display: block;
    width: 100%;
    height: 16px;
    height: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
  
  .progress[value] {
    color: #0074d9;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  .progress[value]::-webkit-progress-bar {
    background-color: #eee;
    border-radius: 0.25rem;
  }
  
  .progress[value]::-webkit-progress-value:before {
    content: attr(value);
  }
  
  .progress[value]::-webkit-progress-value {
    background-color: #0074d9;
    border-top-left-radius: 4px;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.25rem;
  }
  
  .progress[value="100"]::-webkit-progress-value {
    border-top-right-radius: 4px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 0.25rem;
  }
  
  
  
  .progress-striped[value]::-webkit-progress-value {
    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-striped[value]::-moz-progress-bar {
    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-animated[value]::-webkit-progress-value {
    animation: progress-bar-stripes 2s linear infinite;
  }
  
  .progress-animated[value]::-moz-progress-bar {
    animation: progress-bar-stripes 2s linear infinite;
  }
  
  .progress-success[value]::-webkit-progress-value {
    background-color: #5cb85c;
  }
  
  .progress-success[value]::-moz-progress-bar {
    background-color: #5cb85c;
  }
  
  
  .progress-info[value]::-webkit-progress-value {
    background-color: #5bc0de;
  }
  
  .progress-info[value]::-moz-progress-bar {
    background-color: #5bc0de;
  }
  
  .progress-warning[value]::-webkit-progress-value {
    background-color: #f0ad4e;
  }
  
  .progress-warning[value]::-moz-progress-bar {
    background-color: #f0ad4e;
  }
  
  
  .progress-danger[value]::-webkit-progress-value {
    background-color: #d9534f;
  }
  
  .progress-danger[value]::-moz-progress-bar {
    background-color: #d9534f;
  }
  
  
  .media {
    margin-top: 15px;
  }
  
  .media:first-child {
    margin-top: 0;
  }
  
  .media,
  .media-body {
    overflow: hidden;
    zoom: 1;
  }
  
  .media-body {
    width: 10000px;
  }
  
  .media-left,
  .media-right,
  .media-body {
    display: table-cell;
    vertical-align: top;
  }
  
  .media-middle {
    vertical-align: middle;
  }
  
  .media-bottom {
    vertical-align: bottom;
  }
  
  .media-object {
    display: block;
  }
  
  .media-object.img-thumbnail {
    max-width: none;
  }
  
  .media-right {
    padding-left: 10px;
  }
  
  .media-left {
    padding-right: 10px;
  }
  
  .media-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }
  
  .media-list {
    padding-left: 0;
    list-style: none;
  }
  
  .list-group {
    padding-left: 0;
    margin-bottom: 0;
  }
  
  .list-group-item {
    position: relative;
    display: block;
    padding: 12px 20px;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: var(--white);
    border: 1px solid #ddd;
  }
  
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 4px;
    border-top-left-radius: 0.25rem;
  }
  
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.25rem;
  }
  
  .list-group-flush .list-group-item {
    border-width: 1px 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;
  }
  
  a.list-group-item,
  button.list-group-item {
    width: 100%;
    color: #555;
    text-align: inherit;
  }
  
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333;
  }
  
  a.list-group-item:focus,
  a.list-group-item:hover,
  button.list-group-item:focus,
  button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  
  .list-group-item.disabled,
  .list-group-item.disabled:focus,
  .list-group-item.disabled:hover {
    color: #D6D6D6;
    cursor: not-allowed;
    background-color: #9C9C9C;
  }
  
  .list-group-item.disabled .list-group-item-heading,
  .list-group-item.disabled:focus .list-group-item-heading,
  .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit;
  }
  
  .list-group-item.disabled .list-group-item-text,
  .list-group-item.disabled:focus .list-group-item-text,
  .list-group-item.disabled:hover .list-group-item-text {
    color: #D6D6D6;
  }
  
  .list-group-item.active,
  .list-group-item.active:focus,
  .list-group-item.active:hover {
    z-index: 2;
    color: var(--white);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading>small,
  .list-group-item.active .list-group-item-heading>.small,
  .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading>small,
  .list-group-item.active:focus .list-group-item-heading>.small,
  .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading>small,
  .list-group-item.active:hover .list-group-item-heading>.small {
    color: inherit;
  }
  
  .list-group-item.active .list-group-item-text,
  .list-group-item.active:focus .list-group-item-text,
  .list-group-item.active:hover .list-group-item-text {
    color: var(wh);
  }
  
  .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
  }
  
  a.list-group-item-success,
  button.list-group-item-success {
    color: #3c763d;
  }
  
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit;
  }
  
  a.list-group-item-success:focus,
  a.list-group-item-success:hover,
  button.list-group-item-success:focus,
  button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6;
  }
  
  a.list-group-item-success.active,
  a.list-group-item-success.active:focus,
  a.list-group-item-success.active:hover,
  button.list-group-item-success.active,
  button.list-group-item-success.active:focus,
  button.list-group-item-success.active:hover {
    color: var(--white);
    background-color: #3c763d;
    border-color: #3c763d;
  }
  
  .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
  }
  
  a.list-group-item-info,
  button.list-group-item-info {
    color: #31708f;
  }
  
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit;
  }
  
  a.list-group-item-info:focus,
  a.list-group-item-info:hover,
  button.list-group-item-info:focus,
  button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3;
  }
  
  a.list-group-item-info.active,
  a.list-group-item-info.active:focus,
  a.list-group-item-info.active:hover,
  button.list-group-item-info.active,
  button.list-group-item-info.active:focus,
  button.list-group-item-info.active:hover {
    color: var(--white);
    background-color: #31708f;
    border-color: #31708f;
  }
  
  .list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
  }
  
  a.list-group-item-warning,
  button.list-group-item-warning {
    color: #8a6d3b;
  }
  
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit;
  }
  
  a.list-group-item-warning:focus,
  a.list-group-item-warning:hover,
  button.list-group-item-warning:focus,
  button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc;
  }
  
  a.list-group-item-warning.active,
  a.list-group-item-warning.active:focus,
  a.list-group-item-warning.active:hover,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:focus,
  button.list-group-item-warning.active:hover {
    color: var(--white);
    background-color: #8a6d3b;
    border-color: #8a6d3b;
  }
  
  .list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
  }
  
  a.list-group-item-danger,
  button.list-group-item-danger {
    color: #a94442;
  }
  
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit;
  }
  
  a.list-group-item-danger:focus,
  a.list-group-item-danger:hover,
  button.list-group-item-danger:focus,
  button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc;
  }
  
  a.list-group-item-danger.active,
  a.list-group-item-danger.active:focus,
  a.list-group-item-danger.active:hover,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:focus,
  button.list-group-item-danger.active:hover {
    color: var(--white);
    background-color: #a94442;
    border-color: #a94442;
  }
  
  .list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }
  
  .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
  }
  
  .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  
  .embed-responsive-21by9 {
    padding-bottom: 42.85714%;
  }
  
  .embed-responsive-16by9 {
    padding-bottom: 56.25%;
  }
  
  .embed-responsive-4by3 {
    padding-bottom: 75%;
  }
  
  .embed-responsive-1by1 {
    padding-bottom: 100%;
  }
  
  .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "protokoll", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    font-size: 0.875rem;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .tooltip.in {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  
  .tooltip.tooltip-top,
  .tooltip.bs-tether-element-attached-bottom {
    padding: 5px 0;
    margin-top: -3px;
  }
  
  .tooltip.tooltip-top .tooltip-arrow,
  .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: var(--black);
  }
  
  .tooltip.tooltip-right,
  .tooltip.bs-tether-element-attached-left {
    padding: 0 5px;
    margin-left: 3px;
  }
  
  .tooltip.tooltip-right .tooltip-arrow,
  .tooltip.bs-tether-element-attached-left .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: var(--black);
  }
  
  .tooltip.tooltip-bottom,
  .tooltip.bs-tether-element-attached-top {
    padding: 5px 0;
    margin-top: 3px;
  }
  
  .tooltip.tooltip-bottom .tooltip-arrow,
  .tooltip.bs-tether-element-attached-top .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: var(--black);
  }
  
  .tooltip.tooltip-left,
  .tooltip.bs-tether-element-attached-right {
    padding: 0 5px;
    margin-left: -3px;
  }
  
  .tooltip.tooltip-left .tooltip-arrow,
  .tooltip.bs-tether-element-attached-right .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--black);
  }
  
  .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: var(--white);
    text-align: center;
    background-color: var(--black);
    border-radius: 0.25rem;
  }
  
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  
  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    padding: 1px;
    font-family: "protokoll", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    font-size: 0.875rem;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid var(--black);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
  }
  
  .popover.popover-top,
  .popover.bs-tether-element-attached-bottom {
    margin-top: -10px;
  }
  
  .popover.popover-top .popover-arrow,
  .popover.bs-tether-element-attached-bottom .popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
  }
  
  .popover.popover-top .popover-arrow:after,
  .popover.bs-tether-element-attached-bottom .popover-arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: "";
    border-top-color: var(--white);
    border-bottom-width: 0;
  }
  
  .popover.popover-right,
  .popover.bs-tether-element-attached-left {
    margin-left: 10px;
  }
  
  .popover.popover-right .popover-arrow,
  .popover.bs-tether-element-attached-left .popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
  }
  
  .popover.popover-right .popover-arrow:after,
  .popover.bs-tether-element-attached-left .popover-arrow:after {
    bottom: -10px;
    left: 1px;
    content: "";
    border-right-color: var(--white);
    border-left-width: 0;
  }
  
  .popover.popover-bottom,
  .popover.bs-tether-element-attached-top {
    margin-top: 10px;
  }
  
  .popover.popover-bottom .popover-arrow,
  .popover.bs-tether-element-attached-top .popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
  }
  
  .popover.popover-bottom .popover-arrow:after,
  .popover.bs-tether-element-attached-top .popover-arrow:after {
    top: 1px;
    margin-left: -10px;
    content: "";
    border-top-width: 0;
    border-bottom-color: var(--white);
  }
  
  .popover.popover-left,
  .popover.bs-tether-element-attached-right {
    margin-left: -10px;
  }
  
  .popover.popover-left .popover-arrow,
  .popover.bs-tether-element-attached-right .popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: rgba(0, 0, 0, 0.25);
  }
  
  .popover.popover-left .popover-arrow:after,
  .popover.bs-tether-element-attached-right .popover-arrow:after {
    right: 1px;
    bottom: -10px;
    content: "";
    border-right-width: 0;
    border-left-color: var(--white);
  }
  
  .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: -0.7rem -0.7rem 0 0;
  }
  
  .popover-content {
    padding: 9px 14px;
  }
  
  .popover-arrow,
  .popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  
  .popover-arrow {
    border-width: 11px;
  }
  
  .popover-arrow:after {
    content: "";
    border-width: 10px;
  }
  
  .carousel {
    position: relative;
  }
  
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .carousel-inner>.carousel-item {
    position: relative;
    display: none;
    transition: .6s ease-in-out left;
  }
  
  .carousel-inner>.carousel-item>img,
  .carousel-inner>.carousel-item>a>img {
    line-height: 1;
  }
  
  @media all and (transform-3d),
  (-webkit-transform-3d) {
    .carousel-inner>.carousel-item {
      transition: transform .6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      perspective: 1000px;
    }
  
    .carousel-inner>.carousel-item.next,
    .carousel-inner>.carousel-item.active.right {
      left: 0;
      transform: translate3d(100%, 0, 0);
    }
  
    .carousel-inner>.carousel-item.prev,
    .carousel-inner>.carousel-item.active.left {
      left: 0;
      transform: translate3d(-100%, 0, 0);
    }
  
    .carousel-inner>.carousel-item.next.left,
    .carousel-inner>.carousel-item.prev.right,
    .carousel-inner>.carousel-item.active {
      left: 0;
      transform: translate3d(0, 0, 0);
    }
  }
  
  .carousel-inner>.active,
  .carousel-inner>.next,
  .carousel-inner>.prev {
    display: block;
  }
  
  .carousel-inner>.active {
    left: 0;
  }
  
  .carousel-inner>.next,
  .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  .carousel-inner>.next {
    left: 100%;
  }
  
  .carousel-inner>.prev {
    left: -100%;
  }
  
  .carousel-inner>.next.left,
  .carousel-inner>.prev.right {
    left: 0;
  }
  
  .carousel-inner>.active.left {
    left: -100%;
  }
  
  .carousel-inner>.active.right {
    left: 100%;
  }
  
  .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: var(--white);
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='var(--black)00', GradientType=1);
  }
  
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--black)00', endColorstr='#80000000', GradientType=1);
  }
  
  .carousel-control:focus,
  .carousel-control:hover {
    color: var(--white);
    text-decoration: none;
    outline: 0;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1;
  }
  
  .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px;
  }
  
  .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px;
  }
  
  .carousel-control .icon-prev:before {
    content: "\2039";
  }
  
  .carousel-control .icon-next:before {
    content: "\203a";
  }
  
  .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
  }
  
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid var(--white);
    border-radius: 10px;
  }
  
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: var(--white);
  }
  
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--white);
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  
  .carousel-caption .btn {
    text-shadow: none;
  }
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
  }
  
  .invisible {
    visibility: hidden !important;
  }
  
  .text-hide {
    font: "0/0" a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .text-justify {
    text-align: justify !important;
  }
  
  .text-nowrap {
    white-space: nowrap !important;
  }
  
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .text-xs-left {
    text-align: left !important;
  }
  
  .text-xs-right {
    text-align: right !important;
  }
  
  .text-xs-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-normal {
    font-weight: normal;
  }
  
  .font-weight-bold {
    font-weight: bold;
  }
  
  .font-italic {
    font-style: italic;
  }
  
  .text-muted {
    color: #D6D6D6;
  }
  
  .text-primary {
    color: var(--primary-color) !important;
  }
  
  a.text-primary:focus,
  a.text-primary:hover {
    color: #cfa757;
  }
  
  .text-success {
    color: #5cb85c !important;
  }
  
  a.text-success:focus,
  a.text-success:hover {
    color: #449d44;
  }
  
  .text-info {
    color: #5bc0de !important;
  }
  
  a.text-info:focus,
  a.text-info:hover {
    color: #31b0d5;
  }
  
  .text-warning {
    color: #f0ad4e !important;
  }
  
  a.text-warning:focus,
  a.text-warning:hover {
    color: #ec971f;
  }
  
  .text-danger {
    color: #d9534f !important;
  }
  
  a.text-danger:focus,
  a.text-danger:hover {
    color: #c9302c;
  }
  
  .bg-inverse {
    color: #9C9C9C;
    background-color: #7C7C7F;
  }
  
  .bg-faded {
    background-color: #f7f7f9;
  }
  
  .bg-primary {
    color: var(--white) !important;
    background-color: var(--primary-color) !important;
  }
  
  a.bg-primary:focus,
  a.bg-primary:hover {
    background-color: #cfa757;
  }
  
  .bg-success {
    color: var(--white) !important;
    background-color: #5cb85c !important;
  }
  
  a.bg-success:focus,
  a.bg-success:hover {
    background-color: #449d44;
  }
  
  .bg-info {
    color: var(--white) !important;
    background-color: #5bc0de !important;
  }
  
  a.bg-info:focus,
  a.bg-info:hover {
    background-color: #31b0d5;
  }
  
  .bg-warning {
    color: var(--white) !important;
    background-color: #f0ad4e !important;
  }
  
  a.bg-warning:focus,
  a.bg-warning:hover {
    background-color: #ec971f;
  }
  
  .bg-danger {
    color: var(--white) !important;
    background-color: #d9534f !important;
  }
  
  a.bg-danger:focus,
  a.bg-danger:hover {
    background-color: #c9302c;
  }
  
  .m-x-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  
  .m-a-0 {
    margin: 0 0 !important;
  }
  
  .m-t-0 {
    margin-top: 0 !important;
  }
  
  .m-r-0 {
    margin-right: 0 !important;
  }
  
  .m-b-0 {
    margin-bottom: 0 !important;
  }
  
  .m-l-0 {
    margin-left: 0 !important;
  }
  
  .m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  
  .m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  .m-a-1 {
    margin: 16px 16px !important;
    margin: 1rem 1rem !important;
  }
  
  .m-t-1 {
    margin-top: 16px !important;
    margin-top: 1rem !important;
  }
  
  .m-r-1 {
    margin-right: 16px !important;
    margin-right: 1rem !important;
  }
  
  .m-b-1 {
    margin-bottom: 16px !important;
    margin-bottom: 1rem !important;
  }
  
  .m-l-1 {
    margin-left: 16px !important;
    margin-left: 1rem !important;
  }
  
  .m-x-1 {
    margin-right: 16px !important;
    margin-right: 1rem !important;
    margin-left: 16px !important;
    margin-left: 1rem !important;
  }
  
  .m-y-1 {
    margin-top: 16px !important;
    margin-top: 1rem !important;
    margin-bottom: 16px !important;
    margin-bottom: 1rem !important;
  }
  
  .m-a-2 {
    margin: 24px 24px !important;
    margin: 1.5rem 1.5rem !important;
  }
  
  .m-t-2 {
    margin-top: 24px !important;
    margin-top: 1.5rem !important;
  }
  
  .m-r-2 {
    margin-right: 24px !important;
    margin-right: 1.5rem !important;
  }
  
  .m-b-2 {
    margin-bottom: 24px !important;
    margin-bottom: 1.5rem !important;
  }
  
  .m-l-2 {
    margin-left: 24px !important;
    margin-left: 1.5rem !important;
  }
  
  .m-x-2 {
    margin-right: 24px !important;
    margin-right: 1.5rem !important;
    margin-left: 24px !important;
    margin-left: 1.5rem !important;
  }
  
  .m-y-2 {
    margin-top: 24px !important;
    margin-top: 1.5rem !important;
    margin-bottom: 24px !important;
    margin-bottom: 1.5rem !important;
  }
  
  .m-a-3 {
    margin: 48px 48px !important;
    margin: 3rem 3rem !important;
  }
  
  .m-t-3 {
    margin-top: 48px !important;
    margin-top: 3rem !important;
  }
  
  .m-r-3 {
    margin-right: 48px !important;
    margin-right: 3rem !important;
  }
  
  .m-b-3 {
    margin-bottom: 48px !important;
    margin-bottom: 3rem !important;
  }
  
  .m-l-3 {
    margin-left: 48px !important;
    margin-left: 3rem !important;
  }
  
  .m-x-3 {
    margin-right: 48px !important;
    margin-right: 3rem !important;
    margin-left: 48px !important;
    margin-left: 3rem !important;
  }
  
  .m-y-3 {
    margin-top: 48px !important;
    margin-top: 3rem !important;
    margin-bottom: 48px !important;
    margin-bottom: 3rem !important;
  }
  
  .p-a-0 {
    padding: 0 0 !important;
  }
  
  .p-t-0 {
    padding-top: 0 !important;
  }
  
  .p-r-0 {
    padding-right: 0 !important;
  }
  
  .p-b-0 {
    padding-bottom: 0 !important;
  }
  
  .p-l-0 {
    padding-left: 0 !important;
  }
  
  .p-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  
  .p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  .p-a-1 {
    padding: 16px 16px !important;
    padding: 1rem 1rem !important;
  }
  
  .p-t-1 {
    padding-top: 16px !important;
    padding-top: 1rem !important;
  }
  
  .p-r-1 {
    padding-right: 16px !important;
    padding-right: 1rem !important;
  }
  
  .p-b-1 {
    padding-bottom: 16px !important;
    padding-bottom: 1rem !important;
  }
  
  .p-l-1 {
    padding-left: 16px !important;
    padding-left: 1rem !important;
  }
  
  .p-x-1 {
    padding-right: 16px !important;
    padding-right: 1rem !important;
    padding-left: 16px !important;
    padding-left: 1rem !important;
  }
  
  .p-y-1 {
    padding-top: 16px !important;
    padding-top: 1rem !important;
    padding-bottom: 16px !important;
    padding-bottom: 1rem !important;
  }
  
  .p-a-2 {
    padding: 24px 24px !important;
    padding: 1.5rem 1.5rem !important;
  }
  
  .p-t-2 {
    padding-top: 24px !important;
    padding-top: 1.5rem !important;
  }
  
  .p-r-2 {
    padding-right: 24px !important;
    padding-right: 1.5rem !important;
  }
  
  .p-b-2 {
    padding-bottom: 24px !important;
    padding-bottom: 1.5rem !important;
  }
  
  .p-l-2 {
    padding-left: 24px !important;
    padding-left: 1.5rem !important;
  }
  
  .p-x-2 {
    padding-right: 24px !important;
    padding-right: 1.5rem !important;
    padding-left: 24px !important;
    padding-left: 1.5rem !important;
  }
  
  .p-y-2 {
    padding-top: 24px !important;
    padding-top: 1.5rem !important;
    padding-bottom: 24px !important;
    padding-bottom: 1.5rem !important;
  }
  
  .p-a-3 {
    padding: 48px 48px !important;
    padding: 3rem 3rem !important;
  }
  
  .p-t-3 {
    padding-top: 48px !important;
    padding-top: 3rem !important;
  }
  
  .p-r-3 {
    padding-right: 48px !important;
    padding-right: 3rem !important;
  }
  
  .p-b-3 {
    padding-bottom: 48px !important;
    padding-bottom: 3rem !important;
  }
  
  .p-l-3 {
    padding-left: 48px !important;
    padding-left: 3rem !important;
  }
  
  .p-x-3 {
    padding-right: 48px !important;
    padding-right: 3rem !important;
    padding-left: 48px !important;
    padding-left: 3rem !important;
  }
  
  .p-y-3 {
    padding-top: 48px !important;
    padding-top: 3rem !important;
    padding-bottom: 48px !important;
    padding-bottom: 3rem !important;
  }
  
  .pos-f-t {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  
  .hidden-xs-up {
    display: none !important;
  }
  
  .hidden-xl-down {
    display: none !important;
  }
  
  .visible-print-block {
    display: none !important;
  }
  
  
  .visible-print-inline {
    display: none !important;
  }
  
  .visible-print-inline-block {
    display: none !important;
  }
  
  
  /*  ==========================================================================
      Fonts
      ========================================================================== */
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 100;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 100;
    font-style: italic;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/protokoll-light.eot");
    src: url("../fonts/protokoll-light.eot?#iefix") format("embedded-opentype"), url("../fonts/protokoll-light.woff2") format("woff2"), url("../fonts/protokoll-light.woff") format("woff"), url("../fonts/protokoll-light.ttf") format("truetype"), url("../fonts/protokoll-light.svg#protokoll") format("svg");
    font-weight: 300;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/protokoll-light.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 300;
    font-style: italic;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: normal;
    font-style: italic;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/protokoll-medium.eot");
    src: url("../fonts/protokoll-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/protokoll-medium.woff2") format("woff2"), url("../fonts/protokoll-medium.woff") format("woff"), url("../fonts/protokoll-medium.ttf") format("truetype"), url("../fonts/protokoll-medium.svg#protokoll") format("svg");
    font-weight: 500;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/protokoll-medium.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 500;
    font-style: italic;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 600;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 600;
    font-style: italic;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 700;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 700;
    font-style: italic;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 900;
    font-style: normal;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  @font-face {
    font-family: "protokoll";
    src: url("../fonts/null.eot");
    src: url("../fonts/null.eot?#iefix") format("embedded-opentype"), url("../fonts/null.svg#protokoll") format("svg");
    font-weight: 900;
    font-style: italic;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
      font-family: "protokoll";
      src: url("../fonts/null.svg#protokoll") format("svg");
    }
  }
  
  /*  ==========================================================================
      Global Settings & Utilities
      ========================================================================== */
  
  
  hr {
    margin: 55.008px 0px;
    margin: 3.438rem 0px;
  }
  
  img.full-width {
    width: 100%;
    margin-bottom: 30px;
  }
  
  figure {
    margin: 0px;
  }
  
  figure.full-width img {
    width: 100%;
  }
  
  object {
    pointer-events: none;
  }
  
  a:focus {
    outline: none;
  }
  
  p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    line-height: 1.875rem;
    margin-bottom: 30px;
  }
  
  p small {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 23px;
    line-height: 1.4375rem;
  }
  
  
  
  img.size-full {
    width: 100%;
  }
  
  /*  ==========================================================================
      Layouts
      ========================================================================== */

  
  #content {
    padding:72px 0;
  }
  
 .post-header {
    min-height: 160px;
    overflow: hidden;
  }

  .filter-title #reset-filter:hover{
    text-decoration: underline;
  }
  
  .filter-title h1{
    color: var(--primary-color);
    font-weight: 400;
  }
  
  .filter-title h1 span{
    color: var(--black);
    font-size: 30px;
    display: block;
  }

  body.scroll-hidden{
    overflow: hidden;
  }
  
  
  /*  ==========================================================================
      Components
      ========================================================================== */
  
  /* header */
  
  
  #header {
    padding: 28px 0;
    background-color: var(--primary-color);
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: all 550ms linear;
  }
  
  #header .container.group, #header .nav-wrapper{
    transition: all 550ms linear;
  }
  
  .nav-wrapper {
    position: relative;
    padding: 130px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  #header.header-sticky .container.group {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .header-sticky#header{
    padding: 42px 0;
  }
  
  #header.header-sticky .nav-wrapper{
    padding: 0;
    padding-left: 175px;
  }
  
  #header.header-sticky .sticky-wrapper{
    width: 100%;
    margin-left: 40px;
  }
  
  #header #top-bar{
    width: 100%;
  }
  
  #header .logo{
    z-index: 9999;
    position: absolute;
  }
  #header .logo a{
    display: block;
  }
  
  #header.header-sticky .logo img{
    width: 100px;
    height: 60px;
  }
  
  #header .logo img{
    width: 168px;
    height: 100px;
    object-fit: contain;
    transition: all 400ms ease-in-out;
  }
  
  #header.header-sticky #main-navigation .sub-menu li{
    margin-left: 25px;
  }
  
  #main-navigation .sub-menu ul {
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--yellow);
  }
      
  .pull-lg-right{
    display: flex;
    align-items: flex-end;
    justify-content: end;
  }
  
  #top-bar .search-form{
    font-size: 18px;
  }
  
  #top-bar .search-form a{
    color: var(--yellow);
  }
  
  #top-bar  .seek-link::after{
    top: 8px;
    content: '';
    position: absolute;
    height: 1px;
    background-color: var(--yellow);
    bottom: 0;
    left: 0;
    width: 100%;
    transform-origin: 0% 50%;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
  }
  
  #top-bar .search-form:hover .search-btn{
    transform: scale(.8);
  }
  
  #top-bar .search-form.focus:hover .search-btn{
    transform: none;
  }

  #top-bar .search-form.focus  .seek-link{
    pointer-events: none;
  }
  
  #top-bar  .seek-link:hover::after{
    transform-origin: 0% 50%;
    transform: scale(1);
  }
  
  #top-bar .search-form {
    margin-left: 10px;
  }
  
  #top-bar .search-form.focus input[type="text"] {
    width: 550px;
  }
  
  #top-bar .search-form input[type="text"] {
    background: none;
    width: 0px;
    height: 17px;
    border: 0px;
    padding: 0px;
    color: var(--white);
    border-bottom: 2px solid var(--yellow);
    transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  
  #top-bar .search-form.focus input[type="text"]{
    padding: 8px 0;
  }
  
  #top-bar .search-form .search-btn {
    display: inline-block;
    background: url("../images/header-search.svg") no-repeat right center;
    width: 24px;
    height: 24px;
    border: 0px;
    cursor: pointer;
    z-index: 112;
    margin-left: 12px;
    transition: all 200ms ease-in-out;
  }
  
  #top-bar .search-form input[type="submit"] {
    display: none;
  }
  
  
  #top-bar .search-form.focus input[type="submit"] {
    display: inline-block;
    background: url("../images/header-search.svg") no-repeat right center;
    width: 20px;
    height: 20px;
    border: 0;
  }
  
  #top-bar .search-form.focus .search-btn{
    display: none;
  }

  .search-row{
    display: flex;
    align-items: center;
    width: fit-content;
  }
  
  .search-form.focus .search-row{
    position: absolute;
    top: 130px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 111;    
  }
  
  .search-form.focus .overlay{
    z-index: 110;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-gradient);
    backdrop-filter: blur(10px);     
    -webkit-backdrop-filter: blur(10px);
  }
  
  .header-sticky#header .search-form.focus .search-row{
    top: 0;
  }
  
  .search-form.focus .search-btn{
    position: absolute;
    left: 800px;
    bottom: -5px;
  }
  
  .menu-btn {
    display: none;
    position: relative;
    z-index: 999;
    padding: 0px;
    height: 18px;
    width: 25px;
    border: 0px;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  
  .menu-btn span.icon-bar {
    background: var(--yellow) !important;
    display: block;
    cursor: pointer;
    height: 3px;
    width: 32px;
    margin-top: 2px;
    position: relative;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  
  .menu-btn span.icon-bar:first-child {
    margin-top: 0px;
  }
  
  .menu-btn span.icon-bar:nth-child(2){
    opacity: 0;
  }
  
  .menu-btn span.icon-bar:last-child{
    height: 3px;
  }
  
  .menu-btn span.icon-bar:first-child,
  .menu-btn span.icon-bar:last-child {
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  
  .menu-btn.active span.icon-bar {
    background: var(--white);
  }
  
  .menu-btn.active span.icon-bar:first-child+span {
    background-color: transparent;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .menu-btn.active span.icon-bar:first-child {
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 0px;
    top: 6px;
  }
  
  .menu-btn.active span.icon-bar:last-child {
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 0px;
    top: -5px;
  }
  
  
  #main-navigation ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  
  #main-navigation li {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 21px;
    line-height: 1.3125rem;
    color: var(--black);
    margin-left: 25px;
    font-weight: 500;
    position: relative;
    width: max-content;
    text-transform: capitalize;
  }
  
  #main-navigation li:first-child{
    margin-left: 0;
  }
  
  #main-navigation .sub-menu li{
    margin-left: 25px;
    padding-bottom: 24px;
    border: none;
  }
  
  #main-navigation .sub-menu li:last-child{
    padding-bottom: 0;
  }
  
  
  #main-navigation li a {
    color: var(--yellow);
    text-decoration: none;
    position: relative;
    transition: all .3s cubic-bezier(0.76, 0, 0.24, 1);
  }

  
  .pull-lg-right a {
    position: relative;
  }
  
  #main-navigation li a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--yellow);
    bottom: 0;
    left: 0;
    width: 100%;
    transform-origin: 0% 50%;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
  }
  
  #main-navigation li a:hover,
  #main-navigation li a:hover::after,
  #main-navigation li.active > a::after {
    transform-origin: 0% 50%;
    transform: scaleX(1);
  }
  
  .menu-item .submenu-overlay{
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s .3s ease-in-out;
  }
  
  .menu-item-has-children:hover .submenu-overlay{
    opacity: 1;
    visibility: visible;
    transition: opacity .3s; 
  }
  
  .sub-menu {
   display: none;
   position: absolute;
   width: min-content;
   height: 100%;
   z-index: 11111;
   padding-top: 50px;
  }
  
  #menu-main-menu .sub-menu .container{
    max-width: 0;
    margin: 0;
    padding: 0;
    min-width: max-content;
  }
  
  .sub-menu li {
    display: inline-block;
    color: var(--black);
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 21px;
    line-height: 1.3125rem;
    margin-right: 25px;
    font-weight: 400;
    position: relative;
  }
    
  .sub-menu li:last-child {
    margin-right: 0px;
  }
  
  .sub-menu li.active {
    font-weight: 500;
  }
  
  
  /*footer*/
  
  #footer {
    padding: 60px 0;
    background: var(--black);
  }
  
  #footer .row {
    position: relative;
    display: grid;
    grid-template-columns: 250px 250px 1fr;
    grid-column-gap: 35px;
  }
  
  #footer .column:last-child{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  } 
  
  #footer ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  
  #footer .list1 li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    font-weight: normal;
    color: var(--white);
    border-top: 2px solid var(--muted);
    padding: 10px 0px;
  }
  
  #footer .list1 li:first-child {
    border-top: 0px;
  }
  
  #footer  a {
    color: var(--white);
  }
  
  #footer  a:hover{
    color: var(--primary-color);
  }
  
  #footer .sociable {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    row-gap: 10px;
  }
    
  #footer .sociable a i{
    transition: all .3s ease-in-out;
  }
  
  #footer .sociable a:hover i{
   color: var(--white);
  }
  
  #footer .list1 li {
    border-top: 1px solid var(--white);
    padding: 16px 0;
    text-transform: capitalize;
  }
  
  
  #footer #nav_menu-2 li.hidden-xs-up {
    display: block !important;
  }
  
  #footer .sociable li {
    margin-right: 12px;
  }

  #footer .sociable li:last-child {
    margin-right: 0px;
  }
  
  #footer .sociable li a {
    font-size: 18px;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;  
    background: var(--white);
    border-radius: 50%;
    width: 30px;
    height: 30px;
  }
  
  #footer .sociable li a:hover{
    background: var(--primary-color);
  }
  
  
  .back-to-top {
    background: url("../images/back-to-top-arrow.svg") no-repeat center center;
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid var(--white);
    border-radius: 50%;
    margin-left: auto; 
  }
  
  
  
  .load-more-btn {
    display: block;
    border: 1px solid var(--primary-color);
    color: var(--black);
    font-size: 20px;
    text-align: center;
    max-width: 174px;
    margin: 30px auto 0;
    padding: 16px 20px;
    font-weight: 400;
    transition: all .3s ease-in-out;
    cursor: pointer;
  }
  
  .load-more-btn:hover {
    background: var(--primary-color);
    color: var(--white);
  }
  
  .post .post-header h1,
  .post .post-header h2,
  .post .post-header p {
    margin-bottom: 25px;
  }
  
  .post .post-header h1 span,
  .post .post-header h2 span {
    font-weight: 300;
    display: inline-block;
  }

  .post .post-header h1 a,
  .post .post-header h2 a {
    font-weight: 300;
    display: inline-block;
  }
  
  .post > p > b{
    color: var(--primary-color);
  }

  .post p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    line-height: 1.875rem;
    margin-bottom: 30px;
    font-weight: 500;
  }

  .post p:last-child{
    margin-bottom: 0;
  }
  
  .post p.metadata,
  .post p.category {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 21px;
    line-height: 1.3125rem;
    font-weight: 500;
  }
  
  .post p.metadata span,
  .post p.category span {
    color: #6D6E70;
  }
  
  .post p.post-time {
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 1.3125rem;
  }
  
  .post p.note {
    color: #899656;
  }
  
  .post p a {
    color: #6D6E70;
    text-decoration: underline;
  }
  
  .post figure figcaption {
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 20px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 21px;
    line-height: 1.3125rem;
    color: #6D6E70;
  }
  
  .post .wp-caption-text {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 21px;
    line-height: 1.3125rem;
    color: #6D6E70;
  }
  
  .artist .post .post-header h1,
  .artist .post .post-header h2 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
  
  
  .featured-image {
    margin-bottom: 40px;
  }
  
  .featured-image img {
    width: 100%;
  }
  
  .video img {
    width: 100%;
  }
  
  form input:focus,
  form textarea:focus,
  form select:focus {
    outline: none;
  }
  
  .form ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  
  .form li {
    margin-bottom: 30px;
  }

  .form li:last-child {
    margin-bottom: 0;
  }
  
  .form input[type="text"],
  .form input[type="email"],
  .form textarea {
    background: transparent;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #9C9C9C;
    height: 42px;
    border: 0px;
    border-bottom: 1px solid var(--black);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 0px 15px 15px 0px;
    outline: none;
  }
  
  .form textarea {
    resize: none;
  }
  
  .form input:-moz-placeholder,
  .form textarea:-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: var(--muted);
  }
  
  .form input::-moz-placeholder,
  .form textarea::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: var(--muted);
  }
  
  .form input::-webkit-input-placeholder,
  .form textarea::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: var(--muted);
  }
  
  .form input:-ms-input-placeholder,
  .form textarea:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: var(--muted);
  }
  
  .form .submit-button {
    border: 0px;
  }
  
  .form .checkbox input[type="checkbox"]+label,
  .form .checkbox input[type="radio"]+label {
    margin: 0;
  }
  
  .form .checkbox input[type="checkbox"],
  .form .checkbox input[type="radio"] {
    visibility: hidden;
    display: none;
  }
  
  .form .checkbox label {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    padding-left: 30px;
  }
  
  .form .checkbox label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    background: url("../images/checkbox.jpg") no-repeat left top;
  }
  
  .form .checkbox input[type="checkbox"]:checked+label:after,
  .form .checkbox input[type="radio"]:checked+label:after {
    background-position: left bottom;
  }
  
  /*--- Selectbox --- */
  .selectbox {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #9C9C9C;
    height: 42px;
    border-bottom: 1px solid var(--black);
    position: relative;
  }
  
  .selectbox:after {
    background: url("../images/selectbox-arrow.svg") right center no-repeat var(--white);
    background-size: contain;
    width: 14px;
    height: 42px;
    content: "";
    position: absolute;
    right: 0px;
    top: -1px;
    pointer-events: none;
    border-radius: 0px;
  }
  
  .selectbox select {
    display: block;
    background: var(--white);
    color: #9C9C9C;
    width: 100%;
    height: 100%;
    padding: 9px 15px 15px 0px;
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  .selectbox select:focus {
    outline: none;
  }
  
  .selectbox select::-ms-expand {
    display: none;
  }
  
  .selectbox option {
    padding: 0px;
  }
  
  .pagination {
    margin: 0px 0px 30px;
    padding: 0px;
    list-style: none;
  }

  .pagination ul li .page-numbers{
    background: var(--primary-color);
    padding: 5px 8px;
    border-radius: 5px;
    color: var(--white);
    opacity: .6;
    transition: all .3s ease-in-out ;
  }
  
  .pagination ul li:hover .page-numbers{
    background: var(--primary-color);
    opacity: 1;
  }
  
  .pagination .page-numbers.current{
    background: var(--primary-color);
    opacity: 1;
  }
  
  .pagination ul li  .next.page-numbers, .pagination ul li  .prev.page-numbers{
    position: relative;
    padding: 2px 15px;
  }
  
  
  .pagination ul li  .next.page-numbers::after, .pagination ul li  .prev.page-numbers::after{  font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none; 
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
  
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  
  .pagination ul li  .next.page-numbers::after{
    content: '\e904';
  }
  
  .pagination ul li  .prev.page-numbers::after{
    content: "\e900";
  }
  
  .pagination li {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 30px;
    line-height: 1.875rem;
    margin-right: 15px;
  }
      
  .box-wrap {
    margin-left: -18px;
  }
  
  .box-wrap .box {
    width: 250px;
    margin-left: 18px;
  }
  
  .box {
    color: var(--white);
    margin-bottom: 20px;
    z-index: 9;
  }
  
  .box.box1 {
    background: var(--primary-color);
  }
  
  .box.box2 {
    background: #1A1A1A;
  }
  
  .box.box3 {
    background: #7C7C7F;
  }
  
  .box header {
    min-height: 101px;
    padding: 18px;
  }
  
  .box header .social-icon {
    display: inline-block;
  }
  
  .box header .social-icon object {
    pointer-events: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  .box header h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 30px;
    line-height: 1.875rem;
    margin-bottom: 0px;
  }
  
  .box header h3 a {
    color: inherit;
  }
  
  .box header .metadata {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
  
  .box .featured-image {
    margin-bottom: 15px;
  }
  
  .box .featured-image img {
    width: 100%;
  }
  
  .box .content {
    padding: 0px 18px 25px 18px;
  }
  
  .box .content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 1.3125rem;
    margin-bottom: 0px;
  }
  
  .box .content p a {
    text-decoration: underline;
    color: inherit;
  }
  
  
  .col a {
    color: var(--black);
  }
  
  .col a:hover .image {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  }
  
  .col a .image {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  
  .col .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .section h2 {
    font-size: 36px;
    line-height: 1.19;
    margin-bottom: 0;
  }
  
  .section h2 .music-title {
    display: block;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 32px;
    line-height: 2rem;
  }
  
  .section p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 0px;
    font-weight: 500;
  }
  
  .section p.program-date {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
  
  .section p.program-location {
    color: #6D6E70;
    margin-bottom: 10px;
  }
  
  .section .cards {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
    color: var(--primary-color);
    position: absolute;
    left: 15px;
    bottom: 0;
    font-weight: 500;
  }
  
  .section .cards:hover { 
    text-decoration: underline;
  }
  
  .program-archive .section {
    min-height: 130px;
    padding-bottom: 0px;
  }
  
  
  #sidebar .widget {
    margin-bottom: 30px;
  }
  
  #sidebar .widget.payment-widget li.active a {
    font-weight: 500;
  }
  
  #sidebar .widget.payment-widget li.cards-link a {
    font-weight: 500;
    color: var(--white);
  }

  #sidebar .widget.payment-widget li.cards-link .mycalender{
    margin-top: 10px;
  }
  
  #sidebar .widget.payment-widget li a {
    font-weight: 400;
  }
  
  #sidebar .widget.payment-widget li a:hover {
    font-weight: 500;
  }
  
  #sidebar .widget.download-widget li a {
    color: var(--primary-color);
  }
  
  #sidebar .widget.information p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 23px;
    line-height: 1.4375rem;
    margin-bottom: 25px;
  }
  
  #sidebar .widget.information p span {
    color: #7C7C7F;
  }
  
  #sidebar .widget .widget-header,
  #sidebar .widget .widget-header2 {
    padding: 8px 16px;
    margin-bottom: 15px;
    background: var(--primary-color);
  }
  
  #sidebar .widget .widget-header h3,
  #sidebar .widget .widget-header2 h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 1.3125rem;
    font-weight: 400;
    color: var(--white);
    margin-bottom: 0px;
  }
      
  #sidebar .widget ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  
  #sidebar .widget li,
  #sidebar .widget p {
    font-size: 18px;
    font-size: 1.125rem; 
    line-height: 30px;
    line-height: 1.875rem;
    color: var(--black);
    margin-bottom: 0px;
  }
  
  #sidebar .widget li.active a,
  #sidebar .widget p.active a {
    color: var(--primary-color);
  }
  
  #sidebar .widget li a,
  #sidebar .widget p a {
    display: inline-block;
    color: var(--black);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  
  #sidebar .widget li a:hover,
  #sidebar .widget p a:hover {
    color: var(--black);
  }
  
  #sidebar .widget p span.secondary-color {
    color: var(--primary-color);
  }
  
  /* calender */
  
  #calendar .container {
    position: relative;
  }
  
  #calendar .cal-swiper-row{
    position: relative;
    padding: 0 40px;
  }
  
  
  #calendar .swiper-button-next{
    right: 0;
  }
  
  #calendar .swiper-button-prev{
    left: 0;
  }
  
 .swiper-button-prev, .swiper-button-next{
    width: auto;
    transform: translateY(-50%);
    margin: 0;
    height: auto;
  }
  
  .swiper-button-lock{
    display: block;
  }
  
  
  #calendar .swiper-button-next:after, #calendar .swiper-button-prev:after{
      font-size: 12px;
      color: var(--primary-color);    
  }
  
  #calendar .swiper-button-prev:after{
    content: '\e900';
  }
  
  #calendar .swiper-button-next:after{
    content: '\e904';
  }
  
  #calendar .swiper-slide{
    width: auto !important;
    margin-right: 10px;
  }
  
  .swiper-button-prev:hover::after{
    transform: translateX(-4px);
  }
  
  .swiper-button-next:hover::after{
    transform: translateX(4px);
  }
  
  /*
  #calendar .swiper-slide-active .event-date, #calendar .swiper-slide-next .event-date, #calendar .swiper-slide-prev .event-date{
    opacity: .5;
  }
  */
  
  #calendar .swiper-slide-active .event-date:hover, #calendar .swiper-slide-next .event-date:hover,  #calendar .swiper-slide-prev .event-date:hover{
    opacity: 1;
  }
  
  #calendar .cal-swiper-row  .month {
    border-right: 2px solid var(--black);
    padding-right: 30px;
  }
  
  #calendar .month.old .month-name {
    color: #909090;
  }
  
  #calendar .month-name,
  #calendar .event-date {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 17px;
    line-height: 1.0625rem;
  }
  
  #calendar .month-name {
    display: block;
    color: var(--black);
    font-weight: 500;
    padding-right: 10px;
  }
  
  #calendar .event-date {
    display: inline-block;
    vertical-align: middle;
    color: var(--primary-color);
    margin-right: 5px;
    padding-right: 5px;
  }
  
  #calendar .event-date.old-event {
    color: #979797;
  }
  
  /*  ==========================================================================
      Page Specific
      ========================================================================== */
  .contact-details {
    margin-bottom: 50px;
  }
  
  .contact-details p a {
    color: inherit;
    display: inline-block;
    border-bottom: 1px solid var(--primary-color);
    text-decoration: none;
  }
  
  .contact-details .map .marker {
    display: block;
    background: url("../images/marker.svg") no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  /* partner page */
  
  .partners{
    margin-bottom: 40px;
  }
  
  .partners:last-child{
    margin-bottom: 0;
  }
  
  .partners h3 {
    margin-bottom: 24px;
    color: var(--primary-color);
  }
  
  .partners ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px 36px;
  }
  
  .partners li a{
    display: inline-block;
    width: 100%;
  }
  
  .partners li img {
    width: 265px;
    height: 145px;
    object-fit: contain;
  }
  
  .team-members {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  
  .team-members.grid-view li {
    display: inline-block;
    vertical-align: top;
    margin-left: -2px;
    margin-right: -2px;
    width: 33.33%;
  }
  
  .team-members li {
    padding-right: 15px;
    margin: 0px 0px 75px;
  }
  
  .team-members li p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 1.3125rem;
    color: var(--black);
    margin-bottom: 5px;
  }
  
  .team-members li p a {
    color: var(--primary-color);
    text-decoration: none;
  }
  
  
  .results-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  
  .results-list li {
    margin-bottom: 60px;
  }
  
  .results-list li h5 {
    margin-bottom: 0px;
  }
  
  .results-list li p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
  
  
  /*
  *ticket
  */
  .ticket #content {
    padding-top: 30px;
  }
  
  .ticket #content h4 {
    color: var(--primary-color);
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 0px;
  }
  
  .ticket hr {
    border-color: #D6D6D6;
    border-width: 3px;
    margin: 25px 0 40px;
  }
  
  .ticket .ticket-section {
    margin-bottom: 15px;
  }
  
  .ticket .ticket-section .wrapper {
    display: flex;
    justify-content: space-between;
  }
  
  .ticket .ticket-section .wrapper .left {
    max-width: 60%;
    padding-right: 12px;
  }
  
  .ticket .ticket-section .wrapper h3,
  .ticket .ticket-section .wrapper p {
    margin-bottom: 5px;
  }
  
  .ticket .ticket-section p {
    font-size: 14px;
    font-size: 0.875rem;
    color: var(--black);
    margin: 0;
    line-height: 1.5;
  }
  
  .ticket .ticket-section p span {
    color: #6D6E70;
  }
  
  .ticket .ticket-section p span.secondary-color {
    color: var(--primary-color);
  }
  
  .ticket .ticket-section h3 {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.14;
    font-weight: 300;
    margin: 0px;
  }
  
  .ticket .ticket-section.column .wrapper {
    min-height: 135px;
  }
  
  .ticket .ticket-section.column .wrapper h3 {
    font-weight: 500;
  }
  
  .ticket .ticket-section .image {
    width: 100%;
    height: 120px;
  }
  
  .ticket .form .ticket-section .selectbox {
    border: 1px solid #D6D6D6;
    width: 75px;
    background: var(--white);
    height: 33px;
    margin-left: 10px;
  }

  .ticket .form .ticket-section .selectbox:first-child{
    margin-left: 0;
  }
  
  .ticket .form .ticket-section .selectbox:after {
    height: 31px;
    width: 15px;
    top: 0;
  }
  
  .ticket .form .ticket-section .selectbox.number {
    border: solid 3px var(--primary-color);
  }
  
  .ticket .form .ticket-section .selectbox.number:after {
    height: 27px;
  }
  
  .ticket .form .ticket-section .selectbox.small:after {
    background: url(../images/selectbox-arrow-small.jpg);
  }
  
  .ticket .form .ticket-section .selectbox select,
  .ticket .form .ticket-section .selectbox option {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #6D6E70;
    padding: 5px;
  }
  
  .ticket #sidebar hr {
    border-color: #D6D6D6;
    border-width: 1px;
    margin: 20px 0px;
  }
  
  .ticket #sidebar .link {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.67;
    color: var(--primary-color);
    font-weight: 500;
  }

  .ticket #sidebar .link:hover {
    color: var(--black);
  }
  
  
  .ticket #sidebar .checkbox {
    width: 42%;
    margin-bottom: 25px;
  }
  
  .ticket #sidebar input[type="text"] {
    width: 55%;
    height: auto;
    color: #7C7C7F;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
    padding: 0px 0px 4px;
  }
  
  .ticket #sidebar input[type="text"]:-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #7C7C7F;
  }
  
  .ticket #sidebar input[type="text"]::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #7C7C7F;
  }
  
  .ticket #sidebar input[type="text"]::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #7C7C7F;
  }
  
  .ticket #sidebar input[type="text"]:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #7C7C7F;
  }
  
  .ticket #sidebar .checkbox input[type="checkbox"] {
    margin-left: 0px;
  }
  
  .ticket #sidebar label {
    vertical-align: top;
    font-size: 14px;
    font-size: 0.875rem;
    color: var(--primary-color);
    font-weight: 500;
  }
  
  .ticket #sidebar .secondary-color {
    color: var(--primary-color);
  }
  
  .ticket #sidebar .line-through {
    text-decoration: line-through;
    color: inherit;
  }
  
  .ie .ticket #sidebar input[type="text"] {
    padding-bottom: 6px;
  }
  
  #map {
    width: 100%;
    height: 392px;
  }
  
  .ticket-section.selected,
  .bonuskonzerte.bonus_selected {
    background-color: #eeeeee;
  }

  .ticket-section .row{
    display: grid;
    grid-template-columns: 33% 1fr;
    gap: 30px;
  }
  
  .ticket-section .row  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .ticket .ticket-section .wrapper .right{
    display: flex;
    flex-wrap: wrap;
  }
  
  .ticket-section .row .col-lg-9{
    border-bottom: 1px solid #D6D6D6;
  }
  
  #top-bar .search-form input[type="submit"] {
    display: none;
  }
  
  #sidebar .widget p.error,
  #sidebar .widget p.wrong_age,
  .ticket .ticket-section p.abo_age {
    color: #FF0000;
  }
  
  .disabled {
    opacity: 0.7;
  }
  
  body.single-programm p.metadata {
    display: none;
  }
  
  
  .owl-carousel .slide .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--black);
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 25px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 21px;
    line-height: 1.3125rem;
    color: var(--white);
  }
  
  .owl-nav .owl-next,
  .owl-nav .owl-prev {
    text-indent: -9999px;
    width: 160px;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 100;
    cursor: pointer;
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  
  .owl-nav .owl-next:hover,
  .owl-nav .owl-prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  .owl-nav .owl-next:before,
  .owl-nav .owl-prev:before {
    content: '';
    display: block;
    height: 32px;
    width: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .owl-nav .owl-next {
    background: url("../../assets/images/next-button-bg.svg") repeat-y;
    right: 0;
  }
  
  .owl-nav .owl-next:before {
    background: url("../../assets/images/next-button.svg") no-repeat center center;
    right: 28px;
  }
  
  .owl-nav .owl-prev {
    background: url("../../assets/images/previous-button-bg.svg") repeat-y;
    left: 0;
  }
  
  .owl-nav .owl-prev:before {
    background: url("../../assets/images/previous-button.svg") no-repeat center center;
    left: 28px;
  }
  
  .owl-carousel .item-video {
    height: 478px;
  }
  
  
  body.page-template-musik-plus a.social-icon img {
    width: 40px;
  }
  
  .bonus-section {
    background: #f7f7f7;
    padding: 30px 20px;
  }
  
  .ticket #content .bonus-section h4 {
    margin-bottom: 20px;
  }
  
  .bonus-section .ticket-section .wrapper .right {
    max-width: 40%;
  }
  
  .ticket .bonus-section .ticket-section .selectbox {
    width: 65px;
  }
  
  
  .free-ticket-notification {
    background: #DABC7F;
    padding: 25px 0;
    color: var(--white);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateY(-100%);
    z-index: 99;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  }
  
  .free-ticket-notification.show {
    transform: translateY(0%);
  }
  
  .free-ticket-notification p,
  #sidebar .free-ticket-notification p {
    font-size: 16px;
    color: var(--white);
  }
  
  .free-ticket-notification a {
    color: var(--white);
  }
  
  .free-ticket-notification .container {
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  
  
  #cookie-law-info-bar {
    background-color: rgba(0, 0, 0, 0.8) !important;
    padding: 16px 60px;
  }
  
  #cookie-law-info-bar .cli-plugin-main-link {
    margin-left: 0px;
    text-decoration: underline;
  }
  
  #cookie-law-info-bar .cookie_action_close_header {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0px;
    width: 25px;
    height: 25px;
  }
  
  #cookie-law-info-bar .cookie_action_close_header::after,
  #cookie-law-info-bar .cookie_action_close_header::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 12px;
    height: 4px;
    width: 25px;
    background: rgb(255, 255, 255);
  }
  
  #cookie-law-info-bar .cookie_action_close_header::before {
    transform: rotate(45deg);
  }
  
  #cookie-law-info-bar .cookie_action_close_header::after {
    transform: rotate(-45deg);
  }
  
  
  
  /* checkbox */
  
  .wpcf7-checkbox span.wpcf7-list-item {
    margin-left: 0;
    display: flex;
    align-items: center;
  }
  
  .wpcf7-checkbox .wpcf7-list-item-label {
    display: inline-block;
    position: relative;
    margin-left: 20px;
    width: calc(100% - 27px);
  }
  
  .wpcf7-checkbox .icheckbox {
    background: var(--white);
    background-repeat: no-repeat;
    background-size: 17px 13px;
    background-position: center center;
    border: 1px solid var(--black);
    display: inline-block;
    vertical-align: top;
    min-width: 25px;
    min-height: 25px;
  }
  
  .wpcf7-checkbox .icheckbox.checked {
    background-image: url('../../assets/images/check.svg');
    background-color: #dfbd75;
    border-color: #dfbd75;
  }
  
  .wpcf7-checkbox.wpcf7-not-valid .icheckbox {
    border-color: #f00;
  }
  
  .wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label {
    color: #f00;
  }
  
  .form .agree {
    display: inline-block;
  }
  
  .form .wpcf7-not-valid-tip {
    display: none;
  }
  
  .form .wpcf7-form-control.wpcf7-not-valid {
    border-color: #f00;
  }
  
  .field-error label.error {
    display: none !important;
  }
  
  .form .field-error input[type="text"],
  .form .field-error input[type="email"],
  .form .field-error textarea {
    border-color: #f00 !important;
  }
  
  .field-error .icheckbox {
    border-color: #f00;
  }
  
  .field-error .wpcf7-list-item-label {
    color: #f00;
  }
  
  .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    display: none !important;
  }
  
  .form textarea {
    height: 100px;
  }
  
  
  /**/
  .subline-info span {
    font-size: 36px;
    line-height: 1.1;
    color: var(--primary-color);
    font-weight: 400;
  }
  
  .subline-info {
    display: flex;
    padding: 36px 0;
    border-bottom: 1px solid #ccc;
  }
  
  .subline-info .date-box {
    max-width: 418px;
    width: 100%;
  }
  
  .subline-main-box {
    position: relative;
    z-index: 9;
  }
  
  #calendar {
    padding: 15px 0 0;
  }
  
  #calendar ul {
    width: 100% !important;
    inset: 0 !important;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
  }
  
  .program-title-box h2 {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 24px;
    font-weight: 400;
  }
  
  h2 a:hover {
    color: var(--primary-color);
  }
  
  .program-band-composer .music-title {
    font-size: 28px;
    color: var(--gray);
    line-height: 1.2;
    margin-bottom: 8px;
    display: inline-block;
    font-weight: 400;
  }
  
  .program-band-composer .composer-info {
    font-size: 20px;
    color: var(--gray);
    line-height: 1.2;
    font-weight: 400;
  }
  
  .section p.program-date {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
  }
  
  .section .program-btn .cards {
    position: inherit;
    font-size: 20px;
    position: relative;
    left: 0;
    padding-right: 20px;
    font-weight: 400;
  }
  
  .section .program-btn .cards:after {
    content: '\e900';
    position: absolute;
    right: 0;
    top: -2px;
    font-family: 'icomoon' !important;
    font-size: 15px;
  }
  
  .post table {
    width: 100%;
  }
  
  .page-template-informationen1 .post p {
    color: black;
    font-weight: 400;
  }
  
  .page-template-informationen1 .post p i {
    color: var(--black);
    font-style: normal;
  }
  
  
  
  /*modal*/
  
  
  .close:focus,
  .close:hover {
    text-decoration: none;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
  
  button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    outline: none;
  }
  
  .modal-open {
    overflow: hidden;
  }
  
  .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1111;
    display: none;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
  }
  
  .modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  
  .modal.in .modal-dialog {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--model-gradient);
    backdrop-filter: blur(10px);  
    -webkit-backdrop-filter: blur(10px);
    z-index: 99999;
  }
  
  .modal-dialog {
    position: relative;
    width: auto;
  }
  
  .modal-content {
    position: relative;
  }
  
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: var(--primary-color);
  }
  
  .modal-backdrop.fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .modal-backdrop.in {
    opacity: 0.77;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=77)";
  }
  
  .modal-header:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .modal-title {
    margin: 0;
    line-height: 1.5;
  }
  
  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  
  .modal-footer:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
  }
  
  .modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
  }
  
  .modal-footer .btn-block+.btn-block {
    margin-left: 0;
  }
  
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  
  .modal.in .modal-dialog {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    padding: 0 33px;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: auto;
    padding-bottom: 120px;
    margin-top: 120px;
  }
  
  .close {
    font-size: 45px;
    line-height: 1;
    color: var(--white);
  }
  
  .modal-header {
    padding: 0;
    text-align: end;
  }
  
  .modal-body {
    padding: 40px 40px 20px;
    position: relative;
    background: var(--white);
  }
  
  .modal-body p:empty {
    display: none;
  }
  
  .popup-info-box:last-child p {
    margin: 0;
  }
  
  .popup-info-box h2 {
    margin-bottom: 30px;
    font-size: 36px;
  }
  
  #newsletter-modal .modal-body {
    background: var(--white);  
    border: 2px solid var(--primary-color);
  }
  
  #newsletter-modal  .modal-body h2{
    font-size: 32px;
    color: var(--primary-color);
    margin-bottom: 10px;
    line-height: 1.2;
  }
  
  #newsletter-modal form .email-block{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    color: var(--primary-color);
    font-size: 32px;
    font-weight: 500;
    padding-bottom: 30px;
    line-height: 1.2;
  }
  
  #newsletter-modal form .form-group{
    display: flex;
    align-items: center;
    margin: 0;
  }
  
  #newsletter-modal form .email-block label{
    margin: 0;
    padding-right: 30px;
    line-height: 1.2;
  }
  
  #newsletter-modal form .email-block input{
    border: none;
    border-bottom: 1px solid rgba(0, 48, 135, .5);
    font-size: 15px;
    color: var(--muted);
    padding: 8px 30px 6px 0;
    min-width: 290px;
    width: 100%;
  }
  
  #newsletter-modal form .submit-form button{
    border: none;
    background: transparent;
  }
  
  #newsletter-modal form .submit-form i{
    font-size: 24px;
  }
  
  #newsletter-modal form .checkbox span{
    padding-left: 8px;
    display: block;
  }
  
  #newsletter-modal form .checkbox{
    font-size: 15px;
    line-height: 1.2;
    color: var(--muted);
    margin-bottom: 10px;
    position: relative;
  } 
  
  #newsletter-modal form .checkbox input[type="checkbox"]{
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    position: absolute;
  }
  
  .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after {
    position: absolute;
    content: "";
    transition: all 200ms;
  }
  
  .checkbox .input-helper:before {
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 0px;
    color: var(--primary-color);
  }
  
  .checkbox .input-helper:after {
    content: '\2713';
    font-size: 13px;
    left: 2px;
    top: 1px;
    font-weight: 600;
    color: var(--primary-color);
    transform: scale(0);
    opacity: 0;
  }
  
  .checkbox .input-helper:before, .radio .input-helper:before {
    left: 0;
    border: 1px solid var(--primary-color);
  }
  
  .checkbox input:checked + .input-helper:before { background-color: transparent; }
  .checkbox input:checked + .input-helper:before { background-color: transparent; }
  .checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
  
  #newsletter-modal .display-message{
    font-size: 15px;
    line-height: 1.2;
    color: #9D9D9D;
    display: none;
    margin-bottom: 20px;
  }
  
  /**/
  
  .seat-image img.full-width {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: auto;
  }
  
  .team-img-box .featured-image {
    padding: 50px 0;
    margin-bottom: 0;
  }
  
  .post .team-members.grid-view li {
    width: 50%;
  }
  
  
  /**/
  
  .team-members {
    padding-top: 22px;
  }
  
  .team-info h4 {
    font-size: 28px;
  }
  
  .team-main-box {
    display: flex;
    margin-bottom: 60px;
  }
  
  .team-person-img {
    margin-right: 50px;
  }
  
  .team-info a {
    display: block;
    line-height: 1.1;
    margin-bottom: 8px;
    font-size: 20px;
  }
  
  .team-info a.contact-no {
    margin-bottom: 0;
  }
  
  .team-info p {
    margin-bottom: 10px;
    line-height: 1.1;
    font-weight: 400;
  }
  
  .team-members li p {
    font-size: 20px;
    margin-bottom: 10px;
  }
  
  .heading-block-sec h1 {
    font-size: 36px;
    font-weight: 400;
    line-height: 2.5rem;
    margin-bottom: 36px;
    font-weight: 500;
  }
  
  .heading-block-sec p {
    font-weight: 300;
    line-height: 1.75rem;
    max-width: 760px;
    padding: 80px 0 30px;
  }
  
  #calendar .month-name {
    font-size: 16px;
    font-weight: 400;
  }
  
  #calendar .event-date {
    font-size: 16px;
    font-weight: 400;
    transition: opacity .1s linear;
  }
  
  #calendar .event-date:hover {
    opacity: .5;
  
  }
  
  .caroufredsel_wrapper {
    height: 60px !important;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 15px;
  }
  
  .container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 30px;
  }
  
  .section .image {
    height: 240px;
  }
  
  
  h2:empty {
    display: none;
  }
  
  .ticket #content {
    padding-top: 72px;
  }
  
  .team-members li {
    margin: 0px 0px 72px;
  }
  
  .team-img-box .featured-image {
    padding: 0;
  }
  
  .team-members {
    padding-top: 0;
  }
  
  
  .post-content p {
    display: inline-block;
    text-align: left;
    width: 100%;
  }
  
  .team-members li p a {
    transition: 550ms all;
  }
  
  .team-members li p a:hover {
    text-decoration: underline;
  }
  
  .team-info a {
    transition: 550ms all;
  }
  
  .team-info a:hover {
    text-decoration: underline;
  }
  
  .post h1 span {
    font-weight: 400;
  }
  
  .results-list li h5 {
    font-size: 20px;
    font-weight: 400;
  }
  
  .ticket .ticket-section h3 strong {
    display: block;
  }
  
  .contact-details p a {
    color: var(--primary-color);
    border-bottom: 0;
  }
  
  .contact-details p a:hover {
    text-decoration: underline;
  }
  
  .post p a {
    color: var(--primary-color);
  }
  
  .wpcf7-checkbox .icheckbox.checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  address {
    font-size: 20px;
  }
  
  .post ul li {
    font-size: 20px;
    margin-bottom: 8px;
  }
  
  
  .post figure figcaption {
    font-size: 18px;
  }
  
  .editorial2020-21-section .row {
    margin: 0;
  }
  
  .corona-section .row {
    margin: 0;
  }
  
  .header-sticky#header #top-bar .search-form.focus{
    z-index: 9999;
  }
  
  #top-bar .search-form.focus input[type="text"] {
    font-weight: 400;
    position: relative;
    margin-left: 15px;
  }
  
  #top-bar .search-form.focus input[type="text"]::placeholder{
    color: var(--yellow);
    text-align: center;
    opacity: .5;
  }
  
  .form .checkbox label::after {
    border-radius: 5px;
    border: 1px solid var(--black);
    background: var(--white);
  }
  
  .results-list {
    margin-bottom: 36px;
  }
  
  .pagination ul {
    padding: 0;
  }
  
  .form .checkbox input[type="checkbox"]:checked+label::after {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-image: url('assets/images/check.svg');
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    background-size: 56%;
  }
  
  .ticket .ticket-section h3 {
    font-weight: 400;
  }
  
  
  html {
    height: 100%;
  }
  
  .post-content p:empty {
    display: none;
  }
  
  .presse-content {
    margin-top: 40px;
  }
  
  .saalplaene-section #image-model-box .modal-dialog {
    max-width: 1150px;
  }
  
  
  .col figure.image,
  .ticket-section figure.image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
  }
  
  #top-bar .search-form {
    line-height: 0;
    border: none;
    display: flex;
    align-items: center;
  }
  
  #top-bar .search-form:hover .seek-link::after{
    transform-origin: 0% 50%;
    transform: scale(1);
  } 
  
  #top-bar .search-form.focus:hover .seek-link::after{
    transform: scale(0);
  }
  
  #top-bar .search-form.focus{
    width: 100%;
  }
  
  .ticket-section figure.image {
    height: 104px;
  }
  
  .die-region-section .post p {
    color: var(--black) !important;
  }
  
  .post p a {
    text-decoration: none;
  }
  
  .post p a:hover {
    text-decoration: underline;
  }
  
  .bookingaff iframe {
    margin-top: 56px !important;
  }
  
  
  .crt-post-username {
    display: none;
  }
  
  .section.old {
    opacity: 0.5
  }
  
  .section.old span.cards {
    font-size: 1.3rem;
  }
  
  .section.old span.cards:hover {
    text-decoration: none;
  }
  
  .cols { margin-left:-20px; margin-right:-20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .cols .col { padding-left:20px; padding-right:20px; }
  .cols1 .col { width:100% }
  .cols2 .col { width:50% }
  .cols3 .col { width:33.333333333333%; }
  .cols4 .col { width:25%; }
  
  /* theme root css */
  
  .heading-section {
    display: grid;
    grid-template-columns: auto 110px;
    align-items: flex-start;
    gap: 30px;
  }

  .heading-section{
    padding-bottom: 64px;
  }
  
  .filter-menu ul {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  
  .heading-section .heading-block-sec h1 {
    margin-bottom: 0;
    color: var(--primary-color);
  }
  
  .filter-menu ul li{
    font-size: 28px;
    line-height: 1;
  }
  
  .filter-menu ul li a{
    color: var(--muted);
  }
  
  .toggle-view.active{
    color: var(--primary-color);
  }
  
  .filter-menu ul li a:hover{
    color: var(--primary-color);
  }
  
  .filter-menu ul li{
    padding-left: 24px;
  }
  
  .section .program-btn a:first-child{
    display: flex;
    align-items: center;
    width: max-content;
    margin-bottom: 8px;
    text-transform: capitalize;
  } 
  
  .program-btn a{
    display: inline-flex;
    align-items: center;
    color: var(--white);
    flex-wrap: wrap;
  }
  
  .program-btn a i{
    padding-right: 8px;
  }
   
  .row.programm .col.section, .row.filtered-programm .col.section {
    display: flex;
    flex-direction: column;
  }
  
  .row.programm .program-info, .row.filtered-programm .program-info{
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding-top: 24px;
  }

  .program-image {
    position: relative;

  }
  .program-image .category {
    font-size: 16px;
    font-size: 1rem; 
    color: var(--white);
    padding: 4px 12px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9;
    background-color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all .3s ease-in-out;
  }
  
  .ot-floating-button__front{
    background-image: url(../images/co.svg) !important;
    background-color: var(--primary-color) !important;
    border: 2px solid var(--white);
  }
  
  #ot-sdk-btn-floating .ot-floating-button__front.custom-persistent-icon{
    background-size: 30px !important;
  }
  
  #ot-sdk-btn-floating .ot-floating-button__front, #ot-sdk-btn-floating .ot-floating-button__back {
    box-shadow: 0 0 15px -3px var(--primary-color) !important;
    border-radius: 50%;
  }
  
  
  #onetrust-consent-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk #onetrust-reject-all-handler{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
  }
  
  #onetrust-consent-sdk #onetrust-pc-btn-handler, #onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link{
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
  }
  
  .newsletter-button {
    position: fixed;
    bottom: 75px;
    left: 20px;
    box-shadow: 0 0 15px -3px var(--primary-color);
    border-radius: 50%;
    z-index: 11; 
  }
  
  .newsletter-button figure{
    width: 30px;
    height: 30px;
    background: var(--primary-color);
    border-radius: 50%;
    padding: 8px;
    border: 2px solid var(--white);
  }
  
  .newsletter-button figure img{
    width: 100%;
    height: 100%;
  }
  
  .search-row .return-button{
    display: none;
  }
  
  .search-form.focus .search-row .return-button{
    display: inline-flex;
    align-items: center;
    margin-right: 108px;
  }
  
  .search-form .search-row .return-button::after{
    top: 22px;
    content: '';
    position: absolute;
    height: 1px;
    background-color: var(--yellow);
    bottom: 0;
    right: 0;
    width: calc(100% - 25px);
    transform-origin: 0% 50%;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
  }
  
  .search-form .search-row .return-button:hover::after{
    transform-origin: 0% 50%;
    transform: scaleX(1);
  }
  
  .search-row .return-button .icon-arrow-left-small{
    padding-right: 8px;
  }
   
  
  /* list view */
  
  .title-row {
    position: relative;
    border-top: 1px solid rgba(77, 77, 77, 0.2);
    padding: 20px 0;
  }
  
  .list-view-container .show-more-details {
    width: calc(100% - 178px);
    margin-left: auto;  
    padding-top: 20px;
  }
  
  .list-view-container .program-title-box h2{
    min-height: auto;
  }
  
  .list-view-container .program-title-box h2 a{
    color: var(--primary-color);
  }
  
  .list-view-container .program-title-box h2 a:hover{
    color: var(--black);
  }
  
  .date-details {
    display: flex;
    align-items: center;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
  }
  
  .date-details .date-name {
    padding-right: 8px;
  }
  
  .date-details .date-name p {
    margin: 0;  
    font-size: 50px;
    font-weight: 300;
  }
  
  .date-details .month-name span {
    display: block;
  }
  
  .title-info h2 {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
  }
  
  .more-details {
    text-align: end;
    cursor: pointer;
  }
  
  .more-details-row{
    display: grid;
    grid-template-columns: 360px 345px;
    grid-column-gap: 50px;
  }
  
  .more-details-row .program-band-composer .music-title{
    font-size: 20px;
    font-weight: 500;
  }
  
  .more-details-row .program-band-composer .composer-info{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 8px;
    font-weight: 500;
    text-transform: uppercase;
  }
  
  .more-details-row .program-details p{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 24px;
  }
  
  .show-more-details .program-btn{
    padding-top: 32px;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .filtered-list-view-container .accordion-databox .show-more-details{
    display: none;
  }
  
  /* =Accordian CSS
  ========================================================================================*/
  
  .accordion-databox {
    width: 100%;
  }
  
  .accordion-databox .accordion-row:first-child {
    border-top: 0;
  }
  
  .accordion-databox .accordion-row .accordion-trigger {
    margin: 0;
    background: transparent;
    color: var(--black);
    position: relative;
    font-weight: 500;
    display: grid;
    grid-template-columns: 163px 1fr 140px 125px;
    align-items: center;
    grid-gap: 15px;
    word-break: break-word;
  }
  
  .accordion-trigger .program-btn{
    text-align: end;
   }
  
  .accordion-trigger.open .more-details span::after {
   transform: rotate(180deg);
   top: 0;
  }
  
  .accordion-data {
    display: none;
    padding: 15px 0;
  }
  
  .accordion-trigger .more-details span{
    color: var(--primary-color);
    font-size: 20px;
    position: relative;
    padding-right: 24px;
    text-transform: capitalize; 
    transition: all .3s ease-in-out;
  }

  .accordion-trigger .more-details span:hover, .accordion-trigger.open .more-details span {
    color: var(--black);
}
  
  .accordion-trigger .more-details span::after{
    content: '\e902';
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
  }
  
  .section-title{
    color: var(--primary-color);
    margin-bottom: 40px;
  }
  
  .newsletter_loader {
      position: fixed;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.9);
      z-index: 100000;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
  }
  
  /* Archive page */

  .tax-archive #archive{
    padding-top: 40px;
  }
  
  .program-archive #archive{
    padding-top: 40px;
  }
  
  #archive .section-title{
    margin: 0 0 24px 0;
  }
  
  #archive ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px;
  }
  
  #archive li {
    display: inline-block;
    color: var(--black);
    font-size: 16px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 1.3125rem;
    margin-right: 24px;
    font-weight: 500;
  }
  
  #archive li a{
    position: relative;
  }
  
  #archive li a::after{
    content: '';
      position: absolute;
      height: 1px;
      background-color: var(--primary-color);
      bottom: 0;
      left: 0;
      width: 100%;
      transform-origin: 0% 50%;
      transform: scaleX(0);
      transition: transform .3s ease-in-out;
  }
  
  #archive li a:hover::after, #archive li.active a::after {
    transform-origin: 0% 50%;
    transform: scaleX(1);
  }
  
  #archive li:last-child {
    margin-right: 0px;
  }
  
  #archive li.active {
    font-weight: 500;
  }
  
  .archiv-thumbs-main{
    position: relative;
    padding: 0 40px;
  }

  .archive-slider-row{
    margin: 40px 0 60px;
  }

  .tax-archive .archive-slider-row{
    margin-top: 0;
  }
  
  .Archiv-slider{
    margin-bottom: 24px;
  }
  
  .Archiv-slider > .swiper-wrapper .swiper-slide  figure{
    height: 500px;
    max-width: 756px;
    margin: 0 auto;
  }
  
  .Archiv-slider .figure-caption{
    max-width: 756px;
    margin: 0 auto;
    font-weight: 300;
    color: var(--primary-color);
    padding-top: 8px;
  }
  
  .Archiv-slider .figure-caption p{
    margin: 0;
    font-size: 16px;
    line-height: 1.1;
  }
  
  .Archiv-slider > .swiper-wrapper .swiper-slide  figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .Archiv-slider > .swiper-wrapper .swiper-slide figure figcaption{
    padding-top: 8px;
  }
  
  .archiv-thumbs-main .swiper-button-next{
    right: 0;
  }
  
  .archiv-thumbs-main .swiper-button-prev{
    left: 0;
  }
  
  .archiv-thumbs-main .swiper-button-next:after, .archiv-thumbs-main .swiper-button-prev:after{
    font-size: 12px;
    color: var(--primary-color);
  }
  
  .swiper-button-next:after, .swiper-button-prev:after{
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  
    transition: .2s ease-in-out;
  }
  
  
  .archiv-thumbs-main .swiper-button-next:after{
    content: '\e904';
  }
  
  .archiv-thumbs-main .swiper-button-prev:after{
    content: '\e900';
  }
  
  .archiv-thumbs .swiper-slide{
    height: auto;
  }
  
  .archiv-thumbs .swiper-slide figure{
    height: 100%;
    transition: opacity .3s ease-in-out;
  }
  
  .archiv-thumbs .swiper-slide figure img{
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  
  .archiv-thumbs .swiper-slide figure:hover{
    opacity: .7;
  }
  
  
  /* Artist page */
  
  .artist-main-row .row.programm{
    gap: 54px 36px;
  }
  
  .artist-main-row .heading-section{
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 54px;
  }
  
  .artist-name-row {
    padding-top: 55px;
  }
  
  .artist-title-box h2{
    margin-bottom: 8px;
    text-transform: capitalize;
  }
  
  .artist-name-row ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 760px;
  }
  
  .artist-info{
    padding-top: 24px;
  }
  
  .artist-info .artist-title-box a{
    color: var(--primary-color);
  }
  
  .artist-info .artist-title-box a:hover{
    color: var(--black);
  }
  
  .artist-name-row .filter-menu{
    display: none;
    color: var(--muted);
    font-size: 24px;
  }
  
  .artist-name-row .filter-menu:hover{
    color: var(--primary-color);
  }
  
  /* artist more detail */
  
  .artist-detail-row{
    display: grid;
    grid-template-columns: 1fr 363px;
    gap: 36px;
  }
  
  .artist-detail-row .post .image-block{
    padding-bottom: 70px;
  }
  
  .artist-detail-row .post .image-block img{
    width: 100%;
    height: 100%;
  }
  
  #sidebar.artist-sidebar .audio-player{
      display: grid;
      grid-template-columns: 30px 1fr;
      gap: 28px;
  }
  
  #sidebar.artist-sidebar .widget:first-child .widget-content{
    padding-top: 0;
  }
   
  #sidebar.artist-sidebar .accordion-trigger{
    grid-template-columns: 100px auto;
    opacity: 50%;
  }
  
  #sidebar.artist-sidebar .widget .widget-header {
    background: var(--muted);
  }
  
  #sidebar.artist-sidebar .accordion-trigger.open{
    opacity: 100%;
  }
  
  #sidebar .date-details .date-name p{
    font-size: 32px;
  }
  
  #sidebar.artist-sidebar .widget .widget-header{
    margin-bottom: 0;
  }
  
  #sidebar.artist-sidebar .widget .widget-content{
    padding: 20px 0;
    border-top: 1px solid rgba(77, 77, 77, 0.2);
  }
  
  #sidebar.artist-sidebar .widget .widget-content:first-child{
    border-top: none;
  }
  
  #sidebar .show-more-details .program-btn{
    padding-top: 0;
    gap: 10px;
  }
  
  #sidebar .widget-content .show-more-details{
    padding-top: 8px;
  }
  
  /* audio play */
  
  .audio-player {
    background: var(--primary-color);
    color: white;
    font-size: 16px;
    overflow: hidden;
    padding: 16px 20px;
  }
  
  .audio-player .timeline {
    background: rgba(255, 255, 255, 0.3);
    position: relative;
    cursor: pointer;
    width: 85%;
    height: 2px;
    margin-top: 15px;
  }
  
  .audio-player .timeline .progress {
    background: var(--black);
    width: 0%;
    height: 100%;
    transition: 0.25s;
    margin-bottom: 0;
  }
  
  .audio-player .name{
    font-weight: 500;
  }
  
  .audio-player .controls .toggle-play.play {
    cursor: pointer;
    position: relative;
    font-size: 25px;
  }
  
  .audio-player .controls .toggle-play.play::after{
    content: '\e90f';
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  
    position: absolute;
    left: 0;
    top: 50%;
  }
  
  .audio-player .controls .toggle-play.pause {
    height: 15px;
    width: 20px;
    cursor: pointer;
    position: relative;
  }
  
  
  .audio-player .controls .toggle-play.pause:before {
    content: '\e916';
    position: absolute;
    top: 0;
    left: 0px;
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 25px;
  }
  

/* program detail page */

.program-detail-column{
  display: flex;
  gap: 30px;
}

.program-detail-column .post-block{
  width: 65%;
}

.program-detail-column .sidebar-block{
  width: 35%;
}

#sidebar .widget li.cards-link{
  padding-top: 10px; 
}

.program-detail-column .widget-content{
  padding: 0 10px;
}

/* contact-details page */

.contact-details .row {
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 30px;
}

/* new styling */

.subline-main-box{
  background-color: transparent !important;
}


.crt-widget .crt-load-more{
transition: all .3s ease-in-out;
}

.crt-widget .crt-load-more:hover{
background: var(--primary-color);
color: var(--white);
border-color: var(--primary-color);
}

.row.programm, .row.filtered-programm {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 64px 36px;
}

.archive-section .program-section .image-block{
  padding-bottom: 30px;
}

.archive-section .program-section .image-block figure{
  height: 240px;
}

.archive-section .program-section .image-block img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid-half-columns{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

h1 .sub-title{
  font-size: 26px;
}

.filters-button-group{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.filters-button-group .btn{
  border: 0;
}

#onetrust-consent-sdk #onetrust-banner-sdk{
  display: none;
}

#ot-sdk-btn-floating.ot-floating-button{
  left: 20px !important;
  opacity: 1 !important;
  animation: none !important;
}

#ot-sdk-btn-floating.ot-floating-button.ot-hide{
  display: block !important;
  z-index: 1;
}

#onetrust-pc-sdk .ot-pc-header{
  display: flex;
  justify-content: space-between;
  padding: 10px 30px !important;
}

.grid-column{
  display: grid;
  grid-template-columns: 1fr 363px;
  gap: 36px;
}

.crt-widget .crt-load-more{
  display: block;
  border: 1px solid var(--primary-color) !important;
  color: var(--black) !important;
  font-size: 20px;
  text-align: center;
  min-width: 174px;
  margin: 30px auto 0;
  padding: 10px 20px;
}

.crt-widget .crt-load-more:hover{
  background: var(--primary-color);
  color: var(--white) !important;
}

.grid-custom{
  display: grid;
  grid-template-columns: 40% auto;
  gap: 30px;
}

.booking-inline-form{
  min-width: 100%;
  max-width: 300px;
  overflow: auto;
}

.page-template-archiv #archive{
  padding-bottom: 20px;
}

.header-top-image{
  min-height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.header-top-image.responsive{
  display: none;
}

.page-template-40orte .heading-block-sec h1 {
    margin: 0 0 24px 0;
}

/* style update */

.header_row{
  display: grid;
  grid-template-columns: 1fr 150px; 
  position: relative;
}

.wpcf7-form span.wpcf7-not-valid-tip {
    border: 0;
    color: #f00;
    line-height: 1.2;
    padding: 2px 0;
    width: 296px;
    z-index: 5;
    margin-top: 5px;
    font-size: 16px;
    border-radius: 5px;

}

.wpcf7-form div.wpcf7-response-output {
    margin: 15px 0;
    padding: 15px;
    color: #f00;
    background: #fdeeee;
    border: solid 1px #f2c9c9 !important;
    clear: both;
    border-radius: 5px;
}

form.wpcf7-form div.wpcf7-response-output {
    font-weight: normal;
    color: #468847;
    background: #DFF0D8;
    border: solid 1px #D6E9C6 !important;
    font-size: 16px;
    border-radius: 5px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ec9a9a !important;
    margin: 20px 0 0;
    padding: 10px;
    color: red;
    background: #fff6f6;
    font-size: 16px;
}

.past-events{
  opacity: .5;
}