body {
	font-family:"Open Sans", Arial, "Arial Black";
	}

img {
	max-width:100%;
	height:auto;
	}
/* --------------------------------------
   Layout
   -------------------------------------- */



/* --------------------------------------
   Typography
   -------------------------------------- */



/* --------------------------------------
   Navbar
   -------------------------------------- */
   #searchInput {
	   width:200px;
	   }
   .navbar-brand {
	   padding:13px 15px;
	   }
   
/* --------------------------------------
   Carousel
   -------------------------------------- */



/* --------------------------------------
   Global Styles
   -------------------------------------- */
#myCarousel {
	margin-top:65px;
	}
.carousel-caption {
	font-size:24px;
	}
.carousel-caption h4 {
	font-size:32px;
	color: #f4d776;
  text-shadow: 
	2px 2px 5px #000;
	}
#myCarousel .item {
	height:400px;
	}
#slide1 {
	background:url(../../images/srednja_1.jpg) no-repeat top center;
	}
#slide2 {
	background:url(../../images/srednja_2.jpg) no-repeat top center;
	}
#slide3 {
	background:url(../../images/srednja_3.jpg) no-repeat top center;
	}
#bigCallout {
	margin:20px 0 0 0;
	}
.well {
	margin:0;
	
	}
.alert {
	margin-top:20px;
	display:none;
	}
#no-padding {
	padding:0;
	}
.carousel-indicators {
	bottom:0;
	}
.clear {
	clear:both;
	}
.navbar-default {
	}
.navbar-default .navbar-nav>li>a {
	color:#d30e45;
	}
.navbar-default .navbar-nav>li>a:hover {
	background:#d30e45;
	color:#fff;
	}
.navbar-default .navbar-nav>.active>a {
	background:#d30e45;
	color:#fff;
	}
.navbar-default .navbar-nav>.active {
	background:#d30e45;
	color:#fff;
	}
.navbar-default	.navbar-nav>.active>a:hover {
	background:#d30e45;
	color:#fff;
	}
.navbar-default .navbar-nav>.active>a:focus {
	background:#d30e45;
	color:#fff;
	}
#products {
	margin-top:20px;
	}
#proizvodi {
	height:1px;
	width:1px;
	background:#fff;
	position:absolute;
	top:520px;
	}
#onama {
	height:1px;
	width:1px;
	background:#fff;
	position:absolute;
	top:1200px;
	}
h1.thumbnail {
	background:#eee;
	color:#111;
	padding:5px 10px;
	font-size:2em;
	}
.list-group {
	padding:0;
	margin-left:15px;
	margin-right:15px;
	}
	
.thumbnail {
	position:relative;
	}
.thumbnail .mask {
   opacity: 0;
   overflow:visible;
   width:100%;
   height:100%;
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
   position:absolute;
   top:0;
   left:0;
   text-align:center;
   color:#fff;
   line-height:24px;
}

.thumbnail:hover .mask {
   opacity: 1;
   width:100%;
	height:100%;
	background:url(../../images/opacity_0.7_b.png);
}
.thumbnail .mask p {
	margin:20px 0 0 0;
	padding:0 15px;
	}
.btn-default {
	color: #fff;
	background-color: #D30E45;
	border:none;
	position:absolute;
	bottom:20px;
	left:50%;
	margin:0 0 0 -86px;
	transition: all 0.4s ease-in-out;
}
.btn-default:hover {
	background-color: #a70431;
	color: #fff;
	transition: all 0.4s ease-in-out;
	}
#mapa {
	width:100%;
	height:100%;
	}
#address {
	font-size:16px;
	}
address {
	line-height:28px;
	}
.google-maps {
	height:320px;
	}
footer {
	background:#eee;
	border-top:1px solid #ccc;
	padding:10px 0;
	}
.logo_footer {
	margin:13px 0 0 0;
	}
.links {
	margin:13px 0 0 0;
	}
.footer-links {
	margin:0;
	padding:0 0;
	list-style:none;
	}
.footer-links li {
	padding:0 5px;
	display:inline-block;
	}
.carousel-caption {
	left:0;
	right:0;
	top:0;
	}
.carousel-caption img.kvalitet {
	margin:0 10px 0 0;
	width:13%;
	height:auto;
	}
/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	/*.carousel-caption img.kvalitet {
	margin:0 10px 0 0;
	width:50px;
	height:auto;
	}*/
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	
.carousel-caption {
	font-size:16px;
	}
.carousel-caption h4 {
	font-size:22px;
	}
#myCarousel .item {
	height:310px;
	}
#slide1 {
	background:url(../../images/mala_1.jpg) no-repeat top center;
	}
#slide2 {
	background:url(../../images/mala_2.jpg) no-repeat top center;
	}
#slide3 {
	background:url(../../images/mala_3.jpg) no-repeat top center;
	}
}

/* Large desktop */
@media (min-width: 1200px) {
	
#myCarousel .item {
	height:500px;
	}
#slide1 {
	background:url(../../images/velika_1.jpg) no-repeat top center;
	}
#slide2 {
	background:url(../../images/velika_2.jpg) no-repeat top center;
	}
#slide3 {
	background:url(../../images/velika_3.jpg) no-repeat top center;
	}
}