@charset "utf-8";

.ekit-wid-con .ekit-video-popup.ekit_icon_button { padding: 10px; }

.ekit-wid-con .ekit-video-popup-btn { width: 60px; height: 60px; line-height: 45px; font-size: 18px; background-color: rgb(218, 49, 117); color: rgb(255, 255, 255); border-radius: 50%; position: relative; z-index: 6; transition: 0.4s; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; }

.ekit-wid-con .ekit-video-popup { display: inline-block; text-align: center; font-size: 18px; background-color: rgb(218, 49, 117); color: rgb(255, 255, 255); border-radius: 50%; position: relative; z-index: 6; transition: 0.4s; }

.ekit-wid-con .ekit-video-popup svg { max-width: 40px; height: auto; vertical-align: middle; }

.ekit-wid-con .ekit-video-popup.fill-btn { width: 100px; height: 100px; line-height: 104px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 25px 0px; }

.ekit-wid-con .ekit-video-popup.text-btn { width: auto; height: auto; border-radius: 0px; background-color: transparent; text-decoration: underline; }

.ekit-wid-con .ekit-video-popup.square-btn { height: 156px; line-height: 156px; width: 100%; border-radius: 100%; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 42px 60px 0px; padding: 0px 69px; }

.ekit-wid-con .ekit-video-popup.square-btn:hover { transform: translateY(-5px); }

.ekit-wid-con .ekit-video-frame { position: relative; }

@media screen and (max-width: 767px) {
  .ekit-wid-con .ekit-video-frame { margin-bottom: 121px; }
}

.ekit-wid-con .ekit-video-frame .ekit-inline-video-content { position: relative; width: 100%; }

.ekit-wid-con .ekit-video-frame .ekit-inline-video-content.ekit-video-self-hosted { aspect-ratio: auto !important; }

.ekit-wid-con .ekit-video-frame .ekit-inline-video-content.ekit-video-self-hosted .mejs-container.mejs-video { width: 100% !important; height: 100% !important; aspect-ratio: var(--video-aspect-ratio,1.77777) !important; }

.ekit-wid-con .ekit-video-frame .ekit-inline-video-content:has(iframe), .ekit-wid-con .ekit-video-frame .ekit-inline-video-content:has(video) { aspect-ratio: var(--video-aspect-ratio,1.77777); }

@supports not (aspect-ratio:1) {
  .ekit-wid-con .ekit-video-frame .ekit-inline-video-content::before { content: ""; display: block; padding-top: calc(100% / var(--video-aspect-ratio,1.77777)); }
}

.ekit-wid-con .ekit-video-frame .ekit-inline-video-content iframe, .ekit-wid-con .ekit-video-frame .ekit-inline-video-content video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }

.ekit-wid-con .ekit-video-frame .ekit-inline-video-content.ekit-video-inline-overlay-wrapper .ekit-video-inline-btn { z-index: 10; }

.ekit-wid-con .ekit-video-frame .ekit-inline-video-content.ekit-video-inline-overlay-wrapper .ekit-inline-video-overlay-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9; }

.ekit-wid-con .ekit-video-frame .ekit-inline-video-content.ekit-video-inline-overlay-wrapper .ekit-inline-video-overlay-image img { width: 100%; height: 100%; object-fit: cover; }

.ekit-wid-con .ekit-video-frame .ekit_icon_button { padding: 10px; }

.ekit-wid-con .ekit-video-frame .ekit-video-inline.ekit_icon_button { padding: 10px; }

.ekit-wid-con .ekit-video-frame .ekit-video-inline-btn { width: 60px; height: 60px; line-height: 45px; font-size: 18px; background-color: rgb(218, 49, 117); color: rgb(255, 255, 255); border-radius: 50%; z-index: 6; transition: 0.4s; position: absolute; top: 50%; left: 50%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; transform: translate(-50%, -50%); }

.ekit-wid-con .ekit-video-frame .ekit-video-inline { display: inline-block; text-align: center; font-size: 18px; background-color: rgb(218, 49, 117); color: rgb(255, 255, 255); border-radius: 50%; position: relative; z-index: 6; transition: 0.4s; }

.ekit-wid-con .ekit-video-frame .ekit-video-inline svg { max-width: 40px; height: auto; vertical-align: middle; }

.ekit-wid-con .ekit-video-frame .ekit-video-inline.fill-btn { width: 100px; height: 100px; line-height: 104px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 25px 0px; }

.ekit-wid-con .ekit-video-frame .ekit-video-inline.text-btn { width: auto; height: auto; border-radius: 0px; background-color: transparent; text-decoration: underline; }

.ekit-wid-con .ekit-video-frame .ekit-video-inline.square-btn { height: 156px; line-height: 156px; width: 100%; border-radius: 100%; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 42px 60px 0px; padding: 0px 69px; }

.ekit-wid-con .ekit-video-frame .ekit-video-inline.square-btn:hover { transform: translateY(-5px); }

.ekit-wid-con .glow-ripple { position: relative; }

.ekit-wid-con .glow-ripple::after, .ekit-wid-con .glow-ripple::before, .ekit-wid-con .glow-ripple > i::after { content: " "; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: red; border-radius: var(--video-glow-border-radius,50%); box-shadow: currentcolor 0px 0px 0px 0px; animation: 3s ease 0s infinite normal none running button-ripple; opacity: 0.6; z-index: -1; }

.ekit-wid-con .glow-ripple::before { animation-delay: 0.9s; }

.ekit-wid-con .glow-ripple::after { animation-delay: 0.3s; }

.ekit-wid-con .glow-radio_wave { position: relative; padding: 12px 24px; border-radius: 50px; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; overflow: visible; z-index: 1; }

.ekit-wid-con .glow-radio_wave::after, .ekit-wid-con .glow-radio_wave::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; border: 2px solid; animation: 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s infinite normal none running radio-wave; opacity: 0; z-index: -1; }

.ekit-wid-con .glow-radio_wave::before { animation-delay: 0s; }

.ekit-wid-con .glow-radio_wave::after { animation-delay: 0.75s; }

.ekit-wid-con .ekit-video-inline-overlay-wrapper { position: relative; }

.ekit-wid-con .ekit-video-inline-overlay-wrapper .ekit-inline-video-overlay-image img { position: absolute; top: 0px; left: 0px; cursor: pointer; }

@media (max-width: 991px) {
  .ekit-wid-con .ekit-video-gallery.ekit-column-tablet-1 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 100%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-tablet-2 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 50%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-tablet-3 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 33.33%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-tablet-4 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 25%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-tablet-5 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 20%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-tablet-6 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 16.66%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-tablet-1 .ekit-video-item { width: 100%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-tablet-2 .ekit-video-item { width: 50%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-tablet-3 .ekit-video-item { width: 33.33%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-tablet-4 .ekit-video-item { width: 25%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-tablet-5 .ekit-video-item { width: 20%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-tablet-6 .ekit-video-item { width: 16.66%; }
}

@media (max-width: 480px) {
  .ekit-wid-con .ekit-video-gallery.ekit-column-mobile-1 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 100%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-mobile-2 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 50%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-mobile-3 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 33.33%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-mobile-4 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 25%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-mobile-5 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 20%; }
  .ekit-wid-con .ekit-video-gallery.ekit-column-mobile-6 .ekit-video-item { -webkit-box-flex: 0; flex: 0 0 16.66%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-mobile-1 .ekit-video-item { width: 100%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-mobile-2 .ekit-video-item { width: 50%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-mobile-3 .ekit-video-item { width: 33.33%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-mobile-4 .ekit-video-item { width: 25%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-mobile-5 .ekit-video-item { width: 20%; }
  .ekit-wid-con .ekit-video-gallery.ekit-masonry.ekit-column-mobile-6 .ekit-video-item { width: 16.66%; }
  .ekit-wid-con .ekit-video-gallery-wrapper .elementskit-main-filter > li { margin-bottom: 0px; }
}

@media (max-width: 991px) {
  .ekit-wid-con .video-popup.fill-btn { width: 40px; height: 40px; line-height: 40px; }
  .ekit-wid-con .video-popup.square-btn { height: 100px; line-height: 100px; padding: 0px 59px; }
}

.ekit-inline-video-content .mejs-video.mejs-container, .ekit_self_video_wrap .mejs-video.mejs-container { margin: 0px auto; line-height: 0; width: 900px !important; }

@media screen and (min-width: 1025px) {
  .ekit-inline-video-content .mejs-video.mejs-container, .ekit_self_video_wrap .mejs-video.mejs-container { height: 507px !important; }
}

.ekit-inline-video-content .mejs-video.mejs-container video.video_class, .ekit_self_video_wrap .mejs-video.mejs-container video.video_class { height: 100% !important; width: 100% !important; }

.ekit-inline-video-content .mejs-video.mejs-container video.inline_video_class, .ekit_self_video_wrap .mejs-video.mejs-container video.inline_video_class { height: 100% !important; width: 100% !important; }

.ekit-inline-video-content .mfp-close, .ekit_self_video_wrap .mfp-close { position: fixed; outline: 0px; }

.ekit-inline-video-content .mfp-close:hover, .ekit_self_video_wrap .mfp-close:hover { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); }

.ekit-inline-video-content_content .mfp-content, .ekit_self_video_wrap_content .mfp-content { width: auto; max-width: 900px; }

.mfp-close.ekit-video-popup-close { top: 0px; right: 0px; position: fixed; text-align: center; padding: 0px; cursor: pointer; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }