@font-face {

    font-family: "ZhiznRegular";

    src: url("../fonts/ZhiznRegular.eot");

    src: url("../fonts/ZhiznRegular.eot?#iefix")format("embedded-opentype"),

    url("../fonts/ZhiznRegular.woff") format("woff"),

    url("../fonts/ZhiznRegular.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/*

 * Globals

 */



/* Links */

a,

a:focus,

a:hover {

  color: #fff;

}



/* Custom default button */

.btn-default,

.btn-default:hover,

.btn-default:focus {

  color: #333;

  text-shadow: none; /* Prevent inheritence from `body` */

  background-color: #fff;

  border: 1px solid #fff;

}





/*

 * Base structure

 */



html {

  background: url(../img/bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}

html,

body {

  font-family: 'Open Sans', sans-serif;

  height: 100%;

}

body {

  background: none;

  color: #000;

  text-align: center;

  /*text-shadow: 0 1px 3px rgba(0,0,0,.5);*/

}



/* Extra markup and styles for table-esque vertical and horizontal centering */

.site-wrapper {

  display: table;

  width: 100%;

  height: 100%; /* For at least Firefox */

  min-height: 100%;

  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);

          box-shadow: inset 0 0 100px rgba(0,0,0,.5);

}

.site-wrapper-inner {

  display: table-cell;

  vertical-align: top;

}

.cover-container {

  margin-right: auto;

  margin-left: auto;

}



/* Padding for spacing */

.inner {

  padding: 25px;

}





/*

 * Header

 */



.head_wood {

  background: url(../img/head_bg_wood.jpg) repeat-x /*center center fixed*/; 

  /*-webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;*/

  position: fixed;

  top: 0;

  left: 0;

  height: 39px;

  width: 100%;

}

.masthead {

  background: url(../img/head_bg.jpg) repeat-x /*center center fixed*/; 

  /*-webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;*/

  height: 89px;

  width: 100%;

}

/*.masthead-brand {

  margin-top: 10px;

  margin-bottom: 10px;

}*/



.masthead-nav {

  height: 89px;

}

.masthead-nav > li {

  display: inline-block;

}

.masthead-nav > li + li {

  margin-left: 25px;

}

.masthead-nav > li > a {

  padding: 0;

  font-family: "ZhiznRegular";

  line-height: 84px;

  font-size: 24px;

  color: #fff;

}

.masthead-nav > li > a:hover,

.masthead-nav > li > a:focus {

  color: #91763c;

  background: none;

}

.masthead-nav > .active > a,

.masthead-nav > .active > a:hover,

.masthead-nav > .active > a:focus {

  color: #91763c;

  background: none;

}



/*@media (min-width: 768px) {

  .masthead-brand {

    float: left;

  }

  .masthead-nav {

    float: right;

  }

}*/





/*

 * Cover

 */



.cover {

  background: rgba(245,241,227,1);

  padding: 20px 60px;

  margin-top: 118px;

  margin-bottom: 105px;

}

.cover-naslovna {

  background: rgba(245,241,227,0.6);

}

.cover-nobg {

    background: none;

}

.cover .btn-lg {

  padding: 10px 20px;

  font-weight: bold;

}



.lang {

  float: right;

  color: #000000;

  margin-right: 10%;

}

.lang a {

  color: #000000;

}



.cover-heading-gray {

  font-family: "ZhiznRegular";

  font-size: 24px;

  color: #747474;

  margin-bottom: 35px;

}

.cover-heading-black {

  font-family: "ZhiznRegular";

  font-size: 32px;

  color: #000000;

  /*border-image: url(../img/heading-border.png);*/

  width: 350px;

  margin: 20px auto;

}

.heading-separator {

  background: url(../img/heading-border.png) center;

  height: 15px;

  margin-top: 10px;

  margin-bottom: 20px;

}



.lead {

  font-family: 'Open Sans', sans-serif;

  font-size: 19px;

  line-height: 23px;

}

.lead-font {

  font-family: "ZhiznRegular";

  font-size: 26px;

}



ul.proizvodi-list {

  margin: 0;

  padding: 0;  

}

ul.proizvodi-list li {

  display: inline-block;

    margin: 20px 40px 10px;

    margin: 20px 15px 10px;
    margin: 20px 4% 10px;

  height: 50px;

}

ul.proizvodi-list li a {

  color: #000000;

  font-family: "ZhiznRegular";

  font-size: 35px;

  vertical-align: middle;

}

ul.proizvodi-list li a.active,

ul.proizvodi-list li a:hover,

ul.proizvodi-list li a:focus {

  color: #c29f52;

}



.proizvod-left {

  width: 48%;

  margin-right: 4%;

  display: inline-block;

  vertical-align: top;

}

.proizvod-left img {

  max-width: 100%;

}

.proizvod-right {

  width: 46%;

  display: inline-block;

  vertical-align: top;

  text-align: left;

}

.proizvod-right h1 {

  font-family: "ZhiznRegular";

  font-size: 52px;

  color: #000000;

  margin: 0px auto;

  width: 100%;

}

.proizvod-right h2 {

  font-family: "ZhiznRegular";

  font-size: 24px;

  color: #000000;

  margin: 20px auto;

  width: 100%;

}

.proizvod-right h3 {

  font-size: 20px;

  font-weight: bold;

  color: #000000;

  margin: 20px auto 10px;

  width: 100%;

}



.ajvar-linkovi {

  font-size: 20px;

  margin-bottom: 30px;

  color: #c29f52;

}

.ajvar-linkovi a {

  color: #000000;

}

.ajvar-linkovi a.active,

.ajvar-linkovi a:hover,

.ajvar-linkovi a:focus {

  color: #c29f52;

}



.hr-separator {

  background: url(../img/hr-separator.png) no-repeat;

  height: 7px;

  margin-top: 10px;

  margin-bottom: 20px;

}

.hr-separator2 {

  height: 2px;

  background: #c29f52;

  margin-top: 5px;

  margin-bottom: 5px;

}



.recepti-levo {

  width: 360px;

  display: inline-block;

  text-align: left;

  float: left;

  margin-left: 50px;

}

.recepti-desno {

  width: 360px;

  display: inline-block;

  text-align: left;

  float: right;

  margin-right: 50px;

}

.recept-img {

  width: 356px;

  height: 199px;

  padding: 3px;

  border: 1px solid #000000;

}

.recepti-levo h1,

.recepti-desno h1 {

  font-size: 24px;

  font-weight: bold;

  color: #ae8e49;

  margin: 10px auto;

  width: 100%;

}

.recepti-levo h1 img,

.recepti-desno h1 img {

  float: left;

}



.lazica-sledno {

  float: right;

  margin-top: 50px;

}



.contact-form input,

.contact-form textarea {

  background: #f5f1e3;

  border: none;

  border-bottom: 1px solid #a7a49b;

  width: 100%;

}

.contact-form button {

  background: #c29f52;

  margin: 15px 10px 15px 0px;

  font-weight: bold;

}



/*

 * Footer

 */



.mastfoot {

  height: 82px;

  background: url(../img/foot_bg.png) repeat-x;

  font-weight: 300;

  font-size: 16px;

  /*color: #999;*/ /* IE8 proofing */

  /*color: rgba(255,255,255,.5);*/

}





/*

 * Affix and center

 */



@media (min-width: 768px) {

  /* Pull out the header and footer */

  .masthead {

    position: fixed;

    top: 39px;

    left: 0;

  }

  .mastfoot {

    position: fixed;

    bottom: 0;

    left: 0;

  }

  /* Start the vertical centering */

  .site-wrapper-inner {

    vertical-align: middle;

  }

  /* Handle the widths */

  .masthead,

  .mastfoot,

  .cover-container {

    width: 100%; /* Must be percentage or pixels for horizontal alignment */

  }

}



@media (min-width: 992px) {

  .cover-container {

    width: 1024px;

  }

}



@media only screen and (max-width: 980px) {

  .lang{
    margin-top: 50px;
  }



	/* Index */

	.masthead-nav > li > a {

		 font-size: 18px !important;

		 line-height: 40px;

	}

	.masthead-nav {

		height: 40px;

	}



	.masthead-nav > li + li {

		margin-top: 40px;

	}

  

  .nav>li>a>img {

	height:40px;

  }

  

	/* Proizvodi */

	ul.proizvodi-list li a {

		font-size: 30px;

	}

	

	.cover-heading-black {

		font-size: 30px !important;

	}

	

	

}

.inner.cover.cover-nobg {
	padding-bottom: 145px;
}

.single-product li {
	margin: 20px 15px 10px !important;
    height: 55px !important;
}