@import url('https://fonts.googleapis.com/css?family=Montserrat');
body {
   overflow-x: hidden;  width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
	font-family: 'Montserrat', sans-serif;
	}
#c2{
	text-align:center;
	background-color: #000;
	color: white;
}

#pozicijecentar{

	text-align:center !important;
	align-content:center !important;
	
}
#nazivprodavnice{
	font-size: 40px;
	font-family: serif;
	color: grey;
	text-align:center !important;
	align-content:center !important;
	
}
#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}
#tekstic{
	color: grey;
}
#jaa {
	font-size: 14px;
	
}


.addedpic{
	height:450px !important;
	width: 620px !important;
	 border-style: solid;
    border-width: 2px;
}



#naziviodeljenjeunutra{
	text-align:center !important;
	align-content:center !important;
	margin-bottom:20px;
	margin-top:30px;
}
 #galerija2{
	  margin-top:15px!important;
  }
#banner {
  background-color: white;

  background-size: 100%;
  background-size: cover;
  padding: 1.3%;
  color: white; }
#banner2 {
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: cover;
  padding: 1.3%;
  color: white; 
  margin-bottom:80px;}
#logo {
  width: 40%; }
#knkus{
	margin-top: -72px;
}
#logo-pic {
  display: block;
  margin-left: auto;
  margin-right: auto; }
#logo-pic12{
  display: block;
  margin-left: auto;
  margin-right: auto;
  height:80px;
  width:auto;}
.navbar-link:hover{
	color:green;
}
#noviid2323{
	background: url("../../assets/tekstbckg.png");
}
#slicica{
	background: url("../../assets/tekstbckg.png");
	font-size:large; 
	  font-family: "Times New Roman", Times, serif;
	  text-align:center;
	  padding-left:23%;
	  padding-right:23%;
	  padding-top:4%;
	  color:grey;
}
#tekstparagraf{
	
	font-size:large; 
	  font-family: "Times New Roman", Times, serif;
	  text-align:center;
	  padding-left:26%;
	  padding-right:26%;
	  color:grey;
	  margin-bottom:100px;
}

#map{
	width:100%;
	height:600px;
}
.baner-nav {
  width: 60%; }

.navigation-ul ul {
  list-style-type: none;
  margin: 0;
  padding: 1.2% 0;
  display: table;
  width: 100%; }
  .navigation-ul ul .navbar-link {
    display: block;
    color: grey;
    text-align: center;
    float: left;
    width: 13%; }
	 .navigation-ul ul .navbar-link:hover {
    color: #4c6198 }
  .navigation-ul ul .navbar-link:first-child {
    width: 10%; }
  .navigation-ul ul #dok {
    width: 17%; }

.naslov {
  width: 40%;
  margin: auto;
  text-align: center; }

hgroup {
  margin-top: 36%;
  margin-bottom: 12%; }

.hdr-button {
  border: 0px;
  background-color: rgba(0, 54, 163, 0.6);
  padding: 2% 5.5% 2.5%;
  font-size: 103%;
  margin-bottom: 24%; }

.buttons-clickable {
  /*background: url("../assets/"); */
}

.zasto {
  margin: auto;
  width: 60%;
  text-align: center;
  margin-top: 5%;
  margin-bottom: 6%;
  color: #4c6198; 
}

.dynamic-buttons {
  margin-bottom: 12%;
  float: left;
  width: 100%; }

.tree-circles {
  width: 27%;
  margin: auto;
  -ms-flex-line-pack: middle;
  align-content: middle;
  text-align: center; }
  .tree-circles .img-circle {
    margin-top: -12%;
    width: 25%; }
  .tree-circles .img-circle:last-child {
    float: right; }
  .tree-circles .img-circle:first-child {
    float: left; }



.prviKont {
  width: 100%;
  background: url("../../assets/02-background.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: cover; }

.tekstMaterijala {
  width: 35%;
  margin: auto;
  margin-top: 5%;
  margin-bottom: 5%;
  text-align: justify;
  color: #a8a7af; }

.za-sta {
  width: 100%; }

.ako-dole {
  color: #4c6198;
  margin-top: 5%;
  margin-bottom: 6%;
  font-size: 140%; }

.prfButton {
  background-color: #36afe4;
  margin-bottom: 1%;
  padding-bottom: 2.4%;
  color: white; }

.polovina-prva {
  width: 50%;
  float: left;
  padding-right: 1%; }
  .polovina-prva button {
    float: right;
    width: 50%;
    border: 0px;
    border-right: 5px solid #36afe4;
    border-radius: 0px;
    margin-bottom: 1%;
    padding: 3%; }

.polovina-druga {
  padding-left: 1%;
  float: left;
  width: 50%; }
  .polovina-druga button {
    float: left;
    width: 50%;
    border: 0px;
    border-right: 5px solid #36afe4;
    border-radius: 0px;
    margin-bottom: 1%;
    padding: 3%; }
  

#txt3{
  font-size: 28px;
  color: white;
  text-align=center;
}
#txt4{
  font-weight: 100 !important;
  font-size: 28px;
  color: white;
  text-align:center;
}
#aaa{
  color:white;
  text-align:center;
  margin-bottom: 10px;
  
}
.drugi {
  width: 100%;
  background: #40558a !important;
  position:center;
  text-align:center;
  align:center;
  
}
#linija{
	background-color:white !important;
	font-size: 10px !important;
	color:grey;
}
#noviid{
	width:100%
}
#noviid hr{
	margin-top:-5px;
	margin-left: -60px;
	margin-right: -60px;
}
.navbar-link2 a:hover {
color:#0ca530 !important;}


#p2 {
   width: 120px;
    height: 120px;
    margin-top: 7%;
    margin-bottom: 9%;
}
#sendmsg {
  background-color: white !important;
  color: rgb(64,85,138) !important;
  padding-right: 45px;
  padding-left:45px;
  
}
.links1 {
  width: 18px;
  height: auto;
  
}
.links12 {
  width: 20px;
  height: auto;
  
}
.links123{
	margin-bottom:5px !important;
}


.links124{
	margin-bottom: 70px !important;
	margin-top: 25px;
	margin-left: 3px;
	margin-right:3px;
	
	width:auto;
}
#novina{
	float: left !important;
}
#newmain1{
	background: url("../../assets/bckg.png") !important; 
	
}
#brendovib2{
	margin-top: 30px;
	margin-bottom: 10px;
}
#noviid2323
{
	text-align:center !important;
	align-content:center !important;
    
	
}
#noviid23243{
	text-align:center !important;
	align-content:center !important;
}
#d2, #d3,#d4,#d5,#d6,#d7,#d8
{
    display:inline;
}




}
.kontakt {
  text-align:center;
  align:center;
}
.footer {
  background-color: #0ca530;
  color:white;
  font-size:17px;
}
.navbar-link2{
  list-style-type: none;
  margin: 0;
  padding: 1.2% 0;
  display: table;
  width: 100%; 
}
.navbar-link {
    display: block;
    color: grey;
    text-align: center;
    float: left;
    width: 12%; }#subject1{
  
    resize: none;
}

input[type=submit]:hover {
    background-color: #45a049;
}
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.problem{
    /* margin-top: -24%; */
    color: rgb(0,76,153);
    background: white;
    font-size: 44px;
    /* height: 30%; */
  text-align: center;
    background-size: cover;
    background-size: 100%;
    
}
.ProizvodButton {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 20px 36px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 28px;
  background-color: #008CBA;
}
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #40558a; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 4px; /* Add a top margin */
    margin-bottom: 4px; /* Bottom margin */
    resize: none; /* Allow the user to vertically resize the textarea (not horizontally) */
  color:white !important;
  background-color: #4b6298;
  
}
#subject12 {
  height: 60%;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d9dadb;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d9dadb;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #d9dadb;
}
#car23 a:hover{
	color: white !important;
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}
#CNT2{
  background: url("../../assets/mapbckg.png") !important; 
}
#CNT21{
  background: url("../../assets/map2.jpeg") !important; 
}
#btn232{
	margin-bottom: 20px;
}
@media screen and (max-width: 1500px)
{
  .navigation-ul
  {
    margin-top: .8%;
  }
  .navbar-link2
  {
    
    font-size: 1.1rem;   
  }
  html,
  body{
    width:100%;
    overflow-x:hidden;
  }
  
  


  
}

@media screen and (max-width: 1300px)
{
	html,
  body{
    width:100%;
    overflow-x:hidden;
  }
  .addedpic{
	height: 300px !important;
	width: 430px !important;
	 border-style: solid;
    border-width: 2px;
}
  #banner
  {
    background-size: 100%;
  }
  .navbar-link2
  {
    margin-top: 5%;
    font-size: 1rem;   
  }
  .navbar-link
  {
    width: 90px;
    display: inline-block;
  }
 
  #logo-pic
  {
    height: 25px;
  }
  hgroup {
  margin-top: 27%;
  margin-bottom: 11%; }
  hgroup h1
  {
    font-size: 3rem;
  }
  .hdr-button
  {
    margin-bottom: 10%;
  }
  #h2
  {
    font-size: 1.8rem;
  }
  .polovina-prva
  {
    padding-right: 2%;
  }
  .polovina-druga
  {
    padding-left: 2%;
  }
  .tekstMaterijala
  {
    width: 50%;
    padding: 4% 0%;
  }
  .naslov
  {
    width: 60%;
  }
  .prfButton
  {
    margin-top: 5%;
    font-size: 1.8rem;
  }
  .kontakt
  {
    margin-top: -2%;
    margin-bottom: 2%;
    font-size: 95%;
  }
  #sendmsg
  {
    margin-top: 15%;
  }
  .links1
  {
    margin-right: 10px;
  }
}

@media screen and (max-width: 1100px)
{
	#jaa {
	font-size: 12px;
	
}
	
	html,
  body{
    width:100%;
    overflow-x:hidden;
  }
  #banner
  {
    background-size: 100%;
  }
  .navbar-link2
  {
    margin-top: 5%;
    font-size: .8rem;   
  }
  #logo-pic
  {
    height: 25px;
  }
  hgroup {
  margin-top: 28%;
  margin-bottom: 7%; }
  hgroup h1
  {
    font-size: 3rem;
  }
  .hdr-button
  {
    margin-bottom: 12.2%;
  }
  #h2
  {
    font-size: 2rem;
  }
  .polovina-prva
  {
    padding-right: 2%;
  }
  .polovina-druga
  {
    padding-left: 2%;
  }
  .tekstMaterijala
  {
    width: 50%;
    padding: 4% 0%;
  }
  .naslov
  {
    width: 60%;
  }
  .prfButton
  {
    margin-top: 5%;
    font-size: 1.4rem;
    margin-bottom: 4%;
  }
  .kontakt
  {
    margin-top: -2%;
    margin-bottom: 2%;
    font-size: 95%;
  }
  #sendmsg
  {
    margin-top: 15%;
  }
  .links1
  {
    margin-right: 10px;
  }
    .navigation-ul ul .navbar-link {
	
    display: block;
    color: grey;
    text-align: center;
    float: left;
    width: 15%; 
    margin-top: .5%;}
  .navigation-ul ul .navbar-link:first-child {
    width: 9%; }
  .navigation-ul ul #dok {
    width: 17%; }
    .ako-dole
    {
      font-size: 2.2rem;
      margin-top: 9%;
    }
    .txt3
    {
      text-align: center;
    }
}
@media screen and (max-width: 820px)
{
	html,
  body{
    width:100%;
    overflow-x:hidden;
  }
	.addedpic{
	height: 300px !important;
	width: 430px !important;
	 border-style: solid;
    border-width: 2px;
}
  #banner
  {
    background-size: 100%;
  }
  .navbar-link2
  {
    margin-top: 5%;
    font-size: .8rem;   
  }
  .navigation-ul
  {
    margin-top: 1%;
  }
  #logo-pic
  {
    height: 25px;
  }
  hgroup {
  margin-top: 24%;
  margin-bottom: 7%; }
  
  hgroup h1
  {
    font-size: 2.4rem;
  }
  #h2
  {
    font-size: 1.8rem;
  }
  .hdr-button
  {
    margin-bottom: 12.2%;
    font-size: 1rem;
    margin-top: 2%;
  }
  #h2
  {
    font-size: 2rem;
  }
  .polovina-prva
  {
    padding-right: 4%;
  }
  .polovina-druga
  {
    padding-left: 4%;
  }
  .tekstMaterijala
  {
    width: 50%;
    padding: 4% 0%;
  }
  .naslov
  {
    width: 60%;
  }
  .prfButton
  {
    margin-top: 5%;
    font-size: 1.4rem;
    margin-bottom: 4%;
  }
  .kontakt
  {
    margin-top: -2%;
    margin-bottom: 2%;
    font-size: 95%;
  }
  #sendmsg
  {
    margin-top: 15%;
  }
  .links1
  {
    margin-right: 10px;
  }
    .navigation-ul ul .navbar-link {
    display: block;
    color: white;
    text-align: center;
    float: left;
    width: 15%; 
    margin-top: .5%;}
  .navigation-ul ul .navbar-link:first-child {
    width: 9%; }
  .navigation-ul ul #dok {
    width: 17%; }
    .ako-dole
    {
      font-size: 2.2rem;
      margin-top: 9%;
    }
    .txt3
    {
      text-align: center;
    }
    .dynamic-buttons
    {
      font-size: .7rem;
    }
}
@media screen and (max-width: 800px)
{
	
	

	
	html,
  body{
    width:100%;
    overflow-x:hidden;
  }
	.addedpic{
			margin-top: 50px;
	height: 300px !important;
	width: 430px !important;
	 border-style: solid;
    border-width: 2px;
}
#IMUG{
	margin-top:50px;
	
}
  #banner
  {
    background-size: 100%;
  }
  .navbar-link2
  {
    margin-top: 5%;
    font-size: .65rem;   
  }
  .navigation-ul
  {
    margin-top: 1%;
  }
  #logo-pic
  {
    height: 25px;
  }
  hgroup {
  margin-top: 24%;
  margin-bottom: 7%; }
  
  hgroup h1
  {
    font-size: 1.5rem;
    margin-bottom: -3%;
  }
  #h2
  {
    font-size: 1rem;
  }
  .hdr-button
  {
    margin-bottom: 9%;
    font-size: .5rem;
    margin-top: 2%;
  }
  .polovina-prva
  {
    padding-right: 6%;
  }
  .polovina-druga
  {
    padding-left: 6%;
  }

  .tekstMaterijala
  {
    width: 50%;
    padding: 4% 0%;
  }
  .naslov
  {
    width: 60%;
  }
  .prfButton
  {
    margin-top: 5%;
    font-size: 1rem;
    margin-bottom: 4%;
  }
  .kontakt
  {
    margin-top: -2%;
    margin-bottom: 2%;
    font-size: 95%;
  }
  #sendmsg
  {
    margin-top: 15%;
  }
  .links1
  {
    margin-right: 10px;
  }
    .navigation-ul ul .navbar-link {
    display: block;
    color: white;
    text-align: center;
    float: left;
    width: 15%; 
    font-weight: bold; 
  }
  .navigation-ul ul .navbar-link:first-child {
    width: 9%; }
  .navigation-ul ul #dok {
    width: 17%; }
    .ako-dole
    {
      font-size: 1.5rem;
      margin-top: 9%;
    }
    .txt3
    {
      text-align: center;
    }
    .dynamic-buttons
    {
      font-size: .4rem;
    }
    .zasto h2
    {
      font-size: 1.3rem;
    }
    .tree-circles
    {
      width: 40%;
    }
    .tekstMaterijala
    {
      width: 85%;
    }
}
@media screen and (max-width: 650px)
{
	html,
  body{
    width:100%;
    overflow-x:hidden;
  }
	.addedpic{
			margin-top: 50px;
	height: 300px !important;
	width: 430px !important;
	 border-style: solid;
    border-width: 2px;
}
  #banner
  {
    background-size: 100%;
  }
  .navbar-link2
  {
    margin-top: 5%;
    font-size: .45rem;   
  }
  .navigation-ul
  {
    margin-top: 1%;
  }
  #logo-pic
  {
    height: 17px;
  }
  hgroup {
  margin-top: 24%;
  margin-bottom: 7%; }
  
  hgroup h1
  {
    font-size: .9rem;
    margin-bottom: -3%;
  }
  #h2
  {
    font-size: .6rem;
  }
  .hdr-button
  {
    margin-bottom: 9%;
    font-size: .5rem;
    margin-top: 2%;
  }
  .polovina-prva
  {
    padding-right: 6%;
  }
  .polovina-druga
  {
    padding-left: 6%;
  }

  .tekstMaterijala
  {
    width: 50%;
    padding: 4% 0%;
  }
  .naslov
  {
    width: 60%;
  }
  .prfButton
  {
    margin-top: 5%;
    font-size: 1rem;
    margin-bottom: 4%;
  }
  .kontakt
  {
    margin-top: -2%;
    margin-bottom: 2%;
    font-size: 95%;
  }
  #sendmsg
  {
    margin-top: 15%;
  }
  .links1
  {
    margin-right: 10px;
  }
    .navigation-ul ul .navbar-link {
    display: block;
    color: white;
    text-align: center;
    float: left;
    width: 15%; 
    font-weight: bold; 
  }

  .navigation-ul ul .navbar-link:first-child {
    width: 13%; }
  .navigation-ul ul #dok {
    width: 19%; }
    .ako-dole
    {
      font-size: 1.5rem;
      margin-top: 9%;
    }
    #txt3
    {
      text-align: center;
      font-size: 2rem;
    }
    .dynamic-buttons
    {
      font-size: .4rem;
    }
    .zasto h2
    {
      font-size: 1.3rem;
    }
    .tree-circles
    {
      width: 50%;
    }
    .tekstMaterijala
    {
      width: 85%;
    }
    
}

@media screen and (max-width: 550px)
{
	html,
  body{
    width:100%;
    overflow-x:hidden;
  }
	.addedpic{
		margin-top: 50px;
	height: 200px !important;
	width: 230px !important;
	 border-style: solid;
    border-width: 2px;
}
  .navbar-link2
  {
    margin-top: 5%;
    font-size: .34rem;   
  }
  .navigation-ul
  {
    margin-top: 2.52%;
  }
}
@media screen and (max-width: 360px)
{
	html,
  body{
    width:100%;
    overflow-x:hidden;
  }
	.addedpic{
	height: 100px !important;
	width: 150px !important;
	 border-style: solid;
    border-width: 2px;
}
  .navbar-link2
  {
    margin-top: 5%;
    font-size: .25rem;   
  }
  #logo-pic
  {
    height: 15px;
    margin-top: 7%;
  }
  .navigation-ul
  {
    margin-top: 5%;
  }
  .zasto h2
  {
    font-size: .9rem;
  }
  #aaa
  {
    font-size: 1rem;
  }
  #txt4
  {
    font-size: 2rem;
  }
  #txt3
  {
    font-size: 2rem;
  }
}


 @media screen and (min-width: 1023px) and (max-width:1025px) {
	  .pr {
		  
		  font-size: 15px;
	  }
	 
	 #banner213 {
		font-size:20px; 
	 }
  #jaa {
	font-size: 11px;
	
}
.navbar-link{
	
	font-size: 13px !important; 
}
#navig {
	font-size: 13px !important;
}
.navbar-link2 {
	font-size: 13px ! important;
}
}

 
 
 
.navbar-link {
	font-size: 18px !important;
}