/* generalno */
@font-face {
  font-family: 'Roboto Slab';
  src:  url('../font/Roboto-Slab-Regular.woff2') format('woff2'),
        url('../font/Roboto-Slab-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Montserrat';
  src:  url('../font/Montserrat-Bold.woff2') format('woff2'),
        url('../font/Montserrat-Bold.woff') format('woff');
  font-weight: bold;
}

@font-face {
  font-family: 'Montserrat';
  src:  url('../font/Montserrat-Regular.woff2') format('woff2'),
        url('../font/Montserrat-Regular.woff') format('woff');
}

.modal-dialog-cookies {
position: relative;	
max-width: 100vw;
margin: 1rem;
width: auto;
}

/* cookiealert */
.alert{
border: 1px solid transparent;
text-align:center;
font-size: 15px;
}

.alert a{
color:#54c1ff;
text-decoration:none;
}

.alert p{
display:inline-block;
}
/* cookiealert - kraj */




/* BOOTSTRAP DODACI */
.img-fluid {
max-width: 100%;
height: auto;
}

.d-block {
  display: block !important;
}

.d-none {
  display: none !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}	

.justify{
text-align: justify;
text-justify: inter-word;	
}

@media (max-width:991px){
.justify{
text-align:left;	
}

.sadrzaj{
margin-top:25px;	
}
}
/* BOOTSTRAP DODACI - kraj */


/* OPCE */
body{
overflow-x:hidden;
font-family:'Roboto Slab';	
-webkit-tap-highlight-color:#54c1ff;
}

p{
line-height:1.75;
}



a:hover{
color:#005382;
text-decoration:none;
}

#page-top a{
outline:0;	
}

.text-primary{
color:#007cc2!important;
}

h1,h2,h3,h4,h5,h6{
font-weight:700;
font-family:'Montserrat';
}

section{
padding:100px 0;
}

section h2.section-heading{
font-size:40px;
margin-top:0;
margin-bottom:-15px;
}

section h3.section-subheading{
font-size:16px;
font-weight:400;
font-style:italic;
margin-bottom:40px;
text-transform:none;
}

@media (min-width:768px){
section{
padding:100px 0;
}
}

hr {
height: 1px;
width: 70px;
text-align: center;
position: relative;
background: #007cc2;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
border: 0;
}

.tekst-greska{
color:#dc3545;	
}

.tekst-lijevo{
text-align:left;
}

/* Redefiniraj gumb */	
.btn{
font-family:'Montserrat';
font-weight:700;
}	
	
.btn-xl{
font-size:18px;
padding:20px 40px;
}	
	
.btn-primary{
background-color:#007cc2;
border-color:#0186d1;
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
background-color:#0275b6!important;
border-color:#007cc2!important;
color:#fff;
}

.btn-primary:active,.btn-primary:focus{
box-shadow:0 0 0 .2rem rgba(118,206,255,.5)!important
}
/* Redefiniraj gumb - kraj */


::-moz-selection{
background:#fed136;
text-shadow:none
}

::selection{
background:#fed136;
text-shadow:none
}	

img::selection{
background:0 0;
}

img::-moz-selection{
background:0 0;
}

.clanak-pt{
padding-top:140px;	
}

/* OPCE - kraj */


/* IZBORNIK */
#izbornik {
	padding: 20px;
	transition: all 0.8s;
	border:none;
}

#izbornik.navbar-default {
	background-color:white;
	border:0px;
	box-shadow: 0 5px 10px 0 rgba(50, 50, 50, .15);
}

#izbornik a.navbar-brand {
font-size: 22px;
font-weight:bold;


-webkit-transition:all 0.8s;
-moz-transition:all 0.8s;
transition:all 0.8s;
padding:0px!important;
}

#izbornik.on .navbar-brand{
font-size:17px;
}

#izbornik a.navbar-brand:hover {
color:#54c1ff;
}

#izbornik a.navbar-brand i.fa {
	color: #88bb45;
}

#izbornik .navbar-brand .logo {
	width:265px;	
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	transition:all 0.8s;
}

/* kad je mobitel u pitanju */
@media (max-width:480px){
	
#izbornik {
	padding: 15px;
}
	
#izbornik .navbar-brand .logo {
	
	width:185px;	
	margin-top:6px;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s;
	
}
	
}

#izbornik.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	font-size:90%;
	font-weight:400;
	letter-spacing:1px;
	color:#7b7b7b;
	font-family:'Montserrat';
	font-weight:bold;
}

#izbornik.navbar-default .navbar-nav > li > a:hover {
	color:#54c1ff;
}

.on {
	background-color: white !important;
	padding: 5px !important;
}

#izbornik.navbar-default .navbar-nav > li > a:hover, #izbornik.navbar-default .navbar-nav > li > a.aktivno {
color:#54c1ff!important;
}

/* zastavice za odabir jezika */
#izbornik li.jezik > a {
padding-right:0px!important;
}

#izbornik li.jezik img {
height:20px;
}

/* hamburger gumb */
.navbar-toggle{
	border:0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #7b7b7b;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
	border-color: #71bd46;
}

.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #54c1ff;
}

.section-title {
	padding-bottom: 50px;
}
/* IZBORNIK - kraj */


/* PODIZBORNIK */
.dropdown-menu{
  background-color:white!important;
  left:0px!important;
  right:auto!important;
}

.open .dropdown-toggle{
  background-color:#E9E9E9!important;
}

.dropdown-submenu {
  position: relative;
  top: 0;
}

.dropdown-menu li :hover{
color:#54c1ff !important;
}

.dropdown-menu li .aktivno{
color:#54c1ff !important;
}
/* PODIZBORNIK - kraj */





/* ZAGLAVLJE */
header.masthead{
height:100vh;
text-align:center;
color:#fff;
background-image:url(../slike/zaglavlje_pozadina.jpg?v=5);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

/* Što je kontrol ERP? - overlay zaglavlja */
header.masthead .intro-text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
padding-top:40px;
}

header.masthead .intro-text .intro-lead-in{
margin-top:50px;
font-size:30px;
font-style:italic;
line-height:22px;
margin-bottom:25px;
}

header.masthead .intro-text .intro-heading{
font-size:15px;	
font-weight:700;
line-height:50px;
margin-bottom:25px;
font-family:'Montserrat';
}

@media (min-width:768px){
	
header.masthead .intro-text .intro-lead-in{
margin-top:20px;
font-size:40px;
font-style:italic;
line-height:40px;
margin-bottom:25px;
}

header.masthead .intro-text .intro-heading{
font-size:25px;	
font-weight:700;
line-height:75px;
margin-bottom:50px;
font-family:'Montserrat';
}

}
/* ZAGLAVLJE - kraj */	


/* SEPARATOR */
#separator_sivi_ugao{
position: absolute;
height:6vh;
width: 100%;	
padding:0!important;
background: url(../slike/separator.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}

#separator_sivi_ugao_n{
position: absolute;
height:6vh;
width: 100%;	
padding:0!important;
background: url(../slike/separator_n.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}

.kat_siva{
background-color:#e7e7e7;	
}

#separator_crni_ugao{
position: absolute;
height:6vh;
width: 100%;	
padding:0!important;
background: url(../slike/separator_c.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
/* SEPARATOR - kraj */


/* O NAMA */
#onama {
	background: url(../slike/parallax.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center; 
	color: #ddd;
	padding: 140px 0;
	
}

#onama .bijeli_tekst{
color:white!important;
}

#onama a{
text-decoration:none;
color:white;
text-decoration:underline;
}
/* O NAMA - kraj */


/* TIM */
.rounded-circle{
border-radius:50%!important;	
}



.clan-tima{
text-align:center;
}
/* TIM - kraj*/


/* KLIJENTI */
section.klijenti{
margin:0px;	
padding-top: 10px!important;
padding-bottom: 10px!important;
}

section.klijenti .logo{
height:50px;
margin:20px;
}
/* KLIJENTI - kraj */


/* KONTAKT */
section#kontakt{
color:white;
padding:60px 0;
background-color: #212529;
/*background-image: url("../slike/kontakt_bg.png");*/
background-repeat: no-repeat;
background-position: center;
background-position: 50% 50px; 
}

#kontakt input {
  color: #fff;
  background: transparent;
  border: none;
  background:#303437;
  box-shadow: none;
}

#kontakt textarea {
  color: #fff;
  background: transparent;
  border: none;
  background:#303437;
  box-shadow: none;
  min-height:97px;
}
	
	
#kontakt .naslov-sekcije{
  font-size: 22px;
  color: #fff;
  position: relative;
  padding-bottom: 15px;
}	

#kontakt .kontakt-info {
  margin: 0 0 60px 0;
  padding: 0;
  color:#868e96;
}
#kontakt .kontakt-info a{
  color:#868e96;
  text-decoration:none;
}
#kontakt .kontakt-info li {
  font-size: 14px;
  list-style: none;
  margin: 0 0 20px 0;
  position: relative;
  padding-left: 40px;
}
#kontakt .kontakt-info li i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 22px;
  color: #007cc2;
}

#kontakt .social-media {
  margin: 0 0 30px 0;
  padding: 0;
}
#kontakt .social-media li {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  margin-right: 10px;

}
#kontakt .social-media li a {
  color: #007cc2;
}
#kontakt .social-media li a:hover, #kontakt .social-media li a:focus, #kontakt .social-media li a:active {
  text-decoration: none;
  color:#0275b6;
}

#kontakt .social-media li font {
float:right;
padding:6px;
}
	
#kontakt .btn-xl{
font-size:18px;
padding:8px 18px;
cursor:pointer;
}
/* KONTAKT - kraj */


/* COPYRIGHT */
footer{
background-color:#303437;	
color:#868e96;
padding:5px 0;
text-align:center;
}
/* COPYRIGHT - kraj */


/* MODAL */
.modal-body h2{
font-size:20px;	
margin-top:5px;
}

.close-modal{
text-align:right;
padding: 5px 10px 0px 0px;
}

.close-modal .fa-times{
font-size:23px;	
color:#cbcbcb;
cursor:pointer;
}

.close-modal .fa-times:hover{
color:#a6a6a6;
}
/* MODAL - kraj */









/* MODULI */
#moduli .kartica{
padding:20px;
margin-bottom:25px;	
background-color:white!important;
height:320px!important;
}

@media (max-width:768px){
#moduli .kartica{
height:auto!important;;	
}
}

#moduli .icon {
  font-size:40px;
  color:#02007e!important;
}

#moduli .shadow {
  box-shadow: 0 5px 15px rgba(0, 0, 0, .07) !important;
  transition: .3s ease
}

#moduli h3 {
  color:#242738!important;
  height:40px;
  font-size:20px!important;
}

#moduli p {
  color:#636363!important;
  font-size:15px;
}

#moduli .shadow:hover,
#moduli .shadow:focus {
  box-shadow: 0 14px 25px rgba(0, 0, 0, .5) !important;
}
/* MODULI - kraj */