@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=latin-ext');

body{
	font-family: 'Roboto', sans-serif;
	color:#545454;
	font-size:18px;
	font-weight:300;
	padding-top:50px;
}


html {
  scroll-behavior: smooth;
}
.tanki-h{font-weight:300 !important}
.ogromni-h1{font-size:64px}
.sivi{color:#676767}
.tamnosivi{color:rgb(35, 35, 35)}
.crni{color:#121212;}
.margin-bottom-05rem{margin-bottom:0.5rem}
.razmak-dolje70{;margin-bottom:70px}
.sivapozadina{background-color: rgb(240, 240, 240);padding-top:50px;padding-bottom:50px;}
.bijelapozadina{background-color: rgb(255, 255, 255);padding-top:50px;padding-bottom:50px;}
.tamnosivapozadina{background-color: #dce1e1;padding-top:50px;padding-bottom:50px;}
.tamnosivimodal{background-color: #dce1e1;}
.crnapozadina{background-color: #212121;padding-top:50px;padding-bottom:50px;color:#e3e3e3;}
.narancastatraka{background-image: url(https://www.it-b.hr/img/row2bg.jpg);background-size:cover;padding-top:50px;padding-bottom:50px;color:white;}
.blijelink{color:white;text-decoration:underline}

.bijelacrta{border-bottom: 1px solid white;}
.bezrazmaka{margin-top:0;}
.ogromna{font-size:29px}


.narancasticard {border:none}
.narancasticard .card-header {background:#f58021}
.narancasticard .card-body {padding:0}
.narancasticard .card-footer {background:#653091;color:white;}
.card{border:none;margin-bottom:12px;}
.crni{color:black}
.narancastaCrta{border-bottom:3px solid #f58021;}
.inline{display:inline}
.margin-bottom-30{margin-bottom:30px;}
/*.ogromnaikona{font-size:64px;color:#f58021;margin-bottom:1rem}*/
.ogromnaikona{font-size:34px;color:#f58021;margin-bottom:0.3rem}
.velika{font-size:39px;}
.margin-bottom-1rem{margin-bottom:1rem;}
h4{font-size:28px}
.manjifont{font-size:0.897rem;}
.itbplava{color:#653091}
.itbnarancasta{color:#f58021}
.vecitekst{font-size:1.24rem}
.padding-left-50{padding-left:37px}
.bg-light{background-color: rgb(#232323) !important}
.navbar{font-size:0.9rem;font-weight:bold}
.navbar a {margin-right:1rem;}
.bold{font-weight:bold}
.prekrizeni{text-decoration:line-through}
.kartica{padding-top:12px;margin-bottom:12px}
.bijelaikona{color:white;font-size:3rem}
.narucujem{margin-bottom:20px;}
.zatraziponudu{margin-bottom:30px;}
.border-lijevodesno{border-right:1px solid #efefef;border-left:1px solid #efefef}
.table{margin-bottom:0;}
.bijelinsalovbold{color:white;font-weight:bold}
.okrugla {
  display: inline-block;
  border-radius: 100%;
  box-shadow: 0px 0px 2px #888;
  padding: 0.5em 0.5em;
  background-color:#f58021;
  color:white;

}

.crveni{color:red}

.stupac_hosting_1,.stupac_hosting_2,.stupac_hosting_3,.stupac_hosting_4 {background:none;color:#999999;}
.stupac_hosting_1.active,.stupac_hosting_2.active,.stupac_hosting_3.active,.stupac_hosting_4.active {background:#ff6;color:black;border-right: 2px solid red;    border-left: 2px solid red;}
.placanje{width:20px;height:20px}

.prekrizeno{text-decoration:line-through}




.bijelitekst{color:white}
.dropdown-menu {
    top: 95%
}

nav   {  border-bottom: 1px solid #FFF;}



.active .abc-checkbox input[type="radio"]:checked+label::after {color:green}


.abc-checkbox{font-size:29px;display:inline}
input[type="radio"]{display:none !important}

.abc-checkbox input[type="checkbox"]:checked+label::after,
.abc-checkbox input[type="radio"]:checked+label::after {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    content: "\f058";
    font-weight: 700;
}

.abc-checkbox input[type="checkbox"] +label::after,
.abc-checkbox input[type="radio"] +label::after {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    content: "\f111";
    /*font-weight: 900;*/
}



@media (max-width: 767px) { 
    .ogromni-h1{font-size:44px}
	.sivi{display:block}
}