/* Preset colors */
/*
:root {
  --headerbg: rgba(65, 89, 154, 1);
  --headercolor: rgba(255, 255, 255, 1);
  --bodybg: rgba(255, 255, 255, 1);
  --bodycolor: rgba(0, 0, 0, 1);
  --linkcolor: rgba(65, 89, 154, 1);
  --linkcolorh: rgba(24, 33, 58, 1);
  --btnbg: rgba(253, 161, 33, 1);
  --btnbgh: rgba(182, 107, 2, 1);
  --btncolor: rgba(0, 0, 0, 1);
  --btncolorh: rgba(255, 255, 255, 1);
  --footerbg: rgba(46, 34, 12, 1);
  --footercolor: rgba(255, 255, 255, 1);
}
*/

:root {
  --card-shadow: 1px 1px 6px 0 rgba(12, 12, 13, .2);
  --card-shadow-hover: 1px 1px 6px 0 rgba(12, 12, 13, .5);
  --danger: hsl(348, 83%, 38%);
  --dangerh: hsl(348, 83%, 28%);
  --dangerl: hsl(348, 83%, 88%);
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --hue: 214;
  --info: hsl(195, 100%, 25%);
  --infoh: hsl(195, 100%, 15%);
  --infol: hsl(195, 100%, 85%);
  --grey1: hsl(0, 0%, 44%);
  --grey2: hsl(0, 0%, 34%);
  --s0: .5rem;
  --s1: 1rem;
  --s2: 2rem;
  --s3: 3rem;
  --s4: 4rem;
  --success: hsl(180, 100%, 19%);
  --successh: hsl(180, 100%, 9%);
  --successl: hsl(180, 100%, 79%);
  --warning: hsl(33, 100%, 25%);
  --warningh: hsl(33, 100%, 15%);
  --warningl: hsl(33, 100%, 85%);
}
@media (max-width: 799px) {
  :root {
    --s1: .5rem;
    --s2: 1rem;
    --s3: 1.5rem;
    --s4: 2rem;
  }
}
/* Resets */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"],
ul[class],
ol[class],
ul[role="list"] ul,
ol[role="list"] ol,
ul[class] ul,
ol[class] ol {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
/***************** remove flex to set header width  ************************/
body {
  /*display: flex;*/
  flex-direction: column;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  box-shadow: -8px 0 30px rgb(0 0 0 / 60%);
}

/* A elements that don"t have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: .01ms !important;
    -webkit-animation-duration: .01ms !important;
            animation-duration: .01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
/* End Resets */
/***************  remove background color   ************************/
body {
  position: relative;
  min-height: 100vh;
  font-family: var(--font-family-body, var(--font-sans-serif));
  font-size: var(--bodysize);
  color: var(--bodycolor);
  /*background-color: var(--bodybg);*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: var(--s1);
  font-family: var(--font-family-headings, var(--font-sans-serif));
  line-height: 1.3;
}
h1,
h2,
h3 {
  font-size: clamp(var(--fluid-type-min, 1rem), calc(1rem + var(--fluid-type-target, 3vw)), var(--fluid-type-max, 1.3rem));
}
h2,
h3 {
  margin-top: var(--s2);
}
h1 {
  --fluid-type-min: 2.5rem;
  --fluid-type-max: var(--h1size);
  --fluid-type-target: 5vw;
}
h2 {
  --fluid-type-min: 1.8rem;
  --fluid-type-max: var(--h2size);
}
h3 {
  --fluid-type-min: 1.5rem;
  --fluid-type-max: var(--h3size);
}
.main-content h2:first-child,
.main-content h3:first-child,
.main-content h4:first-child {
  margin-top: 0;
}
p + p {
  margin-top: var(--s1);
}
ul[class],
ol[class] {
  padding-left: 0;
}
ul ul {
  padding-left: var(--s0);
}
input,
select,
textarea,
button {
  padding: var(--s1);
  border-radius: 0;
}
input,
select,
textarea {
  border: 1px solid #ced4da;
}
select.time {
  padding: 0;
}
.invalid {
  color: var(--danger);
  border-color: var(--danger);
}
fieldset {
  /*padding: 0;*/
  margin: 0;
  border: 0;
}
button {
  cursor: pointer;
  background-color: #eaedf0;
}
button[class*="plg_system_webauthn_login_button"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: 100%;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  margin: var(--s0) 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
}
.input-group button {
  margin: 0;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: .6rem 1rem;
  text-align: center;
  white-space: nowrap;
  background-color: #eaedf0;
  border: 1px solid #ced4da;
}
button.input-password-toggle {
  padding: .6rem 1rem;
}
/*input[type="checkbox"] {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: .5rem;
          margin-inline-end: .5rem;
  margin-block: 0;
}*/

.visform {
  margin-left: 10px; 
}

/****************  combine with visform css file *************************/
.visform-label {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1px;
  color: #ffffff;
}

.visform-checkbox {
  position: relative;
  margin-top: -80px;
  margin-bottom: 50px;
}

.form-check,
.form-check-label {
  display: flex;
  align-items: center;
}
.custom-select,
.form-select {
  display: block;
  width: 100%;
  max-width: 100%;
  padding-right: 4rem;
  cursor: pointer;
  background: url("../images/select-bg.svg") no-repeat 100%/120rem;
  background-color: #eaedf0;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-inline .custom-select,
.form-inline .form-select {
  display: inline-block;
  width: auto;
}
.form-select-sm {
  padding: .5rem 4rem .5rem .5rem;
  font-size: .9rem;
}
.form-control {
  display: block;
  width: 100%;
  padding: var(--s0) var(--s1);
}
.control-group {
  margin: var(--s1) 0;
}
a {
  color: var(--linkcolor);
  /*text-decoration-thickness: .125em;
  text-underline-offset: 6px;*/
}
a:hover {
  color: var(--linkcolorh);
}

/******** Dotted Box ************/
:focus,:focus-visible{
outline:0px dotted currentColor;
outline-offset:0rem;
}

main:focus {
  outline: none;
}
blockquote {
  padding-left: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
  border-left: 3px solid var(--grey1);
}
.text-muted {
  color: var(--grey1);
}
figure img {
  width: 100%;
}
figcaption {
  font-size: .9rem;
  color: var(--grey2);
}
.list-inline {
  display: flex;
  flex-wrap: wrap;
}
.list-inline li {
  margin-right: .5rem;
}
.sr-only,
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.hidden {
  display: none;
  visibility: hidden;
}
.skip-link {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: inline-block;
  padding: .7rem 1rem .5rem;
  font-weight: 700;
  color: var(--btncolor);
  text-decoration: none;
  text-transform: uppercase;
  background: var(--btnbg);
}
.skip-link:hover {
  color: var(--btncolorh);
  background: var(--btnbgh);
}
.skip-link:not(:focus) {
  position: absolute;
  width: 1px;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.position-sticky {
  position: -webkit-sticky;
  position: sticky;
  margin: 0 auto;
  top: 0;
  max-width: 1024px;
  z-index: 1000;
}
.modal iframe {
  width: 100%;
}
iframe {
  border: 0;
}
[class^="mod-"],
.moduletable {
  position: relative;
}
[role="tooltip"]:not(.show) {
  right: 5em;
  z-index: 1070;
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: .5em;
  margin: .5em;
  text-align: start;
}
:hover + [role="tooltip"],
:focus + [role="tooltip"] {
  position: absolute;
  display: block;
  font-size: .9rem;
  font-weight: normal;
  color: #000;
  background-color: #fff;
  border: 1px solid var(--grey2);
  box-shadow: var(--card-shadow);
}
.btn.jmodedit {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  z-index: 900;
  padding: var(--s0);
  color: var(--linkcolor);
  background-color: hsla(0,0%,100%,.5);
  border: 1px solid var(--grey2);
}
.small {
  font-size: .9rem;
}
.jmenuedit {
  margin: 0 !important;
}
.jmenuedit > span {
  margin-right: 0;
}
#jform_params_base_select {
  display: flex;
  align-items: center;
}
#jform_params_base_select > .icon-file {
  margin-right: var(--s0);
}
.accordion-header {
  font-size: 1.3rem;
}
.accordion-header button {
  padding: 0;
  background: none;
  border: none;
}
.text-primary {
  color: var(--headerbg);
}
.text-secondary {
  color: var(--grey1);
}
.text-info {
  color: var(--info);
}
.text-success {
  color: var(--success);
}
.text-danger {
  color: var(--danger);
}
.text-warning {
  color: var(--warning);
}
.display-1 {
  font-size: clamp(2.7rem,8vw,5.5rem);
}
.display-2 {
  font-size: clamp(2.3rem,7vw,4.5rem);
}
.display-3 {
  font-size: clamp(1.9rem,6vw,3.5rem);
}
.display-4 {
  font-size: clamp(1.5rem,5vw,2.5rem);
}
.lead {
  font-size: clamp(1.1rem,3vw,1.5rem);
}
table {
  width: 100%;
  border: 0;
  border-color: var(--grey1);
}
tbody, td, tfoot, th, thead, tr {
  text-align: left;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}
table > :not(caption) > * > * {
  padding: .5rem;
  border-bottom-width: 1px;
}
thead {
  font-weight: 600;
}
.text-center {
  text-align: center;
}
.tbody-icon .fa-check,
.tbody-icon .icon-check,
.tbody-icon .icon-publish {
  color: #448344;
}
.tbody-icon .fa-delete,
.tbody-icon .fa-times,
.tbody-icon .icon-delete,
.tbody-icon .icon-times {
  color: #a51f18;
}
.float-end {
  text-align: end;
}

/* Buttons */
.btn {
  display: inline-block;
  padding: var(--s0) var(--s1);
  cursor: pointer;
}
a.btn {
  text-decoration: none;
}
.btn-primary,
.readmore .btn {
  margin: var(--s0) 0;
  color: var(--btncolor);
  background-color: var(--btnbg);
  border: 1px solid var(--btnbg);
}
.btn-primary:hover,
.readmore .btn:hover {
  color: var(--btncolorh);
  background-color: var(--btnbgh);
  border-color: var(--btnbgh);
}
.btn-secondary {
  border: 1px solid #ced4da;
}
.btn-secondary:hover {
  background-color: var(--grey1);
  color: #fff;
}
.readmore .btn {
  padding: var(--s1);
  margin: var(--s2) 0;
  text-decoration: none;
}
.btn-sm {
  padding: .5rem;
  font-size: .9rem;
}
.btn-info {
  color: #fff;
  background-color: var(--info);
  border: 1px solid var(--info);
}
.btn-info:hover {
  background-color: var(--infoh);
  border-color: var(--info);
}
.btn-success {
  color: #fff;
  background-color: var(--success);
  border: 1px solid var(--success);
}
.btn-success:hover {
  background-color: var(--successh);
  border-color: var(--successh);
}
.btn-danger {
  color: #fff;
  background-color: var(--danger);
  border: 1px solid var(--danger);
}
.btn-danger:hover {
  background-color: var(--dangerh);
  border-color: var(--dangerh);
}
.btn-warning {
  color: #fff;
  background-color: var(--warning);
  border: 1px solid var(--warning);
}
.btn-warning:hover {
  background-color: var(--warningh);
  border-color: var(--warningh);
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
meter {
  width: 100%;
}
.collapse:not(.show) {
  display: none;
}
/* Alerts */
.alert {
  position: relative;
  padding: var(--s1);
  margin-bottom: var(--s1);
  border: 1px solid transparent;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: var(--s3);
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem var(--s1);
}
.alert-primary {
  color: var(--bodycolor);
  background-color: #f4f4f4;
  border-color: var(--grey1);
}
.alert-primary .alert-link {
  color: var(--linkcolor);
}
.alert-secondary {
  color: var(--grey2);
  background-color: #f4f4f4;
  border-color: var(--grey1);
}
.alert-secondary .alert-link {
  color: var(--grey2);
}
.alert-success {
  color: var(--bodycolor);
  background-color: var(--successl);
  border-color: var(--successl);
}
.alert-success .alert-link {
  color: var(--success);
}
.alert-info {
  color: var(--bodycolor);
  background-color: var(--infol);
  border-color: var(--infol);
}
.alert-info .alert-link {
  color: var(--info);
}
.alert-warning {
  color: var(--bodycolor);
  background-color: var(--warningl);
  border-color: var(--warningl);
}
.alert-warning .alert-link {
  color: var(--warning);
}
.alert-danger {
  color: var(--bodycolor);
  background-color: var(--dangerl);
  border-color: var(--dangerl);
}
.alert-danger .alert-link {
  color: var(--danger);
}
/* Layout */
.wrapper {
  max-width: var(--wrapperwidth);
  margin: 0 auto;
}
.mod-breadcrumbs__wrapper {
  width: 100%;
  padding: 0 var(--s2);
}
.mod-breadcrumbs {
  max-width: var(--wrapperwidth);
  margin: var(--s1) auto;
}
/* Header */
/*****************  Header  height ********************/
header {
  position: relative;
  padding: var(--s0) var(--s0);
  font-size: 1.5rem;
  color: var(--headercolor);
  background-color: var(--headerbg);
}
.header__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;  
}
header span {
  font-weight: 600;
}
header a {
  color: var(--headercolor);
  text-decoration: none;
}

/*************   remove underline on menu add hover color  ******************/
header a:hover,
header .active > a,
header .nav-item.active > a {
  color: #ffdead;
  /*text-decoration: none;
  text-decoration-thickness: .125em;
  text-underline-offset: 0px;*/
}
.navbar-brand span {
  font-size: 3rem;
}
.navbar-brand a {
  display: block;
  text-decoration: none;
}
.header__end {
  position: relative; 
}

.nav__toggle {
  display: none;
}
.nav__toggle svg {
  fill: var(--headercolor);
}
@media (max-width: 799px) {
  .nav__toggle {
    display: block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: var(--s0);
    line-height: 1;
    color: var(--headercolor);
    background: transparent;
    border: 0;
  }
}

/***************   position menu in header  ****************/
.navbar-top .mod-menu {  
  margin: 20px 300px 0 0;
  font-size: 20px;
  z-index: 100; 
}
@media (max-width: 799px) {
  .navbar-top .mod-menu {    
    margin: 20px 200px 0 0;
    font-size: 16px;
    }
  }



@media (max-width: 799px) {
 /* .navbar__with-burger .mod-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    background-color: var(--headerbg);
    opacity: 0;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transform: translateY(-100%);
  }
  .navbar__with-burger .mod-menu.active {
    z-index: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--s1);
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }*/
}
.contactinfo {
  position: relative;   
  margin-top: -28px;
  text-align: right;
  font-size: 14px;
}

@media (max-width: 799px) {
    .contactinfo {
    width: 170px;  
    margin-left: 180px;           
    }
  }


.search {
  display: flex;
  align-items: center;
}
.search__toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  order: 1;
  padding: var(--s0);
  line-height: 1;
  color: var(--headercolor);
  background: transparent;
  border: 0;
}
.search__toggle svg {
  fill: var(--headercolor);
}
@media (min-width: 800px) {
  .search__toggle {
    margin-left: var(--s0);
  }
}
#finder-filter-select-dates {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* Containers */
.container-search {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: none;
  background-color: #fff;
}
.container-search input {
  width: 100%;
  min-width: 200px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.container-search .input-group {
  justify-content: center;
}
.container-search.active {
  z-index: 1;
  display: block;
  box-shadow: var(--card-shadow);
}
.container-search.active form > .awesomplete {
  display: block;
}
.container-search.active form > .awesomplete > input {
  text-align: center;
}

.container-top-header {
  padding: var(--s0) var(--s2);
}
.container-top-header .wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.container-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.container-banner {
  height: var(--bannerheight);
  color: var(--bannercolor);
}
.banner-overlay {
  height: var(--bannerheight);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center,center;
  background-size: cover;
}
.banner-overlay .overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  background-color: var(--banneroverlay);
}

/**************** Crossfade Image Animation  *********************/
.crossfade > img { 
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;    
    opacity: 0;
    z-index: 0;
   -webkit-animation: imageAnimation 59s linear infinite 0s;
    -moz-animation: imageAnimation 59s linear infinite 0s;
    -o-animation: imageAnimation 59s linear infinite 0s;
    -ms-animation: imageAnimation 59s linear infinite 0s;
    animation: imageAnimation 59s linear infinite 0s; 
}
.crossfade > img:nth-child(0)  {   
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s; 
}
.crossfade > img:nth-child(1)  {    
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s; 
}
.crossfade > img:nth-child(2) {    
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.crossfade > img:nth-child(3) {    
    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    -o-animation-delay: 9s;
    -ms-animation-delay: 9s;
    animation-delay: 9s; 
}
.crossfade > img:nth-child(4) {    
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.crossfade > img:nth-child(5) {    
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s; 
}
.crossfade > img:nth-child(6) {    
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.crossfade > img:nth-child(7) {    
    -webkit-animation-delay: 21s;
    -moz-animation-delay: 21s;
    -o-animation-delay: 21s;
    -ms-animation-delay: 21s;
    animation-delay: 21s; 
}
.crossfade > img:nth-child(8) {   
    -webkit-animation-delay: 23s;
    -moz-animation-delay: 23s;
    -o-animation-delay: 23s;
    -ms-animation-delay: 23s;
    animation-delay: 23s; 
}
.crossfade > img:nth-child(9) {    
    -webkit-animation-delay: 26s;
    -moz-animation-delay: 26s;
    -o-animation-delay: 26s;
    -ms-animation-delay: 26s;
    animation-delay: 26s; 
}
.crossfade > img:nth-child(10) {    
    -webkit-animation-delay: 29s;
    -moz-animation-delay: 29s;
    -o-animation-delay: 29s;
    -ms-animation-delay: 29s;
    animation-delay: 29s; 
}
.crossfade > img:nth-child(11) {    
    -webkit-animation-delay: 32s;
    -moz-animation-delay: 32s;
    -o-animation-delay: 32s;
    -ms-animation-delay: 32s;
    animation-delay: 32s; 
}
.crossfade > img:nth-child(12) {    
    -webkit-animation-delay: 35s;
    -moz-animation-delay: 35s;
    -o-animation-delay: 35s;
    -ms-animation-delay: 35s;
    animation-delay: 35s; 
}
.crossfade > img:nth-child(13) {    
    -webkit-animation-delay: 38s;
    -moz-animation-delay: 38s;
    -o-animation-delay: 38s;
    -ms-animation-delay: 38s;
    animation-delay: 38s; 
}
.crossfade > img:nth-child(14) {    
    -webkit-animation-delay: 41s;
    -moz-animation-delay: 41s;
    -o-animation-delay: 41s;
    -ms-animation-delay: 41s;
    animation-delay: 41s; 
}
.crossfade > img:nth-child(15) {    
    -webkit-animation-delay:44s;
    -moz-animation-delay: 44s;
    -o-animation-delay: 44s;
    -ms-animation-delay: 44s;
    animation-delay: 44s; 
}
.crossfade > img:nth-child(16) {  
    -webkit-animation-delay: 47s;
    -moz-animation-delay: 47s;
    -o-animation-delay: 47s;
    -ms-animation-delay: 47s;
    animation-delay: 47s; 
}
.crossfade > img:nth-child(17) {    
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s; 
}
.crossfade > img:nth-child(18) {    
    -webkit-animation-delay: 53s;
    -moz-animation-delay: 53s;
    -o-animation-delay: 53s;
    -ms-animation-delay: 53s;
    animation-delay: 53s; 
}
.crossfade > img:nth-child(19) {    
    -webkit-animation-delay: 56s;
    -moz-animation-delay: 56s;
    -o-animation-delay: 56s;
    -ms-animation-delay: 56s;
    animation-delay: 56s; 
}
.crossfade > img:nth-child(20) {    
    -webkit-animation-delay: 59s;
    -moz-animation-delay: 59s;
    -o-animation-delay: 59s;
    -ms-animation-delay: 59s;
    animation-delay: 59s; 
}

@keyframes imageAnimation {
    0% { opacity: 0;}
    1% { opacity: 1; animation-timing-function: ease-in;}
    7% { opacity: 1;}
    10% { opacity: 0; animation-timing-function: ease-out;}
    100% { opacity: 0;}   
}
@-webkit-keyframes imageAnimation {
    0% { opacity: 0;}
    1% { opacity: 1; -webkit-animation-timing-function: ease-in;}
    4% { opacity: 1;}
    10% { opacity: 0; -webkit-animation-timing-function: ease-out;}
    100% { opacity: 0;}    
}
@-moz-keyframes imageAnimation {
    0% { opacity: 0;}
    1% { opacity: 1; -moz-animation-timing-function: ease-in;}
    4% { opacity: 1;}
    10% { opacity: 0; -moz-animation-timing-function: ease-out;}
    100% { opacity: 0;}
}
@-o-keyframes imageAnimation {
    0% { opacity: 0;}
    1% { opacity: 1; -o- animation-timing-function: ease-in;}
    4% { opacity: 1;}
    10% { opacity: 0; -o- animation-timing-function: ease-out;}
    100% { opacity: 0;}
}
@-ms-keyframes imageAnimation {
    0% { opacity: 0;}
    1% { opacity: 1; -ms-animation-timing-function: ease-in;}
    4% { opacity: 1;}
    10% { opacity: 0; -ms-animation-timing-function: ease-out;}
    100% { opacity: 0;}
}
.aboutus{
    background-color: #333333;
    height: 350px;    
    width: 0 auto;    
}
@media (max-width: 1080px) {
  .aboutus{
    background-color: #333333;
    width: 0 auto;
    margin-top: -50px;
  }
}
@media (max-width: 899px) {
  .aboutus{
    background-color: #333333;
    width: 0 auto;
    margin-top: -100px;
  }
}
@media (max-width: 620px) {
  .aboutus{
    background-color: #333333;
    width: 0 auto;
    margin-top: -160px;
  }
}
@media (max-width: 420px) {
  .aboutus{
    background-color: #333333;
    width: 0 auto;
    margin-top: -250px;
  }
}

/**************  slider positioned bottom of header use with .with-wrapper  **************/
.container-top-a {
  position: relative;
  color: #ffffff;
  /*padding: var(--s4) 0;
  background-color: var(--topabg);*/ 
}
.container-top-b {  
  padding: var(--s4) 0;
  background-color: var(--topbbg);  
}
.container-bottom-a {
  padding: var(--s4) 0;
  background-color: var(--bottomabg);
}
.container-bottom-b {
  padding: var(--s4) 0;
  background-color: var(--bottombbg);
}

/***********  use with container-top-a remove padding  **********************/
.with-wrapper {
  /*padding: var(--s4) var(--s2);*/
  background-color: #ffffff;
}
@media (min-width: 800px) {
  .with-sidebar-left {
    display: grid;
    grid-template-columns: 360px 1fr;
    grid-gap: var(--s2);
  }
  .with-sidebar-right {
    display: grid;
    grid-template-columns: 1fr 360px;
    grid-gap: var(--s2);
  }
  .sidebar--left,
  .sidebar--right {
    align-self: start;
  }
}
main {
  /*padding: var(--s4) var(--s2);*/
}

.sidelogo {
  position: absolute;
  top: 50px;
  margin-left: -100px;
  animation: myAnim 2s ease 0s 1 normal forwards;
  z-index:1;   
}

@keyframes myAnim {
  0% {
    opacity: 0;
    transform: translateX(25px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.contact-padding {
  margin: 50px;
}

/***************  space between main-top modules   ********************/
.grid {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  /*grid-gap: var(--s2);*/
  background-color: #333333;  
}

@media (min-width: 800px) {
  .columns-2 {
    grid-template-columns: 1fr 1fr;
  }
  .columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
/* Dividers */
.custom-shape-divider {
  height: 150px;
}
.custom-shape-divider svg {
  width: 100%;
  height: 100%;
}
.custom-shape-divider.top-b svg {
  fill: var(--topbbg);
}
.custom-shape-divider.bottom-a svg {
  fill: var(--bottomabg);
}
.custom-shape-divider.bottom-b svg {
  fill: var(--bottombbg);
}
/* Pagination */
.pagenavigation {
  clear: both;
}
.pagenavigation .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pagination li.next:only-child {
  margin-left: auto;
}
.pagination-toolbar .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-item {
    padding: var(--s0);
}
.page-link {
  padding: var(--s0);
}
.counter {
  font-size: .9rem;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s0);
}
.back-to-top-wrapper {
  position: absolute;
  top: calc(100vh + 10em);
  right: 6px;
  bottom: 0;
  z-index: 1030;
  width: 4rem;
  pointer-events: none;
}
.back-to-top-link {
  position: fixed;
  position: -webkit-sticky;
  position: sticky;
  top: calc(100vh - 5rem);
  padding: var(--s1);
  text-decoration: none;
  pointer-events: all;
  transition: all .2s ease-in;
}
.arrow-up {
  font-size: 1.8rem;
}
/* Footer */
/********************  footer width and center   **************************/
footer {
  margin: 0 auto;
  max-width: 1024px;
  padding: var(--s2) var(--s2);
  /*font-weight: 600;*/
  color: var(--footercolor);
  background-color: var(--footerbg);  
}

/******************  remove uderline  **********************/
footer a {
  color: var(--footercolor);
  text-decoration: none;
}
footer a:hover,
footer .nav-item.active a {
  color: #ffdead;
}

footer .menu-horizontal {  
  margin-top: -2px;
}
@media (max-width: 799px) {
  footer .menu-horizontal {  
    margin-top: 8px;
    font-size: 16px;
  }
}

/********* copyright position ************/
.copyright {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: .85rem;
  font-size: .875rem;
}

.container-footer_wrapper {  
}

/******************* Menu padding ******************/
.nav-item a,
.nav-item span {
  display: inline-block;
  padding-left: 10px;
}
.nav-item.active > a {
  color: var(--linkcolorh);
}

/*************  resize font main menu   *********************/
.navbar-top .mod-menu,
.menu-horizontal {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s1);
  align-items: center;
  justify-content: center;
  /*font-weight: 600;*/  
}
.mod-menu .mod-menu__sub {
  padding-left: var(--s1);
}
.nav-item.divider:not(.parent) {
  height: 1px;
  padding: 0;
  margin: .25em;
  overflow: hidden;
  border-bottom: 1px solid #ced4da;
}

/*.navbar-top .mod-menu .nav-item.divider:not(.parent),
.menu-horizontal .nav-item.divider:not(.parent) {
  width: 1px;
  border-right: 1px solid #ced4da;
}

@media (max-width: 800px) {
  .navbar__with-burger .nav-item.divider:not(.parent) {
    width: auto;
    height: 1px;
    border-bottom: 1px solid #ced4da;
  }
}*/

/* Content */
.blog-items {
  display: grid;
  margin: 0 0 var(--s1);
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  grid-gap: var(--s2);
}
.blog-item {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.blog-items[class^="masonry-"],
.blog-items[class*=" masonry-"] {
  display: block;
  -moz-column-gap: var(--s2);
       column-gap: var(--s2);
}
.blog-items[class^="masonry-"] .blog-item ,
.blog-items[class*=" masonry-"] .blog-item {
  display: inline-flex;
  margin-bottom: var(--s2);
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
@media (min-width: 800px) {
  .blog-items.columns-2 {
    grid-template-columns: 1fr 1fr;
  }
  .blog-items.columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .blog-items.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .blog-items.image-left > .blog-item,
  .blog-items.image-right > .blog-item,
  .blog-items.image-alternate > .blog-item {
    flex-direction: row;
  }
  .blog-items.image-left > .blog-item .item-image,
  .blog-items.image-right > .blog-item .item-image,
  .blog-items.image-alternate > .blog-item .item-image {
    flex: 1 0 40%;
  }
  .blog-items.image-left > .blog-item .item-image {
    padding-right: var(--s2);
  }
  .blog-items.image-right > .blog-item .item-image {
    padding-left: var(--s2);
    order: 1;
  }
  .image-alternate .blog-item .item-image {
    padding-right: var(--s2);
  }
  .image-alternate .blog-item:nth-of-type(2n+1) .item-image {
    padding-left: var(--s2);
    order: 1;
  }
  .blog-items.masonry-2 {
    -moz-column-count: 2;
         column-count: 2;
  }
  .blog-items.masonry-3 {
    -moz-column-count: 3;
         column-count: 3;
  }
  .blog-items.masonry-4 {
    -moz-column-count: 4;
         column-count: 4;
  }
}
/* Cards */
.shadow .blog-item {
  position: relative;
  box-shadow: var(--card-shadow);
}
.shadow .blog-item:hover {
  box-shadow: var(--card-shadow-hover);
}
.shadow .blog-item h2 a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.shadow .item-content {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  padding: 0 var(--s1) var(--s1);
}
.shadow .item-content .readmore {
  margin-top: auto;
}
.item-image {
  margin-bottom: var(--s1);
}
.item-page .left {
  float: left;
  margin-right: var(--s1);
}
.item-page .right {
  float: right;
  margin-left: var(--s1);
}
.page-header a {
  text-decoration: none;
}
.article-info {
  margin-bottom: var(--s1);
  font-size: 1rem;
}
.tags a {
  font-weight: 600;
  text-decoration: none;
}
.tags a:hover {
  color: #fff;
  text-decoration: none;
}
.tags a:focus {
  outline-color: var(--bodycolor);
}

.com-users-login__options a {
  display: block;
}
.com-users-login__remember {
  display: flex;
  align-items: center;
}
.com-users-login__remember > .control-label {
  order: 1;
}
/* Modules */
.mod-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.mod-breadcrumbs a,
.mod-breadcrumbs li > span {
  padding: calc(var(--s1));
}
.mod-breadcrumbs li:after {
  content: "|";
}
.mod-breadcrumbs li:first-child:after,
.mod-breadcrumbs li:last-child:after {
  content: "";
}
.mod-finder__search input,
.mod-finder__search button {
  padding: var(--s0);
  font-size: .9rem;
}
.mod-list:not(.mod-menu) li {
  margin-bottom: var(--s1);
}
.mod-articles-category-title {
  display: block;
}
.mod-articles-category-group {
  font-weight: 600;
}
.mod-articles-category-readmore {
  margin-top: var(--s0);
}
.mod-login input[type="checkbox"],
.mod-login input[type="radio"] {
  width: auto;
}
.mod-tagspopular ul {
  display: flex;
  padding-left: 0;
  list-style: none;
}
.mod-tagspopular ul li {
  margin-right: .5rem;
}
.tagspopular .tag-count {
  padding: .125rem .65rem;
  color: #fff;
  background-color: var(--info);
}

/* Modal */
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: .5;
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #dfe3e7;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}
.modal-header .btn-close {
  padding: .5rem;
  margin: -.5rem -.5rem -.5rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dfe3e7;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px);
}
.modal-footer > * {
  margin: .25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 36em) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 62em) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 75em) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 35.98em) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 47.98em) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 61.98em) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 74.98em) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
.jviewport-height10 {
  height: 10vh;
}
.jviewport-height20 {
  height: 20vh;
}
.jviewport-height30 {
  height: 30vh;
}
.jviewport-height40 {
  height: 40vh;
}
.jviewport-height50 {
  height: 50vh;
}
.jviewport-height60 {
  height: 60vh;
}
.jviewport-height70 {
  height: 70vh;
}
.jviewport-height80 {
  height: 80vh;
}
.jviewport-height90 {
  height: 90vh;
}
.jviewport-height100 {
  height: 100vh;
}
[class*=jviewport-height] iframe {
  height: 100%;
}
.modal-dialog.jviewport-width10 {
  width: 10vw;
  max-width: none;
}
.modal-dialog.jviewport-width20 {
  width: 20vw;
  max-width: none;
}
.modal-dialog.jviewport-width30 {
  width: 30vw;
  max-width: none;
}
.modal-dialog.jviewport-width40 {
  width: 40vw;
  max-width: none;
}
.modal-dialog.jviewport-width50 {
  width: 50vw;
  max-width: none;
}
.modal-dialog.jviewport-width60 {
  width: 60vw;
  max-width: none;
}
.modal-dialog.jviewport-width70 {
  width: 70vw;
  max-width: none;
}
.modal-dialog.jviewport-width80 {
  width: 80vw;
  max-width: none;
}
.modal-dialog.jviewport-width90 {
  width: 90vw;
  max-width: none;
}
.modal-dialog.jviewport-width100 {
  width: 100vw;
  max-width: none;
}
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em;
  color: #000;
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5;
}
/* Tooltip and Popover */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-size: .9rem;
  word-break: normal;
  word-spacing: normal;
  word-wrap: break-word;
  white-space: normal;
  line-break: auto;
  opacity: 0;
}
.tooltip.show {
  opacity: .9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: .4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: .4rem .4rem 0;
  border-top-color: #000;
}
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 .4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: .4rem;
  height: .8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: .4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000;
}
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 .4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: .4rem;
  height: .8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-size: .9rem;
  word-break: normal;
  word-spacing: normal;
  word-wrap: break-word;
  white-space: normal;
  line-break: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0, 0, 0, .25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff;
}
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, .25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff;
}
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 .5rem .5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, .25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: .5rem 1rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 1rem;
  color: #22262a;
}

/* Error */
body.error-site {
  display: flex;
  flex-direction: column;
}
body.error-site footer {
  margin-top: auto;
}

@media print {
  .logo, nav, aside, header, footer, .container-banner, .pager {
    display: none;
  }
  /* Font auf 16px/13pt setzen, Background auf Weiß und Schrift auf Schwarz setzen.*/
  /* Das spart Tinte */
  body {
    margin: .8cm .3cm;
    overflow: auto;
    font-size: 11pt;
    line-height: 1.4;
    color: #000;
    background: #fff !important;
  }
  h1 {
    font-size: 24pt;
    color: #000;
  }
  h2, h3, h4 {
    margin-top: 25px;
    font-size: 14pt;
    color: #000;
  }
  /* Alle Seitenumbrüche definieren */
  a {
    page-break-inside: avoid;
  }
  blockquote {
    page-break-inside: avoid;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  table, pre {
    page-break-inside: avoid;
  }
  ul, ol, dl {
    page-break-before: avoid;
  }
  /* Remove underline Show link color and link behavior */
  a:link, a:visited, a {
    color: #0069a0;
    text-align: left;
   /*text-decoration: underline;*/
    background: transparent;
  }
  a[href^=http]:after {
    content: "";
  }
  article a[href^="#"]:after {
    content: "";
  }
  a:not(:local-link):after {
    content: " <" attr(href) "> ";
  }
  .wrapper,
  .main-content,
  .main-content > *,
  .main-content > * > * {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow: auto;    
  }
  .full-width {
    margin: 0 var(--s2);
  }
  article {
    padding: 10pt;
  }
  main {
    background-color: #fff;
  }
  /**
    * Eingebundene Videos verschwinden lassen und den Whitespace der iframes auf null reduzieren.
    */
  iframe {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }
}