/* M Power Energy Control – own additions (replace effects that needed the old plugin scripts) */
.et_animated:not(.ts-anim), .wow { opacity: 1 !important; animation: none !important; visibility: visible !important; }

/* scroll animations */
.ts-anim { opacity: 0; animation-fill-mode: both !important; animation-timing-function: ease-in-out !important; animation-name: none; }
.ts-anim.ts-anim-in { opacity: 1; }
.ts-anim-in.ts-a-slide { animation-name: tsSlide !important; }
.ts-anim-in.ts-a-slideLeft { animation-name: tsSlideLeft !important; }
.ts-anim-in.ts-a-slideRight { animation-name: tsSlideRight !important; }
.ts-anim-in.ts-a-slideTop { animation-name: tsSlideTop !important; }
.ts-anim-in.ts-a-slideBottom { animation-name: tsSlideBottom !important; }
.ts-anim-in.ts-a-fold { animation-name: tsFold !important; }
.ts-anim-in.ts-a-foldLeft { animation-name: tsFoldLeft !important; transform-origin: left center; }
.ts-anim-in.ts-a-foldRight { animation-name: tsFoldRight !important; transform-origin: right center; }
.ts-anim-in.ts-a-flip { animation-name: tsFlip !important; }
.ts-anim-in.ts-a-zoom { animation-name: tsZoom !important; }
.ts-anim-in.ts-a-zoomLeft { animation-name: tsZoom !important; transform-origin: left center; }
.ts-anim-in.ts-a-zoomRight { animation-name: tsZoom !important; transform-origin: right center; }
.ts-anim-in.ts-a-fade { animation-name: tsFade !important; }
@keyframes tsFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes tsSlide { from { opacity: 0; transform: scale3d(.5,.5,.5); } to { opacity: 1; transform: none; } }
@keyframes tsSlideLeft { from { opacity: 0; transform: translate3d(-50%,0,0); } to { opacity: 1; transform: none; } }
@keyframes tsSlideRight { from { opacity: 0; transform: translate3d(50%,0,0); } to { opacity: 1; transform: none; } }
@keyframes tsSlideTop { from { opacity: 0; transform: translate3d(0,-50%,0); } to { opacity: 1; transform: none; } }
@keyframes tsSlideBottom { from { opacity: 0; transform: translate3d(0,50%,0); } to { opacity: 1; transform: none; } }
@keyframes tsFold { from { opacity: 0; transform: perspective(2000px) rotateY(45deg); } to { opacity: 1; transform: perspective(2000px) rotateY(0); } }
@keyframes tsFoldLeft { from { opacity: 0; transform: perspective(2000px) rotateY(45deg); } to { opacity: 1; transform: perspective(2000px) rotateY(0); } }
@keyframes tsFoldRight { from { opacity: 0; transform: perspective(2000px) rotateY(-45deg); } to { opacity: 1; transform: perspective(2000px) rotateY(0); } }
@keyframes tsFlip { from { opacity: 0; transform: perspective(2000px) rotateX(45deg); } to { opacity: 1; transform: perspective(2000px) rotateX(0); } }
@keyframes tsZoom { from { opacity: 0; transform: scale3d(.5,.5,.5); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ts-anim { opacity: 1 !important; animation: none !important; } }

/* services slider */
.ts-slider .swiper-container { overflow: hidden; position: relative; }
.ts-slider .swiper-wrapper { display: flex; transition-property: transform; transition-timing-function: ease; box-sizing: content-box; }
.ts-slider .swiper-slide, .ts-slider .swiper-wrapper > * { flex-shrink: 0; position: relative; }
.ts-slider .swiper-button-prev, .ts-slider .swiper-button-next { cursor: pointer; }

/* phone menu */
.mobile_nav .et_mobile_menu { display: none; }
.mobile_nav.opened .et_mobile_menu { display: block !important; max-height: 80vh; overflow-y: auto; z-index: 99999; }
.et_mobile_menu li ul { display: none !important; }
.et_mobile_menu li.ts-sub-open > ul { display: block !important; padding-left: 15px !important; }
.et_mobile_menu li.ts-has-sub > a::after { content: ' \25BE'; }
.et-menu li:hover > ul, .et-menu li:focus-within > ul { opacity: 1 !important; visibility: visible !important; }


/* contact form */
.ts-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ts-form-msg { margin-top: 12px; font-size: 15px; line-height: 1.5; }
.ts-form-msg:empty { display: none; }
.ts-form-msg.is-ok { color: #1c7c43; background: #e9f8ef; border-left: 4px solid #1c9d4f; padding: 10px 14px; }
.ts-form-msg.is-error { color: #b32d2e; background: #fdf0f0; border-left: 4px solid #d63638; padding: 10px 14px; }
.ts-field-msg { color: #c02b0a; font-size: 13px; margin-top: 4px; }
.nfield_error input, .nfield_error textarea { border-color: #c02b0a !important; }
.nform_wrapper button.nform_button[disabled] { opacity: .6; cursor: wait; }
.g-recaptcha { min-height: 78px; }
@media (max-width: 360px) { .g-recaptcha { transform: scale(.88); transform-origin: 0 0; } }
html, body { overflow-x: hidden; }
html { scroll-behavior: smooth; }
/* 404 page */
.ts-404 { text-align: center; padding: 160px 20px 110px; background: #f5f7fb; }
.ts-404 h1 { font-size: 110px; line-height: 1; color: #1d337a; font-weight: 700; padding: 0; }
.ts-404 h2 { font-size: 30px; color: #e9a23b; margin: 14px 0 10px; }
.ts-404 p { font-size: 16px; color: #555; }
.ts-404-btn { display: inline-block; margin: 18px 6px 0; padding: 12px 28px; background: #1d337a; color: #fff !important; border-radius: 4px; font-weight: 600; }
.ts-404-alt { background: #e9a23b; }
@media (max-width: 767px) { .ts-404 { padding: 110px 16px 70px; } .ts-404 h1 { font-size: 80px; } }

/* toggles + tabs (were opened by the theme script) */
.ts_pb_toggle_close .ts_pb_toggle_content { display: none; }
.ts_pb_toggle_open .ts_pb_toggle_content { display: block; }
.ts_pb_toggle_title { cursor: pointer; }
.ts_pb_all_tabs > .ts_pb_tab { display: none; }
.ts_pb_all_tabs > .ts_pb_tab.ts_pb_active_content { display: block; opacity: 1; }

/* section background videos (were sized by a script) */
.ts_pb_section_video_bg { position: absolute !important; inset: 0; overflow: hidden; display: block !important; width: 100%; height: 100%; }
.ts_pb_section_video_bg video { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }

/* slide-in menu button */
#slide-in-open { cursor: pointer; }
/* fixed backgrounds do not work on phones -> normal scroll there */
@media (max-width: 980px) { #bg-img { background-attachment: scroll !important; } }
/* floating social bar: inline icons inside the round badges */
.sticky-icon a i { display: inline-flex !important; align-items: center; justify-content: center; vertical-align: middle; }
.sticky-icon a i .si { width: 16px; height: 16px; }

/* popup forms */
.ts-popup { display: none !important; }
.ts-pop-overlay { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.6); display: none; overflow-y: auto; padding: 40px 15px; }
.ts-pop-overlay.is-open { display: block; }
.ts-pop-overlay .ts-popup.is-open { display: block !important; position: relative; max-width: 800px; margin: 0 auto; border-radius: 4px; box-shadow: 0 10px 40px rgba(0,0,0,.35); }
.ts-pop-close { position: absolute; top: 6px; right: 8px; z-index: 5; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #fff; color: #333; font-size: 26px; line-height: 30px; cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,.3); }
html.ts-noscroll { overflow: hidden; }
/* all plugin sliders are run by site.js */
.swiper-container { overflow: hidden; position: relative; }
.swiper-container > .swiper-wrapper { display: flex; transition-property: transform; transition-timing-function: ease; }
.swiper-container > .swiper-wrapper > * { flex-shrink: 0; }

/* masonry gallery (About Us) */
.tsx-msnary-grid { display: block; column-count: var(--ts-cols, 4); column-gap: var(--ts-gap, 10px); height: auto !important; }
.tsx-msnary-grid .grid-sizer, .tsx-msnary-grid .gutter-sizer { display: none; }
.tsx-msnary-grid .tsx-msnary-item { position: relative !important; left: auto !important; top: auto !important; width: auto !important; break-inside: avoid; margin: 0 0 var(--ts-gap, 10px); overflow: hidden; display: block; }
.tsx-msnary-grid .tsx-msnary-item img { width: 100%; height: auto; display: block; transition: transform .5s; }
.tsx-msnary-grid .tsx-msnary-item:hover img { transform: scale(1.06); }
.tsx-msnary-grid .tsx_ovl { display: none; }
/* lightbox */
.ts-lb { position: fixed; inset: 0; z-index: 100001; background: rgba(0,0,0,.9); display: none; align-items: center; justify-content: center; }
.ts-lb.is-open { display: flex; }
.ts-lb img { max-width: 90vw; max-height: 86vh; }
.ts-lb button { position: absolute; border: 0; background: transparent; color: #fff; cursor: pointer; }
.ts-lb-close { top: 10px; right: 16px; font-size: 44px; line-height: 1; }
.ts-lb-prev, .ts-lb-next { top: 50%; width: 56px; height: 80px; margin-top: -40px; }
.ts-lb-prev { left: 6px; } .ts-lb-next { right: 6px; }
.ts-lb-prev::before, .ts-lb-next::before { content: ''; position: absolute; top: 30px; width: 18px; height: 18px; border: solid #fff; border-width: 0 0 3px 3px; }
.ts-lb-prev::before { left: 22px; transform: rotate(45deg); } .ts-lb-next::before { right: 22px; transform: rotate(-135deg); }
.ts-lb-count { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; color: #ccc; font-size: 13px; }
html.ts-noscroll { overflow: hidden; }
/* menu book */
.mg-book { position: relative; max-width: 1100px; margin: 0 auto; padding: 0 56px; perspective: 2200px; }
.mg-book-stage { position: relative; width: 100%; background: #111; box-shadow: 0 18px 40px rgba(0,0,0,.6); }
.mg-page { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; visibility: hidden; backface-visibility: hidden; transform-origin: left center; }
.mg-page.is-on { opacity: 1; visibility: visible; z-index: 2; }
.mg-page.in-next { animation: mgIn .7s ease both; } .mg-page.in-prev { animation: mgInP .7s ease both; transform-origin: right center; }
.mg-page.out-next { visibility: visible; animation: mgOut .7s ease both; z-index: 3; } .mg-page.out-prev { visibility: visible; animation: mgOutP .7s ease both; transform-origin: right center; z-index: 3; }
@keyframes mgOut { from { transform: rotateY(0); opacity: 1; } to { transform: rotateY(-95deg); opacity: .2; } }
@keyframes mgOutP { from { transform: rotateY(0); opacity: 1; } to { transform: rotateY(95deg); opacity: .2; } }
@keyframes mgIn { from { opacity: .4; } to { opacity: 1; } }
@keyframes mgInP { from { opacity: .4; } to { opacity: 1; } }
.mg-book-nav { position: absolute; top: calc(50% - 40px); width: 44px; height: 64px; border: 0; background: rgba(255,255,255,.08); border-radius: 6px; cursor: pointer; }
.mg-book-nav::before { content: ''; position: absolute; top: 24px; width: 14px; height: 14px; border: solid #fff; border-width: 0 0 3px 3px; }
.mg-prev { left: 0; } .mg-prev::before { left: 18px; transform: rotate(45deg); }
.mg-next { right: 0; } .mg-next::before { right: 18px; transform: rotate(-135deg); }
.mg-book-nav:hover { background: #e32c26; }
.mg-book-bar { display: flex; justify-content: center; gap: 18px; align-items: center; margin-top: 16px; color: #ddd; font-size: 14px; }
.mg-book-pdf { color: #fff; background: #e32c26; padding: 6px 16px; border-radius: 20px; }
@media (max-width: 767px) { .mg-book { padding: 0 34px; } .mg-book-nav { width: 30px; height: 50px; top: calc(50% - 34px); } .mg-book-nav::before { top: 18px; width: 10px; height: 10px; } .mg-prev::before { left: 11px; } .mg-next::before { right: 11px; } }
.tc-hero { position: relative; width: 100vw; margin-left: calc(50% - 50vw); aspect-ratio: 1920 / 550; overflow: hidden; background: #ddd; }
.tc-slide { position: absolute; inset: 0; opacity: 0; transform: scale(1.06); transition: opacity 1s ease, transform 1.4s ease; }
.tc-slide.is-active { opacity: 1; transform: none; z-index: 1; }
.tc-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tc-nav { position: absolute; top: 50%; z-index: 3; width: 50px; height: 50px; margin-top: -25px; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.tc-nav::before { content: ''; position: absolute; left: 17px; top: 17px; width: 14px; height: 14px; border: solid #fff; border-width: 0 0 3px 3px; transform: rotate(45deg); filter: drop-shadow(0 0 2px rgba(0,0,0,.5)); }
.tc-prev { left: 30px; } .tc-next { right: 30px; } .tc-next::before { left: 12px; transform: rotate(-135deg); }
.tc-nav:hover { background: rgba(0,0,0,.25); }
@media (max-width: 767px) { .tc-hero { aspect-ratio: 16 / 9; } .tc-prev { left: 8px; } .tc-next { right: 8px; } }
.ma-hero { aspect-ratio: 1920 / 700 !important; background: #eee; }
.ma-hero .tc-slide { transform: translateY(-6%); transition: opacity .9s ease, transform 1.1s ease; }
.ma-hero .tc-slide.is-active { transform: none; }
.ma-hero .tc-nav { background: rgba(0,0,0,.55); width: 40px; height: 40px; margin-top: -20px; }
.ma-hero .tc-nav::before { left: 15px; top: 13px; width: 11px; height: 11px; }
.ma-hero .tc-next::before { left: 11px; }
@media (max-width: 767px) { .ma-hero { aspect-ratio: 1920 / 700 !important; } }
.adminButtons .fab .si { width: 22px; height: 22px; vertical-align: middle; }
.mw-hero { aspect-ratio: 1920 / 900 !important; background: #0b3d6b; }
.mw-hero .tc-slide { transition: opacity .9s ease; }
.mw-hero .tc-nav { background: rgba(0,0,0,.45); width: 40px; height: 40px; margin-top: -20px; }
.mw-hero .tc-nav::before { left: 15px; top: 13px; width: 11px; height: 11px; } .mw-hero .tc-next::before { left: 11px; }
@media (max-width: 767px) { .mw-hero { aspect-ratio: 1920 / 900 !important; } }

/* feature boxes: white icon on hover (blue box) */
.tsx-blurb-image { position: relative; }
.tsx-blurb-image .mw-ic, .tsx-blurb-image .mw-ic-w { transition: opacity .3s ease; }
.tsx-blurb-image.mw-swap { display: grid !important; justify-items: start; align-items: start; }
.mw-swap .mw-ic, .mw-swap .mw-ic-w { grid-area: 1 / 1 !important; margin: 0 !important; }
.tsx-blurb-image .mw-ic-w { opacity: 0; }
.ts_pb_column:hover .tsx-blurb-image .mw-ic { opacity: 0; }
.ts_pb_column:hover .tsx-blurb-image .mw-ic-w { opacity: 1; }
