#app #header{background-image:url(/build/assets/header-bg-B2Zzm_W0.png);background-size:cover;background-repeat:no-repeat;height:350px}#app #header .wrapper{display:flex;flex-direction:column;gap:2rem;padding-top:4rem}#app #header .wrapper .header-title h2{font-weight:700;text-align:center;color:#fff}#app #header .wrapper .searchbar{padding:2rem 1rem;background-color:#f1cb4f;border-radius:5px}#app #header .wrapper .searchbar input,#app #header .wrapper .searchbar select{color:#a9861c}#app #header .wrapper .searchbar input{padding:1rem .8rem}#app #header .wrapper .searchbar .box{display:flex;flex-direction:column;gap:1rem}#app #header .wrapper .searchbar .button-box{display:flex;justify-content:center;align-items:start}#app #header .wrapper .searchbar .button-box .search-btn{padding:.5rem 1rem;color:#fff;background-color:#00874d}#app #header .wrapper .searchbar .button-box .search-btn span{padding:0 1rem;font-size:1.5rem;font-weight:700}#app #header .wrapper .searchbar .button-box .search-btn i{font-size:1.6rem}#app #header .wrapper .searchbar .button-box .search-btn:hover{color:#d3d3d3}#app #main .content{margin-top:1rem}#app #main .content .content-header{display:flex;justify-content:right;align-items:center;gap:2rem}#app #main .content .content-header h1{font-size:2rem;font-weight:700;color:#1f7abd}#app #main .content .content-header span{content:"";width:60%;border-top:1px solid #d2d2d2}#app #main .content .content-header-show{display:flex;justify-content:center;gap:2rem;align-items:center}#app #main .content .content-header-show h1{color:#1f7abd;font-weight:700}#app #main .content .news-box{max-height:250px;padding:2rem 0;display:flex;gap:2rem}#app #main .content .news-box .news-box-info{width:100%;display:flex;flex-direction:column;justify-content:space-between}#app #main .content .news-box .news-box-info a{text-decoration:none}#app #main .content .news-box .news-box-info a h5{font-size:1.5rem;color:#0a6fba}#app #main .content .news-box .news-box-info .box-content{padding:.7rem 0}#app #main .content .news-box .news-box-info .more{display:flex;align-items:center;gap:1rem}#app #main .content .news-box .news-box-info .more .news-btn{color:#fff;background-color:#00874d}#app #main .content .news-box .news-box-info .more .date{color:#777;margin:0}#app #main .content .calendar{display:flex;flex-direction:column;gap:1rem}#app #main .content .calendar .calendar-top{position:relative;display:flex;flex-direction:column}#app #main .content .calendar .calendar-top .calendar-top-title{display:flex;align-items:center;justify-content:end;gap:1rem}#app #main .content .calendar .calendar-top .calendar-top-title a{text-decoration:none}#app #main .content .calendar .calendar-top .calendar-top-title h3{font-weight:700;text-transform:uppercase;font-size:1.2rem;color:#0a6fba}#app #main .content .calendar .calendar-top .calendar-top-title span{display:inline-block;width:53%;border-top:1px solid rgb(211,211,211)}#app #main .content .calendar .calendar-top .calendar-top-month p{color:#bbb;font-weight:700;font-size:1.5rem;padding-right:2rem;text-align:end;text-transform:uppercase}#app #main .content .calendar .calendar-body{display:flex;flex-direction:column}#app #main .content .calendar .calendar-body .calendar-body-topic{padding:1rem 0;display:flex;align-items:center;gap:2rem}#app #main .content .calendar .calendar-body .calendar-body-topic:not(:first-child){border-top:1px solid rgb(211,211,211)}#app #main .content .calendar .calendar-body .calendar-body-topic .event-box{width:50px;height:50px;position:relative}#app #main .content .calendar .calendar-body .calendar-body-topic .date{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:red}#app #main .content .calendar .calendar-body .title{background:none;border:none;outline:inherit;padding:0;font-size:1.2rem;font-weight:500;color:#1f7abd;text-decoration:none;transition:color .3s}#app #main .content .calendar .calendar-body .title:hover{color:#0d5194}#app #main .content .calendar .calendar-body .title i{color:red}#app #main .content .calendar .calendar-body .calendar-body-event{margin:0 0 1rem 80px;border-radius:5px;background-color:#daeaf5;height:0;opacity:0;transition:height 1s,opacity .1s}#app #main .content .calendar .calendar-body .calendar-body-event>*{display:none}#app #main .content .calendar .calendar-body .calendar-body-event.show{height:unset;padding:.8rem;opacity:1;transition:height .5s,opacity .6s .1s}#app #main .content .calendar .calendar-body .calendar-body-event.show,#app #main .content .calendar .calendar-body .calendar-body-event.show *{display:block}#app #main .content .calendar .calendar-bottom{display:flex;justify-content:space-between}#app #main .content .calendar .calendar-bottom a{text-transform:uppercase;font-weight:700;text-decoration:none;color:#9ca3af;font-size:1.5rem}#app #main .content .calendar .calendar-bottom a i{color:green}#app #main .content .calendar .calendar-bottom a i.bi-caret-left-fill{padding-right:1rem}#app #main .content .calendar .calendar-bottom a i.bi-caret-right-fill{padding-left:1rem}#app #main .content .ad-box{height:800px;background-image:url(http://[::1]:5173/public/img/homepage/Reklama500x600.png);background-size:cover;background-repeat:no-repeat;background-position:center}#app #main .content .guide{margin:3rem 0}#app #main .content .guide .guide-title{display:flex;align-items:center;gap:1rem;position:relative;margin-bottom:2rem}#app #main .content .guide .guide-title a{text-decoration:none}#app #main .content .guide .guide-title h4{font-weight:700;text-transform:uppercase;text-align:end;font-size:1.2rem;color:#0a6fba}#app #main .content .guide .guide-title span{display:inline-block;width:100%;border-top:1px solid rgb(211,211,211)}#app #main .content .guide .guide-article{display:flex;flex-direction:column;justify-content:space-between}#app #main .content .guide .guide-article a{text-decoration:none}#app #main .content .guide .guide-article a h5{padding:.5rem 0;font-size:1.5rem;color:#0a6fba}#app #main .content .guide .guide-article p{margin:0}#app #main .content .guide .guide-article .date{padding:.3rem 0;color:#777}#app #main .content .guide .guide-article img{max-height:200px;width:100%}#app #main .content .main-ad{margin-bottom:3rem;height:260px;background-image:url(/build/assets/Reklama1180x260-D0Wdva0-.png);background-size:cover;background-repeat:no-repeat;background-position:center}@media only screen and (max-width: 992px){#app #main .content .right{padding:0;margin:0}#app #main .content .right .ad-box{height:300px}}@media only screen and (max-width: 768px){#app #header{height:550px}#app #header .wrapper{padding-top:3rem;gap:1rem}#app #header .wrapper .searchbar .box{margin:.5rem 0}#app #header .wrapper .searchbar .button-box{margin-top:1rem}#app #main .content .news-box{max-height:unset;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}}@media only screen and (max-width: 576px){#app #main .content .content-header{justify-content:unset}#app #main .content .content-header span{display:none}#app #main .content .content-sidebar .dropdown .icon-box{width:20%}#app #main .content .content-sidebar .dropdown .list-box{width:80%}#app #main .content .news-box{flex-direction:column;gap:1rem;padding:1rem 0}#app #main .content .calendar .calendar-body .calendar-body-event{margin:0 0 1rem}}