.ytpp-main {
--ytpp-gap: 0.75rem;
--ytpp-radius: 6px;
--ytpp-accent: #f00;
display: grid;
gap: var(--ytpp-gap);
margin-block: 1rem;
&.ytpp-layout-side {
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
.ytpp-list {
grid-template-columns: 1fr;
align-content: start; block-size: 0;
min-block-size: 100%;
overflow-y: auto;
}
}
@media (width < 640px) {
&.ytpp-layout-side {
grid-template-columns: 1fr;
.ytpp-list {
block-size: auto;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
}
}
}
.ytpp-stage {
aspect-ratio: 16 / 9;
background: #000;
border-radius: var(--ytpp-radius);
overflow: hidden;
iframe {
display: block;
inline-size: 100%;
block-size: 100%;
border: 0;
}
}
.ytpp-facade {
all: unset;
position: relative;
display: block;
inline-size: 100%;
block-size: 100%;
cursor: pointer;
img {
inline-size: 100%;
block-size: 100%;
object-fit: cover;
}
.ytpp-play {
position: absolute;
inset: 50% auto auto 50%;
translate: -50% -50%;
inline-size: 68px;
aspect-ratio: 68 / 48;
border-radius: 14px;
background: rgb(0 0 0 / 0.75);
transition: background-color 0.15s;
&::after {
content: "";
position: absolute;
inset: 50% auto auto 54%;
translate: -50% -50%;
border-block: 10px solid transparent;
border-inline-start: 17px solid #fff;
}
}
&:is(:hover, :focus-visible) .ytpp-play {
background: var(--ytpp-accent);
}
&:focus-visible {
outline: 3px solid var(--ytpp-accent);
outline-offset: -3px;
}
}
.ytpp-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: var(--ytpp-gap);
margin: 0;
padding: 0;
list-style: none;
.ytpp-layout-grid & {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
}
.ytpp-item {
all: unset;
display: grid;
gap: 0.375rem;
inline-size: 100%;
cursor: pointer;
img {
inline-size: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--ytpp-radius);
opacity: 0.8;
transition: opacity 0.15s;
}
&:is(:hover, :focus-visible, [aria-current]) img {
opacity: 1;
}
&[aria-current] img {
box-shadow: 0 0 0 3px var(--ytpp-accent);
}
&:focus-visible {
outline: 3px solid var(--ytpp-accent);
outline-offset: 3px;
border-radius: var(--ytpp-radius);
}
}
.ytpp-item-title {
font-size: 0.875em;
line-height: 1.3;
}
.ytpp-notice {
margin: 0;
font-size: 0.8125em;
opacity: 0.8;
}
.ytpp-dialog {
inline-size: min(960px, 92vw);
padding: 0;
border: 0;
background: transparent;
overflow: visible;
&::backdrop {
background: rgb(0 0 0 / 0.85);
}
}
.ytpp-dialog-close {
position: absolute;
inset: -3rem 0 auto auto;
inline-size: 2.5rem;
aspect-ratio: 1;
border: 0;
border-radius: 50%;
background: #fff;
color: #000;
font-size: 1.75rem;
line-height: 1;
cursor: pointer;
&:focus-visible {
outline: 3px solid var(--ytpp-accent);
outline-offset: 2px;
}
}
@media (prefers-reduced-motion: reduce) {
.ytpp-main * {
transition: none !important;
}
}.vc_images_carousel .vc_carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.vc_images_carousel .vc_carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border-radius:10px;cursor:pointer;border:1px solid grey;background-color:grey}.vc_images_carousel .vc_carousel-indicators .vc_active{margin:1px;width:10px;height:10px;background-color:transparent;border:1px solid grey}.vc_images_carousel .vc_carousel-indicators .vc_partial{opacity:.5}.vc_images_carousel{position:relative}.vc_images_carousel .vc_carousel-inner{position:relative;overflow:hidden;width:100%}.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline{position:relative;overflow:hidden}.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner{left:0;position:relative;width:100%}.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition{transition:.5s ease left}.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition.vc_swipe-transition{transition-duration:.2s}.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item{float:left;visibility:hidden}.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>a>img,.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>img{display:block;max-width:100%;height:auto;line-height:1}.vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner{margin:0 10px}.vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline{overflow:hidden}.vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner{width:100%}.vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition{transition-property:top}.vc_images_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item{float:none}.vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators{position:absolute;top:2%;right:3%;left:auto;width:10px}.vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators li{display:block;margin:0 auto 3px;width:6px;height:6px}.vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators li.vc_active{width:8px;height:8px;margin:0 auto 1px}.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item{visibility:visible}.vc_images_carousel .vc_carousel-control{position:absolute;padding:0;top:50%;left:0;bottom:0;margin-top:-15px;width:60px;height:30px;opacity:.5;font-size:30px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);-webkit-tap-highlight-color:transparent}.vc_images_carousel .vc_carousel-control:focus,.vc_images_carousel .vc_carousel-control:hover{text-decoration:none;opacity:.9}.vc_images_carousel .vc_carousel-control.vc_right{left:auto;right:0}.vc_images_carousel .vc_carousel-control .glyphicon-chevron-left,.vc_images_carousel .vc_carousel-control .glyphicon-chevron-right,.vc_images_carousel .vc_carousel-control .icon-next,.vc_images_carousel .vc_carousel-control .icon-prev{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}.vc_images_carousel .vc_carousel-control .icon-next,.vc_images_carousel .vc_carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.vc_images_carousel .vc_carousel-control .icon-prev:before{content:'\2039';position:relative;top:-10px}.vc_images_carousel .vc_carousel-control .icon-next:before{content:'\203a';position:relative;top:-10px}.vc_images_carousel .vc_carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.vc_images_carousel .vc_carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.vc_images_carousel .vc_carousel-control .icon-next,.vc_images_carousel .vc_carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px;display:block;padding:0}.vc_images_carousel .vc_carousel-caption{left:20%;right:20%;padding-bottom:30px}.vc_images_carousel .vc_carousel-indicators{bottom:20px}}.vc_images_carousel .clearfix:after,.vc_images_carousel .clearfix:before{content:" ";display:table}.vc_images_carousel .clearfix:after{clear:both}.vc_images_carousel .pull-right{float:right!important}.vc_images_carousel .pull-left{float:left!important}.vc_images_carousel .hide{display:none!important}.vc_images_carousel .show{display:block!important}.vc_images_carousel .invisible{visibility:hidden}.vc_images_carousel .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.vc_images_carousel ol.vc_carousel-indicators{margin:0 0 0 -30%}.vc_images_carousel .vc_carousel_vertical ol.vc_carousel-indicators{margin:1px 0 0 0;bottom:auto}.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.item>a{display:block}.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.item>a>img{margin:auto}.vc_carousel .vc_carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.vc_carousel .vc_carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border-radius:10px;cursor:pointer;border:1px solid grey;background-color:grey}.vc_carousel .vc_carousel-indicators .vc_active{margin:1px;width:10px;height:10px;background-color:transparent;border:1px solid grey}.vc_carousel .vc_carousel-indicators .vc_partial{opacity:.5}.vc_carousel{position:relative}.vc_carousel .vc_carousel-inner{position:relative;overflow:hidden;width:100%}.vc_carousel .vc_carousel-inner .vc_carousel-slideline{position:relative;overflow:hidden}.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner{left:0;position:relative;width:100%}.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition{transition:.5s ease left}.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition.vc_swipe-transition{transition-duration:.2s}.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item{float:left;visibility:hidden}.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>a>img,.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>img{display:block;max-width:100%;height:auto;line-height:1}.vc_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item>.vc_inner{margin:0 10px}.vc_carousel.vc_carousel_vertical .vc_carousel-slideline{overflow:hidden}.vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner{width:100%}.vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner.vc_transition{transition-property:top}.vc_carousel.vc_carousel_vertical .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item{float:none}.vc_carousel.vc_carousel_vertical .vc_carousel-indicators{position:absolute;top:2%;right:3%;left:auto;width:10px}.vc_carousel.vc_carousel_vertical .vc_carousel-indicators li{display:block;margin:0 auto 3px;width:6px;height:6px}.vc_carousel.vc_carousel_vertical .vc_carousel-indicators li.vc_active{width:8px;height:8px;margin:0 auto 1px}.vc_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item{visibility:visible}.vc_carousel .vc_carousel-control{position:absolute;padding:0;top:50%;left:0;bottom:0;margin-top:-15px;width:60px;height:30px;opacity:.5;font-size:30px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);-webkit-tap-highlight-color:transparent}.vc_carousel .vc_carousel-control:focus,.vc_carousel .vc_carousel-control:hover{text-decoration:none;opacity:.9}.vc_carousel .vc_carousel-control.vc_right{left:auto;right:0}.vc_carousel .vc_carousel-control .glyphicon-chevron-left,.vc_carousel .vc_carousel-control .glyphicon-chevron-right,.vc_carousel .vc_carousel-control .icon-next,.vc_carousel .vc_carousel-control .icon-prev{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}.vc_carousel .vc_carousel-control .icon-next,.vc_carousel .vc_carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.vc_carousel .vc_carousel-control .icon-prev:before{content:'\2039';position:relative;top:-10px}.vc_carousel .vc_carousel-control .icon-next:before{content:'\203a';position:relative;top:-10px}.vc_carousel .vc_carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.vc_carousel .vc_carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.vc_carousel .vc_carousel-control .icon-next,.vc_carousel .vc_carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px;display:block;padding:0}.vc_carousel .vc_carousel-caption{left:20%;right:20%;padding-bottom:30px}.vc_carousel .vc_carousel-indicators{bottom:20px}}.vc_carousel .clearfix:after,.vc_carousel .clearfix:before{content:" ";display:table}.vc_carousel .clearfix:after{clear:both}.vc_carousel .pull-right{float:right!important}.vc_carousel .pull-left{float:left!important}.vc_carousel .hide{display:none!important}.vc_carousel .show{display:block!important}.vc_carousel .invisible{visibility:hidden}.vc_carousel .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.vc_carousel ol.vc_carousel-indicators{margin:0 0 0 -30%}.vc_carousel .vc_carousel_vertical ol.vc_carousel-indicators{margin:1px 0 0 0;bottom:auto}.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.item>a{display:block}.vc_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.item>a>img{margin:auto}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//plunex.in/wp-content/plugins/js_composer/assets/lib/lightbox2/dist/images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//plunex.in/wp-content/plugins/js_composer/assets/lib/lightbox2/dist/images/prev.png) left 48% no-repeat;opacity:0;transition:opacity .6s}.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//plunex.in/wp-content/plugins/js_composer/assets/lib/lightbox2/dist/images/next.png) right 48% no-repeat;opacity:0;transition:opacity .6s}.lb-nav a.lb-next:hover{opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//plunex.in/wp-content/plugins/js_composer/assets/lib/lightbox2/dist/images/close.png) top right no-repeat;text-align:right;outline:0;opacity:.7;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;opacity:1}