.tirex-slider {
display: block;
opacity: 0;
-webkit-transition: .4s;
transition: .4s;
max-height: 100vh;
overflow: hidden;
}
.tirex-slider > ul {
overflow: hidden;
}
.tirex-slider li:before {
display: none!important;
}
.tirex-slider .link-div {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
}
.tirex-slider .image-descr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.tirex-slider .image-descr .content {
width: 90%;
max-width: 1200px;
}
.tirex-slider .image-slide {
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
position: relative;
}
.tirex-slider .image-slide a {
position: relative;
}
.tirex-slider .editor-slide,
.tirex-slider .video-slide {
width: 100%;
height: 100%;
}
.tirex-slider .video-slide {
position: relative;
}
.tirex-slider .video-slide iframe {
width: 100%;
height: 100%;
border: 0;
}
.tirex-slider .video-slide video {
width: 100%;
height: auto;
}
.tirex-slider {/**/        /*/*/}
.tirex-slider .lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tirex-slider .lightSlider:before,
.tirex-slider .lightSlider:after {
content: ' ';
display: table;
}
.tirex-slider .lightSlider {
overflow: hidden;
margin: 0;
}
.tirex-slider .lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.tirex-slider .lSSlideWrapper > .lightSlider:after {
clear: both;
}
.tirex-slider .lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-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-slider .lSSlideWrapper .lSFade {
position: relative;
}
.tirex-slider .lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.tirex-slider .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-slider .lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.tirex-slider .lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}
.tirex-slider .lSSlideOuter .lSPager.lSpg {
margin: 0 0 -28px 0 !important;
padding: 0;
text-align: center;
top: -40px;
position: relative;
}
.tirex-slider .lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.tirex-slider .lSSlideOuter .lSPager.lSpg > li a {
background-color: #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-slider .lSSlideOuter .media {
opacity: 0.8;
}
.tirex-slider .lSSlideOuter .media.active {
opacity: 1;
}
.tirex-slider .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;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tirex-slider .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-slider .lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.tirex-slider .lSSlideOuter .lSPager.lSGallery:before,
.tirex-slider .lSSlideOuter .lSPager.lSGallery:after {
content: ' ';
display: table;
}
.tirex-slider .lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}
.tirex-slider .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-slider .lSAction > a:hover {
opacity: 1;
}
.tirex-slider .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-slider .lSAction > .lSPrev:before {
content: '\f053';
left: 18px;
padding: 7px 8px;
}
.tirex-slider .lSAction > .lSNext {
right: 0;
}
.tirex-slider .lSAction > .lSNext:before {
content: '\f054';
padding: 7px 11px;
}
.tirex-slider .lSAction > a.disabled {
pointer-events: none;
}
.tirex-slider .cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
.tirex-slider .lSSlideOuter.vertical {
position: relative;
}
.tirex-slider .lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.tirex-slider .lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.tirex-slider .lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}
.tirex-slider .lSSlideOuter.vertical .lSAction > a {
left: 0;
}
.tirex-slider .lSSlideOuter.vertical .lSAction > .lSNext {
top: inherit;
bottom: 0;
left: 25%;
width: 50%;
height: 50px;
}
.tirex-slider .lSSlideOuter.vertical .lSAction > .lSNext:before {
content: '\f078';
left: calc(50% - 16px);
top: 0;
padding: 5px 7px;
}
.tirex-slider .lSSlideOuter.vertical .lSAction > .lSPrev {
top: 0;
left: 25%;
width: 50%;
height: 50px;
}
.tirex-slider .lSSlideOuter.vertical .lSAction > .lSPrev:before {
content: '\f077';
left: calc(50% - 16px);
top: 18px;
padding: 5px 7px;
}
.tirex-slider .lSSlideOuter.lSrtl {
direction: rtl;
}
.tirex-slider .lSSlideOuter .lightSlider,
.tirex-slider .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.tirex-slider .lSSlideOuter.lSrtl .lightSlider,
.tirex-slider .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.tirex-slider .lSSlideOuter .lightSlider > *,
.tirex-slider .lSSlideOuter .lSGallery li {
float: left;
position: relative;
}
.tirex-slider .lSSlideOuter.lSrtl .lightSlider > *,
.tirex-slider .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-slider .lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.tirex-slider .lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.tirex-slider .lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.tirex-slider .lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.tirex-slider .lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.tirex-slider .lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.tirex-slider .lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: grab;
}
.tirex-slider .lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: grabbing;
}
@media (max-width: 600px) {
.tirex-slider {
max-height: 400px;
}
}