@media screen and (max-width: 1024px) {
    .home-suggestion {
        z-index:1
    }

    .home-suggestion.highlight {
        z-index: 1011
    }
}

.home-suggestion.highlight .home-suggestion__wrapper {
    z-index: 1011
}

.home-suggestion.highlight .home-suggestion__wrapper .suggestion-bar {
    border: none
}

.home-suggestion__wrapper {
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    top: 108%;
}

@media screen and (max-width: 1015px){
    .home-suggestion__wrapper {
       top: 122%;
    }
}

@media screen and (min-width: 1025px) and (max-width:1439px) {
    .home-suggestion__wrapper {
        width:calc(100% - 15rem)
    }
}

@media screen and (min-width: 1440px) and (max-width:1600px) {
    .home-suggestion__wrapper {
        width:76.25rem
    }
}

.home-suggestion__wrapper .cta-message {
    display: none
}

@media screen and (max-width: 1024px) {
    .home-suggestion__wrapper .cta-message {
        position:fixed;
        bottom: 13.125rem;
        z-index: 1
    }
}

@media screen and (min-width: 1025px) {
    .home-suggestion__wrapper {
        display:flex;
        align-items: center;
        position: absolute;
        bottom: 10rem;
        padding-left: 0;
        padding-right: 0;
        left:50%;
        transform:translate(-50%, -50%)
    }
}

.home-suggestion.is-show-cta .cta-message {
    display: flex;
    margin-left: 2rem
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .home-suggestion.is-show-cta .cta-message {
        right:4rem
    }
}

@media screen and (max-width: 767px) {
    .home-suggestion.is-show-cta .cta-message {
        right:1rem
    }
}

.modal-backdrop.quickaccess-backdrop {
    z-index: 1010
}

.suggestion-bar {
    position: absolute;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    left: 0;
    bottom:130px;
    display: flex;
    flex-grow: 1;
    align-items: stretch;
    /*background: linear-gradient(147deg, #5cb2f2 0, #76e4f8 100%);*/
    background: url('/themes/images/bg_footer.png');
    background-size: cover;
    height: 100px;
    /*border: 1px solid #f1f1f1;*/

}

@media screen and (min-width: 1025px) {
    .suggestion-bar {
        width:auto;
        height: 80px;
        position: initial;
        border-radius: 10rem;
    }

    .suggestion-bar .suggestion-item:not(:last-child) {
        border-right: 1px solid #b3a7a742
    }

    .suggestion-bar .suggestion-item:not(:last-child).no-tooltip {
        border-right: none
    }
}

@media screen and (max-width: 1025px) {
    .suggestion-bar {
        height: unset;
        /*border-radius:50px;*/
        bottom:60px;
    }
}

.suggestion-item {
    width: 20%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

@media screen and (min-width: 1440px) {
    .suggestion-item {
        padding:.625rem
    }
}

@media (max-width: 1024px) {
    .suggestion-item {
        align-items:flex-start
    }
}

.suggestion-item__icon {
    position: relative;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .25rem
}

.suggestion-item__icon>img {
    height: 32px
}

.suggestion-item__icon.has-notification:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    background: #de3e37;
    border-radius: 50%;
    right: -.125rem;
    top: -.125rem
}

.suggestion-item__txt {
    text-align: center;
    color: #FFFFFF;
    max-height: 1.75rem;
    height: 100%;
    font-style: normal;
    font-size: .625rem;
    font-weight: 600;
    line-height: .875rem;
    letter-spacing: -.02em
}

@media screen and (min-width: 1025px) {
    .suggestion-item__txt {
        font-style: normal;
        font-weight: 500;
        font-size: 1.1rem;
        line-height: 1.5rem;
        letter-spacing: -.02em
    }
}

.suggestion-item .suggestion-item__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.suggestion-item .suggestion-item__content.no-tooltip {
    background: 0 0
}

.suggestion-item .suggestion-item__content.has-tooltip {
    background: unset
}

@media (max-width: 1024px) {
    .suggestion-item .suggestion-item__content.has-tooltip.first-tooltip {
        border-radius:8px;
        background-color: #fff
    }

    .suggestion-item .suggestion-item__content.has-tooltip.first-tooltip:hover {
        background: linear-gradient(343deg,#eaf6ff 0,#f3ffe9 100%)
    }
}

@media (max-width: 1024px) {
    .suggestion-item .suggestion-item__content {
        width:4.0625rem;
        height: 5rem
    }
}

.suggestion-item:hover {
    background: linear-gradient(343deg, rgba(234, 246, 255, 0.35) 0, rgba(243, 255, 233, 0.24) 100%);
}

.suggestion-item:hover .suggestion-item__icon {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.suggestion-item:hover .suggestion-item__txt {
    font-weight: 800
}

.suggestion-item.has-tooltip.nth-tooltip {
    background: rgba(0,0,0,.5);
    border-right: none;
    pointer-events: none
}

@media (max-width: 1024px) {
    .suggestion-item.has-tooltip {
        background:rgba(0,0,0,.5)
    }

    .suggestion-item.has-tooltip:hover {
        background: rgba(0,0,0,.5)
    }
}

.suggestion-item.no-tooltip {
    pointer-events: none;
    background: rgba(0,0,0,.5)
}

.suggestion-item.no-tooltip .suggestion-item__content img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

.suggestion-item.gray-tooltip:hover {
    background: #fff
}

@media (max-width: 1024px) {
    .suggestion-item.gray-tooltip:hover.has-tooltip {
        background-color:rgba(0,0,0,.5)
    }
}

.suggestion-item .suggestion-tooltip {
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: -.02em;
    border-radius: 8px;
    width: 12.5rem;
    min-height: 1.7rem;
    position: absolute;
    left: 50%;
    top: -40%;
    -webkit-transform: translate(-16%,-50%);
    transform: translate(-16%,-50%);
    background-color: #fff;
    padding: .5rem 1.5rem .5rem 1rem;
    color: rgba(0,0,0,.8);
    cursor: default
}

@media (min-width: 1025px) {
    .suggestion-item .suggestion-tooltip.d-xl-block-1 {
        display:block!important
    }
}

@media (max-width: 1024px) {
    .suggestion-item .suggestion-tooltip.d-xl-block-1 {
        display:none!important
    }
}

.suggestion-item .suggestion-tooltip.left {
    -webkit-transform: translate(-16%,-50%);
    transform: translate(-16%,-50%)
}

.suggestion-item .suggestion-tooltip.left::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 16%;
    margin-left: -.3125rem;
    border-width: .3125rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.suggestion-item .suggestion-tooltip.right {
    -webkit-transform: translate(-84%,-50%);
    transform: translate(-84%,-50%)
}

.suggestion-item .suggestion-tooltip.right::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 84%;
    margin-left: -.3125rem;
    border-width: .3125rem;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.suggestion-item .suggestion-tooltip .btn-close {
    position: absolute;
    right: .25rem;
    top: .25rem;
    background-size: .625rem;
    cursor: pointer
}

@media (min-width: 1025px) {
    .suggestion-item:last-child {
        border-top-right-radius:10rem;
        border-bottom-right-radius: 10rem
    }

    .suggestion-item:last-child:hover {
        border-top-right-radius: 10rem;
        border-bottom-right-radius: 10rem
    }

    .suggestion-item:first-child {
        border-top-left-radius: 10rem;
        border-bottom-left-radius: 10rem
    }

    .suggestion-item:first-child:hover {
        border-top-left-radius: 10rem;
        border-bottom-left-radius: 10rem
    }
}
.m-t-0 {
    margin-top: 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

.p-l-0 {
    padding-left: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.p-r-0 {
    padding-right: 0 !important
}

.m-t-5 {
    margin-top: .3125rem!important
}

.p-t-5 {
    padding-top: .3125rem!important
}

.m-b-5 {
    margin-bottom: .3125rem!important
}

.p-b-5 {
    padding-bottom: .3125rem!important
}

.m-l-5 {
    margin-left: .3125rem!important
}

.p-l-5 {
    padding-left: .3125rem!important
}

.m-r-5 {
    margin-right: .3125rem!important
}

.p-r-5 {
    padding-right: .3125rem!important
}

.m-t-8 {
    margin-top: .5rem!important
}

.p-t-8 {
    padding-top: .5rem!important
}

.m-b-8 {
    margin-bottom: .5rem!important
}

.p-b-8 {
    padding-bottom: .5rem!important
}

.m-l-8 {
    margin-left: .5rem!important
}

.p-l-8 {
    padding-left: .5rem!important
}

.m-r-8 {
    margin-right: .5rem!important
}

.p-r-8 {
    padding-right: .5rem!important
}

.m-t-10 {
    margin-top: .625rem!important
}

.p-t-10 {
    padding-top: .625rem!important
}

.m-b-10 {
    margin-bottom: .625rem!important
}

.p-b-10 {
    padding-bottom: .625rem!important
}

.m-l-10 {
    margin-left: .625rem!important
}

.p-l-10 {
    padding-left: .625rem!important
}

.m-r-10 {
    margin-right: .625rem!important
}

.p-r-10 {
    padding-right: .625rem!important
}

.m-t-15 {
    margin-top: .9375rem!important
}

.p-t-15 {
    padding-top: .9375rem!important
}

.m-b-15 {
    margin-bottom: .9375rem!important
}

.p-b-15 {
    padding-bottom: .9375rem!important
}

.m-l-15 {
    margin-left: .9375rem!important
}

.p-l-15 {
    padding-left: .9375rem!important
}

.m-r-15 {
    margin-right: .9375rem!important
}

.p-r-15 {
    padding-right: .9375rem!important
}

.m-t-16 {
    margin-top: 1rem!important
}

.p-t-16 {
    padding-top: 1rem!important
}

.m-b-16 {
    margin-bottom: 1rem!important
}

.p-b-16 {
    padding-bottom: 1rem!important
}

.m-l-16 {
    margin-left: 1rem!important
}

.p-l-16 {
    padding-left: 1rem!important
}

.m-r-16 {
    margin-right: 1rem!important
}

.p-r-16 {
    padding-right: 1rem!important
}

.m-t-20 {
    margin-top: 1.25rem!important
}

.p-t-20 {
    padding-top: 1.25rem!important
}

.m-b-20 {
    margin-bottom: 1.25rem!important
}

.p-b-20 {
    padding-bottom: 1.25rem!important
}

.m-l-20 {
    margin-left: 1.25rem!important
}

.p-l-20 {
    padding-left: 1.25rem!important
}

.m-r-20 {
    margin-right: 1.25rem!important
}

.p-r-20 {
    padding-right: 1.25rem!important
}

.m-t-24 {
    margin-top: 1.5rem!important
}

.p-t-24 {
    padding-top: 1.5rem!important
}

.m-b-24 {
    margin-bottom: 1.5rem!important
}

.p-b-24 {
    padding-bottom: 1.5rem!important
}

.m-l-24 {
    margin-left: 1.5rem!important
}

.p-l-24 {
    padding-left: 1.5rem!important
}

.m-r-24 {
    margin-right: 1.5rem!important
}

.p-r-24 {
    padding-right: 1.5rem!important
}

.m-t-25 {
    margin-top: 1.5625rem!important
}

.p-t-25 {
    padding-top: 1.5625rem!important
}

.m-b-25 {
    margin-bottom: 1.5625rem!important
}

.p-b-25 {
    padding-bottom: 1.5625rem!important
}

.m-l-25 {
    margin-left: 1.5625rem!important
}

.p-l-25 {
    padding-left: 1.5625rem!important
}

.m-r-25 {
    margin-right: 1.5625rem!important
}

.p-r-25 {
    padding-right: 1.5625rem!important
}

.m-t-30 {
    margin-top: 1.875rem!important
}

.p-t-30 {
    padding-top: 1.875rem!important
}

.m-b-30 {
    margin-bottom: 1.875rem!important
}

.p-b-30 {
    padding-bottom: 1.875rem!important
}

.m-l-30 {
    margin-left: 1.875rem!important
}

.p-l-30 {
    padding-left: 1.875rem!important
}

.m-r-30 {
    margin-right: 1.875rem!important
}

.p-r-30 {
    padding-right: 1.875rem!important
}

.m-t-32 {
    margin-top: 2rem!important
}

.p-t-32 {
    padding-top: 2rem!important
}

.m-b-32 {
    margin-bottom: 2rem!important
}

.p-b-32 {
    padding-bottom: 2rem!important
}

.m-l-32 {
    margin-left: 2rem!important
}

.p-l-32 {
    padding-left: 2rem!important
}

.m-r-32 {
    margin-right: 2rem!important
}

.p-r-32 {
    padding-right: 2rem!important
}

.m-t-35 {
    margin-top: 2.1875rem!important
}

.p-t-35 {
    padding-top: 2.1875rem!important
}

.m-b-35 {
    margin-bottom: 2.1875rem!important
}

.p-b-35 {
    padding-bottom: 2.1875rem!important
}

.m-l-35 {
    margin-left: 2.1875rem!important
}

.p-l-35 {
    padding-left: 2.1875rem!important
}

.m-r-35 {
    margin-right: 2.1875rem!important
}

.p-r-35 {
    padding-right: 2.1875rem!important
}

.m-t-40 {
    margin-top: 2.5rem!important
}

.p-t-40 {
    padding-top: 2.5rem!important
}

.m-b-40 {
    margin-bottom: 2.5rem!important
}

.p-b-40 {
    padding-bottom: 2.5rem!important
}

.m-l-40 {
    margin-left: 2.5rem!important
}

.p-l-40 {
    padding-left: 2.5rem!important
}

.m-r-40 {
    margin-right: 2.5rem!important
}

.p-r-40 {
    padding-right: 2.5rem!important
}

.p-x-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.p-y-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.p-0 {
    padding: 0!important
}

.m-0 {
    margin: 0!important
}

.m-x-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.m-y-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.w-auto {
    width: auto!important
}

.h-auto {
    height: auto!important
}

.mw-auto {
    min-width: auto!important
}

.mh-auto {
    min-height: auto!important
}

.m-r-auto {
    margin-right: auto!important
}

.m-l-auto {
    margin-left: auto!important
}

@media (min-width: 1400px) {
    .container-xxl{
        max-width:100%
    }
}

@media (min-width: 1440px) {
    .container-xxl {
        max-width:82rem!important;
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 992px) and (max-width:1440px) {
    .container-xl-custom {
        max-width:1072px!important;
        margin: 0 auto
    }
}

.container {
    padding: 0!important;
    width: 100%!important;
    max-width: 100%!important
}

.container-fluid {
    padding: 1rem 0
}

.d-inline {
    display: inline !important;
}

@media (min-width: 768px) and (max-width:1023px) {
    .container-fluid {
        padding:1rem 0
    }
}

@media (max-width: 800px) {
    .main-top .slick-slide img{
        object-position:center;
        object-fit: contain !important;
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .container-fluid {
        padding:1.5rem 0
    }
}

@media (min-width: 1440px) {
    .container-fluid {
        padding: 1.5rem 0;
    }
}

.is-sticky {
    position: fixed;
    -webkit-animation: slideDown .35s ease-out;
    animation: slideDown .35s ease-out;
    top: 0;
    left: 0;
    width: 100%
}
.container-xxl {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
}
.main-top .slick-slide {
    height: 75vh !important;
    overflow: hidden;
    bottom: 0;
}
.main-top .slick-slide img {
    position: absolute;
    bottom: 0;
    object-fit: cover;
    object-position:center;
    max-height: 100%;
    justify-content: center;
    align-items: center;
    height: 100vh;
    max-width: 100%;
    display: block;
}
@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important;
    }
}
.event-news-wrapper {
    padding-top:120px;
}

/* Slider */
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
    max-width: max-content;
    margin: auto;
    height: 400px;
}
.slideshow-container img{
    height: 400px;
}
/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    cursor: pointer;
    border: 1px solid #cccccc;
}

.active {
    background-color: #717171;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .text {font-size: 11px}
}
/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}
.main-top{
	position: relative;
}