.simple {
    width: 100% !important;
    height: auto;
    margin: 0 !important;
    z-index: initial;
}

.spotlight-wrapper .simple .overlaycontainer {
    width: calc(100% - 15em)!important;
    margin: 0 auto;
    height: auto!important;
}

.spotlight-wrapper .simple div h3 {background: none;z-index: 40;text-align: center;align-items: center;padding: 0 0 70px;}


.spotlight-wrapper .simple div h3 span, .simple div h3 a {font-weight: 400;font-family: 'Playfair Display', serif;text-shadow: none;-webkit-text-shadow: none;font-size: 30px;line-height: 30px;height: auto;padding: 0;font-size: 3rem;line-height: 3rem;color: #fff;overflow: visible !important;}

.ie7 .spotlight-wrapper .simple div h3 span, .simple div h3 a {
    display: inline;
}

.simple div h3 a .arrow {
    display: none !important;
}

.spotlight-wrapper .simple .carousel-horizontal .carousellist {
    display: none;
}

.spotlight-wrapper .simple .carousel-horizontal .carousellist .clImgWrap {
    width: 59px;
}

.spotlight-wrapper .simple .carouselwrap {width: 100% !important;position: absolute;bottom: 30px;height: 110px;}

.spotlight-wrapper .simple .carousel-horizontal .bullets {
    width: 13px;
    height: 12px;
    padding-top: 0;
    background: url('/pics/bullets2.png') no-repeat;
    padding-right: 1px;
}

.spotlight-wrapper .simple .carousel-horizontal .current-item .bullets {
    padding-top: 0;
}

.spotlight-wrapper .simple .carousel-horizontal .current-item-pointer {
    display: none !important;
}

.spotlight-wrapper .simple .carousel-horizontal li {
    opacity: 1;
    padding-top: 8px !important;
}

.spotlight-wrapper div.carouselInfo {
    margin-left: 0px !important;
    z-index: initial;
}

.spotlight-wrapper .simple .carousel-horizontal .current-item .bullets {
    background-position: 0 bottom;
}

.spotlight-wrapper .simple .carousel-horizontal .leftTopButton {
    display: block !important;
    background: transparent url('/pics/slide_left.png') no-repeat right center;
    width: 7.4em !important;
    height: 100%;
    background-size: 1.3125em;
}

.spotlight-wrapper .simple .carousel-horizontal .rightBottomButton {
    display: block !important;
    background: transparent url('/pics/slide_right.png') no-repeat left center;
    width: 7.4em !important;
    height: 100%;
    background-size: 1.3125em;
}

.spotlight-wrapper .simple .carousel-horizontal .button {
    top: 30px !important;
    border-radius: 0;
}

.spotlight-wrapper .simple .carousel-horizontal .leftTopButton {
    left: 0;
}

.spotlight-wrapper .simple .carousel-horizontal .rightBottomButton {
    right: 0;
    z-index: 999999;
}

.carouselwrap.carousel-horizontal {
    background-color: none;
}

.slides {
    width: 100%;
    justify-content: center;
}

#slideshow_wrap_hp {overflow: hidden;}

.infowrap.infowrap-horizontal {cursor: default !important;
overflow: hidden;width: 100% !important;height: auto !important;background-size: 100% !important;background-repeat: no-repeat !important;background-position: center center !important;aspect-ratio: 140/75;min-height: 53.5vw;display: flex !important;flex-direction: column;justify-content: flex-end;align-items: flex-end;z-index: initial;position: relative;}
.infowrap.infowrap-horizontal::after {content: "";position: absolute;background: url(/pics/slideshow_overlay.png) repeat-x;width: 100%;height: 391px;left: 0;right: 0;bottom: 0;}
.spotlight-wrapper .overlaycontainer {
    z-index: initial;
}

#bottom_icon {position: absolute;max-width: 1100px;display: flex;width: 60px;height: 60px;background:#fff;left: 0;right: 0;margin: 0 auto;bottom: -30px;border-radius: 50px;transition: .5s all ease-in-out;z-index: 99;}
#bottom_icon span {background: url(/pics/bottom_icon.png) no-repeat center top 14px;width: 18px;margin: 0 auto;animation: slideup 1s linear infinite;transition: .5s all ease-in-out;}
#bottom_icon:hover span, #bottom_icon:focus span {animation: none;background: url(/pics/bottom_icon.png) no-repeat center top 18px;transition: .5s all ease-in-out;}

@media only screen and (min-width: 1200px){
    .spotlight-wrapper .simple .carouselwrap {width: 1200px !important;position: absolute;bottom: 30px;height: 110px;font-size: clamp(9px, 1.454545vw, 16px);margin: 0 auto;left: 0;right: 0;}
    .spotlight-wrapper .simple .carousel-horizontal .leftTopButton {display: block !important;background: transparent url('/pics/slide_left.png') no-repeat right center;width: 29px !important;height: 52px;}
    .spotlight-wrapper .simple .carousel-horizontal .rightBottomButton {display: block !important;background: transparent url('/pics/slide_right.png') no-repeat left center;width: 29px !important;height: 52px;}
    .spotlight-wrapper .simple .carousel-horizontal .leftTopButton {left: 3px;}
    .spotlight-wrapper .simple .carousel-horizontal .rightBottomButton {right: 1px;}
}

@media only screen and (min-width: 768px) and (max-width: 1090px)  {
    #index-top {margin: -10px 0 0 0;}
}

@media only screen and (max-width: 768px) {
    
    .spotlight-wrapper .simple div h3 span, .simple div h3 a{font-size: 1.7rem;line-height: 1.9rem;}
    .spotlight-wrapper .simple .carousel-horizontal .button {top: 0 !important;}
    #bottom_icon{width: 45px;height: 45px;bottom: -22.5px;}
    #bottom_icon span {background: url(/pics/bottom_icon.png) no-repeat center top 8px;}
    #bottom_icon:hover span, #bottom_icon:focus span {background: url(/pics/bottom_icon.png) no-repeat center top 10px;}
}

@media only screen and (max-width: 768px){
    .spotlight-wrapper .simple div h3 span, .simple div h3 a {font-size: 1.5rem;line-height: 1.7rem;}
    .spotlight-wrapper .simple div h3 {left: -20px;}
    .spotlight-wrapper .simple .overlaycontainer {width: calc(100% - 10em) !important;}
    .spotlight-wrapper .simple .carousel-horizontal .leftTopButton,.spotlight-wrapper .simple .carousel-horizontal .rightBottomButton {width: 13px !important;height: 25px;}
    .spotlight-wrapper .simple .carousel-horizontal .button {top: auto !important;bottom: 13px;}
    .spotlight-wrapper .simple .carousel-horizontal .leftTopButton {left: 15px;}
    .spotlight-wrapper .simple .carousel-horizontal .rightBottomButton {right: 15px;}
    .spotlight-wrapper .simple div h3{padding: 0 0 40px 35px;}
    .spotlight-wrapper .simple .carouselwrap{z-index: 0 !important;}
}

@media only screen and (min-width: 650px) and (max-width: 768px)  {
    .spotlight-wrapper .simple div h3 span, .simple div h3 a {font-size: 1.8rem;line-height: 1.9rem;}
    .spotlight-wrapper .simple .carousel-horizontal .button {top: auto !important;bottom: 5px;}
}

/*Animation*/
@keyframes slideup {
    0%,100% {transform: translate(0, 0);}
    50% {transform: translate(0px, 5px);}
  }


.simple .carouselwrap {
  z-index: inherit;
}