html{}
body{margin:0; padding:0; background-color:#D4D1C8; font-family:'Archivo', sans-serif; }
@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; border-color:#ffffff; border-style:solid; border-width:0.25em 0 0.25em 0; position:relative; }
@media only screen and (min-width:32em){.content{}}
@media only screen and (min-width:64em){.content{}}
.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{}}
.screen-bck{position:absolute; top:0; left:0; right:0; bottom:0; margin:0; padding:0; z-index:-1; }
@media only screen and (min-width:30em){.screen-bck{}}
@media only screen and (min-width:48em){.screen-bck{}}
@media only screen and (min-width:64em){.screen-bck{}}
.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; }
.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; }
}
.Map{margin:0; border-style:solid; border-width:0 0.325em 0.125em 0.325em; border-color:#ffffff; width:100%; box-sizing:border-box; display:block; }
.Map .largo{display:block; width:100%; }
@media only screen and (min-width:40em){
.Map{ }
.Map .largo{width:initial; }
}
@media only screen and (min-width:55em){
.Map{ }
.Map .largo{width:100%; }
}
@media only screen and (min-width:64em){
.Map{margin:0 0 0 15.5em; border:0; }
.Map .largo{width:initial; margin:0; }
}
.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; }
}
.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; }
}
.EnterContentWrap .EnterContent{width:96%; background:#f5f5f5; padding:0 1em 0.5em 1em; box-sizing:border-box; position:relative; z-index:59996; margin:0 auto; border-radius:0.125em; }
.EnterContentWrap{margin:0 auto; margin-top:2em; max-width:40em; }
.EnterContentWrap .wellcome-wrap{overflow:hidden; display:block; padding:1em; margin:-2em 0 0 0; font-size:0.95em; }
.EnterContentWrap .wellcome-wrap .wellcome{display:block; font-size:1.05em; color:#4c525a; padding:0 0 1em 0; }
.EnterContentWrap .wellcome-wrap .sign-up{width:49%; float:left; text-align:right; margin:0.25em 1% 0 0; font-size:0.85em; }
.EnterContentWrap .wellcome-wrap .sign-up a{width:6.6em; height:1.8em; display:block; background-image:url(https://www.largo-bim.hr/container/images/r1/g2017/m03/sign-up.png); background-repeat:no-repeat; float:right; background-size:2.5em; background-color:#55789e; color:#ffffff; font-size:1em; text-align:left; margin:0; border:0; border-radius:0.25em; padding:0.7em 0 0 2.9em; line-height:100%; }
.EnterContentWrap .wellcome-wrap .log-in{width:49%; float:left; margin:0.25em 0 0 1%; font-size:0.85em; }
.EnterContentWrap .wellcome-wrap .log-in a{width:6.3em; height:1.8em; display:block; background-image:url(https://www.largo-bim.hr/container/images/r1/g2017/m03/log-in.png); background-repeat:no-repeat; float:left; background-size:2.5em; background-color:#e75b78; color:#ffffff; font-size:1em; text-align:left; margin:0; border:0; border-radius:0.25em; padding:0.7em 0 0 3.2em; line-height:100%; }
.EnterContentWrap .wellcome-wrap .signs{display:block;margin:1.25em 0 0 0; text-align:center; float:left; width:100%; color:#4c525a; font-size:0.9em; }
.EnterContentWrap li{position:relative; }
.EnterContentWrap .top{width:100%; height:2em; }
.EnterContentWrap .top .user{display:block; }
.EnterContentWrap .top .user img{float:left; width:4em; margin:-1.7em 0 0 0; border-width:0.0625em; border-style:solid; border-color:#e5e5e5; border-radius:0.25em; }
.EnterContentWrap .top .user p{float:left; margin:-1.3em 0 0 0.35em; color:#21a2dc; font-size:0.9em; font-weight:bold; }
.EnterContentWrap .top .user p:hover{text-decoration:underline; }
.EnterContentWrap .top .user p span{ }
.EnterContentWrap .mid-title{width:100%; margin:1em 0 0 0; display:none; }
.EnterContentWrap .mid-title #new-area-title{width:100%; margin:0 0 5em 0; font-size:1.4em; color:#000000; background:#ffffff; box-sizing:border-box; padding:0.4em 0.4em 0.3em 0.4em; display:block; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e2e2e2; line-height:100%; }
.EnterContentWrap .mid-intro{width:100%; margin:1em 0 0 0; display:none; }
.EnterContentWrap .mid-intro #new-area-intro{width:100%; margin:0.5em 0 7.5em 0; height:12em; font-size:0.95em; font-weight:bold; color:#222222; background:#ffffff; box-sizing:border-box; padding:0.75em; display:block; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e2e2e2; resize:none; font-family:'Josefin Sans',sans-serif,'Tahoma'; }
.EnterContentWrap .mid-image{width:100%; margin:1em 0 0 0; display:none; position:relative; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop{border-style:solid; border-width:0 0 0.0625em 0; border-color:#cccccc; position:relative; margin:0 0 6.5em 0; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container{position:relative; display:block; height:0; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container img{max-width:100%; margin:0 auto; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span{background:rgba(102, 102, 102, 0.6); position:absolute; bottom:0; left:0; width:100%; padding:0.5em; box-sizing:border-box; font-size:0.9em; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span p{margin:0; padding:0.7em; float:left; color:#ffffff; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span a{margin:0; padding:0.7em; float:right; color:#ffffff; text-align:right; background:#f54444; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area{width:100%; font-size:0.9em; color:#aaaaaa; padding:1.25em 0.5em 8.5em 0.5em; box-sizing:border-box; display:block; border-style:dashed; border-width:0.125em; border-color:#eaeaea; background-image:url(/res/images/cross.png); background-color:#ffffff; background-size:1em 1em; line-height:100%; text-align:center; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-area{position:absolute; bottom:5.5em; left:0; width:100%; font-size:0.85em; color:#cccccc; text-align:center; padding:0; box-sizing:border-box; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-uploaded-area-button{position:absolute; bottom:0.75em; left:20%; width:60%; background-color:#8cceec; padding:0.8em 3% 0.8em 3%; color:#ffffff; font-size:0.95em; border-radius:0.25em; cursor:pointer; cursor:hand; display:inline-block; line-height:100%; text-align:center; box-sizing:border-box; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-button-hidden{display:none; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area{position:absolute; bottom:6.25em; right:0; width:100%; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li{width:100%; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li div{float:left; margin:0.5em 0 0 0.5em; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li p{float:right; font-size:0.9em; margin:0.75em 0.75em 0 0; color:#aaaaaa; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li p i{padding:0 0 0 0.5em; }
.EnterContentWrap .mid-content{width:100%; background-color:#ffffff; margin:0 0 0 0; }
.EnterContentWrap .mid-content .mce-tinymce{margin:1em 0 13em 0; }
.EnterContentWrap .mid-content #new-area-content{width:100%; margin:0.5em 0 6.325em 0; height:10em; font-size:0.95em; color:#222222; background:#ffffff; box-sizing:border-box; padding:0.75em; display:block; border-style:solid; border-width:0.75em 0 0.25em 0; border-top-color:#f5f5f5; border-bottom-color:#21a2dc; resize:none; font-family:'Josefin Sans',sans-serif,'Tahoma'; }
.EnterContentWrap .bot{padding:0 0 0.5em 0; }
.EnterContentWrap .bot .buttons-wrapper{display:block; width:100%; height:2em; position:absolute; bottom:4.5em; }
.EnterContentWrap .bot .buttons-wrapper input{margin:0.15em 0.25em 0 0; padding:0.2em 0.75em 0.2em 0.75em; font-size:0.85em; cursor:pointer; cursor:hand; }
.EnterContentWrap .bot .buttons-wrapper .text-link-video{float:left; }
.EnterContentWrap .bot .buttons-wrapper .image{float:left; }
.EnterContentWrap .bot .buttons-wrapper .link-video{display:none; }
.EnterContentWrap .bot .buttons-wrapper .article{float:left; }
.EnterContentWrap .bot .buttons-wrapper .publish{padding:1em 1.5em 0.8em 1.5em; background:#21a2dc; clear:both; float:left; margin:2.4em 0 0 0; border:0; }
.EnterContentWrap .bot .buttons-wrapper .publish-now{display:none; float:right; margin:2em 0 0 0; padding:0.75em 1.25em 0.75em 1.25em; background:#e67777; color:#adadad; text-shadow:none; font-size:1em; cursor:pointer; cursor:hand; line-height:100%; }
.EnterContentWrap .bot .buttons-wrapper .can{color:#ffffff; }
.EnterContentWrap .bot .buttons-wrapper .cannot{background:#e1e1e1; color:#adadad; border-color:#e1e1e1; text-shadow:0.0625em 0.0625em #ffffff; }
.EnterContentWrap .bot .buttons-wrapper .active{margin-top:0; background:#21a2dc; border-style:solid; border-width:0; padding:0.6em 1em 0.7em 1em; color:#ffffff; }
.EnterContentWrap .bot .buttons-wrapper .inactive{background:#e1e1e1; border-style:solid; border-width:0; padding:0.5em 1em 0.55em 1em; color:#999999; }
.EnterContentWrap .bot .buttons-wrapper .inactive:hover{background:#d1d1d1; color:#777777; }
.EnterContentWrap .bot .buttons-wrapper .help{padding:0.2em 0.38em 0.1em 0.38em; color:#ffffff; font-size:1em; font-weight:bold; border-width:0; border-radius:50%; text-align:center; box-sizing:border-box; line-height:100%; background:#21a2dc; position:absolute; right:0; bottom:0.45em; margin:0; }
.EnterContentWrap .bot .buttons-wrapper .help-hidden{display:none; }
.EnterContentWrap .goto-online{text-align:center; padding:1.5em 0 1em 0; }
.EnterContentWrap .right-column{display:none; position:absolute; top:0; right:0; width:1em; height:1em; }
.EnterContentWrap .desc{display:none; position:absolute; bottom:-3.3em; right:0; margin:0; text-align:left; z-index:1; width:100%; padding:0.5em 1% 0.5em 1.5%; font-size:0.75em; background:#f5f5f5; box-sizing:border-box; line-height:124%; color:#aaaaaa; border-style:solid; border-width:0 0 0.25em 0; cursor:pointer; cursor:hand; box-sizing:border-box; }
.EnterContentWrap #desc-save{border-width:0 0 0.25em 0; bottom:-9.75em; }
.EnterContentWrap #desc-save-ok{display:none; border-width:0 0 0.25em 0; bottom:-9.75em; }
.EnterContentWrap .combination{border-width:0 0 0.25em 0; border-color:#dadada; }
.EnterContentWrap .combinefree{border-color:#55b355; }
.EnterContentWrap .combinered{border-color:#ff0000; }
.EnterContentWrap .desc:hover{border-color:#21a2dc; background-color:#f1f5ff; }
.EnterContentWrap .desc:hover + .help-icon{background:#21a2dc; }
.EnterContentWrap .help-icon{display:none; padding:0.2em 0.38em 0.1em 0.38em; color:#ffffff; font-size:1em; font-weight:bold; border-width:0; border-radius:50%; text-align:center; box-sizing:border-box; line-height:100%; background:#cccccc; position:absolute; right:0; top:-0.25em; z-index:1; margin:0; cursor:pointer; cursor:hand; }
.EnterContentWrap .help-icon:hover{background:#21a2dc; }
.EnterContentWrap .helpIconActive{background:#ff8800; z-index:3; }
.EnterContentWrap .helpIconActive:hover{background:#ff0000; z-index:3; }
.EnterContentWrap .help-desc{display:none; position:absolute; top:0; right:-25.25em; text-align:left; z-index:2; width:23em; padding:2% 2% 2% 2%; font-size:0.8em; background:#ffe0a8; box-sizing:border-box; line-height:150%; color:#865a5a; margin:0; }
.EnterContentWrap .more-details{display:none; position:absolute; top:0; left:0; right:-20em; background-color:rgba(245, 245, 245, 0.8); height:100%; border-style:solid; border-width:0.25em; border-color:#e1e1e1; box-sizing:border-box; z-index:10; }
.EnterContentWrap .more-details .wrapper{position:absolute; left:10%; bottom:20%; border-style:solid; border-width:0.5em; border-color:#aec7d4; padding:1.6em 2em 2em 2em; margin:0; background:#cbe4f0; height:26em; box-sizing:border-box; width:80%; right:10%; cursor:move; }
.EnterContentWrap .more-details .wrapper #x-content-return-to-edit{position:absolute; top:0; right:0; padding:0.2em; color:#ffffff; font-size:1.75em; font-weight:normal; text-align:right; line-height:100%; margin:0; cursor:pointer; cursor:hand; }
.EnterContentWrap .more-details .wrapper h2{margin:0; padding:0; color:#526082; font-size:1.5em; }
.EnterContentWrap .more-details .wrapper p{margin:0; padding:0.75em 0 0 0; }
.EnterContentWrap .more-details .wrapper #button-content-return-to-edit{margin:0 auto; padding:0.65em 0.675em 0.675em 0.675em ; display:block; box-sizing:border-box; border-width:0.0625em; border-style:solid; border-color:#ffffff; font-size:1em; color:#92b9dd; text-align:center; line-height:100%; width:10.75em; background:#d9f3ff; }
.EnterContentWrap .more-details .wrapper select{margin:1em 0 0 0; padding:0.6em; font-size:1em; color:#8a97bb; border-width:0; max-width:35em; }
.EnterContentWrap .more-details .wrapper .error-message{display:none; position:absolute; top:7.75em; right:0; padding:0.1em; color:#ff4b4b; font-size:0.9em; font-weight:normal; text-align:left; line-height:100%; margin:0; width:15em; }
.EnterContentWrap .more-details .wrapper .error{background:#ff4b4b; color:#ffffff; }
.EnterContentWrap .more-details .wrapper .little-more-options{position:relative; font-size:0.9em; border-width:0.0625em; border-style:solid; border-color:#ffffff; display:block; padding:0 1em 0 1em; margin:2.25em 0 0 0; }
.EnterContentWrap .more-details .wrapper .little-more-options .more-options-label{position:absolute; top:-2.05em; left:-0.0625em; font-size:0.825em; background-color:#d9ecf5; display:block; padding:0.2em 0.25em 0.25em 0.5em; margin:0; color:#434b4f; }
.EnterContentWrap .more-details .wrapper .little-more-options .more-options-label .help-mark{color:#ffffff; padding:0.015em 0.43175em 0.015em 0.43175em; border-radius:50%; background-color:#7cc3e4; margin:0 0 0 0.5em; width:1em; height:1em; font-size:1.24em; line-height:125%; cursor:pointer; cursor:hand; }
.EnterContentWrap .more-details .wrapper .little-more-options .more-options-label-help{position:absolute; top:-2.05em; left:11em; font-size:0.8em; display:none; padding:0.35em 0.25em 0.25em 0.25em; margin:0; color:#434b4f; }
.EnterContentWrap .more-details .wrapper .little-more{font-size:0.9em; background:#d9ecf5; color:#7da9d6; display:block; padding:0.25em 1em 1em 1em; margin:0.7em 0 0 0; }
.EnterContentWrap .more-details .wrapper .little-more p{margin:0; padding:0.75em 0 0 0; }
.EnterContentWrap .more-details .wrapper .publish-buttons{text-align:center; padding:1em 0 1.05em 0; overflow:hidden; display:block; position:absolute; bottom:0; box-sizing:border-box; left:0; right:0; }
.EnterContentWrap .more-details .wrapper .publish-buttons .button{box-sizing:border-box; border-width:0.0625em; border-style:solid; text-align:center; line-height:100%; font-size:0.9em; white-space:nowrap; display:inline; }
.EnterContentWrap .more-details .wrapper .publish-buttons .content-save-and-publish{background:#d8c538; color:#ffffff; border-color:#496977; float:right; margin:0 2.5em 0 0; font-weight:bold; padding:0.7em 1.7em 0.7em 1.7em; }
.EnterContentWrap .more-details .wrapper .publish-buttons .content-preview{margin:0 0 0 2.5em; float:left; border-color:#21a2dc; color:#21a2dc; background:#eaeaea; padding:0.7em; font-weight:bold; }
.EnterContentWrap .more-details .wrapper .publish-buttons .content-save{margin:0 2em 0 0; border-color:#ffffff; color:#6c7e9a; background:#eaeaea; padding:0.7em; float:right; }
.EnterContentWrap .more-details .wrapper .details-row{padding:0.25em 0 1.5em 0; }
.EnterContentWrap .more-details .wrapper .details-row .more-details-article-connect{font-size:1.5em; font-weight:bold; color:#ffffff; background:#21a2dc; padding:0 0.4em 0.1em 0.4em; line-height:100%; margin:0 0 0 0.25em; }
.EnterContentWrap .more-details .wrapper .details-row .more-details-article-connect-status{font-size:1em; color:#87b1da; background:#d9ecf5; padding:0.2em 0.4em 0.25em 0.4em; line-height:100%; margin:0 0 0 0.75em; }
.EnterContentWrap .more-details .wrapper .details-row #more-details-article-connect-status-some{display:none; }
.EnterContentWrap .more-details .wrapper .wrapper-second{display:none; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1{height:16.5em; overflow:auto; display:block; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li{position:relative; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li a{display:block; color:#333333; margin:0 0 0.125em 0; background:#f5f5f5; padding:0.75em 1em 0.65em 1em; line-height:100%; font-size:0.9em; box-sizing:border-box; height:2.5em; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li a:hover{background:#eeeeee; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li p{position:absolute; top:0.25em; right:0.25em; display:block; color:#333333; margin:0; padding:0.25em 0.5em 0.25em 0.5em; font-size:0.7em; background:#dcdcdc; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li p span{font-size:0.85em; display:block; margin:0.2em 0 0 0; text-align:right; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 .ac-newest-articles-category{background:#dbedf5; color:#222222; margin:1em 0 0.25em 0; padding:0.5em 0.4em 0.4em 0.4em; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2{height:16.5em; overflow:auto; display:block; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li{position:relative; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li a{display:block; color:#333333; margin:0 0 0.125em 0; background:#f5f5f5; padding:0.75em 1em 0.65em 1em; line-height:100%; font-size:0.9em; box-sizing:border-box; height:2.5em; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li a:hover{background:#eeeeee; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li p{position:absolute; top:0.25em; right:0.25em; display:block; color:#333333; margin:0; padding:0.25em 0.5em 0.25em 0.5em; font-size:0.7em; background:#dcdcdc; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li p span{font-size:0.85em; display:block; margin:0.2em 0 0 0; text-align:right; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 p .more-details-article-connect-search{background:#dbedf5; color:#222222; margin:1em 0 0.25em 0.75em; padding:0.525em 0.4em 0.4em 0.4em; width:27em; border:0; font-size:1.1em; line-height:100%; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 .info{margin:1em 0 0 9em; font-size:0.85em; color:#aaaaaa; }
.EnterContentWrap .more-details .wrapper .wrapper-second #more-details-article-connect-close{position:absolute; top:0; right:0; padding:0.2em; color:#ffffff; font-size:1.75em; font-weight:normal; text-align:right; line-height:100%; margin:0; cursor:pointer; cursor:hand; }
@media only screen and (min-width:25em){
.EnterContentWrap{ }
}
@media only screen and (min-width:30em){
.EnterContentWrap{ }
}
@media only screen and (min-width:32em){
.EnterContentWrap{ }
}
@media only screen and (min-width:40em){
.EnterContentWrap{ }
}
@media only screen and (min-width:48em){
.EnterContentWrap{ }
}
@media only screen and (min-width:80em){
.EnterContentWrap{margin-top:2em; }
.EnterContentWrap .wellcome-wrap{overflow:hidden; display:block; padding:1em; margin:-2em 0 0 0; }
.EnterContentWrap .wellcome-wrap .wellcome{display:block; font-size:1.05em; color:#4c525a; }
.EnterContentWrap .wellcome-wrap .sign-up{width:49%; float:left; text-align:right; margin:0.25em 1% 0 0; font-size:0.85em; }
.EnterContentWrap .wellcome-wrap .sign-up a{width:6.6em; height:1.8em; display:block; background-image:url(https://www.largo-bim.hr/container/images/r1/g2017/m03/sign-up.png); background-repeat:no-repeat; float:right; background-size:2.5em; background-color:#55789e; color:#ffffff; font-size:1em; text-align:left; margin:0; border:0; border-radius:0.25em; padding:0.7em 0 0 2.9em; line-height:100%; }
.EnterContentWrap .wellcome-wrap .log-in{width:49%; float:left; margin:0.25em 0 0 1%; font-size:0.85em; }
.EnterContentWrap .wellcome-wrap .log-in a{width:6.3em; height:1.8em; display:block; background-image:url(https://www.largo-bim.hr/container/images/r1/g2017/m03/log-in.png); background-repeat:no-repeat; float:left; background-size:2.5em; background-color:#e75b78; color:#ffffff; font-size:1em; text-align:left; margin:0; border:0; border-radius:0.25em; padding:0.7em 0 0 3.2em; line-height:100%; }
.EnterContentWrap .wellcome-wrap .signs{display:block;margin:1.25em 0 0 0; text-align:center; float:left; width:100%; color:#4c525a; }
.EnterContentWrap li{position:relative; }
.EnterContentWrap .top{width:100%; height:2em; }
.EnterContentWrap .top .user{display:block; }
.EnterContentWrap .top .user img{float:left; width:4em; margin:-1.7em 0 0 0; border-width:0.0625em; border-style:solid; border-color:#e5e5e5; border-radius:0.25em; }
.EnterContentWrap .top .user p{float:left; margin:-1.3em 0 0 0.35em; color:#21a2dc; font-size:0.9em; font-weight:bold; }
.EnterContentWrap .top .user p:hover{text-decoration:underline; }
.EnterContentWrap .top .user p span{ }
.EnterContentWrap .mid-title{width:100%; margin:1em 0 0 0; display:none; }
.EnterContentWrap .mid-title #new-area-title{width:100%; margin:0; font-size:1.4em; color:#000000; background:#ffffff; box-sizing:border-box; padding:0.4em 0.4em 0.3em 0.4em; display:block; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e2e2e2; line-height:100%; }
.EnterContentWrap .mid-intro{width:100%; margin:1em 0 0 0; display:none; }
.EnterContentWrap .mid-intro #new-area-intro{width:100%; margin:0.5em 0 0 0; height:5em; font-size:0.95em; font-weight:bold; color:#222222; background:#ffffff; box-sizing:border-box; padding:0.75em; display:block; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e2e2e2; resize:none; font-family:'Josefin Sans',sans-serif,'Tahoma'; }
.EnterContentWrap .mid-image{width:100%; margin:1em 0 0 0; display:none; position:relative; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop{border-style:solid; border-width:0 0 0.0625em 0; border-color:#cccccc; position:relative; margin:0; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container{position:relative; display:block; height:0; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container img{max-width:100%; margin:0 auto; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span{background:rgba(102, 102, 102, 0.6); position:absolute; bottom:0; left:0; width:100%; padding:0.5em; box-sizing:border-box; font-size:0.9em; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span p{margin:0; padding:0.7em; float:left; color:#ffffff; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span a{margin:0; padding:0.7em; float:right; color:#ffffff; text-align:right; background:#f54444; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area{width:100%; font-size:0.95em; color:#aaaaaa; padding:0.75em 3em 7em 0.75em; box-sizing:border-box; display:block; border-style:dashed; border-width:0.125em; border-color:#eaeaea; background-image:url(/res/images/cross.png); background-color:#ffffff; background-size:1em 1em; line-height:100%; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-area{position:absolute; bottom:4.2em; left:30%; width:40%; font-size:0.95em; color:#cccccc; text-align:center; padding:0; box-sizing:border-box; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-uploaded-area-button{position:absolute; bottom:0.75em; left:33%; width:30%; background-color:#8cceec; padding:0.8em 2% 0.8em 2%; color:#ffffff; font-size:1em; border-radius:0.25em; cursor:pointer; cursor:hand; display:inline-block; line-height:100%; text-align:center; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-button-hidden{display:none; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area{position:absolute; bottom:6.25em; right:0; width:100%; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li{width:100%; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li div{float:left; margin:0.5em 0 0 0.5em; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li p{float:right; font-size:0.9em; margin:0.75em 0.75em 0 0; color:#aaaaaa; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li p i{padding:0 0 0 0.5em; }
.EnterContentWrap .mid-content{width:100%; background-color:#ffffff; margin:0 0 0 0; }
.EnterContentWrap .mid-content .mce-tinymce{margin:1em 0 0 0; }
.EnterContentWrap .mid-content #new-area-content{margin:0.5em 0 1.75em 0; }
.EnterContentWrap .bot{padding:0 0 0.5em 0; }
.EnterContentWrap .bot .buttons-wrapper{position:relative; bottom:initial; margin:-1.65em 0 0 0; }
.EnterContentWrap .bot .buttons-wrapper input{margin:0.15em 0.25em 0 0; padding:0.2em 0.75em 0.2em 0.75em; font-size:0.85em; cursor:pointer; cursor:hand; }
.EnterContentWrap .bot .buttons-wrapper .text-link-video{float:left; }
.EnterContentWrap .bot .buttons-wrapper .image{float:left; }
.EnterContentWrap .bot .buttons-wrapper .link-video{display:none; }
.EnterContentWrap .bot .buttons-wrapper .article{float:left; }
.EnterContentWrap .bot .buttons-wrapper .publish{float:right; margin:-2em 0 0 0; padding:0.7em 1.5em 0.55em 1.5em; }
.EnterContentWrap .bot .buttons-wrapper .publish-now{float:right; margin:-1.7em 0.325em 0 0; padding:0.5em 1.5em 0.5em 1.5em; }
.EnterContentWrap .bot .buttons-wrapper .can{color:#ffffff; }
.EnterContentWrap .bot .buttons-wrapper .cannot{background:#e1e1e1; color:#adadad; border-color:#e1e1e1; text-shadow:0.0625em 0.0625em #ffffff; }
.EnterContentWrap .bot .buttons-wrapper .active{margin-top:0; background:#21a2dc; border-style:solid; border-width:0; padding:0.6em 1em 0.7em 1em; color:#ffffff; }
.EnterContentWrap .bot .buttons-wrapper .inactive{background:#e1e1e1; border-style:solid; border-width:0; padding:0.5em 1em 0.55em 1em; color:#999999; }
.EnterContentWrap .bot .buttons-wrapper .inactive:hover{background:#d1d1d1; color:#777777; }
.EnterContentWrap .bot .buttons-wrapper .help{padding:0.2em 0.38em 0.1em 0.38em; color:#ffffff; font-size:1em; font-weight:bold; border-width:0; border-radius:50%; text-align:center; box-sizing:border-box; line-height:100%; background:#21a2dc; position:absolute; right:0; bottom:0.45em; margin:0; }
.EnterContentWrap .bot .buttons-wrapper .help-hidden{display:none; }
.EnterContentWrap .right-column{display:none; position:absolute; top:0; right:-20em; width:20em; background-color:rgba(245, 245, 245, 0.9); height:100%; border-style:dashed; border-width:0 0 0 0.0625em; border-color:#e1e1e1; }
.EnterContentWrap .desc{display:none; position:absolute; top:0; right:-25.25em; margin:0; text-align:left; z-index:1; width:23em; padding:0.5em 1.5% 0 0.75%; font-size:0.8em; background:#f5f5f5; box-sizing:border-box; line-height:124%; color:#aaaaaa; height:3.35em; border-style:solid; border-width:0 0 0.25em 0; cursor:pointer; cursor:hand; }
.EnterContentWrap #desc-save{border-width:0 0 0.25em 0; }
.EnterContentWrap .combination{border-width:0 0 0.25em 0; border-color:#dadada; }
.EnterContentWrap .combinefree{border-color:#55b355; }
.EnterContentWrap .combinered{border-color:#ff0000; }
.EnterContentWrap .desc:hover{border-color:#21a2dc; background-color:#f1f5ff; }
.EnterContentWrap .desc:hover + .help-icon{background:#21a2dc; }
.EnterContentWrap .help-icon{display:none; padding:0.2em 0.38em 0.1em 0.38em; color:#ffffff; font-size:1em; font-weight:bold; border-width:0; border-radius:50%; text-align:center; box-sizing:border-box; line-height:100%; background:#cccccc; position:absolute; right:-20.5em; top:-0.25em; z-index:1; margin:0; cursor:pointer; cursor:hand; }
.EnterContentWrap .help-icon:hover{background:#21a2dc; }
.EnterContentWrap .helpIconActive{background:#ff8800; z-index:3; }
.EnterContentWrap .helpIconActive:hover{background:#ff0000; z-index:3; }
.EnterContentWrap .help-desc{display:none; position:absolute; top:0; right:-25.25em; text-align:left; z-index:2; width:23em; padding:2% 2% 2% 2%; font-size:0.8em; background:#ffe0a8; box-sizing:border-box; line-height:150%; color:#865a5a; margin:0; }
}
.bottom-right{position:fixed; bottom:0; right:0; width:1.5em; height:1.5em; display:block; background-color:#ff0000; z-index:222; }
.bottom-right a{width:100%; height:100%; display:block; text-align:center; }
.bottom-right a:hover{text-decoration:none; }
.Screen{width:100%; height:100%; }
.Screen .screen-center{width:100%; height:100%; min-width:20em; max-width:80em; display:block; margin:0 auto; padding:0; box-sizing:border-box; background-image:url(https://www.largo-bim.hr/container/images/r1/g2020/m01/bck-border.png); background-repeat:repeat-y; }
@media only screen and (min-width:48em){
.Screen{ }
}
@media only screen and (min-width:64em){
.Screen{ }
}
@media only screen and (min-width:90em){
.Screen{ }
}
@keyframes resizescreendowncircle{0%,100%{transform:scale(1); } 50%{transform:scale(1.1); }}