html{}
body{background-color:#ffffff; margin:0 auto; padding:0; font-family:'Archivo', sans-serif; min-width:20em; }
@media only screen and (min-width:48em){body{}}
@media only screen and (min-width:90em){body{}}
.header{width:100%; margin:0; background-color:#ffffff; }
@media only screen and (min-width:32em){.header{}}
@media only screen and (min-width:64em){.header{}}
.content{overflow:hidden; width:100%; min-width:20em; max-width:80em; display:block; margin:0 auto; padding:0; box-sizing:border-box; position:relative; }
.content-wrap{width:100%; margin:0; overflow:hidden; }
@media only screen and (min-width:32em){.content{}}
@media only screen and (min-width:64em){.content{background-image:url(https://www.largo-bim.hr/container/images/r1/g2018/m08/bck.png); background-repeat:repeat-y; }}
.footer{width:100%; max-width:80em; margin:0 auto; overflow:hidden; }
.footer-wrap{width:100%; margin:0; margin-top:0; background-color:#fe0000; position:relative; }
@media only screen and (min-width:30em){.footer{}}
@media only screen and (min-width:40em){.footer{}
.footer-wrap{height:23em; }}
@media only screen and (min-width:64em){.footer{}}
.Logo{overflow:hidden; width:100%; min-width:20em; max-width:80em; display:block; margin:0 auto; padding:0; box-sizing:border-box; position:relative; }
.Logo:hover{text-decoration:none; }
.Logo img{display:block; float:left; }
.Logo .logo{width:29%; margin:1% 0 0 1%; }
.Logo .agency{width:67%; float:right; margin:22% 2% 0 0; }
@media only screen and (min-width:32em){
.Logo{max-width:40em; }
}
@media only screen and (min-width:64em){
.Logo{max-width:80em; background-image:url(https://www.largo-bim.hr/container/images/r1/g2020/m01/bck-border.png); background-repeat:repeat-y; }
.Logo .logo{width:9em; margin:1em 3em 1em 3em; }
.Logo .agency{width:33em; float:left; margin:4em 0 0 3em; }
}
.Services{display:none; max-width:30em; width:100%; padding:0.75em; position:absolute; top:0; left:0; right:0; box-sizing:border-box; font-family:'Archivo Narrow', sans-serif; margin:0 auto; font-size:0.675em; z-index:1; }
.Services .wrap-in{width:100%; padding:1.5em 1em 1em 1em ; box-sizing: border-box; border-style: dashed; border-width: 0.0625em; border-color: #d4d4d4; background-color: #f4f3ef; }
.Services .wrap-in .s-type-button{background-color:#d0d0d0; padding:0.375em 1em 0.375em 1em; color: #ffffff; }
.Services .wrap-in .s-type-button.active{background-color:#555555; }
.Services .wrap-in .s-label{padding:0.75em 0 0 0; margin: 0; color: #828282; }
.Services .wrap-in .s-label.s-label-top{padding-top:1em; }
.Services .wrap-in select{padding: 0.375em; box-sizing: border-box; width:99%; border-width: 0.0625em; border-color: #c7c7c7; border-style: solid; background-color: #f4f3ef; font-size: 0.9em; margin-top: 0.25em; }
.Services .wrap-in input[type="text"]{padding: 0.375em; box-sizing: border-box; width: 48%; border-width: 0.0625em; border-color: #c7c7c7; border-style: solid; background-color: #f4f3ef; font-size: 0.9em; margin-top: 0.25em; }
.Services .wrap-in #s-submit{padding:0.675em 0 0.5em 0; box-sizing:border-box; width:98%; border-width:0; font-size:0.85em; margin-top:1em; color:#ffffff; cursor:pointer; background-color:#d0d0d0; }
.Services .wrap-in #s-submit.enabled{background-color:#FE0000; }
.Services .wrap-in #s-municipality{display:none; }
.Services .wrap-in #s-municipality-label{display:none; }
.Services .wrap-in #s-county{display:none; }
.Services .wrap-in #s-county-label{display:none; }
@media only screen and (min-width:25em){
.Services{font-size:0.85em; max-width:30em; }
}
@media only screen and (min-width:40em){
.Services{ }
}
@media only screen and (min-width:64em){
.Services{display:block; width:14.5em; top:0; left:0.5em; right:initial; font-size:initial; }
}
.FooterIn{width:100%; overflow:hidden; }
.FooterIn .left{width:100%; float:left; margin:0 0 0 2%; }
.FooterIn .left li{padding:0.75em 0 0 0; }
.FooterIn .left li a{font-size:0.9em; color:#ffffff; }
.FooterIn .mid{width:100%; float:left; margin:2em 0 0 2%; color:#ffffff; font-size:0.9em; }
.FooterIn .mid p{margin: 0.5em 0 0.5em 0; padding: 0; line-height:145%; }
.FooterIn .mid p a{color:#ffffff; }
.FooterIn .right{width:100%; float:left; padding:0 0 3em 0; }
.FooterIn .right img{width:4em; text-align:center; margin:0 auto; margin-top:2em; display:block; }
@media only screen and (min-width:40em){
.FooterIn{ }
.FooterIn .left{width:31%; }
.FooterIn .mid{width:26%; margin:0em 1% 0 7%; font-size:0.95em; color:#ffffff; }
.FooterIn .right{width:33%; }
}
@media only screen and (min-width:64em){
.FooterIn{ }
.FooterIn .mid{width:18%; margin:2em 8% 0 8%; font-size:0.95em; color:#ffffff; }
}
.Menu{float:left; width:100%; font-family:'Archivo Narrow', sans-serif; }
.Menu .main{padding:0; background:#555555; width:100%; position:absolute; z-index:1; opacity:0.9; max-width:40em; margin:0 auto; left:0; right:0; }
.Menu .main li{display:none; }
.Menu .main .hamburger{display:block; position:fixed; top:0em; right:0.25em; }
.Menu .main .hamburger a{color:#fe0000; font-size:2.25em; margin:0; padding:0; border:0; text-decoration:none; }
.Menu .main .hamburger a img{width:0.9em; }
.Menu .main .search{display:block; position:fixed; top:1.875em; right:0.55em; }
.Menu .main .search a{color:#fe0000; font-size:2.25em; margin:0; padding:0; border:0; text-decoration:none; }
.Menu .main .search a img{width:0.6em; }
.Menu .main li a{display:block; width:100%; padding:0.5em 0.75em 0.5em 0.75em; box-sizing:border-box; border-style:solid; border-width:0 0 0.0625em 0; border-color:#ffffff; color:#ffffff; font-size:1.2em; }
.Menu .main li .sub{padding:0 0 0 1.5em; width:100%; box-sizing:border-box; position:relative; }
.Menu .main li .sub > li{display:none; }
.Menu .main li .sub .subcategory-more{display:block; position:absolute; top:-2.85em; right:0.015em; }
.Menu .main li .sub .subcategory-more a{color:#ffffff; font-size:2em; margin:0; padding:0.1em 0.5em 0.25em 0.5em; line-height:100%; border:0; text-decoration:none; }
@media only screen and (min-width:32em){
.Menu{ }
}
@media only screen and (min-width:64em){
.Menu{position:relative; width:100%; z-index:1; margin:0; line-height:100%; background-color:#E4E4DC; }
.Menu .main{box-sizing:border-box; position:relative; left:initial; top:initial; display:block; margin:0 auto; max-width:80em; }
.Menu .main li{display:block; float:left; position:relative; line-height:100%; margin-left:0.0625em; }
.Menu .main li.home{width:15em; text-align:center; line-height:100%; margin:0 0.2em 0 0.25em; }
.Menu .main .hamburger{display:none; }
.Menu .main .search{display:none; }
.Menu .main li a{border-width:0; font-size:1.05em; color:#555555; padding:0.5em 1.25em 0.5em 1.25em; }
.Menu .main li a:hover{text-decoration:none; color:#ffffff; }
.Menu .main li:hover{background-color:#fe0000; }
.Menu .main li:hover > a{color:#ffffff; }
.Menu .main li .sub{display:none; position:absolute; width:16em; background-color:#f7f6f2; padding:0; margin:0; top:2.0625em; left:0; border-style:solid; border-color:#ffffff; border-width:0.0625em 0 0 0; }
.Menu .main li .sub > li{display:block; float:none; width:100%; margin:0; }
.Menu .main li .sub > li a{font-size:1.05em; padding:0.5em 1.25em 0.5em 1.25em; line-height:135%; color:#8c8c8c; }
.Menu .main li .sub > li a:hover{color:#ffffff; }
.Menu .main li .sub .subcategory-more{display:none; }
}
.Category{display:block; padding:1em 1em 0 1em; overflow:hidden; }
.Category .category{margin:0.25em 0 0 0; font-size:1.25em; font-weight:normal; color:#fe0000; font-family:'Archivo Narrow', sans-serif; float:left; }
@media only screen and (min-width:48em){
.Category{ }
.Category .category{margin:0.5em 0 0 0; font-size:1.65em; }
}
@media only screen and (min-width:64em){
.Category{padding:1em 1em 0 16em; }
.Category .category{margin:0.5em 0 0 0.25em; }
.Category h1{width:100%; margin:0.5em 0 0 0.7em; color:#555555; font-family:'Archivo Narrow', sans-serif; font-size:2em; clear:both; float:left; }
.Category .main{width:60%; margin:1.8em 0 0 0; padding:0 2em 0 1.5em; box-sizing:border-box; display:block; float:left; }
.Category .main img{width:100%; }
.Category .main p.intro{font-weight:bold; color:#555555; line-height:140%; font-size:1.05em; }
.Category .main .article-content p{color:#555555; line-height:140%; }
}
.Article{ }
.Article{display:block; padding:0 1em 1em 1em; overflow:hidden; }
.Article h1{width:100%; margin:0.25em 0 0 0; color:#555555; font-family:'Archivo Narrow', sans-serif; font-size:2em; clear:both; float:left; background-color:#ffffff; }
.Article .main{margin:0.25em 0 0 0; box-sizing:border-box; display:block; float:left; }
.Article .main img{width:100%; }
.Article .main p.intro{font-weight:bold; color:#555555; line-height:140%; font-size:1.05em; background-color:#ffffff; }
.Article .main .article-content{background-color:#ffffff; }
.Article .main .article-content p{color:#555555; line-height:140%; }
.Article .main .article-content ul{list-style-type:disc; margin-left:1.25em; color:#555555; }
.Article .main .article-content ul li{padding:0 0 0.5em 0; }
.Article .main .article-content ol{list-style-type:decimal; margin-left:1.25em; color:#555555; }
.Article .main .article-content ol li{padding:0 0 0.5em 0; }
.Article .main .attributes{ }
.Article .main .attributes h3.items-title{margin:1em 0 0.25em 0; color:#555555; }
.Article .main .attributes ul.items-list{overflow:hidden; background-color:#f7f6f2; padding:0.125em 0.25em 0.125em 0.25em; line-height:100%; }
.Article .main .attributes ul li{width:100%; float:left; box-sizing:border-box; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e4e3de; position:relative; }
.Article .main .attributes ul li:last-child{border-width:0; }
.Article .main .attributes ul li p{margin:0; padding:0.25em 0.25em 0.25em 0.25em; font-size:0.95em; }
.Article .main .attributes ul li p.item-left{float:left; }
.Article .main .attributes ul li p.item-right{float:right; }
.Article .main .attributes ul li p.item-right input.iw-label-element-value{float:left; width:12em; background-color:transparent; border-style:solid; border-width:0.0625em; border-color:#b1b1b1; margin:0.25em 0 0 0; padding:0.25em; height:1.25em; box-sizing:border-box; font-family:'Archivo', sans-serif; font-size:0.95em; text-align:right; cursor:pointer; }
.Article .main .attributes ul li p.item-right input.iw-label-element-value:focus{outline:none; }
.Article .main .attributes ul li p.item-right select.iw-label-element-value{float:left; background-color:transparent; border-style:solid; border-width:0.0625em; border-color:#b1b1b1; margin:0.0625em 0 0 0; padding:0; height:1.5em; box-sizing:border-box; font-size:0.95em; text-align:right; cursor:pointer; }
.Article .main .attributes ul li p.item-right select.iw-label-element-value:focus{outline:none; }
.Article .main .attributes ul li p.item-right .iw-label-suffix{margin:0.25em 0 0 0.25em; padding:0; float:left; }
.Article .main .attributes ul li p.item-right input.iw-label-element-value.iw-move-up{z-index:60020; position:relative; background-color:white; }
.Article .main .attributes ul li p.item-right select.iw-label-element-value.iw-move-up{z-index:60020; position:relative; background-color:white; }
.Article aside{width:100%; margin:1.8em 0 0 0; padding:0; background-color:#f7f6f2; box-sizing:border-box; display:block; float:left; }
.Article aside .images .images-list{width:100%; display:block; margin:0; padding:1em 0 0 1em; box-sizing:border-box; overflow:hidden; }
.Article aside .images .images-list li{width:100%; display:block; float:left; padding:0 1em 1em 0; box-sizing:border-box; position:relative; }
.Article aside .images .images-list li a.iw-move-image-up{position:absolute; right:4.675em; bottom:1.125em; background-color:rgb(26 115 78 / 0.78); padding:0.25em 0.375em 0.25em 0.375em; color:#ffffff; text-decoration:none; line-height:100%; border-style:solid; border-width:0.0125em; border-color:#21ec5a; }
.Article aside .images .images-list li a.iw-move-image-down{position:absolute; right:2.875em; bottom:1.125em; background-color:rgb(26 115 78 / 0.78); padding:0.25em 0.375em 0.25em 0.375em; color:#ffffff; text-decoration:none; line-height:100%; border-style:solid; border-width:0.0125em; border-color:#21ec5a; }
.Article aside .images .images-list li a.iw-delete-image{position:absolute; right:1.125em; bottom:1.125em; background-color:rgba(255, 0, 0, 0.62); padding:0.25em 0.375em 0.25em 0.375em; color:#ffffff; text-decoration:none; line-height:100%; border-style:solid; border-width:0.0125em; border-color:#ffbdbd; }
.Article aside .images .images-list li a{ }
.Article aside .images .images-list li a img{width:100%; display:block; }
.Article footer .attachment{margin:0.5em 0 0 1.5em; display:block; float:left; }
.Article footer .attachment h2{color:#555555; }
.Article footer .attachment .extension-pdf{background-image:url(/res/images/pdf-icon.png); background-repeat:no-repeat; padding:0 0 0.5em 3.5em; background-position:0 -0.35em; }
.Article footer .attachment .extension-pdf a{color:#555555; }
.Article footer .attachment .extension-pdf a p{margin:0.5em 0 1em 0; }
.Article .cSendMessageForm{width:100%; display:block; overflow:hidden; margin:1em 0 0 0; }
.Article .cSendMessageForm .send-message{overflow:hidden; display:block; list-style-type:none; margin:0; }
.Article .cSendMessageForm .send-message li{width:100%; float:left; box-sizing:border-box; margin-top:0.25em; }
.Article .cSendMessageForm .send-message li p{width:15em; text-align:left; color:#656565; float:left; padding:0.4em 0.5em 0.25em 0; margin:0; }
.Article .cSendMessageForm .send-message li input.text{width:100%; max-width:30em; font-size:1em; padding:0.45em; box-sizing:border-box; border-style:solid; border-width:0.0625em; border-color:#d4d4d4; }
.Article .cSendMessageForm .send-message li input.email{width:100%; max-width:30em; font-size:1em; padding:0.45em; box-sizing:border-box; border-style:solid; border-width:0.0625em; border-color:#d4d4d4; }
.Article .cSendMessageForm .send-message li input.cb{float:left; margin:0.325em 0.75em 0.5em 0.5em; width:1.5em; height:1.5em; }
.Article .cSendMessageForm .send-message li input.cb+p{text-align:left; }
.Article .cSendMessageForm .send-message li input.send-message-do{padding:0.5em 1em 0.5em 1em; margin:0 auto; margin-top:1em; margin-bottom:2em; display:block; }
.Article .cSendMessageForm .send-message li textarea.ta{font-family:Arial; width:100%; max-width:30em; height:10em; font-size:1em; padding:0.45em; box-sizing:border-box; border-style:solid; border-width:0.0625em; border-color:#d4d4d4; }
@media only screen and (min-width:30em){
.Article{ }
.Article aside .images .images-list li{padding:4% 7% 2% 4%; }
}
@media only screen and (min-width:50em){
.Article{ }
.Article .cSendMessageForm .send-message li p{text-align:right; }
.Article .cSendMessageForm .send-message li input.send-message-do{margin:1em 0 2em 19em; }
.Article .cSendMessageForm .send-message li input.cb{float:left; margin:0.325em 0.75em 0.5em 19em; }
}
@media only screen and (min-width:48em){
.Article{padding:0 1em 1em 0; }
.Article h1{margin:0.25em 0 0 0.45em; }
.Article .main{margin:1em 0 0 0; width:60%; padding:0 2em 0 1em; }
.Article aside{width:40%; margin:1em 0 0 0; }
.Article aside .images .images-list li{width:50%; padding:0 1em 1em 0; }
.Article aside .images .images-list li:nth-child(2n + 1){clear:both; }
.Article aside .images .images-list li a.iw-move-image-up{position:absolute; right:4.675em; bottom:1.125em; background-color:rgb(26 115 78 / 0.78); padding:0.25em 0.375em 0.25em 0.375em; color:#ffffff; text-decoration:none; line-height:100%; border-style:solid; border-width:0.0125em; border-color:#21ec5a; }
.Article aside .images .images-list li a.iw-move-image-down{position:absolute; right:2.875em; bottom:1.125em; background-color:rgb(26 115 78 / 0.78); padding:0.25em 0.375em 0.25em 0.375em; color:#ffffff; text-decoration:none; line-height:100%; border-style:solid; border-width:0.0125em; border-color:#21ec5a; }
.Article aside .images .images-list li a.iw-delete-image{position:absolute; right:1.125em; bottom:1.125em; background-color:rgba(255, 0, 0, 0.62); padding:0.25em 0.375em 0.25em 0.375em; color:#ffffff; text-decoration:none; line-height:100%; border-style:solid; border-width:0.0125em; border-color:#ffbdbd; }
.Article aside .images .images-list li a{ }
.Article aside .images .images-list li a img{width:100%; display:block; }
}
@media only screen and (min-width:64em){
.Article{padding:0 1em 1em 15em; }
.Article h1{margin:0.25em 0 0 0.7em; }
.Article .main{padding:0 2em 0 1.5em; }
}
.MadeBy{margin-top:1em; overflow:hidden; display:block; float:right; width:14em; box-sizing:border-box; position:relative; background:#232323; border-radius:0.325em 0.325em 0 0; position: absolute; bottom: 0; left:0; right: 0; margin: 0 auto; padding:0 0 0.25em 0; }
.MadeBy p{color:#e9e9e9; font-size:0.8em; float:left; width:100%; box-sizing:border-box; text-align:right; padding:1em 7em 0.5em 0; margin:0; }
.MadeBy img{position:absolute; top:0.125em; right:1em; }
@media only screen and (min-width:48em){
.MadeBy{ }
}
@media only screen and (min-width:90em){
.MadeBy{text-align:center; padding:0.25em 0.5em 0.125em 0.5em; clear:both; float:none; width:16em; margin:0 auto; margin-top:9.75em; }
.MadeBy p{display:inline; width:auto; padding:0 0 0 0.75em; line-height:2.4em; text-align:center; }
.MadeBy img{display:inline; position:relative; top:initial; right:initial; margin-left:12%; float:left; }
}
@keyframes resizescreendowncircle{0%,100%{transform:scale(1); } 50%{transform:scale(1.1); }}