<style type="text/css">
div#carouselHome img {width:100%;max-width: 100%;margin: 0px auto}
div#carouselHome div.carousel-item > a,div#carouselHome div.carousel-item > span {display: block; width: 100%}
div.slideleft .carousel-caption {text-align: left; top: 20%}
div.slideright .carousel-caption {text-align: left; top: 20%;left:55%}
div.slidecenter .carousel-caption {bottom: auto; top: 30%}
div#carouselHome.dot_top_right .carousel-indicators {justify-content: end;top:20px;bottom:auto}
div#carouselHome.dot_bottom_right .carousel-indicators {justify-content: end}
div#carouselHome.dot_center .carousel-indicators li,div#carouselHome.dot_top_right .carousel-indicators li,div#carouselHome.dot_bottom_right .carousel-indicators li {max-width: 13px;height: 13px;border-radius: 50%}
div#carouselHome .carousel-indicators li{background:#[-- STORE.SlidePagerColor --]}
div#carouselHome .carousel-indicators li:hover{background:#[-- STORE.SlidePagerHoverColor --]}
div#carouselHome .carousel-indicators li.active{background:#[-- STORE.SlidePagerActiveColor --]}
div#carouselHome.line_center {padding-bottom: 10px}
@media screen and (min-width:992px) {
div#carouselHome.text_overlay .carousel-indicators {bottom:0px}
div#carouselHome.text_below .carousel-indicators,div#carouselHome.line_center .carousel-indicators {bottom:auto;margin:0px !important;top:100%}
div#carouselHome.text_below .carousel-indicators li,div#carouselHome.text_overlay .carousel-indicators li{max-width:50%;height:30px;text-align:center;text-indent:0px;line-height: 30px;color:#FFF}
div#carouselHome.text_below {margin-bottom:30px}
div#carouselHome.text_below .carousel-indicators li {margin:0px !important}
}
</style>
[-- IF STORE.SlideHomePage EQ PAGE.RecordNumber --][-- VAR.SlideCount "0" --][-- FOR VAR.I 1 8 --][-- IF STORE.SlideDisabled[VAR.I] --][-- ELSE_IF STORE.SlideImage[VAR.I] --][-- VAR.SlideCount INC --][-- END_IF --][-- END_FOR --]
[-- IF VAR.SlideCount GE "1" --]<div id="carouselHome" class="carousel slide [-- STORE.SlidePager --]" data-ride="[-- IF VAR.SlideCount "1" --]false[-- ELSE_IF STORE.SlideFrequency "5000" --][-- IF STORE.SlideAutoStart? "on" --]carousel[-- ELSE --]false[-- END_IF --][-- ELSE --]false[-- END_IF --]">
<div class="carousel-inner">
  [-- VAR.ICount 0 --][-- FOR VAR.I 1 8 --][-- IF STORE.SlideDisabled[VAR.I] --][-- ELSE_IF STORE.SlideImage[VAR.I] --]
    <div class="carousel-item[-- IF VAR.ICount 0 --] active[-- END_IF --][-- VAR.ICount INC --] slide[-- STORE.SlideTextAlignment[VAR.I] --]" style="color: #[-- Store.SlideDescColor[VAR.I] --]">
  [-- IF STORE.SlideURL?[VAR.I] NE no_link --]<a href="[-- IF STORE.SlideURL?[VAR.I] store_page --][-- STORE.SlidePageURL[VAR.I] --][-- ELSE --][-- STORE.SlideURL[VAR.I] --][-- END_IF --]" title="[-- STORE.SlideTitleText[VAR.I] --]"><img src=[-- STORE.SlideImage[VAR.I] --]></a>[-- ELSE --]<span><img src=[-- STORE.SlideImage[VAR.I] --]></span>[-- END_IF --]
  <div class="carousel-caption d-block">
    [-- IF STORE.SlideTitleText[VAR.I] --][-- IF STORE.SlideURL?[VAR.I] NE no_link --]<a class="h3" href="[-- IF STORE.SlideURL?[VAR.I] store_page --][-- STORE.SlidePageURL[VAR.I] --][-- ELSE --][-- STORE.SlideURL[VAR.I] --][-- END_IF --]" title="[-- STORE.SlideTitleText[VAR.I] --]" style="color: #[-- Store.SlideTitleColor[VAR.I] --]">[-- STORE.SlideTitleText[VAR.I] --]</a>[-- ELSE --]<h3 style="color: #[-- Store.SlideTitleColor[VAR.I] --]">[-- STORE.SlideTitleText[VAR.I] --]</h3>[-- END_IF --][-- END_IF --]
    [-- IF STORE.SlideDescText[VAR.I] --]<p class="d-none d-md-block" style="color: #[-- Store.SlideDescColor[VAR.I] --]">[-- STORE.SlideDescText[VAR.I] --]</p>[-- END_IF --]
    [-- IF STORE.SlideButtonText[VAR.I] --]<div class="d-none d-md-block"><a href="[-- IF STORE.SlideURL?[VAR.I] store_page --][-- STORE.SlidePageURL[VAR.I] --][-- ELSE --][-- STORE.SlideURL[VAR.I] --][-- END_IF --]" title="[-- STORE.SlideButtonText[VAR.I] --]" class="btn btn-primary" style="background:#[-- STORE.SlideButtonBkgrdColor[VAR.I] --];border-color:#[-- STORE.SlideButtonBkgrdColor[VAR.I] --];color:#[-- STORE.SlideButtonColor[VAR.I] --]">[-- STORE.SlideButtonText[VAR.I] --]</a></div>[-- END_IF --]
  </div>
</div>
[-- END_IF --][-- END_FOR --]
  </div>
[-- IF VAR.SlideCount GT "1" --][-- IF STORE.SlidePager NE no-pager --]  <ol class="carousel-indicators">
  [-- VAR.ICount 0 --][-- FOR VAR.I 1 8 --][-- IF STORE.SlideDisabled[VAR.I] --][-- ELSE_IF STORE.SlideImage[VAR.I] --]<li data-target="#carouselHome" data-slide-to="[-- VAR.ICount --]"[-- IF VAR.ICount 0 --] class="active"[-- END_IF --]>[-- VAR.ICount INC --][-- IF STORE.SlideLinkText[VAR.I] --][-- STORE.SlideLinkText[VAR.I] --][-- ELSE --][-- VAR.ICount --][-- END_IF --]</li>[-- END_IF --][-- END_FOR --]
  </ol>[-- END_IF --][-- END_IF --]
[-- IF VAR.SlideCount GT "1" --]  <a class="carousel-control-prev" href="#carouselHome" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carouselHome" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a>[-- END_IF --]
</div>
[-- END_IF --][-- END_IF --]