/* ----------------------------------------- */ /* Content Template: Responsive slider – single slide - start */ /* ----------------------------------------- */ #responsive-slider { position: relative; } #responsive-slider .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } #responsive-slider .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; list-style:none; } #responsive-slider .rslides li:first-child { position: relative; display: block; float: left; } #responsive-slider .rslides img { display: block; height: auto; float: left; width: 100%; max-width: 100%; border: 0; } #responsive-slider .rslides_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 45%; left: 10px; background: #000; background: rgba(0,0,0,.7); padding: 5px; display: block; color: #fff; border-radius: 3px; text-decoration: none; opacity: 0; } #responsive-slider:hover .rslides_nav { opacity: 1; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } #responsive-slider .rslides_nav:active { background: rgba(0,0,0,.9) } #responsive-slider .rslides_nav.next { left: auto; background-position: right 50%; right: 10px; } #responsive-slider .rslides_tabs { position: absolute; bottom: 0; left: 0; right: 0; line-height: 30px; margin: 0; z-index: 2; text-align: center; background: #000; background: rgba(0,0,0,.3); } #responsive-slider .rslides_tabs li { display: inline-block; padding: 0 10px; margin: 0 5px; } #responsive-slider .rslides_tabs li:hover { background: rgba(0,0,0,.7); } #responsive-slider .rslides_tabs .rslides_here { background: #000; } #responsive-slider .rslides_tabs li a { color: #fff; text-decoration: none; } /* ----------------------------------------- */ /* Content Template: Responsive slider – single slide - end */ /* ----------------------------------------- */