body {
    font: 0.9em/20px "Poppins", "helvetica neue", Helvetica, Arial, Verdana, sans-serif;
}

.izdvajamo_iz_ponude_visina_teksta{
    height: 70px;
}

.prijava_na_obavijesti{
    color: black;
    width: 167px;
}

.prijava_na_obavijesti:hover{
    color: white;
}

.kartica_siva {
    background-color: #efefef;
}

.naslovi {
    font-family: "Segoe UI", Arial, sans-serif;
}

.link_oblikovanje{
    color: #0071a4;
}

.link_oblikovanje:hover{
    color: #003e6d;
}

.tipka {
    background-color: red;
    font: 0.9em/20px "Poppins", "helvetica neue", Helvetica, Arial, Verdana, sans-serif;
}

.tipka:hover{
    background-color: #d11216;
}

.tipka_podnaslov_siva{
    background-color: #ababab;
}

.tipka_podnaslov_siva:hover{
    background-color: #927575;
}

.tipka_podnaslov_plava{
    background-color: #0071a4;
}

.natpis {
    font-size: 1.2em;
}

.natpis_plavi {
    background-color: #006a9d;
}

.natpis_sivi {
    background-color: #5a5b5d;
}

.sljedece {
    background-image: url("/grafika/next_icon.svg");
    width: 30px;
    height: 30px;
}

.sljedece_mala_tipka {
    background-image: url("/grafika/next_icon.svg");
    width: 20px;
    height: 20px;
}

.prethodno {
    background-image: url("/grafika/previous_icon.svg");
    width: 30px;
    height: 30px;
}

.prethodno_mala_tipka {
    background-image: url("/grafika/previous_icon.svg");
    width: 20px;
    height: 20px;
}

.slider_industrija_granice{
    border-bottom: 4px solid #0071a4;
    border-top: 4px solid #0071a4;
}

.automatski_prikaz_okvir, .gsa_okvir{
    border: 1px solid #ebebeb;
}

.automatski_prikaz_okvir:hover{
    border: 2px solid #b8b8b8;
}

.gsa_okvir:hover{
    border: 1px solid #b8b8b8;
}

.kontakt_tekst{
    margin-bottom: 2px;
    color: black;
}

.tipka_upit{
    background-color: #006094;
    width: 160px;
}

.tipka_upit:hover{
    background-color: #0076ad;
}

.mbvz_naslov{
    font-size: calc(16px);
    color: #000000;
    font-weight: 800;
}

.okvir_mbvz_1, .okvir_mbvz_2, .okvir_mbvz_3, .okvir_mbvz_4{
    text-decoration: none!important;
}

.tekst_mbvz_1, .tekst_mbvz_2, .tekst_mbvz_3, .tekst_mbvz_4{
    color: #000;
    padding-left: 15%;
}

.tekst_mbvz_1, .tekst_mbvz_2, .tekst_mbvz_3, .tekst_mbvz_4:hover{
    color: #000;
}

.tekst_automatski_prikaz{
    color: #000;
}

.slider_fsld_pozadinska_slika{
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.link_clanak_ts_1, .link_clanak_ts_2, .link_clanak_ts_3, .link_clanak_ts_4{
    background-color: #e11217!important;
    color: #fff!important;
}

.link_clanak_ts_1:hover, .link_clanak_ts_2:hover, .link_clanak_ts_3:hover, .link_clanak_ts_4:hover{
    background-color: #c41217 !important;
}

.pdf_download{
    border: 3px solid #e11217;
    width: 300px;
    background-color: #e9e9e9;
}

.pdf_download:hover{
    border: 3px solid #c41217;
    background-color: white;

}

.tabovi_okvir_sadrzaj{
    border: 2px solid #696969;
}

.izbornik_tipka{
    color: white;
    font-size: 30px;
    background-color: #006ba1
}

#blok_igso{

}

.tabovi_tipka_1:hover, .tabovi_tipka_2:hover{
    background-color: #003c6a;
}
.tabovi_tipka_1{
    background-color: #003c6a;
}


.tabovi_tipka_2{
        background-color: #0076ad;
}


@media only screen and (min-width: 768px) {
    .kartica-tamna{
        background-color: #5a5b5c;
        color: #fff !important;
    }

    .kartica_siva{
        background-color: #fff;
        border-top: 8px solid #0071a4;
        border-bottom: 8px solid #0071a4;
    }

    .heading2_prilagodjeni{
        font-size: calc(100vw / 122 + 1306px / 122)
    }

    .heading5_prilagodjeni{
        font-size: 15px;
    }

    .kartica_industrija{
        background-color: #a9a9a9;
    }

    .kartica_gradjevina{
        background-color: #efefef;
    }

    kartica-servis{
        background-color: #ffffff;
    }

    .slika_ispod_ssik{
        opacity: 0.3;
    }

    .slika_ispod_ssik_aktivna{
        opacity: 1;
    }

    .izbornik_sa_strane_opcenito{
        list-style: none;
        font-weight: 700;
    }

    .izbornik_sa_strane_nulta{
        font-size: 14px;
        padding: 10px;
        border: 1px solid #ddd;
    }

    .izbornik_sa_strane_opcenito p{
        margin-bottom: -1px;
        background-color: #F9F9F9;
    }

    .izbornik_sa_strane_opcenito a{
        text-decoration: none;
        color: #727272;
    }

    .izbornik_sa_strane_opcenito a :hover{
        background-color: #0071a4;
        color: white
    }

    .izbornik_sa_strane_opcenito span{
        padding-bottom: 7px;
    }

    .izbornik_sa_strane_prva{
        margin-bottom: 4px;
        border-left: 1px solid red;
        border-right: 1px solid #ddd;
        font-size: 12px;
        padding: 7px;

    }

    .izbornik_sa_strane_druga{
        background-color: #ccc;
        padding: 5px;
        margin-bottom: 3px;
    }

    .izbornik_sa_strane_treca{
        border-bottom: 1px solid black;
        margin-bottom: 4px;
    }

    .trenutni_clanak{
        color: white;
        background-color: #0071a4 !important;
    }

    .slider_fsld_row_roditelj{
        height: calc(500px + 20%);
    }

}

@media only screen and (max-width: 768px){
    .prodaja_servis_najam{
        color: #888;
    }

    .slider_fsld_naslov{
        font-size: calc(16px + 2vw);
    }

    .slider_fsld_podnaslov{
        font-size: calc(11px + 2vw);
    }

    .tabovi_okvir_sadrzaj{
        border:none
    }

}



@media only screen and (min-width: 576px) {
    #carousel_mbvz .carousel-item{
        transition: none;
        margin: 0px;
        border: 1px solid #ebebeb;
        /*height: calc(220px + 8vw);*/
        cursor: pointer;
    }

    #carousel_gsa .carousel-item{
        transition: none;
        margin: 0px;
    }

    #carousel_mbvz .carousel-item:hover{
        border: 2px solid #b8b8b8;
    }

    #carousel_mbvz .active{
        transition: unset;
    }
}

@media only screen and (min-width: 992px) {
    #carousel_mbvz .img-fluid{
        max-width: 100%!important;
    }

    #carousel_mbvz .carousel-item{
        /*height: calc(100px + 13vw);*/
    }

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .kontakt_mobitel, .kontakt_telefon, .kontakt_mail{
        font-size: 12px;
    }
}

@media only screen and (max-width: 576px) {
    .gsa_okvir{
        border: none;
    }
    .gsa_okvir:hover{
        border: none;
    }
}