@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.shine-effect.cdz-banner{overflow:hidden;position:relative}.shine-effect.cdz-banner:before{position:absolute;top:0;left:-100%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);transform:skewX(-25deg)}.shine-effect.cdz-banner:hover:before{-webkit-animation:shine 1.2s;animation:shine 1.2s}@-webkit-keyframes zoomin{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}@keyframes zoomin{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}@-webkit-keyframes zoomout{0%{transform:scale(1)}50%{transform:scale(.67)}100%{transform:scale(1)}}@keyframes zoomout{0%{transform:scale(1)}50%{transform:scale(.67)}100%{transform:scale(1)}}.border-zoom-effect.cdz-banner a{display:inline-block;position:relative}.border-zoom-effect.cdz-banner a:before,.border-zoom-effect.cdz-banner a:after{position:absolute;top:2.5%;left:2.5%;content:"";width:95%;height:95%;transition:all 500ms ease;backface-visibility:hidden}.border-zoom-effect.cdz-banner a:before{border-left:1px solid #fff;border-right:1px solid #fff;transform:scale(1, 0)}.border-zoom-effect.cdz-banner a:after{border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0, 1)}.border-zoom-effect.cdz-banner a:hover:before,.border-zoom-effect.cdz-banner a:hover:after{transform:scale(1)}.scale-effect.cdz-banner{overflow:hidden}.scale-effect.cdz-banner img{transition:all 500ms ease;backface-visibility:hidden}.scale-effect.cdz-banner:hover img{transform:scale(1.1)}.shake:hover{animation:shake .82s cubic-bezier(.36, .07000000000000001, .19, .97) infinite;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}@keyframes cssload-zoom{0%{transform:scale(0.5, 0.5)}50%{transform:scale(1, 1)}100%{transform:scale(1.5, 1.5)}}.page-footer .block.newsletter,.page-footer .block.newsletter .field.newsletter{max-width:none}.checkout-index-index .page-footer{margin-bottom:0}.service-banner-style01{padding:20px 0}.service-banner-style01 .item-icon{margin-right:15px;font-size:24px;transition:all 500ms ease;backface-visibility:hidden}.service-banner-style01 .item{display:flex;align-items:center;color:#000}.service-banner-style01 .item:hover{cursor:pointer}.service-banner-style01 .item:hover .item-icon{transform:scale(1.2)}.service-banner-style01 .item-content{letter-spacing:1px}.service-banner-style01 .item-content a,.service-banner-style01 .item-content a:visited{transition:all 500ms ease;backface-visibility:hidden;color:#000}.service-banner-style01 .item-content a:hover,.service-banner-style01 .item-content a:visited:hover{color:#727171}.service-banner-style01 .item-content>p{font-size:12px;font-style:italic;margin:0}@media only screen and (min-width: 768px) and (max-width: 1199px){.service-banner-style01 .item{width:50%;margin:10px 0}}@media only screen and (max-width: 767px){.service-banner-style01 .cdz-block-title .title-desc{width:60%}.service-banner-style01 .item{margin:8px 0}}@media only screen and (max-width: 480px){.service-banner-style01 .item{width:100%;float:left}.service-banner-style01 .item .item-icon{min-width:30px;text-align:center}}.page-footer{color:#8a92a3;padding-top:0;padding-bottom:0;font-size:13px}.page-footer a{color:#8a92a3}.page-footer a:active,.page-footer a:focus,.page-footer a:visited{color:#8a92a3}.page-footer a:hover{color:#fff}.page-footer .footer-middle{background:#14181f url(../../../../codazon/themelayout/images/tspr.png) 0 0 no-repeat}.page-footer .footer-top{background-color:#14181f}.page-footer .footer-content-top{padding:30px 0px}.page-footer .footer-bottom{padding:20px 0px;background-color:#0f1216}.page-footer .footer.content{border:0;padding:0;margin-top:0}.page-footer .footer.content .block{float:none}.page-footer .newsletter{overflow:hidden}.page-footer .block.newsletter{width:calc(100% + 40px);margin-bottom:30px}.page-footer .block.newsletter .field .control:before{color:#8a92a3;margin:0}.page-footer .block.newsletter input{color:#8a92a3;background:transparent;padding:0 25px 0 35px;border:0;border-bottom:1px solid rgba(255,255,255,0.16)}.page-footer .block.newsletter input::-webkit-input-placeholder{color:#8a92a3}.page-footer .block.newsletter input:-moz-placeholder{color:#8a92a3}.page-footer .block.newsletter input::-moz-placeholder{color:#8a92a3}.page-footer .block.newsletter input:-ms-input-placeholder{color:#8a92a3}.page-footer .block.newsletter .action.subscribe{padding:0;width:38px;height:38px;line-height:38px;border:0;transform:translateX(-32px);transition:all 500ms ease;backface-visibility:hidden;background:transparent;color:#8a92a3}.page-footer .block.newsletter .action.subscribe:after{display:inline-block;font:normal normal 16px/1 FontAwesome;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f178';line-height:38px}.page-footer .block.newsletter .action.subscribe span{display:none}.page-footer .block.newsletter .action.subscribe:hover{transform:translateX(-40px);color:#8a92a3}.page-footer .newsletter-title{font-size:12px;font-weight:600}.page-footer .footer-social{margin-top:15px;margin-left:-5px;margin-right:-5px}.page-footer .footer-social a{margin:5px;display:inline-block;vertical-align:top;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;transition:all 500ms ease;backface-visibility:hidden;color:#8a92a3;background:#14181f}.page-footer .footer-social a .fa,.page-footer .footer-social a .fab,.page-footer .footer-social a .fas{font-size:0}.page-footer .footer-social a .fa:before,.page-footer .footer-social a .fab:before,.page-footer .footer-social a .fas:before{font-size:14px;line-height:26px}.page-footer .footer-social a:hover{background:transparent;color:#8a92a3;transform:translateY(-5px)}.page-footer .footer-logo{margin-bottom:20px}.page-footer .footer-box .h5{font-weight:600;font-size:12px;color:#fff;margin-bottom:10px}.page-footer .footer-link li{padding:5px 0}.page-footer .footer-link li.phone{font-weight:600;font-size:150%;color:#fff;padding:15px 0}.page-footer .footer-bottom .footer-address{color:#fff}.page-footer .footer-bottom .footer-address p{margin:4px 0 0}.page-footer .footer-bottom .footer-payment{float:right}@media only screen and (max-width: 767px){.page-footer{padding-bottom:40px}.page-footer .footer-box p.h5{cursor:pointer;text-transform:capitalize;font-style:italic;margin-bottom:10px;padding:5px 0}.page-footer .footer-box p.h5:after{display:inline-block;font:normal normal 24px/1 FontAwesome;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f105';float:right;margin-top:-6px;width:30px;height:30px;line-height:30px;text-align:center;font-style:normal;transition:all 500ms ease;backface-visibility:hidden}.page-footer .footer-box p.h5.active:after{transform:rotate(90deg)}.page-footer .footer-bottom{text-align:center}.page-footer .footer-bottom .footer-address p{margin-bottom:10px}.page-footer .footer-bottom .footer-payment{float:none;display:inline-block}.page-footer .showhide{height:0;visibility:hidden;overflow:hidden;opacity:0;filter:alpha(opacity=0);transition:all 500ms ease;transition:opacity .4s ease, transform .4s ease, visibility .4s linear 0s;backface-visibility:hidden;transform:translateY(20px)}.page-footer .showhide.active{height:inherit;opacity:1;filter:alpha(opacity=100);transform:translateY(0);visibility:inherit;margin-bottom:10px}}.page-footer .hover-iconsocial a{padding:0;position:relative;border-radius:100%;box-shadow:none}.page-footer .hover-iconsocial a:before,.page-footer .hover-iconsocial a:after{border-radius:100%}.page-footer .hover-iconsocial a:hover{color:#8a92a3}.page-footer .hover-iconsocial a:before,.page-footer .hover-iconsocial a:after{box-sizing:inherit;content:'';position:absolute;width:100%;height:100%}.page-footer .hover-iconsocial a:before,.page-footer .hover-iconsocial a:after{top:0;left:0}.page-footer .hover-iconsocial a:before{border:1px solid transparent}.page-footer .hover-iconsocial a:hover:before{border-top-color:#8a92a3;border-right-color:#8a92a3;border-bottom-color:#8a92a3;transition:border-top-color .15s linear,border-right-color .15s linear .1s,border-bottom-color .15s linear .2s}.page-footer .hover-iconsocial a:after{border:0 solid transparent}.page-footer .hover-iconsocial a:hover:after{border-top:1px solid #8a92a3;border-left-width:1px;border-right-width:1px;transform:rotate(270deg);transition:transform .4s linear 0s,border-left-width 0s linear .35s}.page-footer .hover-link01 a{position:relative;overflow:hidden;display:inline-block}.page-footer .hover-link01 a:after{content:"";display:block;width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:#fff;transform:translate3d(-110%, 0, 0);transition:transform .3s ease-in}.page-footer .hover-link01 a:hover{color:#fff;text-decoration:none}.page-footer .hover-link01 a:hover:after,.page-footer .hover-link01 a:focus:after{transform:translate3d(0, 0, 0)}/* ============================================================
   ViD Elektro — footer skin
   Applied via ThemeLayoutPro `custom_css_code` (footer-style-23).
   ============================================================ */

.page-footer,
.cdz-footer,
.footer {
  background: var(--ink, #14181F);
  color: var(--gray-400, #8A92A3);
  border-radius: 0 !important;
}
.page-footer *,
.footer * {
  border-radius: 0 !important;
}
.page-footer a,
.footer a {
  color: var(--gray-400, #8A92A3);
  font-family: 'Inter', sans-serif;
}
.page-footer a:hover,
.footer a:hover {
  color: var(--white, #fff);
}

/* Column headings */
.page-footer .footer-title,
.footer .block-title strong,
.footer h5,
.footer .h5 {
  color: var(--white, #fff);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: 'Inter', sans-serif;
  border: 0;
  background: transparent;
}

/* Service cards */
.footer .service-card,
.page-footer .service-banner {
  border: 1px solid rgba(255,255,255,.16) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Payment logos */
.footer-payment img,
.page-footer .payment img {
  background: var(--white, #fff);
  padding: 8px 14px;
  border: 0;
}

/* Bottom bar */
.page-footer .copyright,
.page-footer .footer-bottom,
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  background: transparent;
  color: var(--gray-400, #8A92A3);
  font-size: 12px;
}

/* Newsletter */
.page-footer .newsletter .input-box input,
.footer .newsletter input[type="email"] {
  border-radius: 0 !important;
  border: 1.5px solid var(--gray-200, #E2E5EB) !important;
}
.page-footer .newsletter .action.primary,
.footer .newsletter button.action {
  border-radius: 0 !important;
  background: var(--primary, #1A4B99);
}

/* ---------- ViD Elektro footer layout (CSS grid, not Bootstrap cols) ---------- */
.videlektro-footer__inner {
  max-width: 1560px;
  margin: 0 auto;
  /* 604: odmik 44px kot v dizajnu (noga je bila 63px nizja od njega) */
  padding: 44px 32px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.6fr);
  gap: 20px;
}
.videlektro-footer__title {
  color: var(--white, #fff);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: 'Inter', sans-serif;
}
.videlektro-footer__col ul.footer-link {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.videlektro-footer__col ul.footer-link a {
  font-size: 13px;
  line-height: 1.5;
  color: var(--gray-400, #8A92A3);
  text-decoration: none;
}
.videlektro-footer__col ul.footer-link a:hover {
  color: var(--white, #fff);
}
.videlektro-footer__bottom {
  border-top: 1px solid rgba(255,255,255,.12);
}
.videlektro-footer__bottom-inner {
  max-width: 1560px;
  margin: 0 auto;
  padding: 10px 32px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  color: var(--gray-400, #8A92A3);
}
.videlektro-footer__bottom-inner p {
  margin: 0;
}
.videlektro-footer .footer-logo img {
  height: 32px;
  width: auto;
  background: transparent;
}
.videlektro-footer .footer-address {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--gray-400, #8A92A3);
  margin-top: 8px;
}
.videlektro-footer .footer-link li {
  margin: 0 0 8px;
}
.videlektro-footer .footer-link li a {
  font-size: 13px;
  line-height: 1.5;
}

/* Service cards 2x2 grid */
.videlektro-footer .footer-service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.videlektro-footer .footer-service-item {
  border: 1px solid rgba(255,255,255,.16);
  padding: 8px 10px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.videlektro-footer .footer-service-item .fa {
  color: #FF7A1F;
  font-size: 15px;
  flex: 0 0 auto;
}
.videlektro-footer .footer-service-item strong {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  display: block;
}
.videlektro-footer .footer-service-item p {
  font-size: 12px;
  line-height: 1.45;
  color: var(--gray-400, #8A92A3);
  margin: 3px 0 0;
}

/* Payment logos */
.videlektro-footer .videlektro-payment {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  justify-content: flex-end;
  align-items: center;
}
.videlektro-footer .payment-logo {
  background: #fff;
  padding: 8px 14px;
  min-width: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.videlektro-footer .payment-logo img {
  height: 24px;
  width: auto;
  display: block;
  background: transparent;
  padding: 0;
}
.videlektro-footer .payment-logo.payment-upn {
  color: var(--gray-700, #4A5160);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 13px 12px;
  text-align: center;
}

/* Bottom bar */
.videlektro-footer .footer-bottom-inner {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 12px;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .videlektro-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .videlektro-footer__inner {
    grid-template-columns: 1fr;
    padding: 32px 24px;
    gap: 24px;
  }
  .videlektro-footer .footer-service-grid {
    grid-template-columns: 1fr;
  }
  .videlektro-footer__bottom-inner {
    flex-direction: column;
    gap: 4px;
    padding: 16px 24px;
  }
  .videlektro-footer .videlektro-payment {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}