.elementor-2510 .elementor-element.elementor-element-d8117d7{--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;--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-widget-theme-post-content{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 );line-height:var( --e-global-typography-text-line-height );}.elementor-2510 .elementor-element.elementor-element-300ae7a{--display:flex;--position:fixed;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:144px;--z-index:98;}body:not(.rtl) .elementor-2510 .elementor-element.elementor-element-300ae7a{right:0px;}body.rtl .elementor-2510 .elementor-element.elementor-element-300ae7a{left:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2510 .elementor-element.elementor-element-cf2cb2b .elementor-icon-wrapper{text-align:center;}.elementor-2510 .elementor-element.elementor-element-cf2cb2b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-2510 .elementor-element.elementor-element-cf2cb2b.elementor-view-framed .elementor-icon, .elementor-2510 .elementor-element.elementor-element-cf2cb2b.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-2510 .elementor-element.elementor-element-cf2cb2b.elementor-view-framed .elementor-icon, .elementor-2510 .elementor-element.elementor-element-cf2cb2b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-2510 .elementor-element.elementor-element-cf2cb2b .elementor-icon{font-size:30px;}.elementor-2510 .elementor-element.elementor-element-cf2cb2b .elementor-icon svg{height:30px;}.elementor-2510 .elementor-element.elementor-element-6a9b75b{--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;--border-radius:010px 0px 0px 10px;}.elementor-2510 .elementor-element.elementor-element-6a9b75b:not(.elementor-motion-effects-element-type-background), .elementor-2510 .elementor-element.elementor-element-6a9b75b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2510 .elementor-element.elementor-element-6a9b75b.e-con:hover{--e-con-transform-scale:1.05;}.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 );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-2510 .elementor-element.elementor-element-8a55625{text-align:center;}.elementor-2510 .elementor-element.elementor-element-8a55625 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-widget-theme-post-content{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-theme-post-content{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-300ae7a */.side-box{
  position: fixed !important;
  top: 110px;
  right: 20px;
  left: auto;

  width: 320px;
  padding: 18px 18px 16px;

  background: #111;
  color: #fff;

  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(0,0,0,.28);
  overflow: hidden;
  z-index: 2;

  animation:
    slideInRight .45s ease,
    dockHeader .8s ease 6s forwards;
}

/* countdown */
.side-box::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:3px;
  width:100%;
  background:#7dbd42;
  transform-origin:left;
  animation:countdown 6s linear forwards;
}

/* gumb isti stil */
.side-box a,
.side-box .elementor-button,
.side-box button{
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  box-shadow: none !important;
  margin-top: 8px;
}

/* ikona normalno na začetku */
.side-box .elementor-icon,
.side-box .elementor-icon-box-icon,
.side-box .elementor-button-icon,
.side-box i,
.side-box svg{
  opacity: 1;
  transition: opacity .25s ease;
}

/* po 6 sek se ikona skrije */
.side-box.docked .elementor-icon,
.side-box.docked .elementor-icon-box-icon,
.side-box.docked .elementor-button-icon,
.side-box.docked i,
.side-box.docked svg{
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* animacije */
@keyframes slideInRight{
  from{
    opacity:0;
    transform:translateX(120%);
  }
  to{
    opacity:1;
    transform:translateX(0);
  }
}

@keyframes countdown{
  from{ transform:scaleX(1); }
  to{ transform:scaleX(0); }
}

/* premik pod header + znižanje višine */
@keyframes dockHeader{
  0%{
    top:110px;
    right:20px;
    left:auto;
    width:320px;
    padding:18px 18px 16px;
    border-radius:18px;
  }

  100%{
    top:105px;
    left:20px;
    right:20px;
    width:auto;
    padding:8px 14px;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
  }
}

@media (max-width: 767px){
  .side-box{
    margin-top: 30px;
    top: 130px;
    right: 12px;
    width: 280px;
  }
}/* End custom CSS */