.ngparaproslider { width: 100%; position: relative; } .ngparaproslider ul { margin: 0; padding: 0; display: block; list-style: none; overflow: hidden; width: 100%; position: relative; } .ngparaproslider ul > li { margin: 0; padding: 0; display: block; list-style: none; position: absolute; } .ngparaproslider ul > li > img { width: 100%; height: auto; user-select: none; } .ngparaproslider .ngparaproslidernext, .ngparaproslider .ngparaprosliderprev { z-index: 1; cursor: pointer; position: absolute; top: 0; } .ngparaproslider .ngparaproslidernext { right: 0; } .ngparaproslider .ngparaprosliderprev { left: 0; } .ngparaproslider .ngparaproslidernext > img, .ngparaproslider .ngparaprosliderprev > img { width: 40px; height: 40px; position: absolute; display: block; opacity: 0.8; transition: opacity 0.2s; user-select: none; } .ngparaproslider .ngparaproslidernext > img { left: 0; } .ngparaproslider .ngparaprosliderprev > img { right: 0; } .ngparaprosliderbullets { display: flex; justify-content: center; margin-top: 10px; } .ngparaprosliderbullets div { width: 20px; height: 20px; background-repeat: no-repeat; opacity: 0.3; transition: opacity 0.2s; } .ngparaprosliderbullets div.ngparaprosliderbulletcurrent { opacity: 0.8; } .ngparaproslidermore a { border-color: #afafaf; border-width: 1px; border-style: solid; padding: 5px 10px 5px 10px; background: url(../../../../../images/gradient/?s=ffffff&e=d3d3d3&h=24) repeat-x #d3d3d3; font: 12px Tahoma,Verdana,Segoe,sans-serif; color: #5a5a5a; letter-spacing: 0px; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); border-radius: 2px; display: inline-block; cursor: pointer; outline: none; float: right; -webkit-appearance: none; margin-top: 20px; text-decoration: none; } .ngparaproslidermore:after { content: ""; display: table; clear: both; } .ngparaproslidermore a:hover { border-color: #c3c3c3; background: url(../../../../../images/gradient/?s=ffffff&e=ebebeb&h=24) repeat-x #ebebeb; font-weight: normal; font-style: normal; text-transform: none; color: #000000; text-decoration: none; }