.tirex-carousel {
display: block;
opacity: 0;
-webkit-transition: .4s;
transition: .4s;
}
.tirex-carousel .image-slide {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer;
}
.tirex-carousel .image-slide:hover > .slide-title {
opacity: 1;
}
.tirex-carousel .slide-title {
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
color: #fff;
font-size: 1.4em;
line-height: 1em;
text-align: center;
background: rgba(0, 0, 0, 0.6);
padding: 10px;
overflow: hidden;
-webkit-transition: .4s;
transition: .4s;
opacity: 0;
}
.tirex-carousel .image-link {
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
}
.tirex-carousel .image-link:hover + .image-slide .slide-title {
opacity: 1;
}
.tirex-carousel ul li:before {
display: none;
}
.tirex-carousel {       /*/*/}
.tirex-carousel .lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
}
.tirex-carousel .lightSlider:before,
.tirex-carousel .lightSlider:after {
content: ' ';
display: table;
}
.tirex-carousel .lightSlider {
overflow: hidden;
margin: 0;
}
.tirex-carousel .lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.tirex-carousel .lSSlideWrapper > .lightSlider:after {
clear: both;
}
.tirex-carousel .lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform, height;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.tirex-carousel .lSSlideWrapper .lSFade {
position: relative;
}
.tirex-carousel .lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.tirex-carousel .lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.tirex-carousel .lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.tirex-carousel .lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}
.tirex-carousel .lSSlideOuter .lSPager.lSpg {
margin: 0;
padding-top: 10px;
}
.tirex-carousel .lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.tirex-carousel .lSSlideOuter .lSPager.lSpg > li a {
background-color: transparent;
border: 2px solid #D8D8D8;
border-radius: 30px;
display: inline-block;
height: 10px;
overflow: hidden;
text-indent: -999em;
width: 10px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.tirex-carousel .lSSlideOuter .lSPager.lSpg > li:hover a,
.tirex-carousel .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #D8D8D8;
}
.tirex-carousel .lSSlideOuter .media {
opacity: 0.8;
}
.tirex-carousel .lSSlideOuter .media.active {
opacity: 1;
}
.tirex-carousel .lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-touch-callout: none;
}
.tirex-carousel .lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.tirex-carousel .lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.tirex-carousel .lSSlideOuter .lSPager.lSGallery:before,
.tirex-carousel .lSSlideOuter .lSPager.lSGallery:after {
content: ' ';
display: table;
}
.tirex-carousel .lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}
.tirex-carousel .lSAction > a {
width: 50px;
display: block;
top: 15%;
height: 70%;
cursor: pointer;
position: absolute;
z-index: 99;
opacity: .3;
-webkit-transition: .3s;
transition: .3s;
}
.tirex-carousel .lSAction > a:hover {
opacity: 1;
}
.tirex-carousel .lSAction > a:before {
color: #fff;
font: 20px/1 'FontAwesome';
width: 32px;
height: 32px;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 2px;
cursor: pointer;
position: absolute;
top: calc(50% - 16px);
}
.tirex-carousel .lSAction > .lSPrev:before {
content: '\f053';
left: 18px;
padding: 7px 8px;
box-sizing: border-box;
}
.tirex-carousel .lSAction > .lSNext {
right: 0;
}
.tirex-carousel .lSAction > .lSNext:before {
content: '\f054';
padding: 7px 11px;
box-sizing: border-box;
}
.tirex-carousel .lSAction > a.disabled {
pointer-events: none;
}
.tirex-carousel .cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
.tirex-carousel .lSSlideOuter.lSrtl {
direction: rtl;
}
.tirex-carousel .lSSlideOuter .lightSlider,
.tirex-carousel .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.tirex-carousel .lSSlideOuter.lSrtl .lightSlider,
.tirex-carousel .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.tirex-carousel .lSSlideOuter .lightSlider > *,
.tirex-carousel .lSSlideOuter .lSGallery li {
float: left;
position: relative;
}
.tirex-carousel .lSSlideOuter.lSrtl .lightSlider > *,
.tirex-carousel .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
}
@-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.tirex-carousel .lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.tirex-carousel .lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.tirex-carousel .lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.tirex-carousel .lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.tirex-carousel .lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.tirex-carousel .lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.tirex-carousel .lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: grab;
}
.tirex-carousel .lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
}