/*
Zuta dugmad

#ffbc01 -- ovo je fam
sa 
#f0ad4e -- original bootstrap warning boja
*/


/*Animirana slova*/

@-webkit-keyframes drawIn {
  0% {
    stroke: transparent;
    stroke-dashoffset: 10000;
  }
  75% {
    stroke: white;
  }
}
@keyframes drawIn {
  0% {
    stroke: transparent;
    stroke-dashoffset: 10000;
  }
  75% {
    stroke: white;
  }
}
svg {
  position: absolute;
  top: -20;
  right: 0;
  bottom: 20;
  left: 0;
  margin: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 35%;
}

.mask-path {
  stroke: white;
  stroke-dasharray: 10000;
  -webkit-animation: drawIn 2.5s 1s ease-in both;
          animation: drawIn 2.5s 1s ease-in both;
}

@media only screen and (max-width : 769px) {
    svg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      width: 35%;
    }
}


/*social*/
.social a{
  color: #000;
  font-size: 20px;
}
.social a:hover{
  color: #4d4d4d;
  text-decoration: none;
}
/*Carousel*/
#slider .item{
	height: 500px;
}
#slide1{
	background: url( ../images/slajder1.jpg) center no-repeat;
	background-size: cover;
}
#slide2{
	background: url( ../images/slajder2.jpg) center no-repeat;
	background-size: cover;
}
#slide3{
	background: url( ../images/slajder3.jpg) center no-repeat;
	background-size: cover;
}
.carousel-caption{
	margin-bottom: 50px;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.60);
	border-radius: 10px;
}
.carousel-caption a{
	color: #fff !important;
}
.carousel-caption a:hover{
	text-decoration: none;
}
.carousel-caption h4{
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.8em;
}
.carousel-caption h4:hover{
	color: #ffbc01;
}
.carousel-caption p{
	text-align: left;
	font-size: 1.2em;
}
.carousel-indicators li{
	border:1px solid rgba(255, 255, 255, 0.4) !important;
	width: 60px !important;
	height: 3px !important;
	border-radius: 1px !important;
}
@media only screen and (min-width: 950px){
    .carousel-caption{
        padding-bottom: 120px !important;
    }
}



/*MAIN*/
.navbar-collapse, .collapsed {
	overflow: visible !important;
}
#startchange{
	position: relative;
	top: 30px;
}
body{
	font-family: 'Open Sans', sans-serif !important;
	overflow-x: hidden;
}
a{
	padding: 5px !important;
        /*padding: 5px;*/
}
.txt h3{
	font-size: 2.3em;
	font-weight: bold;
}
.txt p{
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 30px;
}
/*NAVIGATION*/
.margin {
	border-top: 1px solid rgba(255, 255, 255, 0.75);
}
.bottomNav a{
	font-size: 1.7em;
	padding: 17px 20px 17px 20px !important;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
}
.bottomNav li{
	transition: ease-in 100ms;
}
.bottomNav li:hover{
	color: red !important;
}
.navbar-default{
    background:transparent;
    border:none !important;
    transition: background-color 300ms;
}
.btnNav{
	background-color: transparent !important;
}
.navbar {
	padding-top: 10px;
	background-color: rgba(255, 255, 255, 0.5);
}
.topNav > li{
	border-right: 1px solid rgba(255, 255, 255, 0.4);
	padding: 0px 10px 0px 10px !important;
	margin-bottom: 10px;
}
.topNav li:hover a{
	color: #ffbc01;
}
.topNav li:last-child{
	border: none;
}
.topNav a, .dropdown-toggle{
	color: #fff !important;
}
.dropdown-menu a{
	font-family: 'Open Sans', sans-serif;
	color: #000 !important;
}
.dropdown-toggle{
	background: none;
}
.logoResp {
	display: none;
}
.dropdown-menu a{
	color: #000 !important;
}
.contact-footer{
	padding: 20px 0px;
	/*border-top: 3px solid #ffbc01 !important;
	border-bottom: 5px solid #ffbc01 !important;*/
}

/*SEARCH BAR*/
#search {
	padding-top: 8px;
}
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}
input[type=search] {
	background:  url( ../images/search-icon-white.png) no-repeat 9px center;
	border: none;
	padding: 5px 10px 5px 32px;
	width: 25px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	background:  url( ../images/search-icon.png) no-repeat 9px center;
	width: 150px;
	background-color: #fff;
	border-color: #008925;

	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/*VIDEO*/
.filter {
	/*background-color: rgb(41, 127, 78, 0.5);*/
        background-color: transparent !important;
	height: 100vh;
}
.inFilter{
	padding-top: 30vh;
	text-align: center;
	background-color: transparent;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: 'Lobster', cursive;
}
.inFilter h1{
	font-size: 3.5em;
	font-weight: lighter;
}
.inFilter p{
	font-size: 3.5em;
}
.inFilter i {
	padding-top: 30vh;
	position: relative;
	font-size: 2.5em;
	transition: all 0.2s ease;
}
.inFilter a{
	color: #fff;
}
.inFilter i:hover{
	color: #ffbc01;
}
header {
      width:100%;
      height:80vh;
      overflow: hidden;
      background-size: contain;
    }
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
    height: 100vh;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    /*height: 100vh;*/
    width: 100%;
    overflow: hidden;
    background: transparent !important;
    padding: 0px;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}
.bounceInLeft  {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.fa-chevron-down{
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;   
}
/*NEWS*/

.greenBg {
	background-color: #297f4e;
	position: relative;
	padding: 0px !important;

}
#najnovije p{
	padding-right: 220px;
	color: #fff;
	font-weight: 200;
	text-transform: uppercase;
	font-size: 1.5em;
	display: block;
	float: right;
}
#najnovije {
	padding: 8px 8px 0px 8px;
	position:absolute;
	top: -48px;
	width: 100%;
	background-color: #ffbc01;
	z-index: 101;
	width: 39%;
	margin-left: 0 !important;
}
.one {
	border-left: 1px solid #ffbc01;
}
.allWrapp{
	padding-bottom: 10px;
}
.news h3 {
	color: #fff;
	text-transform: uppercase;
}
.news p {
	color: #ffbc01;
}
.news .btn-vesti {
	background-color: #ffbc01;
	border:none;
	color: #fff;
}
.news {
	border-right: 1px solid #ffbc01;
	background-color: #297f4e;
	padding: 0px !important;
}
.newsWrapp {
	z-index: 102;
	padding: 1px 10px 1px 10px;
	width: 100%;
	background-color: #297f4e;
	position: relative;
	transition: transform 120ms ease-in-out;
}
.news:hover .newsWrapp {
	transform: translate(0px, -100px);
	transition: transform 120ms ease-in-out;
}
.postDate{
	background-color: #297f4e;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 103;
}
.vesti-header a{
	color: #000;
	padding-left: 0px !important;
}
.vesti-header a:link{
	color: #000;
	text-decoration: none;
}
.vesti-header:hover a{
	color: #4D4D4D !important;
}
.postDate i {
	color: #ffbc01;
	float: right;
	font-size: 2em;
	padding: 5px;
}
.postDate p{
	float: left;
	font-size: 2em;
	padding-left: 10px;

}
#cont2{
	background: url( ../images/bgsekcija.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}
.dropdown-menu a{
	color: #000 !important;
}
/*SLAJDER PONUDE*/
.sliderPonude h3 {
    font-size: 2.5em;
    font-weight: 900;
    color: #FFF;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.sliderPonude{
	margin-top: 60px;
        padding-top: 45px;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/*SAVETNIK*/
.savetnik-main{
	padding-top: 40px !important;
}
.savetnikNaslov{
	font-size: 2.5em;
	font-weight: 900;
	padding-top: 30px;
	padding-left: 0px !important;
}
.savetnik-bez-akcije {
	padding-top: 0px;
	font-size: 2.5em;
	font-weight: 900;
	padding-left: 20px !important;
}
.savetnik {
	background-color: rgba(204,204,204,0.9);
	margin: 20px 0px 20px 0px !important;
	padding: 10px 0px 10px 0px !important;
	width: 100%;
	border-radius: 10px;
}
#form p{
	font-weight: 100;
	font-size: 1.2em;
	padding: 5px;
	margin: 0 !important;
}
#tip {
	width: 100%;
}
#form .btn-savetnik {
	border: none;
	background-color: #4D4D4D !important;
	/*padding: 5px 20px 5px 20px;*/
	margin-bottom: 5px;
}
#form .btn-savetnik:hover {
	background-color: #ffbc01 !important;
}
#form .clicked {
    border: none;
    /*padding: 5px 20px 5px 20px;*/
    margin-bottom: 5px;
    background-color: #ffbc01 !important;
}
.savetnik-btn{
	background-color: #4D4D4D !important;
	margin: 5px !important;
	width: 100%;
}
.form{
	background-color: #4D4D4D;
	border:none;
	border-radius: 10px;
	padding: 3px;
	margin:5px;
	color: #fff;
	font-size: 1.5em;
	width: 100%;
}
.form option{
	background-color: #fff;
	color: #000;
}
.daljedugme input{
	float: right;
	text-transform: uppercase;
	border: 2px;
        border-color: #fff;
	border-radius: 2px;
	padding: 8px;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #ffbc01 !important;
	color: #fff;
}
.postavite-pitanje {
	float: left;
	cursor: pointer;
	margin-left: 10px !important;
}
.daljedugme input:hover{
	background-color: #297f4e;
}
.daljedugmeproizvod{
	margin-right: 15px;
}
.pretraga {
	margin-bottom: 10px;
}
.proizvodi_sekcija {
	width: 60%;
	margin: 0 auto;
	position: relative;
	height: 50vh;
	overflow: hidden;
}
.prva {
	position: absolute;
	top:10px
}
.druga {
	position: absolute;
	top:10px
}
.treca {
	position: absolute;
	top:10px
}
.download-proizvoda{
	padding-top: 10px;
	font-size: 1.3em;
}
.download-proizvoda h3{
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}
.download-proizvoda a{
	display: inline-block;
	padding-top: 10px;
	color: #000;
}
.download-proizvoda i{
	color:red;
}
.download-proizvoda a:hover{
	color: #ffbc01;
	text-decoration: none;
}
.download-proizvoda a:hover i{
	color: red;
	text-decoration: none;
}
.proizvodi {
	width: 100%;
	height: 100%;
	position: absolute;
	top: -20px;
	left: 0;
	background: url( ../images/pozadina.png);
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 50% 0;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.proizvodi h3 {
	font-size: 3em;
	padding-top: 50px;
	text-transform: uppercase;
	font-weight: 900;
}
.underline {
	border-bottom: 8px solid #ffbc01 ;
	width: 10%;
	margin: 0 auto;
	margin-bottom: 20px;
}
#prvaslika{
	width: 100%;
	position: absolute;
	top: -25px;
	left: 0;
	z-index: 106;
	height: 100%;
	background: url( ../images/prednja.png);
	background-size: cover;
	background-repeat: no-repeat;
    background-position: 10% 0;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#drugaslika {
	width: 100%;
}
#druga {
	position: relative;
    top: -205px;
    width: 100%;
}
.slider-vesti{
	padding:0px !important;
}
.downloadSekcija {
	background-color: #505050;
	padding: 50px;
	color: #fff;
}
.downloadSekcija h3 a{
	color: #fff;
}
.downloadSekcija h3:hover a{
	color: #ffbc01;
	text-decoration: none;
}
.downloadSekcija p a{
	color: #fff; 
}
.downloadSekcija p:hover a{
	color: #ffbc01;
	text-decoration: none;
}
.primerak-downloada a{
	color: #fff !important;
        padding: 0px !important;
}
.primerak-downloada:hover a{
	color: #ffbc01;
	text-decoration: none;
}
.primerak-downloada a:active{
	color: #fff !important;
}
.primerak-downloada a:visited{
	color: #fff !important;
}
.downloadRow i{
	font-size: 2em;
}
.ikona{
	margin-top: 20px;
}
.downloadRow h3:hover{
	color: #ffbc01 !important;
}
.footer-logo{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.footer-logo i{
	font-size: 2em;
}
.footer-logo img{
	margin-top: 10px;
}
.footer{
	/*background-color: #E5E5E5;*/
        background-color: #FFF;
        border-top: 3px solid #ffbc01 !important;
}
.dropup .btn-default{
	background-color: transparent !important;
}
.footerLogo{
	padding-top: 10px;
}
.footerNav ul {
	text-align: right;
}
.footerNav li{
	display: inline-block;
	text-decoration: none;
	list-style-type: none;
	padding-left: 10px;
	margin-top: 10px;
}
.footerNav a{
	text-decoration: none;
	color: black;
}
.footerNav a:hover{
	color: #808080;
	text-decoration: none;
}
.rowTop {
	padding-top: 5px;
	border-bottom: 1px solid black;
}
.dropup .btn-default {
	border:none;
}
.dropup i, .dropup .dropdown-toggle{
	color: #000 !important;
	padding-top: 0px;
}
.drop-down-menu li{
	color: #000 !important;
}
.drop-down-menu li:hover{
	color: #ffbc01 !important;
	background-color: #DDDDDD !important;
}
.rowBottom{
	padding: 10px 0px 10px 0px;
}
.rowBottom i{
	font-size: 1.5em;
	padding: 2px;
}
/*STRANA GRUPE PROIZVODA*/
.sviProizvodiGrupa{
	border-left: 1px solid #ccc;
}
.navigacijaStrane{
	background-color: #E5E5E5 !important;
}
.marginSecPage{
	border-top: 1px solid #000;
}
.donjiMeni a{
	font-size: 1.7em;
	padding: 17px 20px 17px 20px !important;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
}
.donjiMeni li:hover{
	background-color: #ffbc01;
}
.donjiMeni li:hover a{
	color: #fff !important;
}

.gornjiMeni > li{
	border-right: 1px solid rgba(0, 0, 0, 0.4);
	padding: 0px 10px 0px 10px !important;
	margin-bottom: 10px;
}
.gornjiMeni li:hover a{
	color: #ffbc01;
}
.gornjiMeni li:last-child{
	border: none;
}
/*.gornjiMeni a, .dropdown-toggle{
	color: #000 !important;
}*/
.dropdown-menu a{
	font-family: 'Open Sans', sans-serif;
	color: #000 !important;
}
.dropdown-toggle{
	background: none;
}
/*PROIZVODI*/
.proizvod a{
	padding: 0px !important;
	color: #000;
}
.proizvod a:hover{
	text-decoration: none;
	color: #000;
}
.proizvodiContainer{
	padding-bottom: 25px;
}
.proizvodiSidebar a:hover{
	color: #ccc;
	text-decoration: none;
}
.proizvodGrupa{
    position:relative;
    top:0;
    transition: all 0.2s ease;
}
.proizvodGrupa:hover{
	top:-10px;
}
.proizvodGrupa p{
	/*font-weight: 600;*/
	display: block;
	margin-top: 10px;
        height:45px !important; 
        overflow:hidden !important;
        /*height: 1.6em; */
        overflow: hidden; 
        text-overflow: ellipsis; 
        /*white-space: nowrap;*/
        padding-left: 3px;
        padding-right: 3px;
        text-transform: uppercase;
        font-size: 13px;
        line-height: 14px;
}
.proizvodGrupa img{
	width: 100%;
}
.proizvodSlika{
	border: 1px solid #ddd;
	padding: 5px;
	margin: 5px;
	transition: all 0.2s ease;
}
.proizvodGrupa:hover .proizvodSlika{
	border: none;
	transition: all 0.2s ease;
	-webkit-box-shadow: 0px 10px 52px -16px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 10px 52px -16px rgba(0,0,0,0.40);
	box-shadow: 0px 10px 52px -16px rgba(0,0,0,0.40);
}


/*SIDEBAR MENI GRUPE ARTIKALA*/
.accordion {
  width: 100%;
  margin: 10px auto;
}
.accordion h1, h2, h3, h4 {
  cursor: pointer;
}
.accordion h2, h3, h4 {
  font-family: 'Open Sans', sans-serif !important;
}
.accordion h1 {
  position: relative;
  left: 0;
  padding: 8px 0px 8px 5px;
  background-color: #FFFFFF !important;
  font-family: 'Open Sans', sans-serif !important;
  /*font-size: 1.7rem;*/
  font-size: 12px;
  font-weight: 400;
  color: #333;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  transition: all 0.4s ease;
  text-transform: uppercase;
}
.accordion h1:hover {
  color: #000;
  background-color: #eeeeee !important;
  left:+4px;
  transition: all 0.2s ease;
 -webkit-box-shadow: 0px 10px 52px -16px rgba(0,0,0,0.40);
 -moz-box-shadow: 0px 10px 52px -16px rgba(0,0,0,0.40);
 box-shadow: 0px 10px 52px -16px rgba(0,0,0,0.40);
}
.accordion h1:first-child {
  border-radius: 0px 0px 0 0;
}
.accordion h1:last-of-type {
    /**/
}
.accordion h1:not(:last-of-type) {
  border-bottom: 1px #999 solid;
  /*border-top: 1px #999 solid;*/
}
.accordion div, .accordion p {
  display: none;
}
.accordion h2 {
  padding: 8px 0px 8px 20px;
  background-color: #FFF;
  font-family: 'Open Sans', sans-serif !important;
  /*font-size: 1.5rem;*/
  font-size: 12px;
  font-weight: 500;
  color: #333;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px dotted #ededed;
  text-transform: uppercase;
}
.accordion h2:hover {
  color: #000;
  background-color: #eeeeee !important;
  -webkit-transition: background-color 0.4s; /* Safari */
  transition: background-color 0.4s;
}
/*
.accordion h2:last-of-type {
   border-bottom: 1px dotted #ededed;
}*/


.accordion h3 {
  padding: 8px 0px 8px 35px;
  background-color: #FFF;
  font-family: 'Open Sans', sans-serif !important;
  /*font-size: 1.4rem;*/
  font-size: 12px;
  font-weight: 400;
  color: #333;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.accordion h3:hover {
  color: #000;
  background-color: #eeeeee !important;
  -webkit-transition: background-color 0.4s; /* Safari */
  transition: background-color 0.4s;
}
.accordion h4 {
  padding: 8px 0px 8px 50px;
  background-color: #FFF;
  font-family: 'Open Sans', sans-serif !important;
  /*font-size: 1.3rem;*/
  font-size: 12px;
  font-weight: 300;
  color: #333;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.accordion a {
  padding: 0px !important;
  text-decoration: none !important;
  display: block;
  font-weight: 300;
}
.accordion h4:hover {
  color: #000;
  background-color: #eeeeee;
  -webkit-transition: background-color 0.2s; /* Safari */
  transition: background-color 0.2s;
}
.accordion p {
  padding: 15px 35px;
  background-color: #ddd;
  font-family: 'Open Sans', sans-serif !important;
  font-size: .8rem;
  color: #333;
  line-height: 1.3rem;
}
.accordion .opened-for-codepen {
  display: block;
}
.expand h5{
	padding-top: 0;
}

.accordion .expand {
  	display: block;
}
.selektori {
	margin-left: 15px;
}
#ex1Slider .slider-selection {
	background: #BABABA;
}



/*
.ikonica::after{
    margin-right: 0.5em;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "";
}*/
/*-----------Scrubber----------*/
#scrub {
  width: 30px;
  height: 30px;
  background-color: white;
  border-radius: 50%;
  cursor: move;
  position: relative;
  bottom: 10px;
  left: -10px;
  z-index: 1;
}
#scrub .active {
  cursor: move;
}

#timeline {
  width: 100%;
  height: 10px;
  background-color: #b3b3b3;
}

/*-----Filteri----*/
.clicked {
  background-color: #ffbc01;
	color: #fff !important;
}
.unclicked {
	background-color: red;
}
.filteri-sekcija{
	margin-top: 20px;
}
.filteri{
	font-size: 1.3em;
}
/*Checkboxes styles*/
input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  display: block;
  position: relative;
	line-height: 15px;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="checkbox"] + label:last-child {
  margin-bottom: 0;
}

input[type="checkbox"] + label:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}

input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -3px;
  left: 3px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}





/*PROIZVOD STRANA*/
.imgProizvoda img{
	border:1px solid #000;
	width: 100%;
	margin-top: 7%;
}
.proizvodOpis h2{
	font-size: 3.2em;
}
#opis{
	display: inline-block;
	border-bottom: 1px solid black;
	padding-bottom: 7px;
	font-weight: bold;
}
.varijante p{
	font-weight: bold;
	padding-top: 10px;
}
.tint {
  position: relative;
  float: left;
  /*margin-right: 20px;*/
  margin-bottom: 20px;
  cursor: pointer;
}
.tint img{
	width: 140px;
}
.tintimgDiv{
    top:0px;
    transition: all 0.2s ease;
}
.tintimgDiv:hover{
    top:-5px;
    transition: all 0.2s ease;
}
.korpaInfo{
	float: left;
}
.box{
	padding: 5px 2px 5px 2px;
	border:1px solid #000;
	width: max-content;
}
#up, #down{
	background-color: transparent;
	border:none;
}
#qty{
	margin-left: 5px;
	width: 15px;
	border: none;
}
.tint:hover:before { background: rgba(0,0,0, 0.2); }
.cena{
    font-weight: bold;
    font-size: 2em;
    padding-bottom: 10px;
}
.valuta{
	font-size: 0.7em;
}
.cenasav{
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 2px;
    text-align: center;
    line-height: 0.8em;
    cursor: pointer;
    margin-top:5px; 
    /*float:left; 
    margin-top:1px; 
    margin-left:5px; 
    cursor:pointer;
    width: 80px;*/
}
.valutasav{
	font-size: 0.8em;
        /*margin-top:-5px;*/
}
.korpaDugme {
	margin-left: 10px;
	border-radius: 0px !important;
	border: 1px solid #000 !important;
	background-color: transparent !important;
	font-weight: bold;
	float: left;
	letter-spacing: 1px;
	transition: all 0.2s ease;
}
.korpaDugme:hover{
	background-color: #000 !important;
	color: #fff !important;
}
.stanjeZeleno{
	float: left;
	color: #000000;
	line-height: 35px;
	padding-left: 10px;
}
.stanjeCrveno{
	float: left;
	color: red;
	line-height: 35px;
	padding-left: 10px;
}
#images img{
    display:none;
}
.distributeriContainer{
	margin-top: 10%;
	margin-bottom: 10%;
}
.distributeriInfo{
	padding: 5px 15px 15px 15px !important;
	margin-bottom: 10px;
	background-color: #444;
	color: #fff;
}
#list{
	padding-left:0px !important;
	padding-top: 80px;
}
#list li{
	font-size: 1.1em;
	text-transform: uppercase;
	list-style-type: none;
}
#list a{
	color: #000;
}
#list a:hover{
	text-decoration: none;
	color: #ffbc01;
}
#images img{
	height: 40vh;
}
.savetnikDugme{
        border-radius: 2px;
	top: 20px !important;
        width: 100px !important;
        right: 0px !important;
	background-color: #ffbc01;
	color: #fff;
	padding: 15px 0px 10px 0px;
        cursor:pointer;
}
.savetnikProizvodi:hover{
	background-color: #297f4e;
}
.savetnikProizvod{
	position: relative;
	overflow: hidden;
	background-color: rgb(204,204,204);
	border: 1px solid #fff;
	padding:20px 0px 20px 0px;
	border-radius: 5px;
	display: none;
}
.probni{
	top:111px;
	right: 0;
	height: auto;
	/*width: 50%;*/
        max-width: 700px !important;
        min-width: 100px !important;
	position: fixed;
}

.kontakt h4 {
	font-weight: bold;
	margin-bottom: 5px !important;
}
.adresa{
	margin-bottom: 10px !important;
}
.kontakt p{
	font-size: 0.85em;
	line-height: 20x;
	padding: 0px !important;
	margin:0px !important;
}
.navbread{
	margin-top: 115px !important;
}
.naslov{
	padding-left: 0px !important;
}
/*Vesti*/

.vest-sekcija a{
	color: #000;
}
.vest-sekcija a:hover{
	color: #4d4d4d;
	text-decoration: none;
}
.naslov {
	font-weight: 900;
	color: #404040;
}
.vest-sekcija{
	padding: 10px 0px 5px 0px;
	margin: 5px;
	border-bottom: 1px solid #ccc;
}
.vest-sekcija:last-child{
	border: none;
}
.vidi-jos button{
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
}
/*Vest*/
.vest{
	padding-top: 20px;
}
.vesti-header{
	font-weight: bold;
}
.pisac{
	font-size: 0.8em;
}
.vest img{
	padding-bottom: 10px;
	width: 100%;
}
.vesti-header-predlog{
	font-size: 1.5em;
	font-weight: bold;
}
.pregled-vesti{
	width: 100%;
}
.btn-vesti{
	border-bottom: 20px !important;
	width: 100%;
	border:1px solid #ffbc01 !important;
	background-color: transparent !important;
	transition: all 0.2s ease;
}
.btn-vesti:hover{
	background-color: #ffbc01 !important;
	color: #fff !important;
}
.ostale-vesti{
	display: inline-block;
	padding: 0px 35px 10px 0px;
	border-bottom: 1px solid #ccc;
}
.nedavni-proizvodi-grupa{
	display: block;
	padding-top: 15px;
	border-bottom: 1px solid #000;
}
.nedavni-proizvodi-grupa h4{
	font-weight: bold;
}
.nedavni-proizvod img{
	width: 100%;
}
.nedavni-proizvod{
	padding-top: 10px;
	top:0px;
	position: relative;
	transition: all 0.2s ease;
        text-align: center;
}
.nedavni-proizvod:hover{
	top:-10px;
	transition: all 0.2s ease;
}

/*------Selektovana grupa proizvoda-------*/
.korpa-na-proizvodu i{
	float: left;
	padding-right: 10px;
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 10px;
}
.korpa-na-proizvodu p{
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
}
.proizvodGrupa h5{
	border-top: 1px solid #ccc;
	padding-top: 5px;
}
.proizvodGrupa h5:hover{
	color: #000;
}
.proizvodGrupa p:hover h5 {
	color: #000;
}

/*----Odabrani filteri------*/

.selektovani-filteri{
	display: flex;
}
.cekirano i {
	color: #ffbc01;
	margin: 0px 5px;
}
.cekirano p {
	float: right;
}
.change-icon > .fa + .fa,
.change-icon:hover > .fa {
  display: none;
}
.change-icon:hover > .fa + .fa {
  display: inherit;
	color: red;
}
/*----------Pretraga------------*/
.pretraga-naslov{
	width: 100%;
	padding: 5px;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
}
.pretraga-naslov h4{
	font-size: 2em;
}
.slika-u-pretrazi{
	width: 100%;
	margin-top: 11%;
}
.vest-pretraga h2{
	margin-top: 0px !important;
}
.vest-pretraga h2, .vest-pretraga p{
	color: #000;
}
.vest-pretraga :hover {
	text-decoration: none;
}
.linkovi {
	margin-top: 15px;
}

/*-----------Download------------*/

.download{
	margin: 25px 0px;
}
.opis:hover{
	color:#ffbc01;
}
.linkovi a {
	color: #000;
}
.linkovi a:hover{
	text-decoration: none;
	color: #000;
}
.container-download:a{

}
/*-------Korpa-------*/
.inner {
	position: fixed;
	margin-top: 40px;
}
.ukupno {
	background-color: #333333;
	height: 100%;
	padding-bottom: 15px;
	position: fixed;
}
.ukupno h3:first-child{
	color: #fff;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
.suma {
	color: #fff;
	padding: 10px 0px;
	border-bottom: 1px solid #fff;
}
.suma p{
	font-size: 1.5em;
}
.krajnja-cena{
	color: #fff;
}
.krajnja-cena h3 {
	margin: 10px 0px;
}
.proizvod-korpa{
	padding: 5px;
	border-bottom: 1px solid #000;
	overflow: hidden;
}
.proizvod-korpa:last-child{
	border: none;
}
.slika-proizvod-korpa img {
	width: 100%;
}
.bold{
	font-weight: bold;
}
.opis-proizvod-korpa button {
	padding: 3px !important;
	float: right;
	margin-bottom: 10px;
}
.opis-proizvod-korpa button:hover{
	background-color: red !important;
}
.opis-proizvod-korpa{
	line-height: 10px;
	margin-top: 30px;
}
/*----------Modal-------------*/
.modal-inner{
	/*border-bottom: 1px solid #ccc;*/
	padding-bottom: 6px;
}
.modal-inner:last-child{
	border: none;
}
.modal-inner:first-child{
	border: none;
}
/*------------Genericka-stranica--------------*/

.genericka-header-slika{
	background: url( ../images/slajder3.jpg) center no-repeat;
	background-size: cover;
	height: 350px;
	margin-bottom: 20px;
}
.genericka .row:last-child{
	margin-bottom: 25px;
}
.genericka h1{
	margin-bottom: 25px;
}
@media only screen and (max-width: 992px){

	.slika-proizvod-korpa img {
		margin-top: 45px;
	}
	.savetnikDugme{
		display: none;
		width: 0px !important;

	}
	.savetnikProizvod{
		display: block !important;
	}
	#najnovije p{
		padding-right: 0px;
	}
	.news {
		border:none;
		border-bottom: 1px solid #ffbc01;
		background-color: #297f4e;
		height: 200px;
		position: absolute;
		transition: none;
	}
	.news:hover .newsWrapp {
		transform: none;
	}
	.footer-logo{
		background-color: #fff;
	}

	.sviProizvodiGrupa{
		border-left: none;
	}
	.proizvod{
		padding: 60px;
	}
        .inFilter h1{
                font-size: 2,5em;
                font-weight: lighter;
        }
}

@media only screen and (max-width: 480px){
    .inFilter h1{
            font-size: 2em;
            font-weight: lighter;
    }  
    .carousel-caption{
        margin-bottom: 35px !important;
        padding: 7px !important;
        text-align: left !important;
    }
    .carousel-caption{
        font-size: 1.0em !important;
    }
    .carousel-caption p{
        font-size: 1.0em !important;
        text-align: left !important;
    }
    .carousel-caption h4{
        font-size: 1.4em !important;
        text-align: center !important;
    }
    
    .vesti-header{
	font-size: 1.2em !important;
    }
    .noResObavestenje{
        margin-bottom: 50px;
    }
}    

/*------Savetnik-strana------*/
.savetnik-rezultat h1{
	margin-top: 55px;
	font-weight: bold;
}
.rezultati-wrapper {
	background-color: rgba(204,204,204,0.7);
	margin-top: 33px;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 30px;
}
.pdf{
	color: #e50000;
}
.pdf:hover{
	color:#a00000;
	text-decoration: none;
}
.rezultati-wrapper h4{
	color: #4cae4c;
	font-size: 1.6em;
	padding: 10px 0px;
	border-bottom: 1px solid #4d4d4d;
}
.rezultati-wrapper p{
	font-size: 1.2em;
}
.savetnik-dugmici{
	position: relative;
	left: 50%;
	top:-30px;

}
.savetnik-dugmici button{
	display: block;
	margin-bottom: 10px;
}
.savetnik-dugmici a {
	color: #fff;
}
.savetnik-dugmici a:hover {
	text-decoration: none;
	color: #fff;
}
.pretrazi-ponovo{
		width: 100%;
		display: block;
		padding: 20px 0px !important;
}
.pretrazi-ponovo a{
	color: #fff;
}
.pretrazi-ponovo a:hover{
	color: #fff;
}
@media only screen and (max-width : 768px) {
        .proizvodOpis h2{
            font-size: 2.5em !important;
        }
	.savetnik-dugmici{
		position: static;
		left: auto;
		top:auto;
	}
	nav{
		background-color: #fff !important;
	}
	.navbar-default {
		color: black !important;
	}
        .bottomNav a {
		padding-left: 0px !important;
	}
	.navbar-collapse{
		max-height:auto;
		max-width:auto;
		background-color: #fff;
		}
	.topNav li{
		border-right: none;
		color: #000 !important;
		margin-top: 10px;
	}
	.margin a{
		color: #000 !important;
	}
	.responsive {
		float: left;
	}
	.btnNav{
		background-color: transparent !important;
	}
	#demo-2{
		display: block;
	}
	input[type=search] {
		border: 1px solid #000;
		background:  url( ../images/search-icon.png) no-repeat 9px center;
		padding: 5px 10px 5px 32px;
		width: 100%;
		display: block;
	}
	input[type=search]:focus {
		background:  url( ../images/search-icon.png) no-repeat 9px center;
		width: 100%;
		background-color: #fff;
		border-color: #008925;

		-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
		-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
		box-shadow: 0 0 5px rgba(109,207,246,.5);
	}
	.margin {
		border-top: 1px solid rgba(0, 0, 0, 0.75);
	}
	.bottomNav a{
		color: #000 !important;
	}
	.topNav a,
	.bottomNav a{
		color: #000 !important;
	}
	.navbar-header {
		text-align: center;
	}
	.logo {
		text-align: center;
		display: none;
	}
	.logoResp {
		display: block;
	}
	.logoResp img {
		height: 40px;
	}
	.navbar-toggle {
		float: none;
		width: 100%;
		margin-right: 0px !important;
	}
	.icon-bar {
		margin-left: auto;
		margin-right: auto;
	}
	.video-container video {
		object-fit: none !important;
	}
	.trigger{
		border-left:none;
		border-right:none;
	}
	.news {
		border:none;
		border-bottom: 1px solid #ffbc01;
		background-color: #297f4e;
		height: 200px;
		position: absolute;
		transition: none;
	}
	.news:hover .newsWrapp {
		transform: none;
	}
	.postDate{
		position: static;;
	}
	#najnovije p{
		font-size: 1.4em;
		padding-right: 0px;
		padding-left: 10px;
		float: none
	}
	#najnovije {
		width: 100%;
	}
	.footerLogo p{
		text-align: center;
	}
	.footerNav ul li{
		padding-left: 0px !important;
	}
	.distributeriContainer{
	margin-top: 40%;
	margin-bottom: 20%;
	}
	.probni{
		display: inline-block;
		position: static;
		width: 100%;
		height: auto !important;
                margin: auto;
	}
	.savetnikDugme {
		display: none;
	}
	.savetnikProizvod{
		display: inline-block !important;
	}
	.gornjiMeni a, .dropdown-toggle{
	color: #000 !important;
	}
	.footerNav ul {
	text-align: center;
	padding:0;
	}
	.footerNav li{
		padding:10px;
	}
	.top{
		font-size: 1.5em;
	}
	.sviProizvodiGrupa{
		border-left: none;
	}

	.proizvodi_sekcija {
		width: 100%;
		height: 70vh;
	}
	.proizvodi_sekcija img {
		width: 200%;
		position: relative;
		top: 110px;
		right: 50%;
	}
}



.dugSelVarijacija {
    background-color: #ffbc01 !important;
}

.maliArtZum {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-color: #ffbc01;
    color: #FFFFFF;
    padding: 2px;
    text-align: center;
    width: 16px;
    height: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    transition: all 0.2s ease;
}
.maliArtZum:hover {
    /*padding: +5px;*/
    background-color: #ce9802;
    transition: all 0.2s ease;
}



@media only screen and (min-width: 990px) {
    .desnoArtikli {
        border-left: 1px dotted #ededed;
    }
}


.editDivOverlej{
    width:16px;
    height:18px;
    background-color: #ff3f4d;
    color: #FFF;
    position: absolute;
    top:4px;
    right:4px;
    z-index: 1;
    padding-left: 2px;
    overflow:hidden !important;
    
}

.editDivOverlej a{
    color: #FFF !important;
    
}


#divDodavanjeUKorpuID{
    padding-left: 20px;
    /*border-top: 1px solid #000;*/
    /*border: 1px solid #000;*/
}


@media only screen and (min-width: 768px) {
    /*override bootstrapa*/
    .breadcrumb > li + li:before {
        padding: 0 0px !important;
        color: #23527c !important;
        /*content: "/\00a0";*/
        content: "/ " !important;
    }
    
    #dugmeNovaPretrID {
        display: none;
    }
    
    .noResObavestenje{
        margin-bottom: 150px;
        margin-top: 150px;
    }
}


@media only screen and (min-width: 480px) and (max-width: 768px) {
    .vesti-header{
	font-size: 1.4em !important;
    }
    .carousel-caption{
        margin-bottom: 60px !important;
        padding: 15px !important;
        text-align: left !important;
    }
    .carousel-caption{
        font-size: 1.1em !important;
    }
    .carousel-caption p{
        font-size: 1.1em !important;
        text-align: left !important;
    }
    .carousel-caption h4{
        font-size: 1.5em !important;
        text-align: center !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 990px) {
    .probni{    
        position: static;
        margin:auto;
    }
    .vesti-header{
	font-size: 1.6em !important;
    }
}


@media only screen and (min-width: 990px) and (max-width: 8990px) {
    .vesti-header{
	font-size: 1.8em !important;
    }
}    


@media only screen and (max-width: 767px) {
    /* ZA MALE EKRANE  */
    
    .breadcrumb > li + li:before {
        padding: 0 0px !important;
        color: #23527c !important;
        /*content: "/\00a0";*/
        content: "" !important;
    }
    
    .breadcrumb > li {
        display: block !important;
    }
    .breadcrumb > li:nth-of-type(2) {
        padding-left: 10px !important;
    }
    .breadcrumb > li:nth-of-type(3) {
        padding-left: 20px !important;
    }
    .breadcrumb > li:nth-of-type(4) {
        padding-left: 30px !important;
    }
    
    .breadcrumb a {
        padding-left: 0px !important;
    }
    
    .nedavni-proizvod:hover {
        top: 0px !important;
        transition: all 0.2s ease !important;
    }
    
    .nedavni-proizvod img {
        width: 40% !important;
    }
    
    .nedavni-proizvod {
        padding-top: 30px;
        top: 0px;
        position: relative;
        transition: all 0.2s ease;
        text-align: center;
    }

    #dugmeNovaPretrID {
        display: block;
    }
}



@media only screen and (max-width: 5768px) {
    .owl-caption {
        position: absolute;
        bottom: -5px !important;
        border:0px solid !important;
        color:#FFF !important;
        text-shadow: 1px 1px 1px #CCC !important;
        /*padding-top: 10vh !important;*/
        text-align: center;
        width: 90% !important;
        left:5% !important;
        overflow: hidden;
    }
    
    .owl-caption h1{
        font-size: 20px !important;
        text-align: center !important;
    }
}

@media only screen and (max-width: 762px) {
    .owl-caption {
        position: absolute;
        bottom: -5px !important;
        border:0px solid !important;
        color:#FFF !important;
        text-shadow: 1px 1px 1px #ccc !important;
        /*padding-top: 10vh !important;*/
        text-align: center;
        width: 90% !important;
        left:5% !important;
        overflow: hidden;
    }
    
    .owl-caption h1{
        font-size: 16px !important;
        text-align: center !important;
    }
}

@media only screen  and (max-width: 576px) {
    .owl-caption {
        position: absolute;
        bottom: -5px !important;
        border:0px solid !important;
        color:#fff !important;
        text-shadow: 1px 1px 1px #ccc !important;
        /*padding-top: 10vh !important;*/
        text-align: center;
        width: 90% !important;
        left:5% !important;
        overflow: hidden;
    }
    
    .owl-caption h1{
        font-size: 12px !important;
        text-align: center !important;
    }
    
    .proizvodOpis h2{
        font-size: 2.0em !important;
    }
}



@media only screen and (max-width : 768px) {
    .video-container {
        position: relative;
        bottom: 0%;
        left: 0%;
        height: 100vh;
        width: 100%;
        overflow: hidden;
        background: #000 !important;
        padding: 0px;
    }
    video.fillWidth {
        width: 100%;
        height: 100vh;
        background: #000 !important;
    }
    .inFilter i {
        /*padding-top: 50px;*/
        position: relative;
        font-size: 1.5em;
        transition: all 0.2s ease;
    }
    .inFilter h1 {
        font-size: 2.5em;
        font-weight: lighter;
    }
}



@media only screen and (max-width : 890px) and (min-width : 769px) {
    .video-container {
        position: relative;
        bottom: 0%;
        left: 0%;
        height: 55vh;
        /*width: 100%;*/
        overflow: hidden;
        background: #000 !important;
        padding: 0px;
    }
    video.fillWidth {
        /*width: 100%;*/
        height: 55vh;
        background: #000 !important;
    }
    .inFilter {
       padding-top: 20vh;
    }
}



@media only screen and (max-width : 1240px) and (min-width : 891px) {
    .video-container {
        position: relative;
        bottom: 0%;
        left: 0%;
        width: 100%;
        overflow: hidden;
        background: #FFF !important;
        padding: 0px;
    }
    video.fillWidth {
        width: 100%;
    }
}


.download-kartica a{
	color: #333 !important;
        padding: 0px !important;
}
.download-kartica:hover a{
	color: #ffbc01 !important;
	text-decoration: none;
}
.download-kartica a:active{
	color: #333 !important;
}

@media only screen and (min-width: 990px){
    .download-kartica{
        height: 192px;
        overflow: hidden;
    }
}

.captchaimg{
    border:4px solid transparent;
    padding: 5px;
    cursor: pointer;
}
.captchaimg:hover{
    border:4px solid #239641;
    background-color: #ccc;
    transition: all 0.5s ease;
}
.captchaimg_act{
    border:4px solid #239641;
    background-color: #ccc;
    transition: all 0.5s ease;
}


.tippy-tooltip.MojaTooltipTema-theme {
    /* Your styling here. Example: */
    background-color: white;
    border: 1px solid #ffbc01;
    /*border-style: groove;*/
    font-weight: bold;
    color: #000;
}
.tippy-tooltip.MojaTooltipTema-theme .tippy-backdrop {
    background-color: white;
}


.savProizDet{
    border: 1px #FFF solid;
    padding:5px;
    transition: all 0.2s ease;
}
.savProizDet:hover{
    border: 1px #ccc solid;
    transition: all 0.2s ease;
}


.tabelaArtikliPotvrda tbody tr td{
    padding: 3px !important;
    border-bottom: 1px solid #ccc !important;
}

.tabelaArtikliPotvrda tfoot tr td{
    padding: 3px !important;
}

.tabelaArtikliPotvrda thead tr th{
    padding: 3px !important;
}

.tabelaDetaljiIsporuke tr td{
    padding: 3px !important;
}

/*.modal {
  overflow-y:auto !important;
}*/


.greskaFormaPorucivanje{
    color: red !important;
}

.fPorLabelSummary{
    font-size: 90%;
    text-align: right;
}
.fPorSummaryVal{
    font-weight: bold;
}

.breadcrumb li {
    text-transform: uppercase;
}

.form-check-label{
    font-weight: 400 !important;
}