/* VKey Home Tuition – 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; }