/*******************************************
*   Theme Name: Market
*   Author: Magentech
*   Author URI: http://www.magentech.com
*   Version: 1.0.0
*   Description: This is html5 Sass template 
*******************************************/
/*******************************************************
  Style Color
********************************************************/
/*===============================================
	[SASS DIRECTORY ]
	
    [1] Minxin Link
    [2] Minxin Buton
    [3] Minxin Triangle
   
    ==============================================*/
.no-margin {
  margin: 0 !important; }

.marginbottom__3x {
  margin-bottom: 30px; }

@-webkit-keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@keyframes animLoadedLogo {
  to {
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
    transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
@-webkit-keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@keyframes animLoadedLoader {
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
@-webkit-keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0); } }
@keyframes animLoadedHeader {
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@-webkit-keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0); } }
@keyframes animInitialHeader {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
    transform: translate3d(0, 800px, 0); } }
/**************************************************************
BLOCK HEADER 
**************************************************************/
#header {
  top: 0;
  left: 0;
  height: 100%;
  width: 300px;
  background: #090909;
  position: fixed;
  z-index: 999; 
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;

}
  #header .header-top {
    font-size: 12px;
    line-height: 40px;
    padding: 0 15px; }
    #header .header-top .header-top-languages {
      padding-top: 15px; }
      #header .header-top .header-top-languages .currencies-block {
        margin-right: 10px; }
      #header .header-top .header-top-languages .languages-block form > a, #header .header-top .header-top-languages .currencies-block form > a {
        color: #ffffff;
        border: 1px solid #3d3d3d;
        background: #1b1b1b;
        padding: 8px 15px; }
    #header .header-top .navbar-logo {
      padding: 20px 0; }
    #header .header-top .shopping_cart .btn-shopping-cart .top_cart {
      overflow: hidden;
      padding: 15px 0;
      border-top: 1px solid #2d2d2d;
      border-bottom: 1px solid #2d2d2d; }
      #header .header-top .shopping_cart .btn-shopping-cart .top_cart .shopcart span {
        color: #fff;
        text-transform: uppercase; }
      #header .header-top .shopping_cart .btn-shopping-cart .top_cart .shopcart .number-shopping-cart {
        height: 24px;
        width: 24px;
        line-height: 24px;
        text-align: center;
        float: right;
        border-radius: 50%;
        margin-top: 7px; }
    #header .header-top .shopping_cart .btn-shopping-cart .shoppingcart-box {
      width: 115%; }
  #header .header-mid {
    padding: 20px 0; 
    border-top: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
  }
    #header .header-mid .megamenu-hori {
      padding: 0; }
      #header .header-mid .megamenu-hori .so-megamenu {
        width: 80%; }
        #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li {
          float: none;
          display: block;
          width: 300px; }
          #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li a.menu1 {
            padding: 10px 15px;
            color: #cccccc;
            transition: padding .3s; }
            #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li a.menu1:hover {
              background: #123B8A;
              color: #fff;
              padding-left: 20px; }
              #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li a.menu1:hover:before {
                height: 38px; }
            #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li a.menu1:before {
              content: "";
              width: 2px;
              height: 0;
              position: absolute;
              top: 0;
              left: 0; }
            #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li a.menu1 strong {
              font-weight: 600;
              font-size: 14px;
              text-transform: uppercase; }
          #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li .sub-menu {
            padding-top: 0;
            left: 300px;
            top: 0; }
            #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li .sub-menu .content {
              width: 850px; }
        #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li.menu-page .sub-menu .content {
          width: 300px; }
        #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li.home .sub-menu {
          top: -120px; }
        #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li.home a {
          font-weight: 600;
          font-size: 14px;
          text-transform: uppercase; }
    #header .header-mid .search {
      padding: 20px 15px; }
      #header .header-mid .search .input-search {
        width: 100%;
        position: relative; }
        #header .header-mid .search .input-search input {
          background: #242424;
          border: none;
          border-top: 1px solid #4c4c4c;
          border-bottom: 1px solid #4c4c4c;
          height: 45px;
          width: 100%;
          outline: 0; }
        #header .header-mid .search .input-search button {
          background: none;
          border: none;
          position: absolute;
          line-height: 45px;
          padding: 0;
          font-size: 18px;
          color: #fff;
          right: 15px;
          top: 0; }
    #header .header-mid .price-old {
      text-decoration: line-through; }
    #header .header-mid .collapsed-block {
      padding: 0 15px; }
      #header .header-mid .collapsed-block ul {
        padding: 0;
        margin: 0; }
        #header .header-mid .collapsed-block ul li {
          list-style: none;
          padding: 10px 0; }
          #header .header-mid .collapsed-block ul li a {
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase; }

@media (max-width: 1199px) {
  #header .header-mid .megamenu-hori .so-megamenu .megamenu-wrapper ul.megamenu li .sub-menu .content {
    width: 660px; } }
@media (max-width: 991px) {
  #header.open {
    left: 0; }

  .vidiblle-header {
    position: fixed;
    top: 50%;
    transition: left 0.3s;
    left: 0;
    z-index: 2; }
    .vidiblle-header.open {
      left: 300px; }
      .vidiblle-header.open button i:before {
        content: "\f00d"; }
    .vidiblle-header button {
      background: #222222; }
      .vidiblle-header button i {
        color: #fff; }

  #header {
    left: -300px;
    transition: left .3s; }
    #header .header-mid .megamenu-hori .so-megamenu .horizontal .navbar-header {
      display: none; }
    #header .header-mid .megamenu-hori .so-megamenu .horizontal .megamenu-wrapper {
      position: relative;
      transform: translate3d(0, 0, 0);
      visibility: visible;
      background: none;
      border: none;
      z-index: 4; }
      #header .header-mid .megamenu-hori .so-megamenu .horizontal .megamenu-wrapper ul.megamenu > li {
        width: auto;
        border-top: none;
        border-bottom: 1px solid #525252; }
        #header .header-mid .megamenu-hori .so-megamenu .horizontal .megamenu-wrapper ul.megamenu > li .sub-menu {
          left: 0; }
          #header .header-mid .megamenu-hori .so-megamenu .horizontal .megamenu-wrapper ul.megamenu > li .sub-menu .content {
            width: auto;
            overflow-y: auto;
            overflow-x: hidden;
            max-height: 370px; }
        #header .header-mid .megamenu-hori .so-megamenu .horizontal .megamenu-wrapper ul.megamenu > li.active .close-menu {
          background: none; }
        #header .header-mid .megamenu-hori .so-megamenu .horizontal .megamenu-wrapper ul.megamenu > li a.menu1 {
          color: #fff !important; } }
@media (max-width: 767px) {
  #header {
    width: 280px;
    overflow-y: auto; }
    #header .megamenu-wrapper {
      width: 260px; }
    #header .vidiblle-header.open {
      left: 280px; }
    #header .header-top .shopping_cart .btn-shopping-cart .shoppingcart-box {
      width: 100%; }
    #header .shopping_cart .shoppingcart-box a.view-cart {
      margin-right: -11px; } }

/*# sourceMappingURL=header8.css.map */
.nopadding{
  padding: 0!important; 
  margin: 0!important;
}
.traka{
  width:100%;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
position: relative;
font-family: 'Condiment', cursive;
font-size:50px;
}
.main-container #content h2 {
  font-size: 30px;
  color: #222222;
  font-weight: 300;
}

.podloga{
  background-color: #090909;
  color: #fff;
  font-family: 'Alegreya', serif;
  height: 6.5vh;
  line-height: 6.5vh;
  font-size: 3.0vh;
  padding-left: 1.5vh;
}  
.shadow{
  box-shadow: -2px -5px 5px 0px rgba(0,0,0,0.3);
}
.kutniLogo {
  margin: 1.5vh;
  width: 10vh;
}
.povuci{
  margin-top:-30px;
}
.mb-30{
  margin-bottom:30px;
}
@media screen and (max-width: 768px) {
  #sakrijMobilni {display: none;}
  } 

  .aktivan{
    background-color: bisque;
  }
  .column {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
    position: relative;
    float: left;
}
  .column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
    object-fit: cover;
    max-height: 220px;
}
.pt-20{
  padding-top: 20px;
}
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
    .column {
      flex: 50%;
      max-width: 50%;
    }
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .column {
      flex: 100%;
      max-width: 100%;
    }
    .naslovPocetna{
      padding:5px !important;
      font-size: x-small !important;

      font-weight: 800 !important;
    }
    .caption{
      display: none!important;
    }
  }
  .veliki{
    font-size:20vw;
    text-align: center;
    position: relative;
}
.naslov{
  font-weight:400 !important;
  font-family: 'Calibri Light';
  text-transform: uppercase;
}
.bijela-boja{
  color: #333;
  text-shadow: 1px 1px #333;
}
.razmak{
  padding: 20px 50px 20px !important;
}
.naslovPocetna{
  position: absolute;
  display: box;
  bottom: 15px;
  height: 4vh;
  width:95%;
  background: #fff;
  font-size: 2vh;
  text-align: left;
  padding:10px;
  color:#333;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.thumbnail2 {
  position:relative;
  overflow:hidden;
}

.caption {
  position:absolute;
  top:-100%;
  right:0;
  background:rgba(235, 27, 35, 0.75);
  width:100%;
  height:84%;
  padding:2%;
  text-align:center;
  color:#fff !important;
  z-index:2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.thumbnail2:hover .caption {
  top:0%;
}