.slides-wrapper {
display: flex;
transition: transform 0.3s ease-in-out;
z-index: 10;
max-width: 100%;
}
.outer-wrapper {
overflow: hidden;
}
.ov .outer-wrapper {
overflow: visible;
}
.sl-scale .slide:hover {
transform: scale(1.02);
}
.fusion-builder-live-editor .contentslider.d-0 .controls,
.fusion-builder-live-editor .contentslider.t-0 .controls,
.fusion-builder-live-editor .contentslider.m-0 .controls {
display: block !important;
}
.slides-container {
width: 100%;
max-width: inherit;
position: relative;
}
.no-count {
display: none !important;
}
@media (max-width: 640px) {
.contentslider.m-0 .controls {
display: none !important;
}
.m-1 .slide {
width: calc(100% / 1);
}
.m-2 .slide {
width: calc(100% / 2);
}
.m-3 .slide {
width: calc(100% / 3);
}
.m-4 .slide {
width: calc(100% / 4);
}
.m-5 .slide {
width: calc(100% / 5);
}
.m-6 .slide {
width: calc(100% / 6);
}
}
@media (min-width: 640px) and (max-width: 1024px) {
.contentslider.t-0 .controls {
display: none !important;
}
.t-1 .slide {
width: calc(100% / 1);
}
.t-2 .slide {
width: calc(100% / 2);
}
.t-3 .slide {
width: calc(100% / 3);
}
.t-4 .slide {
width: calc(100% / 4);
}
.t-5 .slide {
width: calc(100% / 5);
}
.t-6 .slide {
width: calc(100% / 6);
}
}
@media (min-width: 1024px) {
.contentslider.d-0 .controls {
display: none !important;
}
.d-1 .slide {
width: calc(100% / 1);
}
.d-2 .slide {
width: calc(100% / 2);
}
.d-3 .slide {
width: calc(100% / 3);
}
.d-4 .slide {
width: calc(100% / 4);
}
.d-5 .slide {
width: calc(100% / 5);
}
.d-6 .slide {
width: calc(100% / 6);
}
}
.contentslider > .fusion-builder-row {
justify-content: center;
}
.controls {
top: 50% !Important;
z-index: 1500 !important;
position: absolute !important;
max-width: inherit;
}
.controls .fusion-column-wrapper {
margin: 0 !important;
padding: 0 !important;
}
.controls .next {
position: absolute;
right: 0;
margin: 0 !important;
cursor: pointer;
transform: translateY(-50%) !Important;
}
.controls .prev {
position: absolute;
left: 0;
margin: 0 !important;
cursor: pointer;
transform: translateY(-50%) !Important;
}
@media (min-width: 1024px) {
.controls .next {
transform: translateX(50%);
}
.controls .prev {
transform: translateX(-50%);
}
}
.nav-disabled {
pointer-events: none;
opacity: .5;
}