.elementor-4905 .elementor-element.elementor-element-7f03a1f{--display:flex;--min-height:5vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-4905 .elementor-element.elementor-element-7f03a1f:not(.elementor-motion-effects-element-type-background), .elementor-4905 .elementor-element.elementor-element-7f03a1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://haizivis.lv/wp-content/uploads/2026/09/bg-seamless-gradient-0E0818.png");background-position:bottom center;background-size:cover;}.elementor-4905 .elementor-element.elementor-element-88808e7{--display:flex;--min-height:1440px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4905 .elementor-element.elementor-element-88808e7:not(.elementor-motion-effects-element-type-background), .elementor-4905 .elementor-element.elementor-element-88808e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://haizivis.lv/wp-content/uploads/2026/09/bg-seamless-gradient-0E0818.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-4905 .elementor-element.elementor-element-d49fc86{--display:flex;--min-height:313px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4905 .elementor-element.elementor-element-62c8a52{--display:flex;--min-height:1035px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4905 .elementor-element.elementor-element-89fce3f{--display:flex;--min-height:313px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-4905 .elementor-element.elementor-element-7f03a1f{--min-height:0vh;}.elementor-4905 .elementor-element.elementor-element-6749330{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4905 .elementor-element.elementor-element-88808e7{--width:100%;--min-height:1440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-4905 .elementor-element.elementor-element-d49fc86{--width:100%;--min-height:1440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4905 .elementor-element.elementor-element-62c8a52{--width:100%;}.elementor-4905 .elementor-element.elementor-element-89fce3f{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-4905 .elementor-element.elementor-element-7f03a1f{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-6749330 */#intro-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  animation: overlayIn .2s ease-out forwards, overlayOut .8s ease-in .9s forwards;
}

@keyframes overlayIn{
  to { opacity: 1; }
}

@keyframes overlayOut{
  to { opacity: 0; }
}

#intro-ball{
  width: min(72vw, 680px);
  animation: ballZoom .9s cubic-bezier(.2,.9,.2,1) forwards;
}

@keyframes ballZoom{
  0%{
    transform: scale(1.7) rotate(0deg);
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  70%{
    transform: scale(1) rotate(160deg);
    opacity: 1;
  }
  100%{
    transform: scale(.9) rotate(220deg);
    opacity: 0;
  }
}

/* Mobile */
@media (max-width: 767px){
  #intro-ball{
    width: 200vw;
  }
}/* End custom CSS */