article#bannerholder{width:100%;position:relative;z-index:1;display:inline-block;margin:0;overflow:hidden;padding-bottom:0;margin-bottom:15px}article#bannerholder:hover ul#bannercontrol,article#bannerholder:hover ul.bannernav{opacity:1}div#banner{width:100%;display:block;height:100%}div#banner>a,div#banner>a>img,div#banner>div,div#banner>img{width:100%;height:auto;position:relative;transition:transform 2s ease-in-out;-webkit-transition:transform 2s ease-in-out;-moz-transition:transform 2s ease-in-out;-ms-transition:transform 2s ease-in-out;display:block}div#banner a:not(:first-child){position:absolute;top:0;left:0}div#banner a~a,div#banner a~img,div#banner img~a{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%)}div#banner a.banneractive,div#banner img.banneractive{transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0)}div#banner a.banneractive+a,div#banner a.banneractive+img,div#banner img.banneractive+a,div#banner img.banneractive+img{transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}ul#bannercontrol li svg circle{stroke:#000;fill:#fff}ul#bannercontrol li svg{overflow:visible!important;width:20px;height:20px}ul#bannercontrol li.banneractive svg circle,ul#bannercontrol li:hover svg circle{fill:#000}picture img{max-width:100%}div#timer{transition-timing-function:linear;-webkit-transition-timing-function:linear;box-shadow:0 2px 2px rgba(0,0,0,.5);display:none}@media screen and (max-width:768px){article#bannerholder div.cta{margin-bottom:60px}}*{box-sizing:border-box}section#banner{width:1200px;height:auto;display:block;margin:10px auto;box-shadow:0 0 0 1px #000;overflow-x:hidden;padding-bottom:30px}section#banner div#banner-run{min-width:100%;height:100%;display:flex;display:-webkit-flex}.bannerelement{width:100%;height:100%;flex:0 0 100%;-webkit-flex:0 0 100%}section#banner div#banner-run>div:nth-child(odd){background:rgba(0,0,0,.5)}ul.bannernav{position:absolute;list-style-type:none;display:flex;padding:0;display:-webkit-flex;justify-content:center;left:50%;height:8%;bottom:0;z-index:15;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);padding:0;opacity:.3;transition:opacity .2s}ul.bannernav li{width:26px;height:26px;padding:0;margin:0 10px;cursor:pointer;opacity:.7;background:rgba(255,255,255,.5);margin-right:1%;transition:background 1s ease-in-out;-webkit-transition:background 1s ease-in-out;cursor:pointer;border-radius:50%;border:solid 2px #000}ul.bannernav li:last-of-type{margin-right:0}div#banner-run{min-width:100%;height:100%;display:flex;display:-webkit-flex}ul.bannernav li.active{background:#000}section#banner figure{margin:0;position:relative}section#banner figcaption{position:absolute;bottom:0;background:rgba(0,0,0,.3);width:100%;display:block;text-align:center;padding:10px;color:#fff;font-family:arial}