/* ------------------------------------------------------------------------------

  Name: OdriPrint
  Description: 
  Author: Mladen Jankovic
  Author URI: http://
  Version: 1.1

  -------------------------------------------------------------------------------*/
@font-face {
    font-family: "Myriad Pro";
    src: url(../fonts/MyriadPro-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Myriad Pro Semibold";
    src: url(../fonts/MyriadPro-Semibold.ttf) format("truetype");
}

body {
	font-family:"Myriad Pro", sans-serif;
  	margin: 0;
  	padding: 0;
  	overflow-x: hidden;
  	color: #1f1f1f;
  	background-color: #f4f4f2;
}
a{
	color:inherit;
	outline: none;
}
a:hover, 
a:active,
a:focus{
	color:inherit;
	text-decoration: none;
	opacity:.8;
	outline: none;
}

/* top bar */
.container {
	/*width:80%;
	padding:0 auto;*/
	
}
@media (min-width: 1200px){
	.container {
	    min-width:1300px;
	}
}
.top-bar {
	background-color: #abacab;
	height: 32px;
	padding: 10px 30px;
}
.top-bar-menu-item {
	color:#fff;
	font-weight:500;
}

/* Navigation */
.top-meni {
	height:40px !important;
	background-color: #293543 !important;
	min-height: 40px;
    margin-bottom: 0px;
    position: fixed !important;
}
.top-meni .navbar-nav {
	/* padding-right:10px; */
}
.top-meni .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.top-meni .navbar-brand {
	padding: 4px 15px;
}
.top-meni .navbar-brand img {
	height:32px;
}
.top-meni .navbar-nav>.active>a, .top-meni .navbar-nav>.active>a:focus, .top-meni .navbar-nav>.active>a:hover {
    color: #fdc502;
    background-color: rgba(0,0,0, .0);
}



.glavni-meni {
	margin-top: 40px;
	background-color: #4d5b69 !important;
	margin-bottom: 0;
	border-radius:0px;
	border:none;
}
.navbar-form {
	padding-left: 0px;
}
.glavni-meni .menu-icons-list {
	width:42px;
}
.glavni-meni .pretraga-navbar {
	background-color: #172331;
	border:1px solid #172331;
	border-radius: 0px !important;
	height: 30px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    width:100%;
    min-width:215px;
    max-width:350px;
    width:215px;
    margin-top:8px;
}
.glavni-meni .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
}
.glavni-meni .navbar-fixed-top {
	top:40px;
}
.glavni-meni .navbar-nav {
	padding-right:5px;
}

.glavni-meni .nav li a {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  width: 64px;
	  height: 64px;
}

.glavni-meni .nav li.active a, .glavni-meni .nav li.active a:hover {
	background-color: rgba(0,0,0, .0);
}


.glavni-meni .nav li a.li-olovka {
	background-image: url('../img/icons/olovka.png');
}
.glavni-meni .nav li.active a.li-olovka {
	background-image: url('../img/icons/olovka-b.png');
}
.glavni-meni .nav li a.li-olovka:hover {
	background-image: url('../img/icons/olovka-b.png');
}

.glavni-meni .nav li a.li-upaljac {
	background-image: url('../img/icons/upaljac.png');
}
.glavni-meni .nav li.active a.li-upaljac {
	background-image: url('../img/icons/upaljac-b.png');
}
.glavni-meni .nav li a.li-upaljac:hover {
	background-image: url('../img/icons/upaljac-b.png');
}

.glavni-meni .nav li a.li-usb {
	background-image: url('../img/icons/usb.png');
}
.glavni-meni .nav li.active a.li-usb {
	background-image: url('../img/icons/usb-b.png');
}
.glavni-meni .nav li a.li-usb:hover {
	background-image: url('../img/icons/usb-b.png');
}

.glavni-meni .nav li a.li-privezak {
	background-image: url('../img/icons/privezak.png');
}
.glavni-meni .nav li.active a.li-privezak {
	background-image: url('../img/icons/privezak-b.png');
}
.glavni-meni .nav li a.li-privezak:hover {
	background-image: url('../img/icons/privezak-b.png');
}

.glavni-meni .nav li a.li-sat {
	background-image: url('../img/icons/sat.png');
}
.glavni-meni .nav li.active a.li-sat {
	background-image: url('../img/icons/sat-b.png');
}
.glavni-meni .nav li a.li-sat:hover {
	background-image: url('../img/icons/sat-b.png');
}

.glavni-meni .nav li a.li-digitron {
	background-image: url('../img/icons/digitron.png');
}
.glavni-meni .nav li.active a.li-digitron {
	background-image: url('../img/icons/digitron-b.png');
}
.glavni-meni .nav li a.li-digitron:hover {
	background-image: url('../img/icons/digitron-b.png');
}

.glavni-meni .nav li a.li-baterija {
	background-image: url('../img/icons/baterija.png');
}
.glavni-meni .nav li.active a.li-baterija {
	background-image: url('../img/icons/baterija-b.png');
}
.glavni-meni .nav li a.li-baterija:hover {
	background-image: url('../img/icons/baterija-b.png');
}

.glavni-meni .nav li a.li-ogledalo {
	background-image: url('../img/icons/ogledalo.png');
}
.glavni-meni .nav li.active a.li-ogledalo {
	background-image: url('../img/icons/ogledalo-b.png');
}
.glavni-meni .nav li a.li-ogledalo:hover {
	background-image: url('../img/icons/ogledalo-b.png');
}

.glavni-meni .nav li a.li-kuca {
	background-image: url('../img/icons/kuca.png');
}
.glavni-meni .nav li.active a.li-kuca {
	background-image: url('../img/icons/kuca-b.png');
}
.glavni-meni .nav li a.li-kuca:hover {
	background-image: url('../img/icons/kuca-b.png');
}

.glavni-meni .nav li a.li-pokloni {
	background-image: url('../img/icons/pokloni.png');
}
.glavni-meni .nav li.active a.li-pokloni {
	background-image: url('../img/icons/pokloni-b.png');
}
.glavni-meni .nav li a.li-pokloni:hover {
	background-image: url('../img/icons/pokloni-b.png');
}

.glavni-meni .nav li a.li-torbe {
	background-image: url('../img/icons/torbe.png');
}
.glavni-meni .nav li.active a.li-torbe {
	background-image: url('../img/icons/torbe-b.png');
}
.glavni-meni .nav li a.li-torbe:hover {
	background-image: url('../img/icons/torbe-b.png');
}

.glavni-meni .nav li a.li-majica {
	background-image: url('../img/icons/majica.png');
}
.glavni-meni .nav li.active a.li-majica {
	background-image: url('../img/icons/majica-b.png');
}
.glavni-meni .nav li a.li-majica:hover {
	background-image: url('../img/icons/majica-b.png');
}

.glavni-meni .nav li a.li-rokovnik {
	background-image: url('../img/icons/rokovnik.png');
}
.glavni-meni .nav li.active a.li-rokovnik {
	background-image: url('../img/icons/rokovnik-b.png');
}
.glavni-meni .nav li a.li-rokovnik:hover {
	background-image: url('../img/icons/rokovnik-b.png');
}

.glavni-meni .nav li a.li-kalendar {
	background-image: url('../img/icons/kalendar.png');
}
.glavni-meni .nav li.active a.li-kalendar {
	background-image: url('../img/icons/kalendar-b.png');
}
.glavni-meni .nav li a.li-kalendar:hover {
	background-image: url('../img/icons/kalendar-b.png');
}
/* ==========================
SLAJDER
============================*/

.slider {
	width:100%;
	height:70%;
	max-height:700px;
	min-height:600px;
	position: relative;
}
.carousel-caption-slider {
	position: absolute;
	top:33%;
	width:70%;
	left:15%;
	color: #fff;
	text-align: center;
	padding: 15px;
}
.carousel-caption-slider h2 {
	font-size: 6em;
	font-weight: 500;
	text-shadow: 1px 1px 1px #999;
}
.carousel-caption-slider p {
	font-weight: 600;
	text-shadow: 1px 1px 1px #999;
}


.demo-1 .sl-slide .caption-m {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    height: 70px;
    color: #8b8b8b;
    z-index: 2;
    bottom: 50%;
    margin: 0 0 -200px 0;
    padding: 0;
}
.sl-slide {
	background-position: center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	 background-repeat: no-repeat;
}
.caption-h2 {
	font-size: 4em !important;
	font-weight: 600 !important;
	color: #fff !important;
}
.caption-m p {
	font-size: 2em;
	color:#fff;
	font-weight: 600;
}

/* o nama */
.naslovna-o-nama {
	margin-top:40px;
	padding: 30px 0px;
	border-top:1px solid #dfdfdd;
	border-bottom:1px solid #dfdfdd;
}
.naslovna-o-nama p {
	text-align: center;
	font-size: 17px;
	font-weight: 500;
}
.onama-o-nama, .onama-o-nama p {
	text-align: justify;
	font-size: 17px;
	font-weight: 500;
}


/* pdf katalozi */
.pdf-wrapper {
	margin: 40px 0px 20px;
	background-color: #fff;
	overflow: hidden;
	border-radius:17px 17px 0 0;
}
.pdf-text-wrapper {
	border-bottom: 1px solid #dfdfdd;
	border-left: 1px solid #dfdfdd;
	border-right: 1px solid #dfdfdd;
	padding:30px 0px 30px;
	border-radius: 0px 0px 20px 20px ;
	height:200px;
}

.pdf-text-inner {
	width:80%;
	margin:0 auto;
}
.pdf-text-wrapper h3 {
	font-size: 24px;
	text-align: center;
	margin-bottom:25px;
}
.pdf-text-wrapper p {
	text-align: center;
	padding: 0px 10px;
	margin-bottom:25px;
	font-size: 15px;
}
.pdf-links-left a {
	color: #7dad7d;
	text-decoration: underline;
}
.pdf-links-right a {
	color: #9a0606;
	text-decoration: underline;
}
.pdf-links a:hover {
	font-weight: 600;
	text-decoration: underline;
}
.pdf-img-wrapper {
	position: relative;
}
.pdf-image-apsolute {
	width:54px;
	height: 54px;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left:-27px;
	margin-bottom:-27px;
}
.pdf-description-text {
	width:80%;
	margin:10px auto;

}
.pdf-description-text p {
	font-weight: 500;
	font-size: 17px;
	text-align: center;
	margin-bottom:4px;
}
.linija {
	height: 1px;
	border-bottom:1px solid #dfdfdd;
}


/* ZUTA SEKCIJA */
.zuti-asortiman {
	background-color: #24303e;
	padding: 15px 0px ;
	margin-top:20px;
}
.zuti-item {
	position: relative;
	margin-bottom:15px;
}
.zuta-tekst {
	position: absolute;
	top:10px;
	left: 5px;
}
.zuta-tekst h3 {
	font-size: 15px;
	font-weight: 300;
	color: #d0d0d0;
	text-transform: uppercase;
	margin-top: 0px;
}
.zuta-tekst h3 img {
	height:23px;
}

#owl-demo {
	overflow: visible;
}
.owl-carousel .owl-wrapper-outer { /* overflow: visible; */ }
.owl-single {
	width:96%;
	margin: 0 2%;
	overflow: hidden;
	
}
.owl-single:hover {
	
}
.owl-single a img {
	-webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.owl-single a:hover img {
	-webkit-transform:scale(1.2);
   -moz-transform:scale(1.2);
   -o-transform:scale(1.2);
   -ms-transform:scale(1.2);
  	transform:scale(1.2);
  	z-index: 999;
}

/* textualni slajder */
/*#carousel-example-generic, .carousel-inner {
	height: auto;
}
#carousel-example-generic .item {
	position: relative;
	height:auto;
}
#carousel-example-generic .carousel-caption {
	padding-bottom: 0px;
}
#carousel-example-generic .carousel-caption h2 {
	color: #fff;
	font-size:24px;
	margin-bottom:15px;
}
#carousel-example-generic .carousel-caption p {
	color: #acb8c6;
}
.text-alider-arrow {
	position: absolute;
	top:50%;
	margin-top:-15px;
}
.text-alider-arrow i {
	font-size: 26px;
}*/


/* footer */
/*.footer {
	background-color: #4d5b69;
	min-height:250px;
	padding: 25px 0px 10px;
}
.footer p {
	font-size: 14px;
}
.footer-logo {
	width: 100%;
	min-height:50px;
	width:80%;
	margin: 0 auto;
}
.footer-logo img {
	width:90%;
	height: auto;
}
.footer-text {
	width:80%;
	margin: 10px auto 25px;
}
.footer-text p {
	margin-bottom:3px;
	color: #9fadbb;
}
.footer-text ul { padding-left: 0px; }
.footer-text ul li {
	list-style: none;
	color: #9fadbb;
}

.footer-bottom .navbar-nav>.active>a, .footer-bottom .navbar-nav>.active>a:focus, .footer-bottom .navbar-nav>.active>a:hover {
    color: #fdc502;
    background-color: rgba(0,0,0, .0);
}

.footer-bottom .navbar-nav a:hover {
	color: #fff;
    background-color: rgba(0,0,0, .0) ;
}

.footer-center-text h3 {
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	border-bottom: 1px solid #9fadbb;
	padding-bottom: 5px;
}
.footer-center-text p {
	margin-bottom: 15px;
}
.footer-center-text span img {
	height:21px;
}
.footer-right-text h3 {
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	border-bottom: 1px solid #9fadbb;
	padding-bottom: 5px;
}
.form-subscribe label {
	font-weight: 300;
	font-size: 12px;
	margin-bottom:1px;
	padding-bottom: 1px;
	color: #dee8f2;
}
.form-subscribe .input-subscribe {
	border-radius:1px;
	background-color: #778593;
	border-color: #8997a5;
}
.footer-pdf-span {
	color:#8997a5;
}
.form-subscribe {

}
.footer-mailto a {
	color: #9fadbb;
}

.btn-subscribe {
   background: #f3f2f1;
   background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#f3f2f1));
   background: -webkit-linear-gradient(top, #999999, #f3f2f1);
   background: -moz-linear-gradient(top, #999, #f3f2f1);
   background: -ms-linear-gradient(top, #999, #f3f2f1);
   background: -o-linear-gradient(top, #999, #f3f2f1);
   padding: 7px 10px;
   color: #000111;
   font-size: 13px;
   text-decoration: none;
   vertical-align: middle;
   border-radius: 0px;
   }
.btn-subscribe:hover {
   background: #8997a5;
   color: #ccc;
   }
.btn-subscribe:active {
   background: #8997a5;
  }


.footer-bottom {
	background-color: #24303e;
}
.copyright p {
	margin-top:15px;
	color: #778593;
}
.footer-bottom ul li a{
	color: #778593;
}*/


/* ==================================
KONTAKT STRANICA
===================================*/
.contact-3-section {
	padding: 10px 0;
}
.contact-3-item {
	padding: 30px;
	background-color: #fff;
}
.contact-3-item img {
	width:78px;
	display: block;
	margin: 10px auto;
}
.contact-3-item h3 {
	text-align: center;
}
.contact-3-item p {
	text-align: center;
}
.kontakt-email a {
	-webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}

.kontakt-email a:hover {
	letter-spacing: 1px;
}

.line-title {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #d8d8d6; 
   line-height: 0.1em;
   margin: 10px 0 20px; 
   font-size:18px;
} 

.line-title span { 
    background:#f4f4f2; 
    padding:0 10px; 
}
.contact-formular-section {
	margin-bottom: 0px;
}
.contact-formular-item-4 {
	background-color: #fff;
	padding: 10px;
}
.contact-formular-item-list {
	margin-bottom: 15px;
}
.contact-formular-item-list p {
	margin-bottom: 0px;
	text-align: center;
	    line-height: 1.2444;
	    font-size: 16px;
}

.contact-formular-item-8 {
	padding: 3px 10px;
}
.formular-uvod p {
	text-align: center;
	font-size: 16px;
	line-height: 1.9;
	margin-bottom: 0px;
}

.form-contact label {

}
.form-contact label span {
	font-size: 11px;
	font-style: italic;
	color: #999;
}

.form-contact input {
	border-radius:0px;

}

.btn-contact {
	background-color: #31333c;
	color: #fff;
	font-size: 12px;
}
.btn-contact:hover {
	background-color: #999;
}


/*-------------------------------------------
MEDIA QUERIES 
-------------------------------------------*/


@media (max-width: 768px) {
	.container {
		width:90%;
	}
	#carousel-example-generic, .carousel-inner, #carousel-example-generic .item {
	    height: 180px;
	}
	.top-meni {
	    height: 50px;
	    min-height: 50px;
	}
	.top-meni .navbar-brand img {
	    height: 26px;
	    margin-top:5px;
	}
	#navbar {
		background-color: #293543;
	}
}
@media (max-width: 400px) {
	#carousel-example-generic, .carousel-inner, #carousel-example-generic .item {
	    height: 240px;
	}
}



/* ---------------------------
 K O N T A K T PAGE
 ---------------------------*/
 .kontakt, .index, .o-nama, .naslovna {
 	padding-top: 50px;
 }

 /* product page */
 .proizvodi-page {
 	margin-top:0px;
 }


 .proizvodi-page iframe {
 	width:100%;

 }
 .proizvodi-page  {
 	padding-top:0px;
 }

 .proizvodi-page .container {
 	position: relative;
 }


 .col-5 {
 	width:20%;
 	height: auto;
 	padding: 15px;
 	float: left;
 }
 /*
 .col-5 .olovke-i {
 	background: url('../img/proizvodi/01 olovke-s.jpg') no-repeat;
 }

  .col-5 .olovke-i:hover {
  	background: url('../img/proizvodi/01 olovke.jpg') no-repeat;
  }
  */
  /*.col-5 .boja-slika {
  	display: none;
  }*/
 /* .col-5:hover .boja-slika {
  	display:block;
  }*/
  .col-5 {
  	height: 170px;
  }
  .siva-slika {
  	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
  }
  .col-5:hover .siva-slika {
  	margin-top:10px;
  }




 html,
body {
    height: 100%;
}

#myCarousel.carousel,
#myCarousel .item,
#myCarousel,
#myCarousel1.carousel,
#myCarousel1 .item,
#myCarousel1 {
    height: 100%;
    max-height: 700px;
    background-color: #01060c;
}

#myCarousel .item {
	display: block;
}
#myCarousel1 .carousel-inner {
    height: 100%;
    width:100%;
    max-height: 700px;
}
#myCarousel .carousel-inner {
    height: 100%;
    width:100%;
    max-height: 700px;
}
.carousel-indicators {
    position: relative;
    bottom: 0px;
    left: 0;
    z-index: 15;
    width: 50%;
    padding-left: 0;
    margin-left: 0;
    text-align: left;
    list-style: none;
}

.fill {
    width: 100%;
    height: 100%;
    max-height: 700px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.usluge .carousel .item img {
	border: 1px solid #dfdfdd;
}
.usluga-links {
	text-align: center;
	/*margin: 30px 0 5px;*/
	margin-top: 20px;
}
.usluge-wrapper {
	margin:10px 0px;
}
.usluga-link-wrapper {
	/*border-right: 1px solid #dfdfdd;*/
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	padding: 5px 20px;
	font-weight: 500;

}
.usluga-link-wrapper:last-child {
	border-right: 0px solid #dfdfdd;
}
.usluga-link {
	/*-webkit-transition:all 0.5s;
   -moz-transition:all 0.5s;
   -o-transition:all 0.5s;
   -ms-transition:all 0.5s;
   transition:all 0.5s;*/
}
.usluga-link img {
	height:32px;
	display: inline-block;
	margin-top: -6px;
	-webkit-transition:all 0.5s;
   -moz-transition:all 0.5s;
   -o-transition:all 0.5s;
   -ms-transition:all 0.5s;
   transition:all 0.5s;
}
.usluga-link:hover {
	/*font-weight:600;
	letter-spacing: 1px;*/
	color: #ff0000 !important;
	/*font-weight: 600 !important;*/
	opacity: 1;
}

.usluga-link:hover img{
	/*-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
   -o-transform:scale(1.1);
   -ms-transform:scale(1.1);
  transform:scale(1.1);*/
}


.usluga-h3 {
	text-align: center;
	margin-bottom:30px;
	margin-top:0px;
}
.usluga-opis {
	padding: 20px 0;
	text-align: center;
	font-size: 17px;
	font-weight: 500;
}

.usluga-slider, .usluga-cenovnik, .carousel, .carousel img {
	border-radius: 17px !important;
	overflow: hidden;
}

.usluga-cenovnik {
	position: relative;
	border: 1px solid #dfdfdd;
}
.usluga-cenovnik-hover {
	background-color: rgba(0,0,0, .6);
	position: absolute;
	top:0;
	left:100%;
	height:480px;
	width:100%;
	z-index: 999;

}
.modal-link:hover .usluga-cenovnik-hover {
	left: 0%;
}
.usluge .modal {
	background-color: rgba(0,0,0, .75);
}
.usluge .modal-header {
    border-bottom: 0px solid #e5e5e5;
}
.usluga-cenovnik-hover i {
	position: absolute;
	top:50%;
	left:0;
	right: 0;
	text-align: center;
	color: #fff;
	font-size: 35px;
	margin-top:-18px;
}

.usluga-cenovnik img {
	width:100%;
	height:auto;
}
.pdf-dokument-u {
	position: absolute;
	left:0;
	right: 0;
	bottom:0;
	min-height: 40px;
	padding: 10px 0 22px;
	/*background-color: #7dad7d;
	color: #fff;*/
	text-align: center;
}
.pdf-dokument-u a {
	color: #ff0000;
    text-decoration: underline;
        font-weight: 300;
    font-size: 15px;
}
.pdf-dokument-u a:hover {
	font-weight: 600;
}

.usluge .usluge-tekst-top {
	text-align: center;
	line-height: 2;
    font-size: 17px;
    font-weight: 500;
	display: block;
	width:80%;
	margin: auto;
	margin-top:-4px;
} 
.usluge .zuti-asortiman {
	margin-top:0px;
}

.usluge hr {
	border-top: 1px solid #dfdfdd;
}




.proizvodi-page .kategorija-nav ul {
	padding: 15px;
}
.proizvodi-page .kategorija-nav ul li {
	display: inline-block;
	margin: 0;
	border-bottom: 0px solid #666;
	background-color: transparent;
	width:14%;
}
.proizvodi-page .kategorija-nav ul li a {
	margin: 0 !important;

}
.proizvodi-page .kategorija-nav ul li a img {
	height:42px;
	background-color: transparent;
	display: block;margin:0 auto;
}


.proizvodi-page .kategorija-nav ul.nav a, .proizvodi-page .kategorija-nav ul.nav a:visited {
    padding: 5px 5px 5px 15px;
    display: block;
    text-decoration: none;
    background-color: transparent;
    color: #000;
    border: 1px solid #e0e0e0;
}
.proizvodi-page .kategorija-nav ul.nav a img {

}