/*!
 * t3sbootstrap.css
 */

html {
    font-size: 14px
}

a {
    outline: 0
}

.subheader {
    margin: 0
}

.alert {
    display: grid
}

.code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: #bd4147;
    background-color: rgba(86, 61, 124, .15);
    border-radius: .25rem;
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

mark {
    background-color: #ff0;
    color: #000
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 1.5em;
    text-decoration: none;
    color: #eee;
    background-color: transparent;
    opacity: .7;
    padding: 1em;
    z-index: 999
}

.back-to-top:hover {
    background-color: transparent;
    color: #999
}

.navbar-light .navbar-nav .nav-link.js-scroll-trigger.active {
    color: var(--light)
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    top: -.5rem;
    margin-left: 0;
    margin-right: 0
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100% !important
}

.dropdown-item.parent-active {
    color: #151515;
    text-decoration: none;
    background-color: #f6f6f6
}

.dropdown-item.active.parent-active {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary)
}

.dropdown-divider {
    display: block
}

.dropdown-menu-right .dropdown-submenu {
    position: relative
}

.dropdown-menu-right .dropdown-submenu .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: -6px;
    margin-right: -1px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px;
    border-radius: 6px 6px 6px 6px
}

.dropdown-menu-right .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-right-color: #999;
    margin-top: 5px;
    margin-right: 10px
}

.dropdown-menu-right .dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.dropdown-menu-right .dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px;
    border-radius: 6px 6px 6px 6px
}

.dropdown-menu-right {
    margin-left: 0
}

.dropdown-menu-right .dropdown-submenu>a::after {
    display: none
}

.dropdown-menu-right .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -.8rem;
    vertical-align: .255em;
    content: " ";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    transform: rotate(90deg)
}

.dropdown-menu {
    margin: 0
}

.fixed-bottom .dropdown-menu.show {
    display: inline-table
}

.fixed-bottom .dropdown-menu .dropdown-submenu .dropdown-menu {
    margin-top: -1rem
}

#main-navbar.shrink {
    height: auto;
    -webkit-transition: padding-top 0.3s, padding-bottom .3s;
    -moz-transition: padding-top 0.3s, padding-bottom .3s;
    transition: padding-top 0.3s, padding-bottom .3s
}

#main-navbar.navbar-shrink {
    padding: .5rem 1rem
}

#main-navbar .t3js-icon img {
    width: 1.2rem;
    height: .9rem;
    margin-right: .5rem;
    margin-top: -.2rem
}

#sectionmenu,
.submenu {
    min-width: 130px
}

#sectionmenu .nav-link,
.submenu .nav-link {
    position: relative
}

#sectionmenu .nav-link[data-toggle].collapsed:after,
.submenu .nav-link[data-toggle].collapsed:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    right: 1rem;
    top: calc(50% - 4px);
    margin-left: .25rem
}

#sectionmenu .nav-link[data-toggle]:not(.collapsed):after,
.submenu .nav-link[data-toggle]:not(.collapsed):after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    right: 1rem;
    top: calc(50% - 4px);
    margin-left: .25rem -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown-toggle::after {
    transition: .7s
}

.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg)
}

.ge_autoLayout_row figure,
.card figure {
    margin: 0
}

.card .list-group-item {
    color: #212529
}

a.card {
    color: inherit
}

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

.card.card-effect-one img {
    -moz-transition: transform .5s ease-in-out !important;
    -webkit-transition: transform .5s ease-in-out !important;
    transition: transform .5s ease-in-out !important
}

.card.card-effect-one:hover {
    background-color: var(--light)
}

.card.card-effect-one:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.card.card-effect-one::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: var(--primary);
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.card.card-effect-one:hover::before,
.card.card-effect-one:focus::before,
.card.card-effect-one:active::before {
    left: 0;
    right: 0
}

.card.card-effect-one {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    -webkit-transform: scale(1)
}

.meta-nav.text-white a {
    color: #fff !important
}

div.alert p,
div.alert ul {
    margin: 0
}

#language {
    cursor: pointer
}

.tx-indexedsearch-redMarkup {
    color: red
}

.tx-indexedsearch-info p {
    margin: 0
}

section.parallax {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1
}

section.multiple-parallax {
    background-attachment: fixed, fixed;
    background-position: left top, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    z-index: -1
}

.absolute {
    position: absolute !important
}

.v-row {
    display: flex;
    flex-wrap: wrap
}

.jumbotron.background-image,
section.background-image,
div.background-image,
.content-consent.background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.jumbotron.multiple-background-image,
section.multiple-background-image,
div.multiple-background-image {
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: left top, center center
}

.jumbotron.background-fixed,
section.background-fixed,
div.background-fixed,
div.background-fixed {
    background-attachment: fixed !important
}

.col {
    border: 0 solid transparent
}

.frame-ruler-before:before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    margin-bottom: 2em
}

.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin-top: 2em
}

.frame-indent {
    margin-left: 15%;
    margin-right: 15%
}

.frame-indent-left {
    margin-left: 33%
}

.frame-indent-right {
    margin-right: 33%
}

.preloader {
    z-index: 999;
    position: absolute;
    left: calc(50% - 1.5rem);
    top: 50%
}

.nav-meta,
.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden
}

.nav-scroller .meta-text a,
.nav-meta .meta-text a {
    margin-right: 1rem
}

.nav-scroller .meta-text a:last-child,
.nav-meta .meta-text a:last-child {
    margin-right: 0
}

.nav-scroller .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    color: rgba(255, 255, 255, .75);
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: var(--gray-dark)
}

.nav-underline .nav-link:hover {
    color: var(--danger)
}

.nav-underline .active {
    font-weight: 500;
    color: var(--gray-dark)
}

.nav-underline .nav-link.meta-text {
    color: var(--gray-dark)
}

.nav-underline .nav-link.meta-text a:hover {
    color: var(--danger)
}

.navbar-expand-no {
    overflow-y: scroll !important;
    max-height: 100% !important
}

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%
}

.carousel-indicators {
    display: flex !important
}

.carousel-item {
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    overflow: hidden !important
}

.carousel figure {
    margin: 0 !important
}

.carousel-caption.caption-animated.animated {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    width: auto;
    color: #fff;
    text-align: center;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.gallery .row {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.gallery .col-sm {
    padding-right: .5rem;
    padding-left: .5rem
}

.image-gallery .ig-col {
    padding-right: .5rem;
    padding-left: .5rem;
    margin-bottom: 1rem
}

.image-gallery .row {
    margin-right: -7.5px;
    margin-left: -7.5px
}

picture img.lazy {
    opacity: 0
}

picture img.lazy:not(.initial) {
    transition: opacity 2s
}

picture img.lazy.initial,
picture img.lazy.loaded,
picture img.lazy.error {
    opacity: 1
}

picture img.lazy:not([src]):not([srcset]) {
    visibility: hidden
}

.inline-YTPlayer {
    z-index: 1011
}

.content-consent {
    min-height: 200px
}

.ce-link {
    text-decoration: none !important;
    color: inherit !important
}

.ce-link-content {
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    padding: 1.5rem
}

.ce-link-content:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)
}

.card.ce-link-content {
    padding: 0
}

.img-transform {
    transition: transform .3s ease !important
}

.img-transform:hover,
.img-transform:active {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

figure.image {
    overflow: hidden;
    display: inline-grid
}

.relative {
    position: relative
}

.relative .overlay>div {
    position: absolute;
    top: 2rem
}

#site-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5;
    z-index: 99999
}

#site-spinner {
    position: absolute;
    left: calc(50% - 1.5rem);
    top: 50%
}

.sidebar-sub-item i {
    text-indent: -1px
}

figcaption {
    font-size: .75rem;
    font-weight: 400
}

.fa,
.fas,
.far,
.fal,
.fab {
    line-height: inherit
}

.bt_hidden {
    opacity: 0
}

.bt_visible {
    opacity: 1
}

.page-pagination {
    margin: 2rem 0
}

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

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

.video-card .card-img-overlay {
    margin-bottom: 40px
}

.zoom-overlay {
    overflow: hidden;
    background: transparent;
    opacity: 0;
    transition: opacity 0.35s, -webkit-transform .35s;
    transition: opacity 0.35s, transform .35s
}

.image a:hover .zoom-overlay {
    opacity: .8
}

.magnifying-glass-icon {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    padding: 20px;
    border: 1px solid #fff;
    line-height: 1;
    background: rgba(0, 0, 0, 0.5);
    width: 60px;
    height: 60px
}

.zoom-overlay .description .magnifying-glass-icon {
    top: 50%
}

.card-img-overlay .card-body {
    padding: 0
}

.navbar-brand img.d-inline-block {
    margin-right: .25rem
}

.media figure.image {
    position: relative;
    margin-bottom: 0
}

.media .magnifying-glass-icon {
    top: 50%
}

.w-33 {
    width: 33% !important
}

.w-66 {
    width: 66% !important
}

.fixedPosition {
    position: fixed;
    top: 50%;
    margin: 0 !important;
    z-index: 999
}

.fixedPosition-right {
    right: 0
}

.fixedPosition-left {
    left: 0
}

.rotate-plus {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 !important
}

.rotate-minus {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0 !important
}

.media-body p {
    margin-bottom: 0
}

p .svg-inline--fa {
    margin-right: .4rem
}

@media (min-width: 576px) {
    html {
        font-size: 16px
    }
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .row-eq-height .col,
    .row-eq-height [class*="col-"] {
        height: 100% !important;
    }
    .sm-twoColumns {
        min-width: 26rem
    }
    .content-consent {
        min-height: 300px
    }
}

@media (min-width: 768px) {
    .md-twoColumns {
        min-width: 26rem
    }
    .content-consent {
        min-height: 300px
    }
}

@media (min-width: 992px) {
    .lg-twoColumns {
        min-width: 26rem
    }
    .content-consent {
        min-height: 400px
    }
}

@media (min-width: 1200px) {
    .xl-twoColumns {
        min-width: 26rem
    }
    .content-consent {
        min-height: 500px
    }
}

@media (max-width: 1199px) {
    .navbar-expand-xl {
        overflow-y: scroll !important;
        max-height: 100% !important
    }
}

@media (max-width: 991px) {
    .navbar-expand-lg {
        overflow-y: scroll !important;
        max-height: 100% !important
    }
}

@media (max-width: 767px) {
    .navbar-expand-md {
        overflow-y: scroll !important;
        max-height: 100% !important
    }
    .gallery.w-25,
    .gallery .w-25 {
        width: 100% !important
    }
    .gallery.w-50,
    .gallery .w-50 {
        width: 100% !important
    }
    .gallery.w-33,
    .gallery .w-33 {
        width: 100% !important
    }
    .gallery.w-66,
    .gallery .w-66 {
        width: 100% !important
    }
    .gallery.w-75,
    .gallery .w-75 {
        width: 100% !important
    }
    .beside .w-25,
    .align .w-25 {
        width: 100% !important
    }
    .beside .w-50,
    .align .w-50 {
        width: 100% !important
    }
    .beside .w-33,
    .align .w-33 {
        width: 100% !important
    }
    .beside .w-66,
    .align .w-66 {
        width: 100% !important
    }
    .beside .w-75,
    .align .w-75 {
        width: 100% !important
    }
}

@media (max-width: 575px) {
    .navbar-expand-sm {
        overflow-y: scroll !important;
        max-height: 100% !important
    }
    .gallery {
        text-align: center
    }
//    .card .img-overlay {
//        color: #FFF;
//        text-shadow: 6px 0 6px #666
//    }
    .card .img-overlay .card-body {
        padding: 0
    }
}

@media (min-width: 768px) {
    .carousel.card-slider .carousel-inner .active,
    .carousel.card-slider .carousel-inner .active+.carousel-item,
    .carousel.card-slider .carousel-inner .active+.carousel-item+.carousel-item {
        display: block;
        margin-right: inherit
    }
    .carousel.card-slider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel.card-slider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
    .carousel.card-slider .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
        transition: none
    }
    .carousel.card-slider .carousel-inner .carousel-item-next,
    .carousel.card-slider .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0)
    }
    .carousel.card-slider .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible
    }
    .carousel.card-slider .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    .carousel.card-slider .carousel-item-next.carousel-item-left+.carousel-item,
    .carousel.card-slider .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
    .carousel.card-slider .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    .carousel.card-slider .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible
    }
    .carousel.card-slider .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    .carousel.card-slider .carousel-item-prev.carousel-item-right+.carousel-item,
    .carousel.card-slider .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
    .carousel.card-slider .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        display: block;
        visibility: visible
    }
}

.card-flipper .image-flip:hover .backside,
.card-flipper .image-flip:active .backside,
.card-flipper .image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem
}

.card-flipper .image-flip:hover .frontside,
.card-flipper .image-flip:active .frontside,
.card-flipper .image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.card-flipper .mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative
}

.card-flipper .frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px
}

.card-flipper .backside {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px #9e9e9e;
    -moz-box-shadow: 5px 7px 9px -4px #9e9e9e;
    box-shadow: 5px 7px 9px -4px #9e9e9e
}

.card-flipper .frontside,
.card-flipper .backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d
}

.card-flipper .frontside .card,
.card-flipper .backside .card {
    min-height: 312px
}

.card-flipper .fa-plus-square {
    color: var(--primary)
}

#sectionmenu .section-menu.nav-fill.variant {
    background-color: #fff
}

#sectionmenu .section-menu.nav-fill.variant .nav-item {
    display: inline-block;
    position: relative;
    height: 58px;
    border-right: 2px solid var(--light);
    border-top: 2px solid var(--light);
    border-bottom: 2px solid var(--light);
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    white-space: normal
}

#sectionmenu .section-menu.nav-fill.variant .nav-item:last-child {
    border-left: 2px solid var(--light)
}

#sectionmenu .section-menu.nav-fill.variant .nav-link.scroll-trigger {
    line-height: 2.6
}

#sectionmenu .section-menu.nav-fill.variant .nav-link.scroll-trigger.active::before {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 12px solid var(--primary);
    position: absolute;
    top: 58px;
    left: calc(50% - 6px);
    content: "";
    display: inline;
    z-index: 2000
}

#sectionmenu .section-menu.nav-fill.variant .nav-link.scroll-trigger:hover {
    color: var(--primary);
    text-shadow: 0 0 5px rgba(169, 169, 169, 0.3)
}

#sectionmenu .section-menu.nav-fill.variant .nav-link.scroll-trigger.active,
#sectionmenu .section-menu.nav-fill.variant .nav-link.scroll-trigger.active:hover {
    background-color: var(--primary);
    border-bottom: 1px solid var(--primary);
    color: #fff;
    margin-top: 0;
    height: 58px;
    border-top: none
}

#sectionmenu .section-menu .nav-item.nav-link.active {
    color: var(--danger)
}

#sectionmenu .section-menu.nav-pills .nav-item.nav-link.active {
    color: #fff
}

.bg-raster {
    position: relative
}

.bg-raster:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/typo3conf/ext/t3sbootstrap/Resources/Public/Images/raster.png) repeat
}

#background-carousel {
    width: 100%;
    height: 100%;
    z-index: -1
}

#background-carousel .carousel,
#background-carousel .carousel-inner {
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden
}

#background-carousel .carousel-item {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    z-index: 0
}

#background-carousel #content-wrapper {
    position: absolute;
    z-index: 1 !important;
    min-width: 100%;
    min-height: 100%
}

#background-carousel .carousel-control-prev,
#background-carousel .carousel-control-next {
    z-index: 2
}

.carousel-control-prev,
.carousel-control-next {
    z-index: 10
}

.list-group .page-navigation:last-child {
    margin-top: 1.5rem
}

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

.card-deck {
    margin: 0;
    justify-content: space-between
}

.card-deck .card {
    margin: 0
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .card-deck .card {
        -ms-flex: 0 0 48.7%;
        flex: 0 0 48.7%;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: .25rem
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .card-deck .card {
        -ms-flex: 0 0 32%;
        flex: 0 0 32%
    }
}

@media (min-width: 992px) {
    .card-deck .card {
        -ms-flex: 0 0 24%;
        flex: 0 0 24%
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .card-group>.card {
        flex: 1 0 100%
    }
}

@media (min-width: 768px) {
    .card-group>.card {
        flex: 1 0 50%
    }
}

@media (min-width: 992px) {
    .card-group>.card {
        flex: 1 0 33.333%
    }
}

@media (min-width: 1200px) {
    .card-group>.card {
        flex: 1 0 25%
    }
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 2
    }
    .image-flip .mainflip,
    .image-flip .frontside,
    .image-flip .backside,
    .image-flip .card {
        height: 100%
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 3
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 4
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 4
    }
}

#kesearch_results .card,.news .card {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}
#kesearch_results .card:hover,
#kesearch_results .card:active,
.news .card:hover,
.news .card:active {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.22);
    z-index: 101
}

.news .list-group-item .d-sm-block p {
    margin-bottom: 0
}

#news-preloader {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 99999
}

#news-preloader-bottom {
    position: relative;
    top: -75px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 99999
}

#news-spinner {
    position: absolute;
    right: 0;
    top: -.5rem
}

.news .list-group-item .card-text p {
    margin-bottom: 0
}

.news .list-group-item .media figure {
    margin-bottom: 0
}

.cardflipper .mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative
}

.cardflipper .frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px
}

.cardflipper .backside {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px #9e9e9e;
    -moz-box-shadow: 5px 7px 9px -4px #9e9e9e;
    box-shadow: 5px 7px 9px -4px #9e9e9e
}

.cardflipper .frontside,
.cardflipper .backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d
}

.cardflipper .fa-plus-square {
    color: var(--primary)
}

.cardflipper .fa-minus-square {
    color: var(--primary)
}

.cardflipper .fa-plus-square:hover,
.cardflipper .fa-minus-square:hover {
    cursor: pointer
}

.card-flipper .card-footer,
.cardflipper .card-footer {
    padding: .75rem 1.25rem;
    background-color: transparent;
    border-top: none
}

.card-flipper .backside,
.card-flipper .backside .card,
.cardflipper .backside,
.cardflipper .backside .card {
    height: 100%
}

.card-footer {
    text-align: center
}

.img-copyright {
    position: relative;
    margin-top: -31px;
    margin-right: .5rem;
    display: flex;
    margin-left: auto
}

.img-copyright:hover {
    cursor: help
}

.img-copyright-default {
    position: relative;
    margin-top: -24px;
    margin-right: .5rem;
    display: flex;
    margin-left: auto
}

span.copyright {
    margin-right: .5rem
}

.zoom-right {
    display: flex;
    margin-left: auto
}

.zoom-center {
    display: flex
}

.card .image-caption.text-right {
    margin-right: .5rem;
    margin-right: .5rem
}

figure .toast {
    margin-bottom: 0 !important;
    z-index: 1
}

.imageorient-1 figure.image .zoom-overlay,
.imageorient-9 figure.image .zoom-overlay {
    right: .5rem
}

.imageorient-2 figure.image .zoom-overlay,
.imageorient-10 figure.image .zoom-overlay,
.imageorient-17 figure.image .zoom-overlay,
.imageorient-18 figure.image .zoom-overlay,
.imageorient-25 figure.image .zoom-overlay,
.imageorient-26 figure.image .zoom-overlay,
.imageorient-66 figure.image .zoom-overlay,
.imageorient-77 figure.image .zoom-overlay {
    left: .5rem
}

.news-single figure.image .zoom-overlay {
    left: 1rem
}

body.md .dd-animate-1,
body.lg .dd-animate-1,
body.xl .dd-animate-1 {
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0
    }
    100% {
        transform: translateY(0rem);
        opacity: 1
    }
    0% {
        transform: translateY(1rem);
        opacity: 0
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

body.md .dd-animate-3,
body.lg .dd-animate-3,
body.xl .dd-animate-3 {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
    transition: .5s ease all
}

body.md .dd-animate-3.show,
body.lg .dd-animate-3.show,
body.xl .dd-animate-3.show {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    transition: .5s ease all
}

body.md .dd-animate-4 .dropdown-submenu .dropdown-menu,
body.lg .dd-animate-4 .dropdown-submenu .dropdown-menu,
body.xl .dd-animate-4 .dropdown-submenu .dropdown-menu,
body.md .dd-animate-4,
body.lg .dd-animate-4,
body.xl .dd-animate-4 {
    animation-name: example;
    animation-duration: 1s
}

@keyframes example {
    from {
        opacity: .2
    }
    to {
        opacity: 1
    }
}