.wpc-carousel,
.wpc-carousel .wpc-carousel-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.wpc-carousel {
display: none;
width: 100%;
z-index: 1;
}
.wpc-carousel .wpc-carousel-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.wpc-carousel .wpc-carousel-stage:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.wpc-carousel .wpc-carousel-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.wpc-carousel .wpc-carousel-item,
.wpc-carousel .wpc-carousel-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.wpc-carousel .wpc-carousel-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.wpc-carousel .wpc-carousel-item img {
display: block;
}
.wpc-carousel .wpc-carousel-dots.disabled,
.wpc-carousel .wpc-carousel-nav.disabled {
display: none;
}
.no-js .wpc-carousel,
.wpc-carousel.wpc-carousel-loaded {
display: block;
}
.wpc-carousel .wpc-carousel-dot,
.wpc-carousel .wpc-carousel-nav .wpc-carousel-next,
.wpc-carousel .wpc-carousel-nav .wpc-carousel-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wpc-carousel .wpc-carousel-nav button.wpc-carousel-next,
.wpc-carousel .wpc-carousel-nav button.wpc-carousel-prev {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.wpc-carousel.wpc-carousel-loading {
opacity: 0;
display: block;
}
.wpc-carousel.wpc-carousel-hidden {
opacity: 0;
}
.wpc-carousel.wpc-carousel-refresh .wpc-carousel-item {
visibility: hidden;
}
.wpc-carousel.wpc-carousel-drag .wpc-carousel-item {
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wpc-carousel.wpc-carousel-grab {
cursor: move;
cursor: grab;
}
.wpc-carousel.wpc-carousel-rtl {
direction: rtl;
}
.wpc-carousel.wpc-carousel-rtl .wpc-carousel-item {
float: right;
}
.wpc-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.wpc-carousel .wpc-carousel-animated-in {
z-index: 0;
}
.wpc-carousel .wpc-carousel-animated-out {
z-index: 1;
}
.wpc-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.wpc-carousel-height {
transition: height 0.5s ease-in-out;
}
.wpc-carousel .wpc-carousel-item .wpc-carousel-lazy {
opacity: 0;
transition: opacity 0.4s ease;
}
.wpc-carousel .wpc-carousel-item img.wpc-carousel-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.wpc-carousel .wpc-carousel-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.wpc-carousel .wpc-carousel-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//cimstone.com.tr/wp-content/plugins/wp-configurator-pro/assets/frontend/css/wpccarousel.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 0.1s ease;
transition: transform 0.1s ease;
}
.wpc-carousel .wpc-carousel-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.wpc-carousel .wpc-carousel-video-playing .wpc-carousel-video-play-icon,
.wpc-carousel .wpc-carousel-video-playing .wpc-carousel-video-tn {
display: none;
}
.wpc-carousel .wpc-carousel-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 0.4s ease;
}
.wpc-carousel .wpc-carousel-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.wpc-carousel-dots button,
.wpc-carousel-nav button {
background: 0 0;
}html.magnifying > body {
overflow-x: hidden !important;
}
.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile { min-width: 0;
min-height: 0;
animation: none;
border: none;
float: none;
margin: 0;
opacity: 1;
outline: none;
overflow: visible;
padding: 0;
text-indent: 0;
transform: none;
transition: none;
}
.magnify {
position: relative;
width: auto;
height: auto;
box-shadow: none;
display: inline-block;
z-index: inherit;
}
.magnify > .magnify-lens { position: absolute;
width: 200px;
height: 200px;
border-radius: 100%; box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
0 0 7px 7px rgba(0, 0, 0, 0.25),
inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
cursor: none;
display: none;
z-index: 99;
}
.magnify > .magnify-lens.loading {
background: #333 !important;
opacity: 0.8;
}
.magnify > .magnify-lens.loading:after { position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #fff;
content: 'Loading...';
font: italic normal 16px/1 Calibri, sans-serif;
letter-spacing: 1px;
margin-top: -8px;
text-align: center;
text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
text-transform: none;
}