*,::after,::before{box-sizing:border-box}body{margin:0;position:relative;color:#111;background:#f7f7f7;font-family:"Merriweather Sans",sans-serif;min-height:100vh;padding-bottom:8rem}a{text-decoration:none;color:#111}nav{background:#fff;margin-bottom:1rem}nav .custom-container{width:100%;display:flex;justify-content:space-between}nav .logo{padding:1rem 0;width:100%;padding-left:1rem}nav .logo img{height:75px}nav ul{list-style:none;display:flex;align-items:flex-start;justify-content:center;padding:0;margin:0}nav li a{padding:35px 30px 17px 30px;font-weight:bold;display:inline-block;position:relative}nav li a .title-item{position:relative;z-index:2;transition:all .3s}nav li a .color-item{position:absolute;left:0;top:0;z-index:1;height:5px;width:100%;transition:all .3s}nav li a:hover .title-item,nav li a.active .title-item{color:#fff}nav li a:hover .color-item,nav li a.active .color-item{height:100%}.web{background:#77b300}.electricity{background:#f24f00}.water{background:#1475ff}.base{background:#00519d}.report{background:#f44336}.container{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto;position:relative}@media(min-width: 576px){.container{max-width:540px}}@media(min-width: 768px){.container{max-width:720px}}@media(min-width: 1296px){.container{max-width:80%;padding:0}}.home-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column}.home-wrapper ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.home-wrapper li{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:728px;width:100%}.home-wrapper li:not(:last-child){margin-bottom:1rem}.home-wrapper h1{font-size:1.5rem;line-height:2;text-align:center}.home-wrapper h1 a{color:#fff;padding:6px}.home-wrapper h1 em,h2 em,.informations-outages em{font-style:normal;padding:6px;background:#00519d;color:#fff}.informations{width:100%;background:#fff;border:1px solid #000;display:flex;align-items:center;justify-content:center;position:relative}.informations:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px}.informations.www::after{background:#77b300}.informations.www a em{background:#77b300}.informations.voda::after{background:#1475ff}.informations a{width:100%;text-align:center;font-size:1rem;font-weight:bold;padding:2.2rem 0}.home-wrapper img{max-width:100%;-o-object-fit:contain;object-fit:contain}.home-link{display:none;margin:1rem}.home-link a{padding:6px;color:#fff;display:flex;align-items:center;background:#00519d}.home-link span{margin-left:.5rem}.timeline{width:100%;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:3rem;animation:fadeIn .6s ease}.timeline h2{text-align:center;width:100%;font-size:2rem;color:#1a1a1a;margin-bottom:2rem;font-weight:700}.timeline h2 em{font-style:normal;padding:6px 14px;background:linear-gradient(135deg, #00519d 0%, #0066cc 100%);color:#fff;border-radius:20px;font-size:1.8rem;box-shadow:0 2px 8px rgba(0,81,157,.3)}.outage-timeline{position:relative;height:100%;width:100%}.outage-timeline ul{width:100%;padding-left:4rem;position:relative;list-style:none;padding-top:1rem}.outage-timeline ul:after{content:"";position:absolute;left:2rem;top:0;height:100%;width:3px;background:linear-gradient(180deg, #77b300 0%, #5a8800 100%);border-radius:2px}.outage-timeline ul.upcomming:after{background:linear-gradient(180deg, #ff4444 0%, #cc0000 100%)}.outage-timeline li{position:relative;z-index:1;padding-top:3rem;padding-bottom:2rem;animation:slideIn .5s ease backwards}.outage-timeline li:nth-child(1){animation-delay:.1s}.outage-timeline li:nth-child(2){animation-delay:.2s}.outage-timeline li:nth-child(3){animation-delay:.3s}.outage-timeline li:nth-child(4){animation-delay:.4s}.outage-timeline li:nth-child(5){animation-delay:.5s}.outage-timeline li:after{content:"";position:absolute;left:-2.25rem;top:50%;background:#fff;border:3px solid #77b300;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 4px rgba(119,179,0,.2);transition:all .3s ease}.outage-timeline li:hover:after{transform:scale(1.3);box-shadow:0 0 0 6px rgba(119,179,0,.3)}.outage-timeline ul.upcomming li:after{border-color:#f44;box-shadow:0 0 0 4px rgba(255,68,68,.2)}.outage-timeline ul.upcomming li:hover:after{box-shadow:0 0 0 6px rgba(255,68,68,.3)}.outage-timeline li h2{font-size:4.5rem;color:#e0e0e0;position:absolute;top:0;left:-1rem;z-index:-1;font-family:"Courier New",monospace;text-align:left;font-weight:900;letter-spacing:-3px}.outage-timeline li h3{text-transform:uppercase;font-size:1.3rem;color:#1a1a1a;margin:0 0 1rem 0;font-weight:700;letter-spacing:.5px}.outage-timeline .text{position:relative;padding-left:1.5rem;margin-top:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:all .3s ease}.outage-timeline .text:hover{transform:translateX(8px);box-shadow:0 4px 20px rgba(0,0,0,.12)}.outage-timeline .text:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg, #77b300 0%, #5a8800 100%);border-radius:4px 0 0 4px}.outage-timeline ul.upcomming .text:before{background:linear-gradient(180deg, #ff4444 0%, #cc0000 100%)}.outage-timeline .text p{margin:.5rem 0;line-height:1.6;color:#444}.outage-timeline .text p:first-child{font-size:.95rem;color:#666;margin-bottom:1rem}.outage-timeline .text b{color:#00519d;font-weight:700}.empty-state{text-align:center;padding:3rem 1rem;color:#888;font-size:1.1rem}footer{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:#fff}footer p a{font-weight:bold;text-decoration:underline}@media(max-width: 768px){.informations a{padding:1.25rem 0}}@media(max-width: 728px){.home-wrapper h1{font-size:1.25rem;margin:0 0 1rem 0}}@media(max-width: 670px){nav{background:unset;box-shadow:none}nav .custom-container{flex-direction:column}nav .logo{display:none}nav ul{flex-wrap:wrap;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}nav li{width:50%;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}nav li:nth-child(2n){border-right:none}nav li:nth-child(3),nav li:nth-child(4){border-bottom:none}nav li a{padding:1.5rem 0;width:100%;display:flex;align-items:center;justify-content:center}.home-link{display:table}.timeline h2{font-size:1.5rem}.timeline h2 em{font-size:1.4rem}.outage-timeline li h2{font-size:3rem;left:-0.5rem}.outage-timeline li h3{font-size:1.1rem}}.outage-banner{background:#fff;width:100%;border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000;padding:1.565rem 1rem}.outage-banner.www{border-bottom:6px solid #78b400}.outage-banner.www .outage-status .highlight{color:#78b400}.outage-banner.voda{border-bottom:6px solid #1475ff}.outage-banner.voda .outage-status .highlight{color:#1475ff}.outage-banner a{display:flex;justify-content:space-between;align-items:center}.outage-banner a .logo-placeholder img{max-width:120px;max-height:23px}.outage-banner .outage-status{margin:0;font-weight:bold;font-size:1.25rem}.outage-banner .outage-status .highlight{font-weight:bold;text-transform:uppercase}