/* TechSpire IT – 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; }

/* WhatsApp button */
.float .my-float { margin-top: 14px; }

/* 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; }
/* keep the header menu on one line on laptops */
@media (min-width: 981px) {
  .et-l--header .ts_pb_menu .et-menu.nav { flex-wrap: nowrap !important; }
  .et-l--header .ts_pb_menu .et-menu.nav > li > a { white-space: nowrap; }
}
@media (min-width: 981px) and (max-width: 1350px) {
  .et-l--header .ts_pb_menu .et-menu > li { padding-left: 8px !important; padding-right: 8px !important; }
  .et-l--header .ts_pb_menu .et-menu > li > a { font-size: 13px !important; }
}
/* 404 page */
.ts-404 { text-align: center; padding: 160px 20px 110px; background: #f5f7fb; }
.ts-404 h1 { font-size: 110px; line-height: 1; color: #204ce5; font-weight: 700; padding: 0; }
.ts-404 h2 { font-size: 30px; color: #0f0f2d; 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: #204ce5; color: #fff !important; border-radius: 4px; font-weight: 600; }
.ts-404-alt { background: #0f0f2d; }
@media (max-width: 767px) { .ts-404 { padding: 110px 16px 70px; } .ts-404 h1 { font-size: 80px; } }