/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700);

/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#888888!important; color:#fff}
::-moz-selection{ background:#888888!important; color:#fff}

a{ color:#ccc; text-decoration: underline; outline:none}
a:hover{ color:#ffffff; text-decoration: none; outline:none}

p {font-size:15px;line-height:20px;margin:10px 0;}

body{ background:url(../images/dezen.jpg); border:0; font: 12px Arial, Helvetica, sans-serif; color:#262523 ; line-height:18px; min-width:320px;}

img {margin:10px;}

[class*="span"] {margin-left:10px;}

ul {
	padding:0;
	margin:0px;
}

blockquote {font-size:14px;padding: 0 0 0 15px;margin: 0 0 20px;border-left: 5px solid #eeeeee;}

#main{margin: 0 auto; position: relative;}

#inner{max-width: 1000px; margin: 20px auto 0 auto; position: relative;}

#inner2{background: url(../images/inner2.jpg) center top no-repeat #f9f8f1; padding-top: 30px; padding-bottom: 30px;}

.paralax-home {
	background-image:url("../images/paralax_naslovna.jpg");
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height:250px;
}
/* ============================= header ====================== */
header{position: relative; width: 100%;height:390px; left: 0; top: 0; z-index: 30;background: url(../images/header.png);}

.top1{top:0;height: 46px; background: url(../images/px1.png); position: relative; z-index: 1;}
.logo_wrapper{position: relative;left:0%;top: 11%; margin:0px; z-index: 10;}
.logo{display: inline-block;z-index:300;}
.top1_inner{padding-left: 255px;}
.phone1{float: left; font-family: 'Roboto'; font-weight: 300; text-transform: uppercase; color: #aca89c; font-size: 18px; line-height: 46px; padding-right: 20px; margin-right: 20px; background: url(../images/phone1.png) right center no-repeat;}
.phone1 span{color: #d2cec4; font-weight: 700;}
.phone2{float: left;font-size: 18px; line-height: 46px;}
.phone2 .txt1{float: left;font-family: 'Roboto'; font-weight: 300; text-transform: uppercase; color: #aca89c;  padding-right: 15px;}
.social_wrapper{ float: left; line-height: 1px;}
.social{ display: inline-block; margin: 0 0px; padding-top: 10px; list-style: none; white-space: nowrap;}
.social li{display: inline-block; margin: 0 2px; float: left;}
.social img {margin:0;}

.top2{height: 45px; background: url(../images/vrpca.png) 0 0 repeat-x; position: relative; z-index: 1;}
.top2_inner{padding-left: 255px;}

.left {
  color:#ccc;
  float:left;
  width:50%;	
}
.left p {
	float:none;
	margin:10px 0;
}
.right {
  color:#ccc;
  float:right;
  width:50%;	
}
.right p {
	float:right;
	margin:10px 0;
}

/* ============================= slider ====================== */
#slider{
	background:url(..images/slider_bg.jpg) no-repeat;
	position: relative;
	z-index: 10;}

.carousel {margin-bottom:0}

.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}


/* ============================= gallery ====================== */
*{
	padding:0;
	margin:0;
}

/*	general	*/

section{
    padding: 25px 0;
}

/*	gallery */


.filter-button{
    font-size: 18px;
    border: 2px solid #3F6184;
	  padding:5px 10px;
    text-align: center;
    color: #3F6184;
    margin-bottom: 30px;
	  background:transparent;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
    color: #ffffff;
    background-color:#3F6184;
	  outline:none;
}
.gallery_product{
    margin: 0px;
	  padding:0;
	  position:relative;
}
.gallery_product .img-info{
	  position: absolute;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px;
	  overflow:hidden;
	  text-align:center;
	  color:#fff;
	  top:0;
	  display:none;
	  -webkit-transition: 2s;
    transition: 2s;
}

.gallery_product:hover .img-info{
	  display:block;
   -webkit-transition: 2s;
    transition: 2s;
}


/* ============================= nav sidebar menu ====================== */

:focus {
  outline: none;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
/* 
    Sometimes the sub menus get too large for the page and prevent the menu from scrolling, limiting functionality
    A quick fix is to change .side-menu to 

    -> position:absolute
    
    and uncomment the code below.
    You also need to uncomment 
    
    -> <div class="absolute-wrapper"> </div> in the html file

    you also need to tweek the animation. Just uncomment the code in that section
    --------------------------------------------------------------------------------------------------------------------
    If you want to make it really neat i suggest you look into an alternative like http://areaaperta.com/nicescroll/
    This will allow the menu to say fixed on body scoll and scoll on the side bar if it get to large
*/
/*.absolute-wrapper{
    position: fixed;
    width: 300px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #e7e7e7;
}*/

.side-menu {
  position: relative;
  width: 300px;
  height: 100%;
  border-right: 0px solid #e7e7e7;
}
.side-menu .navbar {
  border: none;
}
.side-menu .navbar-nav .active a {
  background-color: #c30009;
  margin-left: 0px;
  border: none;
}
.side-menu .navbar-nav li {
  display: block;
  width: 100%;
  color:#fff;
  background:#c30009;
  margin-bottom:1px;
}
.side-menu .navbar-nav li a {
  padding: 15px;
  color:#fff;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #c30009;
    box-shadow: none;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    color: #fff;
}
.side-menu .navbar-nav li a:active {
  color:#fff;
}
.side-menu .navbar-nav li a .glyphicon {
  padding-right: 10px;
}
.side-menu #dropdown {
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.side-menu #dropdown .caret {
  float: right;
  margin: 9px 20px 0;
}
.side-menu #dropdown .indicator {
  float: right;
}
.side-menu #dropdown > a {
  background:#c30009;
  margin-bottom:1px;
}
.side-menu #dropdown .panel-body {
  padding: 0;
  background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body li {
  padding-left: 30px;
  margin-left:10px;
}
.side-menu #dropdown .panel-body .caret {
  float: right;
  margin: 9px 40px 0;
}
.side-menu #dropdown .panel-body .navbar-nav {
  width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
  padding-left: 25px;
  font-style: italic;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
  border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
  margin-left: -25px;
  padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
  margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
  padding-left: 30px;
  margin-left:10px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
  border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
  background-color: #f3f3f3;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0px;
  padding: 15px 18px;
}
.caret {
    border-top: 4px solid #fff200;
}
.side-menu .brand-name-wrapper {
  min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
  display: block;
}
.side-menu #search {
  position: relative;
  z-index: 1000;
}
.side-menu #search .panel-body {
  padding: 0;
}
.side-menu #search .panel-body .navbar-form {
  padding: 0;
  padding-right: 50px;
  width: 100%;
  margin: 0;
  position: relative;
  border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
  width: 100%;
  position: relative;
}
.side-menu #search .panel-body .navbar-form input {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0;
  background-color: #f3f3f3;
  padding: 15px 18px;
}
/* Main body section */
.side-body {
  margin-left: 310px;
}
/* small screen */
@media (max-width: 768px) {
  .side-menu {
    position: relative;
    width: 100%;
    height: 0;
    border-right: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .side-menu .brand-name-wrapper .navbar-brand {
    display: inline-block;
  }
  /* Slide in animation */
  @-moz-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-webkit-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  /* Slide side menu*/
  /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
  .side-menu-container > .navbar-nav.slide-in {
    -moz-animation: slidein 300ms forwards;
    -o-animation: slidein 300ms forwards;
    -webkit-animation: slidein 300ms forwards;
    animation: slidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }


  .side-menu .navbar-nav li a {
  	font-size:12px;
  }
  .side-menu #dropdown .caret {
    float: right;
    margin: 9px 0px 0;
}

  /* Uncomment for scrollable menu -> see top comment */
  /*.absolute-wrapper{
        width:285px;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }*/
  @-moz-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @-webkit-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @-moz-keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  @-webkit-keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  @keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  /* Slide side body*/
  .side-body {
    margin-left: 5px;
    margin-top: 70px;
    position: relative;
    -moz-animation: bodyslideout 300ms forwards;
    -o-animation: bodyslideout 300ms forwards;
    -webkit-animation: bodyslideout 300ms forwards;
    animation: bodyslideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .body-slide-in {
    -moz-animation: bodyslidein 300ms forwards;
    -o-animation: bodyslidein 300ms forwards;
    -webkit-animation: bodyslidein 300ms forwards;
    animation: bodyslidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Hamburger */
  .navbar-toggle {
    border: 0;
    float: left;
    padding: 18px;
    margin: 0;
    border-radius: 0;
    background-color: #f3f3f3;
  }
  /* Search */
  #search .panel-body .navbar-form {
    border-bottom: 0;
  }
  #search .panel-body .navbar-form .form-group {
    margin: 0;
  }
  .navbar-header {
    /* this is probably redundant */
    position: fixed;
    z-index: 3;
    background-color: #f8f8f8;
  }
  /* Dropdown tweek */
  #dropdown .panel-body .navbar-nav {
    margin: 0;
  }
}


/* ============================= content ====================== */
#content{position: relative; z-index: 10;}
.subpage #content{background: url(../images/page_title.png);  margin-top: -110px;}
#content2{background: url(../images/content_bg.jpg) left bottom repeat-x; padding-top: 0px; padding-bottom: 0px; }

/* ============================= footer ====================== */
footer{
	position: relative; 
	z-index: 1; 
background: #bb090e;
background: -moz-linear-gradient(top, #bb090e 0%, #6f0205 100%);
background: -webkit-linear-gradient(top, #bb090e 0%,#6f0205 100%);
background: linear-gradient(to bottom, #bb090e 0%,#6f0205 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb090e', endColorstr='#6f0205',GradientType=0 );
  padding: 25px 0 20px 0;
}

.bot1{float: left;}

.bot2{float: left; padding-left:130px;}

.bot3{float: right;}

.copyright{color:#6a6559; padding-top: 10px;}
.copyright a { color:#6a6559; text-decoration: underline;}
.copyright a:hover{color:#6a6559; text-decoration: none;}


/* ============================= main menu ====================== */
.navbar_ { 	
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 30;
}
.navbar_ .navbar-inner_ { padding: 0; margin: 0; border: none; min-height: inherit; background: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; filter:none; }
.navbar_ .btn-navbar { background: #882601; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 8px; margin-bottom: 6px;}
.navbar_ .btn-navbar:hover{background: #e29954;}
.navbar_ .btn-navbar .icon-bar{background-image: none;}
.nav-collapse_.collapse{ position:relative; display:block; text-align: left;}
.navbar_ .nav{ position: relative; float: none; margin: 0; padding: 0; display: block; left: auto;}
.navbar_ .nav > li{position: relative; display: block; float: left; margin-left: 40px; white-space: nowrap;}
.navbar_ .nav > li:first-child{margin-left: 0;}
.navbar_ .nav > li > a{position: relative; display: block; text-decoration: none; background: none; font-family: 'Roboto'; font-weight: 700; font-size: 14px; line-height: 45px; color: #b3a880; padding: 0px 0px; border: none; margin: 0; text-shadow:none; text-transform: uppercase; 
transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;
}
.navbar_ .nav > li > a em{display: inline-block; width: 5px; height: 7px; background: url(../images/marker0.png) left top no-repeat; position: relative; margin-left: 10px;}
.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: #f4edd3; text-decoration: none; background: none;  box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}



/* ============================= menu bot ====================== */
.menu_bot { display:inline-block; position: relative; z-index:10; text-align:left; white-space:nowrap; padding-top: 0px; text-transform: uppercase; }
#menu_bot { list-style: none; display:inline-block; white-space:nowrap;  padding: 0; margin: 0;}
#menu_bot > li { list-style: none; display: inline-block; height:32px; line-height: 32px; margin-left: 30px; position:relative; float:left; white-space:nowrap;}
#menu_bot > li:first-child{ margin-left: 0;}
#menu_bot > li > a{ display:block; height:100%; text-decoration:none; position:relative; font-family:'Roboto'; font-weight: 700; font-size: 14px; color: #d8ceb7;}
#menu_bot > li.active > a, #menu_bot > li > a:hover, #menu_bot > li > a:focus{color: #c15f17; text-decoration: none;}


/* ============================= sidebar menu ====================== */


/* ============================= search-form ====================== */
.search-form-wrapper{float: none;}
.navbar-form { float: left; position:relative; z-index: 11; margin:0px 0px 0px 0 ; padding: 0; }
.navbar-form input { width: 190px; height: 20px; font-size: 14px; line-height: 20px; color:#c30009; background: #ebebeb; border: none; border: 0px solid #262523; margin: 0; padding: 5px 50px 5px 10px; border-radius:5px; font-family: 'Roboto'; font-weight: 400; font-size: 12px;  }
.navbar-form input:focus {color: #fff; border-color: #898989;-moz-box-shadow: inset  none; -webkit-box-shadow: none; box-shadow: none;}
.navbar-form a {text-decoration: none; margin: 0; display: inline-block; width: 42px; height: 28px; background: url(../images/search.png) left top no-repeat; position:absolute; right:0; top: 3px; }
.navbar-form a:hover { background-position: right;}
/* ============================= toTop ====================== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.png) no-repeat left top; }
#toTopHover { background:url(../images/totop.png) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }

/* ============================= main layout ====================== */
h1{ font-family: 'Lobster Two', cursive; font-size:36px; color:#c30009; line-height:35px; padding:20px 0 20px 0; margin: 0; }
h1.home{color: #6d6047; text-transform: uppercase; font-size: 55px; font-weight: 300; line-height: 30px;}
h1.home span{font-size: 18px; line-height: 18px;}

h2{ font-family: 'Lobster Two', cursive; font-size:30px; color:#c30009; text-align:center; line-height:35px; padding:20px 0 20px 0; margin: 0; }
h2.home{font-size: 34px; font-weight: 300;text-align:center; color:#128f07; padding: 10px 0 10px 0; }
h2.sale{font-size:36px;color:#fff;text-align:center;padding:5px 0;}

h3{ font-family: 'Lobster Two', cursive; font-size:24px; color:#c30009; line-height:35px; padding:20px 0 20px 0; margin: 0; }
h3.home{text-transform: none; font-size: 34px; line-height: 30px;}
h3.home span{color:#f26522;font-size: 22px; line-height: 18px;}
h3.sale{font-size:28px;color:#fff;text-align:center;padding:5px 0;}

h4{ font-size: 13px; font-weight: bold; color:#6d6047; padding:0px 0 5px 0; margin: 0px 0px 0px 0px; text-transform: none;}
h4 a{color: #6d6047; text-decoration: underline;}
h4 a:hover{color: #c15f17; text-decoration: none;}

h5{font-size:15px;color:#bab5b1;padding:0px 5px;}



h6{ font-size: 16px; line-height: 25px; font-weight: normal; color:#6d6047; padding:0px 0 10px 0; margin: 0px 0px 0px 0px; text-transform: uppercase;}



.upper { text-transform:uppercase;}

.color1{ color:#fff;}

.line1 { height:1px; background:#d8ceb7; margin:15px 0;}

.radius1{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.pad_bot1{padding-bottom: 20px;}

.info {background:#fff;border:1px solid #ccc; padding:10px; margin-bottom:10px;}
.info h3{font-family: 'Lobster Two', cursive;font-size:28px;color:#fff;text-align:center;padding:5px 0;}
.info h4{font-size:24px;color:#fff;text-align:center;padding:10px 5px;}
.info h5{font-size:15px;color:#bab5b1;padding:0px 5px;}
.info img {margin:0;}
.info ul {padding-left:10px;}
.info li {list-style-type: circle;}

/* === */
.banners{background: #1a1918; padding-top: 30px; padding-bottom: 25px;}
.banners .banner{}
.banners .banner .txt1{ font-family: 'Roboto'; font-weight: 700; font-size: 24px; line-height: 30px; color: #bab5b1; text-transform: uppercase; padding-top: 10px; padding-bottom: 20px;}
.banners .banner figure{padding: 6px; background: #454441; margin: 0;display: block;}
.banners .banner figure img{width: 100%;}
.banners .banner .txt2{ font-family: 'Roboto'; font-weight: 300; font-size: 16px; line-height: 20px; color: #fffcf7; padding-top: 15px; padding-bottom: 10px;}
.banners .banner .txt3{ color: #a8a6a1; padding-bottom: 10px;}

.button0{ display:inline-block; line-height:32px; height: 32px;  text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:14px; font-family:'Roboto'; font-weight: 400; color:#c2c0bc; white-space:nowrap; letter-spacing:0px; background:url(../images/button0.png) left top repeat-x; padding:0 20px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border: none; text-transform: uppercase;}
.button0:hover { color:#fff; background:url(../images/button0_over.png) left top repeat-x;}

.button1{ display:inline-block; line-height:18px;  text-decoration: underline; margin-top:5px; margin-bottom:5px; font-size:13px; color:#c15f17; white-space:nowrap; letter-spacing:0px; background:url(../images/button1.png) right center no-repeat; padding-right: 25px; font-style: italic;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button1:hover { color:#ccc;}

.dugme{ display:inline-block; line-height:18px; text-decoration: none; font-size:13px; margin:5px 10px 0px; color:#ffffff; background:#128f07; padding: 7px 20px; font-style: italic;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.dugme:hover { color:#ccc;}

.page_title{font-family: 'Roboto'; font-weight: 300; font-size: 40px; line-height: 40px; color: #fff; padding: 25px 0;}

.google_map{ position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 6px; background: #eee7d9;border: none;}
.google_map iframe{position: relative; width: 100%; height: 350px; border: none;}







/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 6px; background: #eee7d9; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumbnail .caption{padding: 0; color: #262523}

.thumb1 {margin-bottom: 20px;}
.thumb1.last {margin-bottom: 0px;}
.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb1 figure{margin: 0; float: left; margin:0px 20px 20px 0px;}
.thumb1 figure img{width: auto;}
.thumb1 .caption{}

.thumb2 {margin-bottom: 20px;}
.thumb2.last {margin-bottom: 0px;}
.thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb2 figure{margin: 0; float: left; margin:0px 20px 0px 0px;}
.thumb2 figure img{width: auto;}
.thumb2 .caption{ overflow: hidden;}

.thumb3 {margin-bottom: 20px;}
.thumb3.last {margin-bottom: 0px;}
.thumb3 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb3 figure{margin: 0; float: left; margin:0px 20px 20px 0px;}
.thumb3 figure img{width: auto;}
.thumb3 .caption{}

.thumb4 {margin-bottom: 20px;}
.thumb4.last {margin-bottom: 0px;}
.thumb4 .thumbnail{padding: 10px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; background: #e7dfcc;}
.thumb4 figure{margin: 0; float: none; margin:0px 0px 15px 0px; padding: 0px;}
.thumb4 figure img{width: 100%;}
.thumb4 .caption{}
.thumb4 .caption .txt1{ text-transform: uppercase; font-family: 'Roboto'; font-weight: 400; font-size: 15px; line-height: 20px; color: #b1672f;padding-bottom: 5px;}
.thumb4 .caption .txt2{ font-family: 'Roboto'; font-weight: 400; font-size: 14px; line-height: 20px; color: #2d2c2a;}
.thumb4 .thumbnail:hover{background: #c15f17;}
.thumb4 .thumbnail:hover .caption .txt1{color: #e7dfcc;}
.thumb4 .thumbnail:hover .caption .txt2{color: #e7dfcc;}

.thumb5 {margin-bottom: 20px;}
.thumb5.last {margin-bottom: 0px;}
.thumb5 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb5 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb5 figure img{width: 100%;}
.thumb5 .caption{}

.thumb6 {margin-bottom: 0px;}
.thumb6.last {margin-bottom: 0px;}
.thumb6 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb6 figure{margin: 0; float: none; margin:0px 0px 0px 0px; position: relative;}
.thumb6 figure img{width: 100%;}
.thumb6 .caption2{background: url(../images/thumb6.png);font-family: 'Roboto'; font-size: 26px; line-height: 26px; font-weight: 400; color: #e7dfcc; padding: 20px; position: relative; margin-top: -66px;}
.thumb6 .caption{background: #1a1918; padding: 20px; }
.thumb6 .caption .txt1{font-family: 'Roboto'; font-size: 16px; line-height: 24px; font-weight: 400; color: #b5aa92; padding-bottom: 10px;}
.thumb-isotope {}
.thumb-isotope .thumbnail{padding: 10px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;background: #e7dfcc;}
.thumb-isotope figure{position: relative; margin: 0; float: none; margin:0px 0px 20px 0px; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a{position: relative;  display: block;}
.thumb-isotope .thumbnail a:hover figure{background: #fff;}
.thumb-isotope .thumbnail a img{width: 100%;}
.thumb-isotope .thumbnail a em{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: url(../images/photo1.png) center center no-repeat; opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover em{opacity: 1; filter: alpha(opacity=100);}
.thumb-isotope .caption{}
.thumb-isotope .caption .txt1{ text-transform: uppercase; font-family: 'Roboto'; font-size: 15px; line-height: 20px; color: #b1672f;padding-bottom: 5px;}
.thumb-isotope .caption .txt2{font-family: 'Roboto'; font-size: 14px; line-height: 20px; color: #2d2c2a;padding-bottom: 10px;}
.thumb-isotope .caption .txt3{font-family: 'Roboto'; font-size: 14px; line-height: 20px; color: #2d2c2a;}



/* ============================= slider naslovna ====================== */

.slick-slide {
    margin: 0px 10px;
}
.slick-slide img {
    width: 100%;
}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* ============================= accordion ====================== */
.accordion{ margin-bottom: 20px;}
.accordion-group{ margin-bottom: 9px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.accordion-heading{border-bottom: 0;}
.accordion-heading .accordion-toggle{text-decoration: none; display: block; padding: 8px 12px 8px 30px;cursor: pointer; font-size: 14px; line-height: 22px;font-family: 'Roboto'; font-weight: 400; color: #343331; background: url(../images/accordion1.png) 10px 14px no-repeat #d8ceb7;}
.accordion-heading .accordion-toggle:hover{ text-decoration: none; color: #f9f8f1; background: url(../images/accordion1_over.png) 10px 14px no-repeat #c15f17;}
.accordion-inner{ background: #e7dfcc; border-top: none; padding: 10px 15px;}





/*================= Contacts =========================*/
#kontakt {
	background-image: url("../images/mail_background.png");
	background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width:1170px;
  height:376px;
	padding-top:0px;
	padding-bottom:80px;
}


.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

#kontakt .text-center {
	padding-top:20px;
	margin-bottom:30px;
	padding-bottom:10px;
}

#kontakt ul {
	list-style:none;
	margin-left:-40px;
	font-size:13px;
}

#kontakt h2 {
	color:#000;
	margin-bottom:30px;
	font-size:25px;
}
.form-inline {
	margin-top:15px;
	margin-bottom:15px;	
}

.form-inline .form-group input[type="name"]{
	margin-top:10px;
	border-radius:4px;
	border-radius:6px;
}

.form-inline .form-group input[type="email"]{
	margin-top:10px;
	border-radius:6px;
	padding:5px 20px;
}



/*================= 404 =========================*/
.page-404{text-align: center;}
.page-404 .txt1{font-family:'Roboto'; font-weight:700; font-size:180px; color:#4b3e33; line-height:180px; }
.page-404 .txt2{font-family:'Roboto'; font-weight:400; font-size:60px; color:#795931; line-height:60px; }



/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1200px) {
	#inner{max-width: 1230px; }
	.logo_wrapper{margin:0px;}

	.page_title{font-size: 50px; line-height: 50px;}
	.subpage #content{margin-top: 0px;}

	.thumb4 {margin-bottom: 30px;}


	
}
/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {
	
}
@media (min-width: 980px) and (max-width: 1199px) {


	
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
	.logo_wrapper{margin-left: -362px;}
	.top1{height: auto; padding-top: 0px; padding-bottom: 50px;}
	.phone1{float: left; background: no-repeat; margin-right: 0; padding-right: 0;}	
	.phone2{float: right;line-height: 25px;}
	.top2_inner{padding-left: 0;}
   .social {
    padding-top: 0px;
   }
	.bot1{float: none;}
	.bot2{float: none; padding-top: 10px; padding-bottom: 10px;}	
	.navbar-form input{width: 655px;}

	.page_title{font-size: 30px; line-height: 30px;}
	.subpage #content{margin-top: -90px;}

	
	
}
@media (min-width: 768px) and (max-width: 979px) {
	#inner{max-width: 784px; }
  	header {
		background:url(../images/header_tab.jpg) no-repeat;
	 }
	.nav-collapse_.collapse{height: auto!important; overflow: visible!important;}
	.navbar_ .btn-navbar{display: none;}
	.banners .banner .txt1{font-size: 20px; line-height: 25px;}
  .logo_wrapper {
	   top:-20px;
	   left:170px;
  }
	
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	body{padding-left: 0; padding-right: 0;}
	#inner{max-width: 480px; }
	.container{width: 440px;}

  .navbar .nav {
  	width:250px;
  }
  .side-menu #dropdown .caret {
    float: right;
    margin: 9px 0px 0;
   }
	.navbar_ .nav{display: block; z-index:1; background: #842604;}
	.navbar_ .nav > li{float: none; margin-left: 0; background: none;}
	.navbar_ .nav > li > a{padding-left: 10px;}
	.sub-menu ul{position: relative; left: 0; top: 0;}

	.logo_wrapper{margin-left: -220px;}
	.logo img {z-index:10; padding-left:200px;}
	.phone1{font-size: 14px; line-height: 25px;}
	.phone2{font-size: 14px; }
	.top1_inner{padding-top: 10px;}
	.top1{padding-bottom: 10px;}

	
	#menu_bot > li{display: block; float: none; margin-left: 0;}
	.navbar-form input{width: 375px;}

	.page_title{font-size: 20px; line-height: 20px; padding: 15px 0;}
	.subpage #content{margin-top: -70px;}

	


		
}
@media (min-width: 481px) and (max-width: 767px) {
  	header {
		background:url(../images/header_mob_pol.jpg) no-repeat;
	 }
	.top1_inner {
    padding-left: 35px;
  }
}
/* Landscape phones and down */
@media (max-width: 480px) {
	#inner{max-width: 320px; }
	.container{width: 300px;}
	
	.logo_wrapper{margin-left: 0px; left: 0; text-align: center; width: 100%;}
	
	.top1_inner{padding-left: 0; display: inline-block;}
	.top1{padding-top: 130px; padding-bottom: 0; text-align: center;}
	.phone2{display: inline-block;}

	.navbar-form input{width: 230px;}

	.page_title{font-size: 20px; line-height: 20px; padding: 15px 0;}
	.subpage #content{margin-top: -50px;}

	.thumb3 figure{float: none; margin-right: 0;}
	.thumb3 figure img{width: 100%;}

	.google_map iframe{height: 300px;}

	.page-404 .txt1{font-size: 110px; line-height: 110px;}
	.page-404 .txt2{font-size: 30px; line-height: 30px;}
	
}

@media (max-width: 360px) {
	header {
		background:url(../images/header_mobil.jpg) no-repeat;
	}
	.top1{padding-top: 0px;}
	.top2{z-index:100;}
	.logo_wrapper {top:2%;}
	.social{ padding-top: 0px;}
	.social img{ margin: 0px;}
	.phone2{line-height: 30px;}
	.logo img {margin:0 5px;padding:0;}
    #slider {margin-top:0px;}
  .side-menu {
    position: relative;
    width: 100%;
    height: auto;
    border-right: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  [class*="span"] {
    margin-left: 0px;
  }
  .bot1 {
	  width:110px;
  }
  .bot2 {
	  width:110px;
	  padding:0px;
  }
  footer {
  	padding: 15px 0 5px 0;
  }
}