.elementor-238 .elementor-element.elementor-element-dd0823b{--display:flex;--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;--overlay-opacity:0.5;--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-238 .elementor-element.elementor-element-dd0823b::before, .elementor-238 .elementor-element.elementor-element-dd0823b > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-dd0823b > .e-con-inner > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-dd0823b > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-dd0823b > .e-con-inner > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-dd0823b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-238 .elementor-element.elementor-element-dd0823b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-238 .elementor-element.elementor-element-bdc9984{--display:flex;--min-height:450px;--justify-content:center;--overlay-opacity:0.5;}.elementor-238 .elementor-element.elementor-element-bdc9984:not(.elementor-motion-effects-element-type-background), .elementor-238 .elementor-element.elementor-element-bdc9984 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tehnicki-sistemi.hr/wp-content/uploads/2026/02/TS-backgroud-hero.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-238 .elementor-element.elementor-element-bdc9984::before, .elementor-238 .elementor-element.elementor-element-bdc9984 > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-bdc9984 > .e-con-inner > .elementor-background-video-container::before, .elementor-238 .elementor-element.elementor-element-bdc9984 > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-bdc9984 > .e-con-inner > .elementor-background-slideshow::before, .elementor-238 .elementor-element.elementor-element-bdc9984 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-238 .elementor-element.elementor-element-76b897e{text-align:center;}.elementor-238 .elementor-element.elementor-element-76b897e img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-238 .elementor-element.elementor-element-1d7c282{--display:flex;--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;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-238 .elementor-element.elementor-element-0ac13cf{text-align:center;}.elementor-238 .elementor-element.elementor-element-0ac13cf .elementor-heading-title{color:#084C64;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-238 .elementor-element.elementor-element-66a1801{text-align:justify;}.elementor-238 .elementor-element.elementor-element-c9bd218{--display:flex;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-238 .elementor-element.elementor-element-05e44d5 .elementor-button{font-weight:400;background-color:#22566d;}.elementor-238 .elementor-element.elementor-element-05e44d5 .elementor-button:hover, .elementor-238 .elementor-element.elementor-element-05e44d5 .elementor-button:focus{background-color:#39B8BE;box-shadow:3px 3px 10px 0px rgba(0,0,0,0.5);}.elementor-238 .elementor-element.elementor-element-44e513b{--display:flex;--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;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-238 .elementor-element.elementor-element-44e513b:not(.elementor-motion-effects-element-type-background), .elementor-238 .elementor-element.elementor-element-44e513b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003345;}.elementor-238 .elementor-element.elementor-element-5ae8c54{text-align:start;}.elementor-238 .elementor-element.elementor-element-5ae8c54 .elementor-heading-title{font-weight:500;color:#F5F5F5;}.elementor-widget-ucaddon_logo_grid .ue-logo-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-238 .elementor-element.elementor-element-44f9faa .ue-logo-grid{grid-template-columns:repeat(3, 1fr);gap:20px;direction:ltr;}.elementor-238 .elementor-element.elementor-element-44f9faa div.logo-grid-item img{opacity:100%;}.elementor-238 .elementor-element.elementor-element-44f9faa div.logo-grid-item:hover img{opacity:100%;}.elementor-238 .elementor-element.elementor-element-44f9faa .logo-grid-item{border-style:solid;border-width:1px 1px 1px 1px;border-color:#b1b1b1;height:200px;background-color:#ffffff;}.elementor-238 .elementor-element.elementor-element-44f9faa .logo-grid-item img{padding:40px 40px 40px 40px;}.elementor-238 .elementor-element.elementor-element-44f9faa .logo-grid-item:hover{box-shadow:7px 7px 10px 0px rgba(255, 251.7258831521739, 251.7258831521739, 0.5);}.elementor-238 .elementor-element.elementor-element-d0afa8f{text-align:end;}.elementor-238 .elementor-element.elementor-element-42f929e{--display:flex;--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;--padding-top:40px;--padding-bottom:40px;--padding-left:70px;--padding-right:70px;}.elementor-238 .elementor-element.elementor-element-42f929e:not(.elementor-motion-effects-element-type-background), .elementor-238 .elementor-element.elementor-element-42f929e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tehnicki-sistemi.hr/wp-content/uploads/2026/02/vijesti-hero-img.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-238 .elementor-element.elementor-element-d21d389 .elementor-heading-title{color:#FFFFFF;}.elementor-238 .elementor-element.elementor-element-d21d389 .elementor-heading-title a:hover, .elementor-238 .elementor-element.elementor-element-d21d389 .elementor-heading-title a:focus{color:#39B8BE;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-238 .elementor-element.elementor-element-364662f .elementor-post__meta-data span + span:before{content:"•";}.elementor-238 .elementor-element.elementor-element-364662f{--item-display:flex;--read-more-alignment:1;--grid-column-gap:30px;--grid-row-gap:35px;width:auto;max-width:auto;}.elementor-238 .elementor-element.elementor-element-364662f .elementor-post__card{border-radius:9px;}.elementor-238 .elementor-element.elementor-element-364662f .elementor-post__read-more{color:#36C1D7;}.elementor-238 .elementor-element.elementor-element-364662f > .elementor-widget-container{border-style:none;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-238 .elementor-element.elementor-element-dd0823b{--width:100%;}.elementor-238 .elementor-element.elementor-element-1d7c282{--content-width:1440px;}.elementor-238 .elementor-element.elementor-element-44e513b{--content-width:1440px;}.elementor-238 .elementor-element.elementor-element-42f929e{--content-width:1440px;}}@media(max-width:1024px){.elementor-238 .elementor-element.elementor-element-bdc9984:not(.elementor-motion-effects-element-type-background), .elementor-238 .elementor-element.elementor-element-bdc9984 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-238 .elementor-element.elementor-element-76b897e img{width:30%;}.elementor-238 .elementor-element.elementor-element-1d7c282{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-238 .elementor-element.elementor-element-44f9faa .ue-logo-grid{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-238 .elementor-element.elementor-element-bdc9984:not(.elementor-motion-effects-element-type-background), .elementor-238 .elementor-element.elementor-element-bdc9984 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-238 .elementor-element.elementor-element-76b897e img{width:60%;}.elementor-238 .elementor-element.elementor-element-44f9faa .ue-logo-grid{grid-template-columns:repeat(1, 1fr);}.elementor-238 .elementor-element.elementor-element-42f929e{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for image, class: .elementor-element-76b897e *//* 3D lagano okretanje oko Y osi */
#ts-logo{
  perspective: 900px;              /* jači 3D efekt -> manja vrijednost */
}

#ts-logo img{
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
  animation: tsYRotate 4.5s ease-in-out infinite;
}

@keyframes tsYRotate{
  0%,100% { transform: rotateY(-15deg); }
  50%     { transform: rotateY( 15deg); }
}

@media (prefers-reduced-motion: reduce){
  #ts-logo img{ animation: none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd0823b *//* Hero container */
.hero{
  position: relative;
  overflow: hidden;
}

/* Pulsirajuća "svjetla" kao overlay – background ispod ostaje statičan */
.hero::before{
  content:"";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;

  /* lokalna svjetla (mrlje) – prilagodi po želji */
  background:
    radial-gradient(circle at 35% 22%, rgba(0,255,255,.22), transparent 45%),
    radial-gradient(circle at 58% 18%, rgba(0,180,255,.16), transparent 48%),
    radial-gradient(circle at 72% 28%, rgba(0,255,200,.10), transparent 55%);

  filter: blur(16px);
  mix-blend-mode: screen; /* daje osjećaj “glow” bez pomjeranja pozadine */
  opacity: .35;

  animation: heroLightsPulse 4s ease-in-out infinite;
}

@keyframes heroLightsPulse{
  0%,100% { opacity: .14; }
  50%     { opacity: .55; }
}

/* poštuj reduced motion */
@media (prefers-reduced-motion: reduce){
  .hero::before{ animation:none; }
}/* End custom CSS */