.side_menu_wrap:hover {
  z-index: 101;
  position: relative;
}

.side_menu_wrap .badge_spacer,
.menubar .badge_spacer {
  display: inline-block;
  margin-left: 5px;
}
.submenu img {
  width: 80px;
  height: 80px;
  transition: 2s all;
}
.submenu img:hover {
transform: rotate(10deg) scale(2.0);
}
.media-body a {
  font-size: 15px;
  font-weight: bold;
  color: #404040;
  margin-bottom: 5px;
}
.media-body a:hover {
  color: #c38c47;
}

.mitem {
  margin-bottom: 30px;
}

#vyprodej {
      border-radius: 3px;
  background: #ff0000;
      margin-right: 5px;
background-position: 100% 120px, 0 0;
  
  background-image: -webkit-linear-gradient(
    top left,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: -moz-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );    
  background-image: -o-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  
  -moz-background-size: 250% 250%, 100% 100%;
       background-size: 250% 250%, 100% 100%;
  
  -webkit-transition: background-position 0s ease;
     -moz-transition: background-position 0s ease;       
       -o-transition: background-position 0s ease;
          transition: background-position 0s ease;
  }
#vyprodej:hover {
    background-position: 0 0, 0 0;
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
  }
  
#akcnisady {
      border-radius: 3px;
            margin-right: 5px;
  background: rgba(59, 189, 229, 1);
background-position: 100% 120px, 0 0;
  
  background-image: -webkit-linear-gradient(
    top left,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: -moz-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );    
  background-image: -o-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  
  -moz-background-size: 250% 250%, 100% 100%;
       background-size: 250% 250%, 100% 100%;
  
  -webkit-transition: background-position 0s ease;
     -moz-transition: background-position 0s ease;       
       -o-transition: background-position 0s ease;
          transition: background-position 0s ease;
  }
#akcnisady:hover {
    background-position: 0 0, 0 0;
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
  }

#skladem {
          margin-right: 5px;
      border-radius: 3px;
  background: #47c36d;
background-position: 100% 120px, 0 0;
  
  background-image: -webkit-linear-gradient(
    top left,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: -moz-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );    
  background-image: -o-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  
  -moz-background-size: 250% 250%, 100% 100%;
       background-size: 250% 250%, 100% 100%;
  
  -webkit-transition: background-position 0s ease;
     -moz-transition: background-position 0s ease;       
       -o-transition: background-position 0s ease;
          transition: background-position 0s ease;
  }
#skladem:hover {
    background-position: 0 0, 0 0;
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
  }

.mitem .media-body {
  vertical-align: middle;
}
@media all and (min-width: 768px) {
  li.hassub > .sub_dropdown {
    background: #fff;
    visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -20000px;
    height: 1px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.15s ease-out;
  }
  .menu > li > .sub_dropdown.sub_all_levels {
    background: #fff;
    min-width: 100%;
    overflow: hidden !important;
    padding: 40px 15px 10px;
    text-align: left;
    -moz-box-shadow: 0 3px 9px rgba(0,0,0,0.02);
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
  }
  .menu > li > .sub_dropdown.sub_all_levels .sub_toggle {
    display: none;
  }
  .menu > li > .sub_dropdown.sub_all_levels .col {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    float: none;
  }
  .menu > li > .sub_dropdown.sub_all_levels .col li {
    margin: 8px 0;
  }
  .menu > li > .sub_dropdown.sub_all_levels .col > ul > li a {
    color: #404040;
  }
  .menu > li > .sub_dropdown.sub_all_levels .col > ul > li a:hover {
    color: #00c774;
  }
  .menu > li > .sub_dropdown.sub_all_levels .col > ul > li > .link > a {
    font-weight: 600;
    font-size: 16px;
  }
  .sub_dropdown.sub_one_level,
  .sub_dropdown.sub_one_level .submenu {
    background: #fff;
    position: absolute;
    white-space: nowrap;
     -moz-box-shadow: 0 3px 9px rgba(0,0,0,0.02);
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
  }
  .side_menu_wrap .menu_dropdown > li,
  .sub_one_level li {
    position: relative;
    white-space: normal;
  }
  .side_menu_wrap .menu_dropdown > li .badge,
  .sub_one_level li .badge {
    font-size: 10px;
    padding: 2px 3px;
    font-weight: 600;
    background: #1d9622;
    vertical-align: 1px;
    border-radius: 4px;
  }
  .side_menu_wrap .menu_dropdown > li > .link > a,
  .sub_one_level li > .link > a {
    color: #404040;
    display: block;
    padding: 9px 18px;
    text-align: left;
  }
  .side_menu_wrap .menu_dropdown > li > .link .sub_toggle,
  .sub_one_level li > .link .sub_toggle {
    display: none;
  }
  .side_menu_wrap .menu_dropdown > li:hover, .side_menu_wrap .menu_dropdown > li.hover,
  .sub_one_level li:hover,
  .sub_one_level li.hover {
    z-index: 2;
  }
  .side_menu_wrap .menu_dropdown > li:hover > .link > a, .side_menu_wrap .menu_dropdown > li.hover > .link > a,
  .sub_one_level li:hover > .link > a,
  .sub_one_level li.hover > .link > a {
    color: #c38c47;
  }
  .side_menu_wrap .menu_dropdown > li.active > .link > a,
  .sub_one_level li.active > .link > a {
    background: #f5f4f4;
    font-weight: 600;
    color: #000;
  }
  .side_menu_wrap .menu_dropdown > li.hassub > .link,
  .sub_one_level li.hassub > .link {
    position: relative;
  }
  .side_menu_wrap .menu_dropdown > li.hassub > .link:after,
  .sub_one_level li.hassub > .link:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    top: 10px;
    right: 10px;
    overflow: hidden;
    color: #777777;
    position: absolute;
    content: "";
    text-decoration: none !important;
  }
  .side_menu_wrap .menu_dropdown > li.hassub > .link > a,
  .sub_one_level li.hassub > .link > a {
    position: relative;
    padding-right: 25px;
  }
  .side_menu_wrap .menu_dropdown li > li:first-child,
  .menubar .sub_one_level > ul > li:first-child,
  .menubar .sub_one_level > .col:first-child > ul > li:first-child {
    border-top: none;
  }
  .side_menu_wrap .menu > li.active > .link > a,
  .side_menu_wrap .menu .sub_one_level li.active > .link > a {
    font-weight: 600;
  }
  .menu_dropdown li.hover > .sub_dropdown {
    top: 0;
    left: 100%;
    height: auto;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.menubars {
  position: relative;
}

@media all and (min-width: 768px) {
  .menubars {
    z-index: 103;
  }
}

.menubar_overlay{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(#000, 0.5);
  z-index: 102;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease-out;
}
  .menubar_hover .menubar_overlay {
    opacity: 1;
    visibility: visible;
  }

@media all and (max-width: 767px) {
  .menubars {
    padding: 0;
  }
}

.menubar {
  position: relative;
  background: #4d585a;
  z-index: 9;
  border-radius: 25px;
}


.menubar.initialized .menu {
  opacity: 1;
      background: #4d585a;
    color: white;

}
.menubar ul {
  list-style: none;
    margin: 0;
    padding: 0;
}
.menubar li {
  margin: 0;
}

.menubar .menu_header {
  display: none;
}

.menubar .menu_toggle {
  cursor: pointer;
  font-size: 18px;
  display: block;
  line-height: 22px;
  padding: 14px 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.menubar .menu_toggle i {
  font-size: 22px;
  margin: 0 10px 0 0;
  vertical-align: top;
}

.menubar .menu_wrapper {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} 

.menubar .menu .sub_toggle {
  display: none;
}
@media all and (max-width: 1200px) {
  .menubar .container-fluid {
    padding: 0;
  }
}

@media all and (max-width: 767px) {
  .menubar .menu_header {
    display: block;
  }
  .menubar .menu_wrapper {
    display: none;
  }
  .menubar .menu_wrapper.open {
    display: block;
  }
  .menubar .menu li {
    border-top: 1px solid #ebebeb;
    position: relative;
  }
  .menubar .menu li > .link {
    position: relative;
  }
  .menubar .menu li .sub_toggle {
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 50px;
    text-align: center;
    display: block;
  }
  .menubar .menu li .sub_toggle .fa {
    color: inherit;
  }
  .menubar .menu li .sub_toggle .fa-minus {
    display: none;
  }
  .menubar .menu li .submenu {
    display: none;
  }
  .menubar .menu li.hassub > .link > a {
    padding-right: 60px;
  }
  .menubar .menu li.active > .link a {
    font-weight: 700;
  }
  .menubar .menu li.open > .link > .sub_toggle {
    background: rgba(0, 0, 0, 0.05);
  }
  .menubar .menu li.open > .link > .sub_toggle .fa-plus {
    display: none;
  }
  .menubar .menu li.open > .link > .sub_toggle .fa-minus {
    display: inline-block;
  }
  .menubar .menu li.open > .submenu {
    display: block;
  }
  .menubar .menu a {
    color: #555555;
    font-size: 16px;
    line-height: 18px;
    min-height: 20px;
    display: block;
    padding: 15px 15px;
    text-decoration: none;
  }
  .menubar .menu ul a {
    padding-left: 40px;
  }
  .menubar .menu ul ul a {
    font-size: 14px;
    padding-left: 60px;
  }
  .menubar .menu .submenu {
    background: rgba(0, 0, 0, 0.05);
  }
  .menubar .menu .submenu li {
    border-color: transparent;
  }
  .menubar .menu .submenu .submenu {
    background: rgba(0, 0, 0, 0.05);
  }
}

@media all and (min-width: 768px) {
  .menubar .menu > li {
    float: left;
  }
  .menubar .menu > li.sub_n {
    position: relative;
  }
  .menubar .menu > li > .link > a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
  }
  .menubar .menu > li.hover {
    z-index: 2;
  }
  .menubar .menu > li.hover > .submenu {
    z-index: 3;
    top: 100%;
    left: 0;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .menubar .menu > li.sub_l {
    position: static;
  }
  .menubar .menu > li.sub_l.hover > .submenu.sub_all_levels {
    left: 0;
    right: auto;
  }
  .menubar .menu > li.rtl.hover > .submenu {
    left: auto;
    right: 0;
  }
  .menubar .menu > li li.rtl.hover > .submenu {
    left: auto;
    right: 100%;
  }
  .menubar .menu > li.menu-more > .link a {
    letter-spacing: 0;
  }
  .menubar .menu > li.menu-more {
    width: 43px;
  }
  .menubar .menu > li.menu-more > .link a {
    padding: 0;
    width: 42px;
  }
  .menubar .menu li .sub_one_level,
  .menubar .menu li .sub_one_level .submenu {
    width: 250px;
  }
}

.h_menu1 {
  border-top: 1px solid #eeeff0;
  z-index: 1;
}

.h_menu1 .menu_header {
  border-bottom: 1px solid #eeeff0;
}

.h_menu1 .menu_toggle .fa-bars {
}

.h_menu1 .menu > li > .link a {
  color: #555555;
}

.h_menu2 {
}

.h_menu2 .menu_header {
}

.h_menu2 .menu_header .h_search {
  padding: 0 15px;
}

.h_menu2 .menu_toggle {
    font-weight: 600;
    background: #4d585a;
    color: white;
    text-align: center;
}

.h_menu2 .menu_toggle .fa-bars {
}

.h_menu2 .menu {
  /* opacity: 0; */
}

.h_menu2 .menu .badge {
  font-weight: 600;
  background: #11c774;
}

.h_menu2 .menu > li > .link a {
  display: block;
    background: #4d585a;
    color: white;
}

.h_menu2 .menu > li > .link .badge {
  display: none;
}

.h_menu2 .menu > li.active > .link a {
  background: #edeeef;
}

@media all and (max-width: 767px) {
  .h_menu2 {
    border-radius: 0;
    background-image: none !important;
  }
  .h_menu2 .menu li {
  }
  .h_menu2 .menu li > .link a {
    border-left: none;
    border-right: none;
  }
  .h_menu2 .menu li > .link a .badge {
    display: inline-block;
    vertical-align: 2px;
  }
  .h_menu2 .menu li .sub_toggle .fa {
    color: inherit;
  }
  .h_menu2 .menu li .sub_toggle + a {
    padding-right: 50px;
  }
  .h_menu2 .menu li.open > .link > .sub_toggle {
    background: rgba(255, 255, 255, 0.08);
  }
  .h_menu2 .menu li .submenu {
    background: #c38c47;
  }
  .h_menu2 .menu > li > .link a {
    border-left: none;
    border-right: none;
  }
  .h_menu2 .menu a {
    color: #ffffff;
  }
}

@media all and (min-width: 768px) {
  .h_menu2 .menu_wrapper .menu {
    display: table;
    width: 100%;
    padding: 0;
  }
  .h_menu2 .menu_wrapper .menu > li {
    display: table-cell;
    float: none;
    text-align: center;
    padding-top: 5px;
  }
  .h_menu2 .menu_wrapper .menu > li > .link a {
    display: block;
    font-weight: bold;
    color: #ffffff;
    background: #4d585a;
     background-position: 100% 100%, 0 0;
  
  background-image: -webkit-linear-gradient(
    top left,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: -moz-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );    
  background-image: -o-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  
  -moz-background-size: 250% 250%, 100% 100%;
       background-size: 250% 250%, 100% 100%;
  
  -webkit-transition: background-position 0s ease;
     -moz-transition: background-position 0s ease;       
       -o-transition: background-position 0s ease;
          transition: background-position 0s ease;
  }
    .h_menu2 .menu_wrapper .menu > li.hover > .link a{
    color: #c38c47;
    border-bottom: 1px solid #c38c47;
    background-position: 0 0, 0 0;
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
  }

.no-touch .h_menu1 .menu > li:hover > .link a {
  background: #c38c47;
}

.no-touch .h_menu2 .menu > li:hover > .link a, .no-touch .h_menu2 .menu > li.hover > .link a {
  color: #00c774;
  text-decoration: none;
}

#topnav {
  background: #f0eff0;
  background-image: -owg(linear-gradient(to bottom, #f0eff0, #f0eff0 41px, #e6e8ea 42px));
  background-image: -webkit(linear-gradient(to bottom, #f0eff0, #f0eff0 41px, #e6e8ea 42px));
  background-image: -moz(linear-gradient(to bottom, #f0eff0, #f0eff0 41px, #e6e8ea 42px));
  background-image: -o(linear-gradient(to bottom, #f0eff0, #f0eff0 41px, #e6e8ea 42px));
  background-image: linear-gradient(to bottom, #f0eff0, #f0eff0 41px, #e6e8ea 42px);
  background-size: 100% 42px;
  background-repeat: repeat;
  border-bottom: 1px solid #e6e8ea;
  font-size: 13px;
}

#topnav .fa {
  color: #656565;
  font-size: 15px;
  vertical-align: -1px;
  margin: 0 7px 0 0;
  width: 15px;
}

#topnav .fa-angle-down {
  width: 10px;
}

#topnav li {
  margin: 0;
}

#topnav .h_search {
  height: 42px;
  padding-top: 6px;
}

#topnav .h_search button .fa {
  margin-right: 0;
}

@media all and (max-width: 767px) {
  #topnav .h_search {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media all and (min-width: 768px) {
  #topnav .h_search {
    float: left;
    width: 260px;
  }
}

#topnav .menu {
  display: table;
}

#topnav .menu > li {
  display: table-cell;
  white-space: nowrap;
  position: relative;
}

#topnav .menu > li > a {
  color: #6f6f6f;
  display: block;
  padding: 0 12px;
  height: 41px;
  line-height: 41px;
  text-decoration: none;
}

#topnav .menu > li > a:hover {
  text-decoration: underline;
}

#topnav .menu > li.menu-more > a .fa {
  margin: 0;
}

#topnav .menu > li .dropdown-menu {
  margin: 0;
  padding: 0;
  min-width: 100%;
  z-index: 1002;
  border-radius: 0;
}

#topnav .menu > li.currency-toggle > a .fa {
  margin: 0;
}

#topnav .menu > li.currency-toggle.open > a {
  background: #eeeff0;
}

#topnav .menu > li.active > a {
  text-decoration: none !important;
}

#topnav .menu > li.active > a, #topnav .menu > li.active > a:hover {
  color: #000;
}

#topnav .site_menu {
  overflow: hidden;
}

#topnav .site_menu .dropdown-menu {
  width: auto;
  left: auto;
  right: 0;
}

#topnav .site_menu .menu > li:hover > .dropdown-menu {
  display: block;
}

#topnav .site_menu .menu > li.menu-more > a {
  text-decoration: none !important;
}

#topnav .site_menu.initialized {
  overflow: visible;
}

#topnav .auth_menu {
  float: right;
}

#topnav .auth_menu .menu > li {
  border-left: 1px solid #e2e1e2;
}

#topnav .auth_menu strong {
  font-weight: 600;
}

@media all and (min-width: 768px) and (max-width: 991px) {
  #topnav.has_site_menu .auth_menu {
    top: 42px;
    right: 0;
    position: absolute;
  }
}

@media all and (max-width: 767px) {
  #topnav {
    text-align: center;
  }
  #topnav .h_search {
    border-top: 1px solid #e2e1e2;
  }
  #topnav .auth_menu {
    float: none;
    display: inline-block;
    vertical-align: bottom;
  }
  #topnav .container-fluid {
    padding: 0;
  }
  #topnav .menubar .menu li {
    float: none;
  }
}