table.pageLayoutTwoColumns td.pageLayoutRightOuterContainer, table.pageLayoutTopAndBottomRowsPlusTwoColumns td.pageLayoutRightOuterContainer {
    padding-left: 7px;
    padding-right: 20px;
    width: 50%;
}

.slider--container--content {
   
    height: auto; /* Adjust the height to your needs here */
    margin: 0 auto;
    overflow: hidden;
    border-radius: .125rem;
}

@media only screen and (max-width: 425px) {
    .slider--container--content {
        height: auto;
    }
}

.slider--container {
    
    height: 400px; /* Adjust the height to your needs here */
    margin: 0 auto;
    overflow: hidden;
    border-radius: .125rem;
}

@media only screen and (max-width: 425px) {
    .slider--container {
        height: 300px;
    }
}

.slider--heading {
    position: relative;
    width: 75%;
    margin: 75px auto 25px;
    padding: 25px 75px;
    z-index: 99;
    font: 300 1.25rem/1.25 Verdana, sans-serif;
    text-align: center;
    background-color: rgba(77, 74, 74, 0.812);
    color: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

@media only screen and (max-width: 425px) {
    .slider--heading {
    width: 100%;
    margin: 50px 0px 25px 0px;
    padding: 25px 0px 25px 0px;
    }
}

.slider--heading h1 {
    font: 200 1.25rem/1.25 Verdana, sans-serif;
    text-transform: uppercase;
}

/* Responsive styles for the heading */
/* ===== == = === 30em (480px) === = == ===== */
@media only screen and (min-width: 45em) {
    .slider--heading h1 {
        font-size: 1.5rem;
    }
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width: 48em) {
    .slider--heading h1 {
        font-size: 1.75rem;
    }
}

/* Responsive styles for the button */
/* ===== == = === 30em (480px) === = == ===== */
@media only screen and (min-width: 30em) {
    .btn {
        font-size: 1rem;
    }
}

/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width: 48em) {
    .btn {
        font-size: 1.25rem;
    }
}

.btn:hover {
    text-decoration: none;
    color: #999;
}

.slider--image {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    animation: 45s ease-in-out infinite;
}

/* Name of animations and selection of images */
.slider--image:nth-of-type(1) {
    animation-name: slide-01;
}

.slider--image:nth-of-type(2) {
    animation-name: slide-02;
}

.slider--image:nth-of-type(3) {
    animation-name: slide-03;
}

/* Images are overlaid and visible or invisible due to different transparency */
/* Moving the images with transform: scale & translate */
/* Styles for webkit browsers */
@-webkit-keyframes slide-01 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.4) translate(0, 0);
    }
    16% {
        opacity: 1;
        -webkit-transform: scale(1.2) translate(-20px, -10px);
    }
    33% {
        opacity: 0;
        -webkit-transform: scale(1.4) translate(0, 0);
    }
    50% {
        opacity: 0;
    }
    67% {
        opacity: 0;
    }
    84% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.4) translate(0, 0);
    }
}

@-webkit-keyframes slide-02 {
    0% {
        opacity: 0;
    }
    16% {
        opacity: 0;
        -webkit-transform: scale(1.2) translate(-20px, -10px);
    }
    33% {
        opacity: 1;
        -webkit-transform: scale(1.4) translate(0, 0);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2) translate(-20px, 10px);
    }
    67% {
        opacity: 0;
        -webkit-transform: scale(1.4) translate(0, 0);
    }
    84% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes slide-03 {
    0% {
        opacity: 0;
    }
    16% {
        opacity: 0;
    }
    33% {
        opacity: 0;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(1.4) translate(0, 0);
    }
    67% {
        opacity: 1;
        -webkit-transform: scale(1.4) translate(-20px, 10px);
    }
    84% {
        opacity: 1;
        -webkit-transform: scale(1.2) translate(20px, -10px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4) translate(0, 0);
    }
}

/* Styles for all other browsers */
@keyframes slide-01 {
    0% {
        opacity: 1;
        transform: scale(1.4) translate(0, 0);
    }
    16% {
        opacity: 1;
        transform: scale(1.2) translate(-20px, -10px);
    }
    33% {
        opacity: 0;
        transform: scale(1.4) translate(0, 0);
    }
    50% {
        opacity: 0;
    }
    67% {
        opacity: 0;
    }
    84% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: scale(1.4) translate(0, 0);
    }
}

@keyframes slide-02 {
    0% {
        opacity: 0;
    }
    16% {
        opacity: 0;
        transform: scale(1.2) translate(-20px, -10px);
    }
    33% {
        opacity: 1;
        transform: scale(1.4) translate(0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1.2) translate(-20px, 10px);
    }
    67% {
        opacity: 0;
        transform: scale(1.4) translate(0, 0);
    }
    84% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes slide-03 {
    0% {
        opacity: 0;
    }
    16% {
        opacity: 0;
    }
    33% {
        opacity: 0;
    }
    50% {
        opacity: 0;
        transform: scale(1.4) translate(0, 0);
    }
    67% {
        opacity: 1;
        transform: scale(1.4) translate(-20px, 10px);
    }
    84% {
        opacity: 1;
        transform: scale(1.2) translate(20px, -10px);
    }
    100% {
        opacity: 0;
        transform: scale(1.4) translate(0, 0);
    }
}

.button-home {
    background-color: #D9B630;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    
}

.button-home:hover {
    color:#238DC1
}


@media (max-width: 567px) {
    .WaGadgetSiteSearch .searchBox {
        display: none;
    }
}

.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    max-height: 400px;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item>a span:after {
    display: none;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    margin: auto;
}