/*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ .lSSlideWrapper, .lSSlideWrapper .lSFade {position: relative } .lSSlideWrapper .lSSlide, .lSSlideWrapper.usingCss .lSFade>* {-webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; -webkit-transition-duration: inherit !important; transition-duration: inherit !important } .lSSlideOuter, .lSSlideOuter .lSPager.lSGallery {-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none } .lSSlideOuter .lSPager.lSGallery:after, .lSSlideWrapper>.lightSlider:after {clear: both } .lSSlideOuter {overflow: hidden; user-select: none } .lightSlider:after, .lightSlider:before {content: " "; display: table } .lightSlider {overflow: hidden } .lSSlideWrapper {max-width: 100%; overflow: hidden } .lSSlideWrapper .lSSlide {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform, height; transition-property: transform, height } .lSSlideWrapper .lSFade>* {position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100% } .lSSlideWrapper.usingCss .lSFade>* {opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-property: opacity; transition-property: opacity } .lSSlideWrapper .lSFade>.active {z-index: 10 } .lSSlideWrapper.usingCss .lSFade>.active {opacity: 1 } .lSSlideOuter .lSPager.lSpg {margin: 10px 0 0; padding: 0; text-align: center } .lSSlideOuter .lSPager.lSpg>li {cursor: pointer; display: inline-block; padding: 0 5px } .lSSlideOuter .lSPager.lSpg>li a {background-color: #222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all .5s linear 0s; transition: all .5s linear 0s } .lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {background-color: #428bca } .lSSlideOuter .media {opacity: .8 } .lSSlideOuter .media.active {opacity: 1 } .lSSlideOuter .lSPager.lSGallery {list-style: none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; user-select: none } .lSSlideOuter .lSPager.lSGallery li {overflow: hidden; -webkit-transition: border-radius .12s linear 0s .35s linear 0s; transition: border-radius .12s linear 0s .35s linear 0s } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSP.lSSlideOuter .lSPager.lSGallery img {display: block; height: auto; max-width: 100% } .lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before {content: " "; display: table } .lSAction>a {width: 32px; display: block; top: 50%; height: 32px; background-image: url(../images/controls.png); cursor: pointer; position: absolute; z-index: 9999; margin-top: -16px; -webkit-transition: opacity .35s linear 0s; transition: opacity .35s linear 0s } .lSAction>a:hover {opacity: 1 } .lSAction>.lSPrev {background-position: 0 0; left: 10px } .lSAction>.lSNext {background-position: -32px 0; right: 10px } .lSAction>a.disabled {pointer-events: none } .cS-hidden {height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden } .lSSlideOuter.vertical {position: relative } .lSSlideOuter.vertical.noPager {padding-right: 0 !important } .lSSlideOuter.vertical .lSGallery {position: absolute !important; right: 0; top: 0 } .lSSlideOuter.vertical .lightSlider>* {width: 100% !important; max-width: none !important } .lSSlideOuter.vertical .lSAction>a {left: 50%; margin-left: -14px; margin-top: 0 } .lSSlideOuter.vertical .lSAction>.lSNext {background-position: 31px -31px; bottom: 10px; top: auto } .lSSlideOuter.vertical .lSAction>.lSPrev {background-position: 0 -31px; bottom: auto; top: 10px } .lSSlideOuter.lSrtl {direction: rtl } .lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {padding-left: 0; list-style: none } .lSSlideOuter.lSrtl .lSPager, .lSSlideOuter.lSrtl .lightSlider {padding-right: 0 } .lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider>* {float: left } .lSSlideOuter.lSrtl .lSGallery li, .lSSlideOuter.lSrtl .lightSlider>* {float: right !important } @-webkit-keyframes rightEnd {0%, 100% {left: 0 } 50% {left: -15px } } @keyframes rightEnd {0%, 100% {left: 0 } 50% {left: -15px } } @-webkit-keyframes topEnd {0%, 100% {top: 0 } 50% {top: -15px } } @keyframes topEnd {0%, 100% {top: 0 } 50% {top: -15px } } @-webkit-keyframes leftEnd {0%, 100% {left: 0 } 50% {left: 15px } } @keyframes leftEnd {0%, 100% {left: 0 } 50% {left: 15px } } @-webkit-keyframes bottomEnd {0%, 100% {bottom: 0 } 50% {bottom: -15px } } @keyframes bottomEnd {0%, 100% {bottom: 0 } 50% {bottom: -15px } } .lSSlideOuter .rightEnd {-webkit-animation: rightEnd .3s; animation: rightEnd .3s; position: relative } .lSSlideOuter .leftEnd {-webkit-animation: leftEnd .3s; animation: leftEnd .3s; position: relative } .lSSlideOuter.vertical .rightEnd {-webkit-animation: topEnd .3s; animation: topEnd .3s; position: relative } .lSSlideOuter.vertical .leftEnd {-webkit-animation: bottomEnd .3s; animation: bottomEnd .3s; position: relative } .lSSlideOuter.lSrtl .rightEnd {-webkit-animation: leftEnd .3s; animation: leftEnd .3s; position: relative } .lSSlideOuter.lSrtl .leftEnd {-webkit-animation: rightEnd .3s; animation: rightEnd .3s; position: relative } .lightSlider.lsGrab>* {cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .lightSlider.lsGrabbing>* {cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .products_slide {width: 100%; background-color: #fff; } .products_slide ul {list-style: none outside none; padding-left: 0; margin-bottom: 0; } .products_slide li {width: 100%; position: relative; } .products_slide img {display: block; height: auto; width: 100%; } .products_slide li .zoom-icon {width: 50px; height: 48px; color: #FFF; opacity: 0; left: 50px; font-size: 20px; line-height: 48px; text-align: center; position: absolute; background: #f97731; } .products_slide li.active:hover .zoom-icon {opacity: 1; left: 0; z-index: 111; } /* .products_slide .lSAction>a {text-align: center; background: #04172D url(../images/arrow-right.svg) center center no-repeat; } .products_slide .lSAction>a.lSPrev {transform: rotate(180deg); position: absolute; left: 10px; } .lSAction>.lSNext {right: 0; } .lSAction>.lSPrev {left: 0; } .lightSlider li:hover .lSNext {opacity: 1; }*/