.logotip{margin:auto;display:block;max-width:400px;margin-top:40px;width:100%;height:auto;min-width:200px}body,html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.container{width:80%;max-width:1200px;margin:0 auto;background:#fff;padding:20px 0 20px 0;margin-top:40px;box-shadow:1px 1px 9px -2px rgba(34,34,34,.99)}.container .only-text{padding-left:10%;padding-right:10%;padding-bottom:20px;padding-top:20px}.container .only-text .imagesFooter{display:flex;flex-wrap:wrap}.container .only-text .imagesFooter .threeImages{max-width:280px;width:100%;display:block;margin:auto;min-width:100px;padding-bottom:20px;padding-top:10px;height:auto}.container *{box-sizing:border-box}.container h2,.container h3{text-align:center;padding-left:10%;padding-right:10%}.container .obavezno{font-size:14px;color:#696969;text-align:center;padding-bottom:40px;margin-top:-10px}.container .tekst{padding-left:10%;padding-right:10%;padding-bottom:50px;text-align:justify}.container .tekst .buttonWrap{padding-top:20px}.container .tekst .accordion{padding-top:4px;background-color:#fff;color:#000;cursor:pointer;padding:18px;width:100%;border-left:2px solid #1c7cb4;border-right:2px solid #1c7cb4;text-align:left;outline:none;font-size:15px;transition:.4s}.container .tekst .border-1,.container .tekst .border-2{border-top:2px solid #1c7cb4;border-bottom:2px solid #1c7cb4}.container .tekst .border-2{margin-top:-2px}.container .tekst .accordion:after{content:"\00002B";font-size:18px;color:#777;float:right;margin-left:5px;border:none;outline:none}.container .tekst .accordion.active.active:after{content:"\002212"}.container .tekst .accordion.active{background-color:#d3d3d3;border:none}.container .tekst .accordion.active+.panel{display:block}.container .tekst .accordion.active.border-1{border:none}.container .tekst .accordion.active.border-2{border:none;margin-top:0}.container .tekst .accordion:hover{font-size:16px}.container .tekst .panel{padding:0 18px;display:none;background-color:#fff;overflow:hidden;text-align:justify}.flex-outer{list-style-type:none;padding:0;max-width:1000px;margin:0 auto;padding:10px 26px 10px 26px}.flex-outer li{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flex-outer li #iznosSub,.flex-outer li #potrebnaPovrsinaKrova,.flex-outer li #procjenaTroskova{background-color:#d3d3d3;border:1px solid #000}.flex-outer li label{padding:8px;font-weight:300;letter-spacing:.09em;max-width:500px}.flex-outer li label span{color:#f0ad4e;font-size:16px}.flex-outer li label .box{position:relative;display:inline-block;cursor:pointer}.flex-outer li label .box .tooltip{visibility:hidden;background-color:#1c7cb4;color:#fff;width:400px;text-align:left;top:100%;left:50%;margin-left:-130px;padding:4px 15px;border-radius:6px;position:absolute;z-index:1}.flex-outer li label .box .tooltip>p{color:#fff;text-align:center;padding:0;margin:0}.flex-outer li label .box:hover .tooltip{visibility:visible}.flex-outer li input,.flex-outer li money,.flex-outer li select{padding:15px;max-width:400px}.flex-outer li button{margin-top:32px;padding:14px 40px;border:2px solid #1c7cb4;background:#1c7cb4;color:#fff;text-transform:uppercase;letter-spacing:.07em;border-radius:2px;font-size:18px;outline:none;cursor:pointer}.flex-outer li button:hover{background:transparent;color:#1c7cb4}.flex-outer>li:not(:last-child){margin-bottom:20px}.flex-outer>li>label{flex:1 0 120px;max-width:220px}.flex-outer>li>label+*{flex:1 0 220px}.flex-outer .errors{color:red;font-size:16px;padding-bottom:40px;margin:auto;max-width:64%}@media only screen and (max-width:1259px) and (min-width:1036px){.flex-outer .errors{max-width:74%}}@media only screen and (max-width:1035px){.flex-outer .errors{max-width:84%;padding-bottom:30px}}@media only screen and (max-width:991px){.container{width:100%;box-shadow:none;padding:40px 0 40px 0;margin:40px 0 0 0}}@media only screen and (max-width:750px){.flex-outer li{padding-left:20px;padding-right:20px;display:table;width:100%}.flex-outer li input,.flex-outer li label,.flex-outer li select{display:block;width:100%}.flex-outer li label .box .tooltip{width:200px;margin-left:-200px}.flex-outer>li>label{flex:1 0 520px;max-width:100%}.flex-outer>li>label+*{flex:none}.flex-outer .errors{max-width:100%;padding-bottom:20px}}@media only screen and (max-width:400px){.flex-outer li label .box .tooltip{width:140px;margin-left:-12px}}.rezultat{padding:50px 20px 50px 20px;width:80%;max-width:1200px}.rezultat,.rezultat .vrijednosti{margin:0 auto}.rezultat .vrijednosti h2{text-align:center}.rezultat .vrijednosti table{font-family:arial,sans-serif;border-collapse:collapse;width:100%}.rezultat .vrijednosti table th{text-align:left;background-color:#1c7cb4;color:#fff;text-align:center}.rezultat .vrijednosti table tbody td,.rezultat .vrijednosti table th{border:1px solid #ddd;padding:8px 8px 8px 20px}.rezultat .vrijednosti table tfoot #total{text-align:right;background-color:#1c7cb4;color:#fff;font-weight:600;padding-right:40px}.rezultat .vrijednosti table tfoot #total .space{padding-left:12px}.rezultat .vrijednosti table tr:nth-child(2n){background-color:#f9fcff}.rezultat .dobit{padding-top:70px}.rezultat .dobit h2{text-align:center}.rezultat .dobit #column{margin-left:-10px}.rezultat .dobit .box{position:relative;display:inline-block;cursor:pointer;font-size:16px;font-weight:400}.rezultat .dobit .box span{font-size:16px}.rezultat .dobit .box .tooltip{visibility:hidden;background-color:#1c7cb4;color:#fff;width:400px;text-align:left;top:100%;left:50%;margin-left:-130px;padding-left:15px;border-radius:6px;position:absolute;z-index:1}.rezultat .dobit .box:hover .tooltip{visibility:visible}.rezultat .centerButton{display:flex;justify-content:center}.rezultat .centerButton .clearButton{margin-top:32px;padding:14px 40px;border:none;background:#1c7cb4;color:#fff;text-transform:uppercase;letter-spacing:.07em;border-radius:2px;font-size:18px;outline:none;cursor:pointer}.buttons{display:flex;padding-top:40px;flex-wrap:wrap;text-align:center;justify-content:center}.buttons .additionalButtons{text-align:center;padding:10px 18px;border:2px solid #1c7cb4;background:transparent;color:#1c7cb4;text-transform:uppercase;border-radius:2px;font-size:18px;outline:none;cursor:pointer;width:280px;min-width:280px;text-decoration:none;margin-right:20px}@media only screen and (max-width:1199px){.buttons .additionalButtons{margin-top:15px}}@media only screen and (max-width:500px){.buttons .additionalButtons{margin-right:0}}.buttons .additionalButtons:hover{background:#1c7cb4;color:#fff}.buttons .additionalButtons img{max-height:15px;display:inline;margin:auto;margin-right:8px}#app{font:normal 18px/1.5 Fira Sans,Helvetica Neue,sans-serif;padding-bottom:60px;width:100%}