.topbanner .slick-prev, .topbanner .slick-next { width: 3.5rem; background: rgb(0,0,0,.3); padding-top: 2px; } .topbanner .slick-prev:before, .topbanner .slick-next:before { width: 3.5rem; height: 3.5rem; top: auto; position: relative; margin-top: 0; background-color: transparent; font-size: inherit; padding: inherit; color: #fff; font-size: 2.5rem; line-height: 3.5rem; } .topbanner > .slide { width: 33%; } .topbanner > .slide:not(:first-child) { display: none !important; } .topbanner .slick-dots { bottom: -15px !important; } .topbanner .slick-prev { margin-left: 0px; } .topbanner .slick-next { margin-right: 0px; } .topbanner .slick-next:before { left: 2px; } .topbanner .textblock { position: absolute; top: 0; left: 0; } .topbanner .textblock .top { top: 5rem; bottom: auto; } .topbanner .textblock .bottom { bottom: 5rem; top: auto; } .topbanner .background-transparent { background: rgba(0,0,0,.3); } .topbanner .background-white { background: rgba(255,255,255,.75); } .topbanner .background-whitefull { background: rgba(255,255,255,1); } .topbanner .text-shadow { text-shadow: 1px 1px 12px black; }