body {
  color: black;
  font-family: Arial;
  background: #fff url("../img/bg3.png") no-repeat center top;
}

@font-face {
    font-family: Raleway;
    src: url("../fonts/Raleway.woff");
}


.white {
  background: #fff !important;
}

a {
  color: #2c3642;
  text-decoration:underline;
}

h5 a,
h3 a {
  text-decoration: none!important;
}

a i {
  color: #2c3642;
}

a[rel="external"] {
    position:relative;
}    
a[rel="external"]:after {
    content: " \F08E"; /* external link */
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    right:-15px;
    position:absolute;
    top:0; 
 }
 
 #mainBlock ul {padding-left:15px;}
 #mainBlock .box ul {padding-left:40px;}

 .margin-top {margin-top:20px}
 .no-padding-left {padding-left:0}
.text-center {text-align:center;}
 
.navbar a,
.box a, 
.header a,
.sidebar a,
a.btn {
  text-decoration:none;
}

.header a i {

}


.header .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }



 .alert-error {color: #f00;}



.hspace {margin-top:20px;margin-bottom:20px;}



h1 {
  color: #2c3642;
  margin-top:1rem;
}

h1.small-h1 {
  font-size: 21.2px;
}


h3 {
 /* font-size: 14px;
  font-weight: bold;*/
}

a:hover, a.selected {
  text-decoration: none;
}

/***/
.error,
.errorMessage,
.errorMessage2,
.errorSummary,
.help-block
  {
  color: red;
}

.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.ico {display: inline !important;}

/* Grid sizer fluid 4 columns */
.grid-sizer,
.grid-item { width: 25%; }
/* 2 columns */
.grid-item-width2 { width: 40%; }
.grid-item { width: 50%; }

.grid-item.grid-item-4 { width: 25%; }
  /*
.grid-item {
  height: 220px;
  float: left;
  background: #ccc;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}  */
  
 .grid-item i { font-size: 64px;margin:10px; } 
  

.hover-opaque {
    background: #000;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all ease .5s;
  -webkit-transition: all ease .5s;

}


.box:hover .hover-opaque {
    opacity: 0.8;

}

.box .hover-opaque ul,
.box .hover-opaque p {
    opacity: 1; color:white;
    text-align: left;
    position: relative;
    top: 40%;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    padding:10px;
}





.box .hover-opaque ul {
    padding-left:20px;
}

  
  
.grid-item .box { padding:0px; margin-left:15px;margin-right:15px;
margin-bottom:20px;   
/*background: #2c3642 url("../img/zahlavi.jpg") repeat scroll 0 0;  */
background:#eee;
border:1px solid #ccc;
background:#fff;
position:relative;
}

.box-inner { padding:20px;
}
/*
.grid-item .box a { 
color:white !important;
}   */

.grid-item .box:hover { 

  background:#71b220;

border:1px solid #ccc;
}

.grid-item .box .caption { padding:10px; margin-bottom:0;
}

.grid-item .box h2 {margin-top:10px;font-size:18px;line-height:1.2em;}
.grid-item .box h3 {margin-top:0;font-size:18px;}
.grid-item .box p {margin-bottom:0;}
/*.grid-item .box img {width:100%;}  */
.grid-item .box {text-align:center;} 
.grid-item .box img
{width:100% !important;}


/****************
  Top navigation
****************/
.header {
  color:black!important;
  background:#fff;
  padding: 0px;
}

.header .login {
    padding-top: 25px;
}

.header .logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header .logodesc {
    color:#2c3642;
}

.logodesc {
     display:inline-block;
}


.header i.fa-shopping-cart,
.header i.fa-search,
.header i.fa-user-o {
    color: #000;
    font-size: 1.3rem;
    margin-right: 4px;
}

.header i.fa-search {
  position: relative;
  top: 1px;
  font-size: 1.2rem;
}

.header .textbox {width: 150px;}



.header .middletext {
  margin-top: 10px;
  margin-left:-20px;
  margin-right:20px;
}

.header .flags a {
  font-size: 14px;
}

.header a:hover {
  color:black; 
}

.header #search-bar {
  overflow: hidden;
  transition: all .3s;
}

.full-green {
  margin-top: 0px;
  background: #71b220;
  margin-bottom:20px;  
}

p.headerText,
p.headerText a {
  color: #2c3642;
  font-size: 1rem;
}

.greenHeader,.greenText {
  color: #71b220;
}



.blueHeader {
  color: #2c3642;
  
}
.left {
  float: left;
  margin-right: 8px;
}


button.header {
  cursor: pointer;
  cursor: hand;  
}             

a.prihlaseni {
  margin: 8px;
  margin-top:20px;
}



.flags img {
  width: 25px;
}

.fRight {
  float: right !important;
  margin-top: 0;
  padding-top: 0;
}

.hLeft {
  margin-top: 8px;
  float: left;
}

#topNav  ul {
  list-style-type: none;
}


#topNav  li {
  float: left; margin-right:10px;
}

.flags a.dropdown-toggle {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-nav > li > a {
    padding-right: 30px;  
    padding-left:  30px;

}

.navbar-nav > .menu-item {
    color: #243a74;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    padding-left: 80px;
    padding-top: 20px;
    text-transform: uppercase;
    height:100px;
}



.dropdown-menu .col-full-height {
    border-right: 1px solid #c7c7c7;
}

.slogan {
    color: #777;
    font-size:13px;
}



.search {
    margin-top: 0px;
}

.basket {
    margin-top: 26px;
   /* margin-left:20px;*/
   right:0;top:0;
    position:absolute;
}

#basket_container {
    position: relative;
    display: inline-block;
}


.login .form-group{margin-bottom:0}

.user-account {
    display:inline-block;
    margin-right:10px;
    font-size:16px;
    font-weight:bold;
    line-height:30px;
    
}




/************
 Dropdown
************/
.navbar {
  margin-bottom: 0px;  
  background: #71b220;
}

.navbar-nav {
  column-gap: 40px;
  align-items: center;
  margin-top: 2px;
  text-align: left;
}

.navbar-nav > .nav-item {
  width: 100%;
}

@media (max-width: 992px) {
  .dropdown-menu > .container {
    max-width: 100%;
    padding: 0px;
  }

  .dropdown-menu > .container > .menu-content > div {
    padding: 0px;
  }

  .dropdown-menu > .container > .menu-content > div > div {
    padding: 1rem!important;
  }
}

.navbar-nav > .nav-item > .nav-link {
  color: white!important;
}

.navbar-nav > .nav-item > .nav-link:hover {
  opacity: 0.9!important;
}

.nav-link .fa-home {
  font-size: 22px;
  color: white;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.seeMore {
  background: rgb(128,128,128);
  background-image: url('../img/toggle.png');
  background-repeat: no-repeat;
  background-position: center center; 
  width: 44px;
  height: 34px;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
}
.navbarMain .navbar-nav>li>a {
  font-size: 17px;
  color: #fff;
 /* width: 163px;*/
}

.navbarMain .navbar-nav>li>a i {
  color: #2c3642;
  font-size: 18px;
}


.navbarMain .navbar-nav>li>a:hover {
  color: #2c3642;
}

.navbarMain .navbar-nav>li>a.mobile {
  font-size: 17px;
  color: #fff;
  width: 100%;
}


.navbarMain .navbar-nav>li>a.oddelovac {
  background:url(../img/oddelovac.png) center right no-repeat;
}

.navbarMain .navbar-nav>li>a.oddelovac:hover {
  background: #eeeeee;
}

.mega-dropdown {
  position: static !important;
  width:100%;
  text-align: center;
}
.mega-dropdown-menu {
    padding:15px 0;
    /*width: 33%;  */
    margin-left: -4px;
    box-shadow: none;
    -webkit-box-shadow: none;
}
#navbarMain .open .dropdown-toggle:after {
    border-top: 15px solid #DDD;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    content: "";
    left: 70px;
    position: absolute;
    bottom: -15px;
    z-index: 1500;
}       
#navbarMain .open .dropdown-toggle span:after {
    border-bottom: 17px solid #ccc;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    content: "";
    left: -10px;
    position: absolute;
    bottom: -41px;
    z-index: 8;
}
.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;      
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.mega-dropdown-menu > li > ul > li {
    float: left;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #243A74;
    font-size: 15px;
  
    white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: underline;
}


.mega-dropdown-menu > li ul > li > ul  {
    padding-left: 20px;
    padding-right: 10px;
}
.mega-dropdown-menu > li ul > li > ul > li {
    list-style: none;
    margin-top: 10px;   

}

.mega-dropdown-menu > li ul > li > ul > li a {
    color: black;
    font-weight: bold;
}

.mega-dropdown-menu > li ul > li > ul > li small {
    display: block;
    font-size: 12px;
    font-weight: normal;
}


.mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 18px;
    font-weight:bold;
}

.mega-dropdown-menu p {
    padding-left:0px;
}

/*********
  Headers
*********/
.nadpis {
  width: 100%; 
  color: white;
  font-size: 18px;
}

.headerGreen {
  background: #90bf01;
  padding: 10px 36px 7px 13px; 
  margin-bottom: 23px; 
}

.download {
  background-image: url('../img/downloadIcon.png');
  background-repeat: no-repeat;
  background-position: 97% center; 
}

.poloha {
  background-image: url('../img/polohaIcon.png');
  background-repeat: no-repeat;
  background-position: 97% center; 
}

.headerBlue {
  background: #2c3642;    
  padding: 11px 36px 11px 15px; 
  margin-bottom: 4px; 
  background-image: url('../img/sipkaGreenIcon.png');
  background-repeat: no-repeat;
  background-position: 97% center;  
}

.headerBlue a, .headerGreen a {
  color: #fff;    
  
}

.frame {
  border: 0px;
}

.form-horizontal {
  margin-top: 10px;
}

.skoleni {
  background: #f1f1f2;
}

.skoleni input { 
  margin: 4px;
  width: 96%;
}

.skoleni .errorMessage2 { 
  padding: 0 3px;
}
.btnOK {
  height: 34px;
  padding: 0px 10px;
  margin-left: 8px;
  background-color: #F5F5F5;
  border: 1px solid #E3E3E3;
  border-right: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
}

.btnOK:hover {
  background-color: #E5E5E5;
}

.btn-primary {
  background-color: #71B220 !important;
  border: 1px solid #71B220 !important;
  border-radius: 0px;
}

.btn-info {
  background-color: #2c3642 !important;

}

.btn-info {
    background-image: linear-gradient(to bottom, #2c3642 0px, #2c3642 100%);
    background-repeat: repeat-x;
    border-color: #2c3642;
}


.btn-toolbar {
margin-bottom: 20px;
}


.btn-primary:hover,.btn-primary:focus{
  background-color: #2c3642;
  background-position:0px
}

.btn-primary:active,.btn-primary.active{
  background-color: #71b220;
  border-color:#245580
}

.btn-primary.disabled,.btn-primary:disabled,.btn-primary[disabled]{
  background-color: #2c3642;
  background-image:none
}

hr.blue {
  border-top: solid 1px #8793ae;
  margin: 5px 2px 5px 2px;
}

/*************
  Carousel
*************/

.carousel-inner {
  /*  padding-left: 10%;
    padding-right: 10%;*/
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    
    margin-left: 0px !important;
}


.carousel-holder {
  margin-top: 5px;
  margin-bottom: 20px;
}

.carousel-inner img {
 /* max-height: 350px;*/
}

.carousel-text {
  margin-left: auto;
  margin-right: auto;
}
  
.carousel-caption {
  text-align:left;
  left: 42%;;
  top: 0%;
  color: #2c3642;
  background-color: rgba(255,255,255,.8);
  text-shadow: none;
  width:60%;
}

.carousel-caption h2 {
  text-align:center;
  color: #71b220;
}

.carousel-caption h3 {
  text-align:center;
  margin-top:20px;
  margin-bottom:20px;
}
.carousel-caption ul {    
    list-style-type: none;
}

.carousel-caption li:before {    
    font-family: 'FontAwesome';
    content: '\f058';
    margin:0 5px 0 -15px;
    color: #71b220;
}

.carousel-caption li {    
font-size: 20px;
}

.carousel-indicators {
  bottom: 0;
}

.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70,70,70,.25);
}

.carousel-indicators .active {
  background-color: #444;
}

/* responsive text */

@media screen and (max-width: 969px) {
    .aktuality .newsitem {border-right:none !important;}
}
    

@media screen and (max-width: 990px) {
    #wheader {
      position:fixed;
      top:0;
      left:0;
      z-index:1000;
      background:white;
      border-bottom:1px solid #2c3642;
      width: 100%!important;
      margin-left: auto;
      margin-right: auto;
    }
    #megamenu {margin-top:123.8px;}
    .logodesc {display:none}  
    .header .logo {padding-top:2px}
    .logo img {margin-left:10px;width:58px;height:41px}
    .search-form,#basket {padding-right:5px;}
    #search-bar {height: 70px!important;}

}    


@media screen and (min-width: 969px) {
    #leftMenuFull .col-md-3 a {height:52px;}
     .aktuality .newsitem {min-height:200px;}
    
}


@media screen and (max-width: 480px) {
    .carousel-caption h3 {font-size: 10px;}
    .carousel-caption {font-size: 6px;}
    .grid-sizer,
    .grid-item { width: 100%; }
    .grid-item.grid-item-4 { width: 100%; }
    
}

@media screen and (min-width: 481px) {
    .carousel-caption h3 {font-size: 16px;}
    .carousel-caption {font-size: 8px;}
}

@media screen and (min-width: 681px) {
    .carousel-caption h3 {font-size: 25px;}
    .carousel-caption {font-size: 10.3px;}
}

@media screen and (min-width: 995px) {
    .carousel-caption h2 {font-size: 42px;}
    .carousel-caption h3 {font-size: 28.91px;}
 
    .carousel-caption {font-size: 15.26px;}
}

/*************
  Text blocks
*************/

.caption {border:1px solid #ccc;min-height:70px;margin-bottom:20px;}



.caption:hover {background:#2c3642;color:white;}

.grid-item .caption {border:none;;border-top:1px solid #ccc;}
.grid-item .caption:hover {background:none;}



.contactform .around
 {
  padding: 10px 0 10px 10px;
}

.caption .cistVice:hover,
.caption .cistVice2:hover,
.sidebar .around:hover,
.contactform .around:hover
 {
  background: #eeeeee;
}

p.cistVice {
  padding: 4px 30px 0px 4px;
  font-size: 14px;
}  

img.cistVice {
  float: right;
  margin: -34px 10px 0px 0px; 
}

img.cistVice2 {
  float: right;
  margin: -34px 0px 0px 0px; 
}

p.cistVice2 {
  padding: 4px 4px 8px 4px;
  font-size: 14px;
}

p.adresa {
  padding-left: 15px;
}

.padding17 {
  padding-left: 0;    
  padding-right: 17px;
  margin-bottom: 34px;
}

.left10 {
  padding-left: 10px;
}

.social {
  background: #f1f1f2;
  height: 340px;
}


.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

/*********
  Footer
 ********/

footer {
  background: url(/img/zahlavi.jpg);
  background-repeat: repeat;
  background-size: auto;

  /* background-repeat: no-repeat;
  background-size: cover; */
}


footer .footerbottom {
  padding-top:25px;
  padding-bottom: 25px;
}

footer .footerbottom h3 {
  font-size:22px;
  margin-bottom: 0px;
  font-weight:bold;
}


footer > .footerbottom > .container > .row {
  align-items: center;
  row-gap: 30px;
  color:white;
}

footer a {
  color: white;
  margin-top: 2px;
  margin-bottom: 2px;
  text-decoration:none;
}

footer a:hover,
footer a.selected {
  color: white;
  opacity:0.8; 
  text-decoration:none;
}

footer .fa-circle {
  color: white;
  opacity: 0.8;
}

footer .fa-inverse {
  color: black;
}


/* -------------- */


footer .footertop {
  background:#2c3642; 
  color:#fff;
}

footer .footertop ul  {
    padding: 0;
    list-style-type: none;
}

footer .footertop li  {
  list-style: outside none none;
  padding-left:0;margin-bottom:15px;
}



footer .footertop a {
  color:#fff;
}

footer .footertop h3 {
  color:#669b02; 
}



hr.dotted {
  border-top: dotted 2px;
  color: white; 
  margin: 5px 0px 20px 0px;
}

.green,.gray {
  background: #669b02;
  
  background-repeat: repeat-x;
  color: white;
  padding: 10px 0px 15px 0px;
  margin-top: 6px;
}

.green {
  background: #669b02;
}

.greentext {color:#669933;}

.green a,.gray a {
  color: white; 
}

.green a:hover, .green a.selected {
  text-decoration: underline; 
}

.gray {background: #2c3642}

.blue {
  background:#2c3642;
}
/******
 Align
******/
.right {
  text-align: right;
}  

.center {
  text-align: center;
} 

.bottom {
  margin-top: 28%;
}

/* Remove Spinner in type=number */
input[type='number'] {
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

 input[type='number'].form-control {
    padding-right:15px;
    padding-left:15px;
    text-align: center;
}

.cformlink .cformlinktext      {width:465px;float:left;}


.cformlink:after {
    content:'';
    display:block;
    clear: both;
}

.well.cformlink  {
    border: 1px solid #1A305A;
}

.well.cformlink .btn {
    margin-top: -5px;
}
.content-wrapper {
     border: 1px solid #ccc;
     margin-bottom:40px;
     background:#fff;
     padding:20px;
}

/*left menu*/
#leftMenu  {background-color:#ccc;margin-bottom:20px; }

 #leftMenu ul li 
{list-style-type: none; margin:0; }


#leftMenu ul  {list-style: none;margin:0;padding:0; }

#leftMenu li   {border-bottom:1px dotted #1a305a }
#leftMenu li a  {display:block;text-decoration:none !important;padding:10px 5px; }
#leftMenu li a:hover {background-color:#253D7D;color:#ccc }
#leftMenu li.active a {background-color:#1a305a;color:#fff }

#leftMenu h2  {padding-top:0;text-align:right; }

/*#leftMenu .box {margin-bottom:10px }*/

#leftMenu  h3 {
  background:#689E01 ;
  color:#fff ;
        height:36px;line-height:36px;
  font-weight:bold;
        margin:0;
        padding:0 5px;
}

#leftMenu  h3 a {
  color:#fff ;
}

#leftMenu h2 {height:36px;line-height:36px;font-size:1.1em;color:#fff; background-repeat: no-repeat;background-position:10px center;margin-right:20px;width:194px;}
#leftMenu h2 a {text-decoration:none;color:#fff;display:block;height:36px;width:194px;}


/*topmenu Eshop*/
#leftMenuFull  {margin:20px 0}
#leftMenuFull .col-md-3  {padding-bottom:6px;display: table;padding-left:3px;padding-right:3px;}
#leftMenuFull .col-md-3 a {background-color:#dddddd;color:#2c3642;display:block;padding:5px;text-align:center;
            display: table-cell;
            vertical-align: middle;
}
#leftMenuFull a:hover, 
#leftMenuFull .active a
{background-color:#2c3642;color:#fff;}


/*E-shop sidebar*/
#sidebar-wrapper {margin-top:0px;}
#sidebar-wrapper h3 {background-color:#2c3642;color:#fff;line-height:64px;margin:0;padding:0 10px 0 20px;font-size:18px;}
#sidebar-wrapper h3 a {text-decoration:none;color:#fff;}
/*.sidebar-nav li {border:1px solid #ccc;  margin-top:15px;background:#fff;}*/

/*E-shop*/
.productbox  {text-align:center;height:260px;background:#fff;}
.productbox h2,.product h2 {font-size: 18px;font-weight:bold;}
.product h2 {margin-top:10px;}
.product h2 a {text-decoration:none;}
.product h2 a:hover {text-decoration:underline;}


.productbox.productboxmini  {height:150px;overflow:hidden;}
.productbox.productboxmini h2{font-size: 14px;}
.productbox.productboxmini img{max-height: 50px;}

.line   {background-color:#2c3642;color:#fff;padding-top:10px;padding-bottom:10px;margin:0 0 20px 0;}

.line .form-group  {margin-top:5px;}
.line label  {font-size:15px;}

.line input[type="radio"], input[type="checkbox"] {
    margin:0;
}

.amount   {min-width:40px !important;
 }
.product {margin-bottom:20px;background:#fff;padding:10px;
}

.product .btn-primary {margin-top:0px;}

.product .table > tbody > tr > td,
.product .table > tbody > tr > th
{line-height:20px;padding-left:0;}
.product .table > tbody > tr > td.no-padding-right,
.product .table > tbody > tr > th.no-padding-right  {padding-right:0;}

.product .table   {margin-bottom:0;}


.product .table > thead > tr > th, 
.product .table > tbody > tr > th, 
.product .table > tfoot > tr > th, 
.product .table > thead > tr > td, 
.product .table > tbody > tr > td, 
.product .table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 3px 6px;
    vertical-align: middle;
}

.product .table > thead > tr > th, 
.product .table > tbody > tr > th, 
.product .table > tfoot > tr > th {
    font-size:0.8em;
}


/*Product Box*/
.shopproduct .product-img {
    display: table;
    height: 220px;
    position: relative;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

.shopproduct .thumbnail {
    position: relative;
}


.price  {white-space:nowrap;height:90px; font-size:35px;}
.price small {font-size: 20px; display: block;}

.tobasketbtn {margin-top:0;padding-bottom:7px;}

.orderinfo{position:absolute;top:4px;right:4px;background:#71b220;color:#fff;font-size:11px;padding:5px;z-index:10}

.points,.pointsdetail{background:#2c3642;color:#fff;font-size:12px;padding:5px;z-index:10;text-align:center;}
.points{position:absolute;top:-10px;right:-10px;}
.pointsdetail{max-width:100px;}


i.voda, i.topeni {position:absolute;top:120px;right:0px;z-index:10;background: url("../img/voda-topeni.svg") no-repeat;
width:33px;height:31px;display:block;}

i.voda:hover, i.topeni:hover {width:119px;}

.voda{background-position: 0 0;}
.topeni{background-position: 0 -39px;}

.params {margin-bottom: 10px;min-height:90px;}


.params table.table {border-spacing: 2px !important;border-collapse: separate !important;overflow: hidden; }

.params .table th,
.params .table td
{text-align:center;font-size: 12px !important;padding:2px !important; }
.params .table td {background: #ddd !important;;}

.price  {font-weight:bold;}
.thumbnail .price  {font-size:15px;}
.thumbnail .price strong  {font-size:18px;}
.thumbnail h2  {font-size:18px;margin-top:10px;padding-right:12px;height:58px;text-align:center;overflow: hidden;}
.thumbnail h2 a {text-decoration:none;}

.ordersteps .selected  {font-weight:bold;}



#eshop-order-form-order,
#eshop-order-form-login,
#basket_form
{margin-bottom:20px;}


/*Article detail*/
.detail-clanek-obsah {background:#fff;padding:10px;}

.detail-clanek-obsah .pull-left.image {margin-right:10px;}
.detail-clanek-obsah .pull-right.image {left:10px;}



/*Product detail*/

#product-content {background:#fff;}
#product-content h1{font-size:24px;line-height:28px;font-weight:bold;}

.profile-img-container {
    position: relative;
    display: inline-block; /* added */
    overflow: hidden; /* added */
}

.tab-content {padding:10px;}



.profile-img-container img:hover {
    opacity: 0.5
}
.profile-img-container:hover a {
    opacity: 0.5; /* added */
    top: 0; /* added */
    z-index: 500;
}
/* added */
.profile-img-container:hover a span {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
/* added */
.profile-img-container a {
    display: block;
    position: absolute;
    top: -100%;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: inherit;
}


 /*e-shop listing*/
 .listing {margin-bottom:20px;margin-top:20px;}
 
 
  /*e-shop basket*/
 .shopbasket {width:100%;}
 
 
 
 
 /*Partneri*/
 .account  {
    height: 200px;
}

 .account h3 {
    font-size: 20px;
}
 
 
 .toolsbottom-addthis  {
    margin-bottom: 20px;
}

.jumbotron.jumbotron-mini ul li,
.jumbotron.hero-mini ul li  {
    line-height: 22px; 
    background: url("../img/plus.gif") no-repeat scroll 5px center transparent;
    padding: 5px 0 5px 30px;
    list-style-type: none;
    margin:0;
 }
 
 .well h2 { padding: 10px 0 0px 0; margin: 0; font-size: 18px; font-weight: normal;line-height:24px; }

 .jumbotron.jumbotron-mini p {
    margin: 0; 
}
 
 .jumbotron.jumbotron-mini ul {
       margin: 0 0 0 25px; 
} 

 
.jumbotron.jumbotron-mini strong {
    font-weight:normal; 
}

.jumbotron.jumbotron-mini h1 {font-size:32px;line-height:48px;}
.jumbotron.jumbotron-mini p {font-size:15px;}


.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 20px 0;
    padding: 20px;
}
.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout + .bs-callout {
    margin-top: -5px;
}
.bs-callout-danger {
    border-left-color: #ce4844;
}
.bs-callout-danger h4 {
    color: #ce4844;
}
.bs-callout-warning {
    border-left-color: #aa6708;
}
.bs-callout-warning h4 {
    color: #aa6708;
}
.bs-callout-info {
    border-left-color: #1b809e;
}
.bs-callout-info h4 {
    color: #1b809e;
}
.color-swatches {
    margin: 0 -5px;
    overflow: hidden;
}



/*
 * Row with equal height columns
 * --------------------------------------------------
 */
 
.row-eq-height2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
 
.col-full-height {
    height:470px; 
}

.around {
    cursor:pointer;

}

.container  .jumbotron.hero-mini,
.container  .jumbotron.hero-mini2,
.container  .jumbotron.hero-mini3
 {
     padding: 10px 20px;
 }

 .container  .jumbotron.hero-mini p,
.container  .jumbotron.hero-mini2 p,
.container  .jumbotron.hero-mini3 p
 {
     font-size: 14px;
 }

.container  .jumbotron .hero-mini ul li {
    line-height: 22px; 
    background: url("../img/plus.gif") no-repeat scroll 5px center transparent;
    padding: 5px 0 5px 30px;
    list-style-type: none;
    margin:0;
 }
 
 .addthis_toolbox   {
     margin-bottom: 20px;
 }


 #verticalForm .radio-margin {
     margin-left: 30px;
 }
 
 
 /*Forms*/
.radiatoryform input{
    width:20px;

    position:relative !important;
    left: 0%; 
    margin-top:0;

    vertical-align:middle; 
}

.radiatoryform label label {  
    width:80%;       

    position:relative;
    left: -20px;
  margin-left:5px;
    display:inline-block;    
    vertical-align:middle; 
} 


@media screen and (max-width:1224px) {
    
  .navbar-nav > li > a {
    padding-left: 20px;
    padding-right: 20px;
  }
  
 } 



@media screen and (max-width:1024px) {
  .header .textbox {
    width: 100%;
  }
        
   .header .header-login .form-group {
    width: 100% !important;
  }
  
.navbar-nav > li > a {
    padding-left: 20px;
    padding-right: 25px;
  }
  
 } 

@media screen and (max-width:991px) {
  .navbar-nav > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
  
.login {margin-bottom:20px;}
 .header {position:relative;}       
 .navbarMain .navbar-nav > li > a {

    font-size: 16px;
}

.partners h2,
.aktuality h2
.ourservices h2,
.partners2 h2
{
    font-size:32px;
    
}
.shopproduct .product-img {
    width: 70%;
    height:auto;
    margin-left:15%;
}

.cformlinktext {margin-bottom:10px;}

} 
   
@media screen and (max-width:767px) {
.productmenu {padding-left:0 !important;padding-right:0 !important; margin-bottom:20px;}
.footertop {margin-top:10px;}
 .basket {
    margin-bottom: 10px;
  }
  
  .navbar-nav > li > a {
    padding-left: 25px;
    padding-right: 25px;
  }

#sidebar-wrapper h3 {display:none;}

#sidebar-wrapper  .navbar-header {clear:both;background-color: #2c3642;}

.products-filter-box{display:none;} 
  
 .row.full-green {margin-right:0;margin-left:0;}    
 #mainBlock {
    margin-left: 15px;
    margin-right: 15px; 
  }
 #mainBlock>.row,
 .footer.row,
.header.row,
.full-gray.row 
   {
    margin-left: 0;
    margin-right: 0; 
  }
.grid-item.grid-item-4 { width: 50%; }
/*
 #mainBlock>.row .container,
 .footer.row .container,
 footer .container
  {
    width: calc(100% - 10px);
    padding-left: 5px;
    padding-right: 5px;

}
*/
}


  
  
@media screen and (max-width:734px) {
  
 .partners .container {
 background: none !important;

 }
}


@media screen and (max-width:763px) {
  
.ourservices {
 background: none !important;

 }
}

@media screen and (max-width:480px) {
 
.partners h2,
.aktuality h2
.ourservices h2,
.partners2 h2
{
    font-size:22px;   
}



.partners h3
{
    font-size:18px;
    
}

.partners .btn.pull-right
{
    float:left !important;
    
}

.carousel-indicators {display:none;}
.carousel-caption h2 {font-size:22px;}

#map-result{
   margin-left: -15px;
  }
  
}




.map-frame {
    width: 100%;
    height: 100%;
    position: relative;
}

.btn-group-justified.hspace > .btn-group .btn {
    width: auto;
}



/*Left icons*/
.fblbCenterOuter .btn-large {
   /* font-size: 32px;
    margin-right: -6px;
    padding: 18px 28px;*/
}
.fblbCenterOuter .btn-large:hover {
   /* padding-right: 50px;*/
}
.fblbCenterOuter {
    bottom: 0;
    display: table;
    height: 90%;
    position: fixed;
    left: 0;
    vertical-align: middle;
    z-index: 10000;
}
.fblbCenterInner {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
.fblbCenterOuter.fblbFixed {
    display: block;
    height: auto;
    position: fixed;
    top: 0;
    vertical-align: top;
    z-index: 1000;
}

.fblbCenterInner a {
    display:block;
    height:96px;
    width:148px;
    overflow:hidden;
    margin-bottom:10px;
}

.fblbCenterInner a:hover img {
    margin-top:-96px;
}

.fblbCenterInner img {
  
}

.prihlaseni.btn-primary {border-color:white !important;}

.dropdown-menu > li > a,
.dropdown-menu > li > span {
    padding: 10px !important;
}

.dropdown-menu > li > span {
   display:block;color:#777;
}


.homepage {

 /* background: #fff url('../img/carouselbg.png') center top ;
  background-repeat: no-repeat;  
  background-size:cover;
  
  
  margin-top:-8px;*/
  
}

.carousel {
  position: relative; 
 
}
.carousel-inner {
  text-align: center; 
  
}

.partners,.partners2 {

  background:#2c3642;
  color:#fff;
  
}


.partners .container {
 background: url('../img/partners.png') bottom left ;
  background-repeat: no-repeat;  
  min-height:350px;
}


.partners h1, .partners h2, .partners h3 {
    line-height: 1.3;
}


.partners h2 {
    margin-top:50px;
}


.aktuality {
    margin-top:10px;
    margin-bottom:30px;
  
}



.aktuality h3 {
    font-size:22px;
    color:#71b220;
    
}

.aktuality h3 a {
    color:#71b220;
    text-decoration:none;
}

.aktuality .newsitem {
    border-right:1px solid black;
}

.aktuality .newsitem:last-child {
    border-right:none;
}


.ourservices {
/* background: url('../img/ourservices.jpg') ;*/
  background-repeat: no-repeat;  
  min-height:350px;
}


.ourservices .box {
 text-align:center;
 font-size:24px;
 margin:50px 15px 15px 20px;
 border:1px solid #666;
 /*background:rgba(255,255,255,0.5);*/
  background:#ebebeb;
 padding:50px 30px 30px 30px;   
 
}

.ourservices .box i {
 text-align:center;
 font-size:70px;
 display:block;
 margin-bottom:10px;
}

.ourservices a {
 text-decoration:none;
}


.partners2 h2 {
 line-height:88px;
}


ul.verticalmenu {
  list-style: outside none none;
  position: absolute;
  top:30px;
  right:30px;
}

ul.verticalmenu li {
  margin-bottom:12px;
  background:#2c3642;
}

ul.verticalmenu li a {
  display: block;
  background:#2c3642 url('../img/vmenuicons.png') ;
  background-repeat: no-repeat;
  color:#fff;
  top:30px;
  right:30px;
  text-decoration:none;
  padding:10px;
  padding-left:60px;
}

ul.verticalmenu li a:hover {
 background:#eeeeee url('../img/vmenuicons.png');
 background-repeat: no-repeat;

  color:#000;
}

ul.verticalmenu li a.partneri {
 background-position: 0 -57px;
}

ul.verticalmenu li a.smlouva {
 background-position: 0 -113px;
}

ul.verticalmenu li a.poradenstvi {
 background-position: 0 -169px;
}

ul.verticalmenu li a.napistenam {
 background-position: 0 -226px;
}

ul.verticalmenu li a.skoleni {
 background-position: 0 -281px;
}

ul.verticalmenu li a.dotacni {
 background-position: 0 -337px;
}

ul.verticalmenu li a.video {
 background-position: 0 -393px;
}

ul.verticalmenu li a.foto {
 background-position: 0 -450px;
}


.buttons {
 margin-bottom:20px;
}


.stick {
    z-index:1000;
    position:fixed;
    top:0px;
    right:0;
  
}

.totalPrice {
 /*font-size:24px;font-weight:bold;*/
}


/* CUSTOM MAP */
#map {
  background: #FFF;
  height: 300px;
}
@media (min-width: 980px) {
  #map {
    height: 500px;
  }
}

/* custom infobox */
.infobox {
 /* font-family: 'Open Sans', sans-serif;*/
  color: #424b5c;
  line-height: 20px;
  position: absolute;
}
.infobox:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: rgba(255, 255, 255, 0.95);
  border-width: 30px;
  margin-top: -30px;
}
.infobox .close {
  border: 1px solid #FFF;
  border-top: 0;
  border-right: 0;
  width: 25px;
  height: 25px;
  float: right;
  line-height: 18px;
  text-align: center;
  font-size: 17px;
  color: #FFF;
  cursor: pointer;
}
.infobox .content {
  height: 100%;
}
.infobox .title {
  background: #71b220;
  padding-right: 30px;
  height: 51px;
  line-height: 50px;
  text-align: center;
  font-size: 21px;
  color: #FFF;
}
.infobox .holder {
  background: rgba(255, 255, 255, 0.95);
  padding: 9px 14px;
  min-height: 154px;
  font-weight: 300;
  font-size: 12px;
}
.infobox .holder p {
  margin: 0 0 13px;
  line-height: 1.4;
}
.infobox .holder a {
  display: block;
  padding: 0 0 6px;
  line-height: 2.3;
  font-weight: normal;
  font-size: 14px;
  color: #424b5c;
  overflow: hidden;
}
.infobox .holder i {
  float: left;
  margin-right: 9px;
  font-size: 32px;
  color: #71b220;
}


/*Swiper*/
/*swipper gallery*/
  .gallery .swiper-container {
        
        height: 600px;
  
    }
   .gallery  .swiper-slide {
        background-size: cover;
        background-position: center;
        position:relative;
    }
    
    .gallery  .swiper-slide > div {
    position:absolute;
    bottom:0;
    width:100%;
    padding:10px;
    color:white !important;
    height:24px;
    line-height:24px;
     background: rgba(0, 0, 0, 0.7);
        text-align: center;
        font-size: 18px;  
    }
    
    .gallery-top {
       height:800px;     
    }
    .gallery-thumbs {
      
        box-sizing: border-box;
        padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
    
    .swiper-wrapper.text-wrapper {
            box-sizing: content-box;
            display: block;
            
            position: relative;
            transition-property: none;
            width: 100%;
            transform:none !important;
         
    }
    
    
 .swiper-wrapper.text-wrapper .swiper-slide {
  margin-bottom:12px;
  background:#2c3642;
}

.swiper-wrapper.text-wrapper .swiper-slide span {
  display: block;
  background:#2c3642 url('../img/vmenuicons.png') ;
  background-repeat: no-repeat;
  color:#fff;
  top:30px;
  right:30px;
  text-decoration:none;
  padding:10px;
  padding-left:60px;
 background-position: 0 -393px;

}

.swiper-wrapper.text-wrapper .swiper-slide {
  height:auto;
}

.swiper-wrapper.text-wrapper .swiper-slide span:hover

{
 background:#eeeeee url('../img/vmenuicons.png');
 background-repeat: no-repeat;
 cursor:pointer;
 color:#000;
 background-position: 0 -393px;
}

.swiper-wrapper.text-wrapper .swiper-slide span:hover
{
 cursor:pointer; 
}

/*search form*/
/*.search {position:relative;height:34px;}*/
.search i {color:#71b220;}

/*.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 42px;
  height: 44px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border: 5px solid #fff;
 
}
.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {  
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  background-color: #fff;
   
  
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 36px;
  text-align: center;
  color: #71b220;
  left: initial;
  font-size: 14px;
}*/

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}



/*magiczoomplusmodule*/
/* NOTE: contaner with main image and selector's container */
div.MagicToolboxContainer {
    text-align: center;
}
div.MagicToolboxContainer.minWidth {
    min-width: 250px;
}

/* NOTE: main image styles */
div.MagicToolboxContainer > a {
    margin: 0 auto;
}

/* NOTE: container with selectors */
div.MagicToolboxSelectorsContainer {
    clear: both;
}

/* NOTE: selectors styles */
div.MagicToolboxSelectorsContainer > a {
    display: inline-block;
    margin: 4px 1px;
}

/* NOTE: contaner with message under Magic Zoom Plus */
div.MagicToolboxMessage {
    text-align: center;
}

/* NOTE: styles for templates */
div.MagicToolboxMainContainer {
    max-width: 100%;

}
div.MagicToolboxSelectorsContainer {
    margin-bottom: 20px;
}
div.MagicToolboxSelectorsContainer img {
    max-width: 100%;
}

div.MagicToolboxSelectorsContainer a {
    max-width: 50px !important;
}

/* NOTE: selectors on the bottom */
div.MagicToolboxContainer.selectorsBottom .MagicToolboxSelectorsContainer {
    padding-top: 5px;
}

/* NOTE: selectors on the top */
div.MagicToolboxContainer.selectorsTop .MagicToolboxSelectorsContainer {
    padding-bottom: 5px;
}

/* NOTE: selectors on the left */
div.MagicToolboxContainer.selectorsLeft {
    display: inline-table;
    height: 100%;
}
div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer,
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    padding-right: 5px;
}
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll {
    height: 100%;
}
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer a {
    display: block;
}
/* NOTE: fix for MagicScroll */
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll > a:nth-child(n+2) {
    display: none;
}

/* NOTE: selectors on the right */
div.MagicToolboxContainer.selectorsRight {
    display: inline-table;
    height: 100%;
}
div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer,
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    padding-left: 5px;
}
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll {
    height: 100%;
}
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer a {
    display: block;
}
/* NOTE: fix for MagicScroll */
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll > a:nth-child(n+2) {
    display: none;
}

/* NOTE: fix for MagicScroll when height of parent elements is not defined */
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer,
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer {
    position: relative;
}
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll,
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

/* NOTE: to highlight magic360 selector (magiczoom(plus) + magic360) */
.zoom-with-360.mz-thumb-selected img {
    -webkit-filter: none;
    filter: none;
}
.zoom-with-360.mz-thumb:hover:not(.active-selector) img,
.zoom-with-360.m360-selector:hover:not(.active-selector) img {
    -webkit-filter: brightness(70%) !important;
    filter: brightness(70%) !important;
}
.zoom-with-360.active-selector img {
    -webkit-filter: brightness(50%) !important;
    filter: brightness(50%) !important;
}
/* NOTE: IE fix */
.no-cssfilters-magic .zoom-with-360.mz-thumb-selected img {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*.no-cssfilters-magic .zoom-with-360.mz-thumb,*/
.no-cssfilters-magic .zoom-with-360.m360-selector {
    background: #000;
}
/*.no-cssfilters-magic .zoom-with-360.mz-thumb:hover:not(.active-selector) img,*/
.no-cssfilters-magic .zoom-with-360.m360-selector:hover:not(.active-selector) img {
    opacity: .7;
    filter: alpha(opacity=70);
}
.no-cssfilters-magic .zoom-with-360.active-selector img {
    opacity: .5;
    filter: alpha(opacity=50);
}
/*.mz-thumb, .mz-thumb:focus,*/
.zoom-with-360.m360-selector, .zoom-with-360.m360-selector:focus {
    display: inline-block;
    line-height: 0;
    outline: none;
}
/* NOTE: border for magic360 selector */
.zoom-with-360.m360-selector img {
    border: 0;
    box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
    box-sizing: border-box;
}
.ie9-magic .zoom-with-360.m360-selector {
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);
}

/* NOTE: magicscroll makes the image smaller if there is a margin */
/*
.MagicScrollItem a {
    margin: 0 !important;
}
*/
.invisible,
.hidden-selector {
    display: none !important;
}
.ignore-magento-css {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}
/* NOTE: this style was added because if issue #36402 , may be it is no longer needed */
/*
.MagicZoom, .MagicZoomPlus {
    opacity: 1 !important;
    filter: none !important;
}
*/
/* NOTE: styles for selectors in original template */
.more-views {
    text-align: left;
}
.more-views a {
    text-align: center;
    line-height: 100%;
}
.more-views a img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
.more-views a:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.more-views .product-image-thumbs a {
    height: 66px;
    width: 66px;
}
.more-views .product-image-thumbs a img {
    display: inline-block;
}

/* NOTE: fixed an isssue with not visible borders in 'List' view mode on category page */
.products-list .product-image {
    padding-right: 1px;
}
/* NOTE: fixed an isssue with not visible borders in 'Grid' view mode on category page */
.products-grid .product-image {
    padding: 1px;
}
/* NOTE: fixed an isssue with height in 'Grid' view mode on category page */
.products-grid .product-image .MagicZoom {
    max-height: 100%;
}
/* NOTE: some styles for Recently Viewed Products block */
.widget .mini-products-images-list li.item {
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
}

.MagicToolboxSelectorsContainer img {
    display: inline;
}

/*magiczoomplusmodule*/

/*magiczoomplus*/

@font-face {
    font-family: "magictoolbox-thin";
    font-style: normal;
    font-weight: normal;
    src: url("/skin/frontend/base/default/css/magiczoomplus/fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTXJLSEgAAAdAAAAAHEdERUYAKQAPAAAHIAAAAB5PUy8yAlYL4QAAAVgAAABWY21hcEAYY70AAAHUAAABSmdhc3D//wADAAAHGAAAAAhnbHlmMMVOJwAAAzQAAAGIaGVhZAmWUYMAAADcAAAANmhoZWEP9QamAAABFAAAACRobXR4L0EAQAAAAbAAAAAkbG9jYQGGAgAAAAMgAAAAFG1heHAAUAAcAAABOAAAACBuYW1l6MPgdAAABLwAAAH1cG9zdLaTuyIAAAa0AAAAZAABAAAAAQAAEWdxz18PPPUACwgAAAAAANDtg/MAAAAA0O2D8wAA/gIInAaeAAAACAACAAAAAAAAAAEAAAae/gIAuAibAAD//wicAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJABkABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQZeAZAABQAIBTMFmQAAAR4FMwWZAAAD1wBmAhIAAAAABQAAAAAAAAAAAAAAAAAAAAACAAAAAAAAUGZFZABAoAGgBgZm/mYAuAaeAf4AAAABAAAAAAAABAAAAAAAAAACqgAACJsAAAOlAAADpQAACJsAAAibAAAHfABAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAACgBv//AAAAAKAB//8AAGACAAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAKgBMAGAAdACIAJwAxAAFAAAAAAQABZoAAgAFAAgACwAPAAATEQkBIQE3AREJASEDESERZgFd/uECuP6kPQFd/mYBXP1IpAQABNf77AIK/ZkCC1z99gQU/lICCvrNBZr6ZgABAAD+AgicBp4ACwAACQEHCQEnCQE3CQEXBHEEKyP71fvVIwQr+9UjBCsEKyMCUPvVIwQr+9UjBCsEKyP71QQrIwAAAAEAAP4CA6YGngAFAAARARcJAQcDixv8iQN1GwJQBE4X+8n7yRcAAAABAAD+AgOmBp4ABQAACQEnCQE3A6b8dxsDd/yHGwJQ+7IXBDcENxcAAQAAADcInAPdAAUAACUBNwkBFwRO+7IXBDcENxc3A4oa/IkDeRoAAAEAAAA3CJwD3QAFAAAJAQcJAScETgROF/vJ+8kXA938dxsDd/yHGwACAEAAQAHAAcAADQAYAAAlBycGIyImNDYyFhUUDwEWMzI2NCYiBhUUAcAXcSk3P1lZflkh1yc5OFBQcFBXF3EhWX5ZWT82KQInUHBQUDg5AAAADACWAAEAAAAAAAEAEQAkAAEAAAAAAAIABABAAAEAAAAAAAMALQChAAEAAAAAAAQAEQDzAAEAAAAAAAUACwEdAAEAAAAAAAYAEQFNAAMAAQQJAAEAIgAAAAMAAQQJAAIACAA2AAMAAQQJAAMAWgBFAAMAAQQJAAQAIgDPAAMAAQQJAAUAFgEFAAMAAQQJAAYAIgEpAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFQAaABpAG4AAFRoaW4AAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAGcAaQBjAFQAbwBvAGwAYgBvAHgALQBUAGgAaQBuACAAOgAgADIANwAtADEALQAyADAAMQA1AABGb250Rm9yZ2UgMi4wIDogTWFnaWNUb29sYm94LVRoaW4gOiAyNy0xLTIwMTUAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAAAAAAIAAAAAAAD/mgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlBMDAxB3VuaUEwMDIHdW5pQTAwMwd1bmlBMDA0B3VuaUEwMDUHdW5pQTAwNgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAAABAAAAANBwQGEAAAAA0O2D8wAAAADQ7YPz");
}
.MagicZoom, .mz-figure, .mz-lens, .mz-zoom-window, .mz-loading, .mz-hint, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage, .mz-expand .mz-image-stage > figure .mz-caption, .mz-thumb img, .mz-expand-thumbnails, .mz-expand-controls, .mz-button {
    box-sizing: border-box;
}
.MagicZoom, .mz-figure {
    -moz-user-select: none;
    backface-visibility: hidden;
    direction: ltr !important;
    display: inline-block;
    font-size: 0 !important;
    line-height: 100% !important;
    margin: 0 auto;
    outline: 0 none !important;
    overflow: hidden;
    position: relative;
    transform-style: preserve-3d;
    vertical-align: middle;
    z-index: 1;
}
.MagicZoom {
    transform: translate3d(0px, 0px, 0px);
}
figure.mz-figure {
    margin: 0 !important;
    perspective: 300px;
}
.MagicZoom img, .mz-figure img {
    border: 0 none !important;
    margin: 0 !important;
    outline: 0 none !important;
    padding: 0 !important;
}
.MagicZoom > img, .mz-figure > img {
    height: auto;
    width: 100%;
}
.ie8-magic .MagicZoom > img, .ie8-magic .mz-figure > img {
    max-width: none !important;
    width: 100%;
}
.mz-figure.mz-no-zoom.mz-no-expand, .mz-expand .mz-figure.mz-no-zoom {
    cursor: default !important;
}
.mz-figure.mz-active, .mz-expand {
}
.mz-lens, .mz-zoom-window {
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
}
.mz-lens img, .mz-zoom-window img {
    max-height: none !important;
    max-width: none !important;
    position: absolute !important;
}
.mz-lens img {
    transition: none 0s ease 0s !important;
}
.mz-zoom-window {
    transform: translate3d(0px, 0px, 0px);
    z-index: 2000000000;
}
.mz-zoom-window.mz-magnifier {
    cursor: none;
}
.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647;
}
.mz-zoom-window img {
    bottom: -1000%;
    height: auto;
    left: -1000%;
    margin: auto !important;
    right: -1000%;
    top: -1000%;
    transform-origin: 50% 50% 0 !important;
    width: auto;
}
.mz-zoom-window.mz-preview img {
    bottom: 0 !important;
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    right: 0 !important;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
}
.lt-ie9-magic .mz-zoom-window img {
    margin: 0 !important;
}
.mz-expand-controls {
    z-index: 2147483647;
}
.mz-fade {
    transition: opacity 0.25s ease 0s;
}
.mz-hidden {
    opacity: 0;
}
.mz-visible {
    opacity: 1;
}
.mobile-magic .mz-expand .mz-expand-bg {
    transform-style: flat !important;
}
.mobile-magic .mz-expand .mz-image-stage > figure .mz-caption {
    display: none !important;
}
.mobile-magic .mz-expand-controls.mz-fade {
    transition: none 0s ease 0s !important;
}
.mobile-magic .mz-expand .mz-zoom-window {
    left: 0 !important;
    top: 0 !important;
}
.mz-figure.mz-active {
    background: #fff none repeat scroll 0 0;
}
.mz-figure.mz-no-zoom, .mz-figure.mz-click-zoom, .mz-figure.mz-active {
    cursor: zoom-in;
}
.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair;
}
.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: zoom-out;
}
.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none;
}
.mz-figure.mz-active > img {
    filter: grayscale(80%) opacity(60%);
}
.no-cssfilters-magic .mz-figure.mz-active > img {
    opacity: 0.6;
}
.lt-ie10-magic .mz-figure.mz-active > img {
    opacity: 1;
}
.mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img {
    opacity: 0;
}
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window {
    opacity: 1;
}
.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
}
.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent none repeat scroll 0 0;
}
.mz-lens {
    border: 1px solid rgba(170, 170, 170, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    cursor: none;
    opacity: 0;
    z-index: 10;
}
.mz-figure.mz-active .mz-lens {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s;
}
.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    cursor: none;
    opacity: 0;
}
.mz-zoom-window {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.mz-zoom-window.mz-magnifier {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 100%;
}
.mz-zoom-window.mz-magnifier::before {
    background: transparent none repeat scroll 0 0;
    border: 1px solid rgba(170, 170, 170, 0.7);
    border-radius: 100%;
    bottom: 0;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.3) inset;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.mz-zoom-window.mz-magnifier.mz-square, .mz-zoom-window.mz-magnifier.mz-square::before {
    border-radius: 0 !important;
}
.lt-ie9-magic .mz-zoom-window {
    border: 1px solid #e5e5e5;
}
.mz-zoom-window.mz-inner {
    border: medium none;
    box-shadow: none;
}
.mz-zoom-window .mz-caption {
    background: #777 none repeat scroll 0 0;
    color: #fff;
    font-size: 10pt;
    line-height: normal !important;
    opacity: 0.8;
    padding: 3px;
    position: absolute;
    text-align: center !important;
    top: 0;
    width: 100%;
    z-index: 150;
}
.lt-ie9-magic .mz-zoom-window .mz-caption {
}
.mz-zoom-window.caption-bottom .mz-caption {
    bottom: 0;
    top: auto;
}
.mz-zoom-window.mz-expanded > .mz-caption {
    display: none;
}
.mz-zoom-window.mz-deactivating, .mz-zoom-window.mz-activating {
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0s, transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0s;
}
.mz-zoom-window.mz-deactivating {
    transition-duration: 0.25s, 0.25s, 0.25s;
}
.mz-zoom-window.mz-p-right, .mz-zoom-window.mz-p-left, .mz-zoom-window.mz-p-top, .mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100;
}
.mz-zoom-window.mz-p-right {
    transform: translate3d(-20%, 0px, 0px);
}
.mz-zoom-window.mz-p-left {
    transform: translate3d(20%, 0px, 0px);
}
.mz-zoom-window.mz-p-top {
    transform: translate3d(0px, 20%, 0px);
}
.mz-zoom-window.mz-p-bottom {
    transform: translate3d(0px, -20%, 0px);
}
.mz-zoom-window > img {
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px) scale(1);
}
.mz-zoom-window.mz-p-inner.mz-deactivating > img, .mz-zoom-window.mz-p-inner.mz-activating > img {
    transition: transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0s;
}
.mz-zoom-window.mz-p-magnifier {
    transform: scale(0.1);
}
.mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-preview.mz-activating, .mz-zoom-window.mz-custom.mz-deactivating, .mz-zoom-window.mz-custom.mz-activating {
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0s;
}
.mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-custom.mz-deactivating {
    transition-duration: 0.2s;
}
.mz-zoom-window.mz-p-preview, .mz-zoom-window.mz-p-custom {
    opacity: 0;
}
.mz-hint, .mz-loading {
    background: rgba(49, 51, 61, 0.7) none repeat scroll 0 0;
    color: #eee;
    direction: ltr;
    display: inline-block;
    font: 12px/1.2em "Lucida Grande","Lucida Sans Unicode",Verdana,"Helvetica Neue",Arial,Helvetica,sans-serif;
    margin: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.25s ease 0s;
    z-index: 1000;
}
.mz-hint {
    background-color: transparent;
    bottom: 8px;
    left: 0;
    padding: 0 10%;
    right: 0;
    transition: opacity 0.25s ease 0s, z-index 0.25s ease 0s;
}
.mz-hint-message {
    background: rgba(49, 51, 61, 0.7) none repeat scroll 0 0;
    border-radius: 2em;
    display: inline-block;
    padding: 0.7em 1.1em;
}
.mz-hint-message::before {
    content: "⊕";
    font-family: serif;
    font-size: 1.5em;
    margin-right: 6px;
    text-align: center;
    transition: opacity 0.25s ease 0s;
    vertical-align: -2px;
}
.mobile-magic .mz-hint-message::before {
    display: none;
}
.mz-hint-hidden {
    opacity: 0;
    transition-delay: 0.6s;
    z-index: -1;
}
.mobile-magic .mz-expand .mz-hint {
    bottom: auto;
    font-size: 18px;
    line-height: 1.1em;
    margin: 0;
    top: 50%;
    transform: translate(0px, -50%);
}
.mobile-magic .mz-expand .mz-hint-message {
    padding: 1.1em;
}
.mobile-magic .mz-expand .mz-hint-message::before {
    display: none;
}
.mobile-magic .mz-expand .mz-hint-hidden {
    opacity: 0;
    transition-delay: 1s;
}
.mz-loading {
    border-radius: 100%;
    font-size: 0;
    height: 36px;
    left: 50%;
    opacity: 0;
    padding: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
}
.mz-loading::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent rgba(255, 255, 255, 1) rgba(255, 255, 255, 1);
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-indent: -9999em;
    top: 0;
    width: 24px;
}
.mz-loading.shown {
  /*  opacity: 1;*/
  opacity: 0;
    transition: opacity 0s ease 0s;
    z-index: 1;
}
.mz-loading.shown::after {
    animation: 0.9s linear 0s normal none infinite running spin-loading;
}
@keyframes spin-loading {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes spin-loading {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.lt-ie10-magic .mz-loading {
    font-size: 12px;
    height: auto;
    padding: 0.7em 1.1em;
    width: auto;
}
.lt-ie10-magic .mz-loading::after {
    border: medium none;
    content: "Nahrávání...";
    position: relative;
    text-indent: 0;
}
.lt-ie9-magic .mz-loading {
    left: 0;
    margin: auto;
    right: 0;
    width: 126px;
}
.lt-ie9-magic .mz-hint-message, .lt-ie9-magic .mz-loading.shown {
    background: transparent none repeat scroll 0 0 !important;
}
.lt-ie9-magic .mz-hint-hidden {
}
.mz-expand, .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg {
    height: auto !important;
    width: auto !important;
}
.mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > svg {
    min-height: 100% !important;
    min-width: 100% !important;
}
.mz-expand {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 1);
    display: block;
    height: auto;
    overflow: hidden;
    perspective: 600px;
    position: fixed;
    text-align: center;
    transform-style: preserve-3d;
    vertical-align: middle;
    width: auto;
    z-index: 2100000000;
}
.mz-expand .mz-expand-bg {
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin: auto;
    max-height: none !important;
    max-width: none !important;
    perspective: 600px;
    transform: translate3d(0px, 0px, 0px) scale(10) rotate(0.01deg);
    vertical-align: middle;
    z-index: -100;
}
.mz-expand .mz-expand-bg > img {
    backface-visibility: hidden;
    filter: blur(20px) brightness(60%);
    margin: auto;
    transform: translate3d(0px, 0px, 0px);
}
.mz-expand .mz-expand-bg > svg {
    margin: auto;
    opacity: 0.6;
}
.lt-ie10-magic .mz-expand .mz-expand-bg {
    display: none !important;
}
.lt-ie9-magic .mz-expand {
    background: #1f1f1f none repeat scroll 0 0;
}
.mz-expand.plain-bg .mz-expand-bg, .mz-expand.dark-bg .mz-expand-bg, .mz-expand.white-bg .mz-expand-bg {
    display: none !important;
}
.mz-expand.dark-bg {
    background-color: rgba(31, 31, 31, 0.96);
}
.mz-expand.white-bg {
    background-color: #fff;
}
.mz-expand .mz-expand-stage {
    padding: 0;
    z-index: 2100000000;
}
.mz-expand .mz-expand-stage .mz-image-stage {
    backface-visibility: hidden;
    left: 120px;
    margin: 0;
    padding: 20px 0 40px;
    perspective: 600px;
    right: 120px;
    text-align: center;
    vertical-align: middle;
    z-index: 50;
}
.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 120px;
}
.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    left: 0;
    padding: 0 !important;
    right: 0;
}
.mz-expand .mz-image-stage > figure::before, .mz-expand .mz-image-stage::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    line-height: 100%;
    vertical-align: middle;
    width: 0;
}
.mz-expand .mz-image-stage > figure {
    display: inline-block;
    font-size: 0;
    line-height: 100%;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.mz-expand .mz-figure {
    max-width: 100% !important;
    overflow: visible;
}
.mz-expand .mz-figure > img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.mz-expand .mz-zoom-in .mz-image-stage > figure, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
    height: 100%;
    width: 100%;
}
.mz-expand .mz-figure {
    cursor: zoom-in;
}
.mz-expand .mz-figure.mz-active {
    cursor: zoom-out;
}
.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
    bottom: -5000px !important;
    left: -5000px !important;
    margin: auto !important;
    position: absolute !important;
    right: -5000px !important;
    top: -5000px !important;
    z-index: 1;
}
.lt-ie10-magic .mz-zoom-window.mz-expanded img {
}
.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
}
.mz-expand .mz-caption {
    color: #fff;
    font: 10pt/1em "Lucida Grande","Lucida Sans Unicode",Verdana,"Helvetica Neue",Arial,Helvetica,sans-serif;
    left: 0;
    opacity: 0;
    padding: 10px 4px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 46px #000;
    width: 100%;
}
.mz-expand .mz-caption.mz-show {
    opacity: 1;
    transition: opacity 0.15s ease-out 0s;
}
.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer;
}
.mz-expand.white-bg .mz-caption {
    color: #555;
    text-shadow: none;
}
.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%;
}
.mz-expand .mz-zoom-window {
    background: transparent none repeat scroll 0 0;
    box-shadow: none;
}
.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0 none;
}
.mobile-magic .mz-expand-stage .mz-expand-thumbnails, .mobile-magic .mz-expand-stage .mz-image-stage {
    left: 0;
    right: 0;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
    bottom: 0;
}
.mobile-magic .mz-expand-stage .mz-image-stage {
    padding: 0;
}
.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 5px 0 60px;
}
.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding-top: 0;
}
.mobile-magic .mz-expand .mz-expand-thumbnails {
    height: 60px;
    padding: 0;
}
.mz-expand-controls, button.mz-button {
    margin: 0 !important;
    outline: 0 none !important;
    padding: 0 !important;
}
button.mz-button {
    background-color: transparent !important;
    border: 1px solid rgba(180, 180, 180, 0) !important;
    border-radius: 100% !important;
    box-shadow: none !important;
    color: #b4b4b4 !important;
    cursor: pointer;
    font: 900 34px/1 "magictoolbox-thin" !important;
    height: 60px !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    position: absolute !important;
    text-align: center;
    text-transform: none !important;
    width: 60px !important;
    z-index: 90 !important;
}
button.mz-button.mz-button-prev, button.mz-button.mz-button-next {
    bottom: 0 !important;
    margin: auto 10px !important;
    overflow: hidden !important;
    top: 0 !important;
}
button.mz-button.mz-button-prev {
    left: 0 !important;
}
button.mz-button.mz-button-next {
    right: 0 !important;
}
button.mz-button.mz-button-close {
    font-size: 26px !important;
    margin: 10px !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 95 !important;
}
:root:not(.mobile-magic) button.mz-button {
    color: rgba(180, 180, 180, 0.75) !important;
    transform: scale(0.85) !important;
    transition: color 0.25s ease 0s, border-color 0.25s ease 0s, transform 0.25s ease 0s !important;
}
:root:not(.mobile-magic) button.mz-button:hover {
    border-color: rgba(180, 180, 180, 0.6) !important;
    color: rgba(180, 180, 180, 1) !important;
    transform: scale(1) !important;
}
.mobile-magic button.mz-button {
    transition: transform 0.1s ease 0s !important;
}
.mobile-magic button.mz-button:active {
    border-color: rgba(180, 180, 180, 0.6) !important;
    transform: scale(0.95) !important;
}
button.mz-button.mz-button-close::before {
    content: "ꀁ";
}
button.mz-button.mz-button-prev::before {
    content: "ꀂ";
}
button.mz-button.mz-button-next::before {
    content: "ꀃ";
}
@media screen and (max-device-width: 767px) {
button.mz-button-prev, button.mz-button-next {
    display: none !important;
}
.mobile-magic .mz-expand button.mz-button {
    background-color: rgba(49, 51, 61, 0.3) !important;
    border-color: transparent !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 18px !important;
    height: 44px !important;
    width: 44px !important;
}
}
.lt-ie9-magic button.mz-button {
    border: 0 none;
}
.lt-ie9-magic button.mz-button:hover {
}
.mz-thumb, .mz-thumb:focus {
    display: inline-block;
    line-height: 0;
    outline: medium none;
}
.mz-thumb img {
    border: 0 none;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
}
.mz-thumb:hover:not(.mz-thumb-selected) img {
    filter: brightness(75%);
}
.mz-thumb-selected img {
    filter: brightness(60%);
}
.no-cssfilters-magic .mz-thumb {
    background: #000 none repeat scroll 0 0;
}
.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: 0.75;
}
.no-cssfilters-magic .mz-thumb-selected img {
    opacity: 0.6;
}
.ie9-magic .mz-thumb img {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.mz-expand-thumbnails {
    bottom: 0;
    box-sizing: border-box;
    height: 80px;
    left: 65px;
    padding: 10px 0;
    position: absolute;
    right: 65px;
    z-index: 50;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumb {
    padding: 10px 2px;
}
.mz-expand-thumbnails .magic-thumb > img {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    height: 40px;
}
.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
    filter: brightness(70%);
}
.mz-expand-thumbnails .magic-thumb-selected img {
    filter: brightness(50%);
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    box-shadow: none;
}
.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
    opacity: 0;
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
    opacity: 0.7;
}
.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
    opacity: 0.5;
}
.mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 40px;
}
.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
    display: none;
}
.mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 0;
}
.magic-thumbs, .magic-thumbs .magic-thumbs-wrapper, .magic-thumbs ul, .magic-thumbs li, .magic-thumbs li::before, .magic-thumbs li::after, .magic-thumbs li img, .magic-thumbs .magic-thumbs-button {
    box-sizing: border-box;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
.magic-thumbs {
    -moz-user-select: none;
    direction: ltr;
    left: 0;
    overflow: visible;
    padding: 0 30px;
    position: relative;
    top: 0;
    z-index: 100;
}
.magic-thumbs {
    height: 100%;
    white-space: nowrap;
    width: 100%;
}
.magic-thumbs.no-buttons {
    padding: 0 !important;
}
.magic-thumbs-wrapper {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.magic-thumbs ul {
    display: inline-block;
    font-size: 0;
    height: 100%;
    list-style: outside none none;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}
.magic-thumbs.no-buttons ul {
    left: 0 !important;
    padding: 0 !important;
    transform: none !important;
    transition: none 0s ease 0s !important;
}
.magic-thumbs ul li {
    display: inline-block;
    height: 100%;
    line-height: 0;
    margin: 0 4px;
    vertical-align: top;
    width: auto;
}
.magic-thumbs ul li::after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}
.magic-thumbs ul li > img {
    height: auto;
    max-height: 100%;
    vertical-align: middle;
    width: auto;
}
.ie8-magic .magic-thumbs ul li > img {
    max-height: none !important;
    max-width: none !important;
}
.magic-thumbs.magic-thumbs-vertical {
    height: 100%;
}
.magic-thumbs-vertical {
    padding: 30px 0;
}
.magic-thumbs-vertical ul {
    height: auto;
    white-space: normal;
    width: 100%;
}
.magic-thumbs-vertical ul li {
    height: auto;
    width: 100%;
}
.magic-thumbs-vertical ul li {
    margin: 4px 0;
}
.magic-thumbs-vertical ul li > img {
    max-height: none;
    max-width: 100%;
}
.ie8-magic .magic-thumbs-vertical ul li > img {
    width: 100%;
}
.magic-thumbs .magic-thumbs-button {
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    border: 0 none;
    border-radius: 0;
    bottom: 0;
    color: #bbb;
    cursor: pointer;
    font-family: "magictoolbox-thin";
    font-size: 30px;
    font-style: normal;
    font-variant: normal;
    font-weight: 200;
    height: 100%;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-transform: none !important;
    top: 0;
    width: 30px;
    z-index: 90;
}
.magic-thumbs .magic-thumbs-button-prev {
    left: 0;
}
.magic-thumbs .magic-thumbs-button-next {
    right: 0;
}
.magic-thumbs .magic-thumbs-button-prev::before {
    content: "ꀂ";
}
.magic-thumbs .magic-thumbs-button-next::before {
    content: "ꀃ";
}
.magic-thumbs-button::before {
    opacity: 0.6;
    transition: opacity 0.25s ease 0s;
}
.magic-thumbs .magic-thumbs-button:hover::before {
    opacity: 1;
}
.magic-thumbs-vertical .magic-thumbs-button {
    bottom: auto;
    height: 30px;
    left: 0;
    right: 0;
    top: auto;
    width: 100%;
}
.magic-thumbs-vertical .magic-thumbs-button-prev {
    top: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-next {
    bottom: 0;
}
.magic-thumbs-vertical .magic-thumbs-button-prev::before {
    content: "ꀅ";
}
.magic-thumbs-vertical .magic-thumbs-button-next::before {
    content: "ꀄ";
}
.magic-thumbs.no-buttons .magic-thumbs-button {
    display: none !important;
}
.magic-thumbs-button-disabled {
    opacity: 0.2;
}


.breadcrumb {
    background-color: white;
    margin-bottom: 0;
  }

.product1 h2 a {text-decoration:none;}

/*sidebar*/
.sidebar .dropdown-menu {
    margin-left:20px;
    
}


.sidebar .dropdown-menu > li > a {
    
    white-space: normal;
}



body,html{
    height: 100%;
  }

  nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
      -moz-transition: margin 200ms ease-out;
      -o-transition: margin 200ms ease-out;
      transition: margin 200ms ease-out;
  }
  
  
.sidebar .active > a {
   background:#616e7e !important;  /*#2c3642*/
   color:#fff  !important;
}

.navbar-default.sidebar .navbar-nav > .active > a, .navbar-default.sidebar .navbar-nav > .open > a {
    background:#616e7e !important;
     color:#fff  !important;
}

.sidebar ul {
    padding-top:0 !important;
}


  .main{
    padding: 10px 10px 0 10px;
  }

   @media (max-width: 766px) {
          
 }  
  
 @media (min-width: 765px) {
  
nav.sidebar .navbar-header {display:none !important;} 

    .main{
      position: absolute;
      width: calc(100% - 40px); 
      margin-left: 40px;
      float: right;
    }

    nav.sidebar:hover + .main{
      margin-left: 200px;
    }

    nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
      margin-left: 0px;
    }

    nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
      text-align: center;
      width: 100%;
      margin-left: 0px;
    }
    
    nav.sidebar a{
      padding-left: 13px;
      padding-right: 13px;
    }

    nav.sidebar .navbar-nav  li:first-child{
      border-top: 1px #e5e5e5 solid;
    }

    nav.sidebar .navbar-nav li{
      border-bottom: 1px #e5e5e5 solid;
    }

    nav.sidebar .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      /*background:#616e7e;*/
      background:#fff;
    }

    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
      padding: 0 0px 0 0px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
      color: #777;
    }

    nav.sidebar{
     
     /* height: 100%;
      margin-left: -160px;
      float: left;
      margin-bottom: 0px;*/
    }

    nav.sidebar li {
      width: 100%;
      
    }

     nav.sidebar  ul  li  a {
      background:#dcdee0;
      
    }
    
    
    nav.sidebar div > ul > li > a {
      background:#85909b; 
      background:#fff; 
      /*#616e7e*/
      color:#616e7e !important;
      min-height:55px;
      
    }
    
    
    
    
    
    nav.sidebar:hover{
      margin-left: 0px;
    }

    .forAnimate{
      opacity: 0;
    }
  }
   
  @media (min-width: 1330px) {

    .main{
      width: calc(100% - 200px);
      margin-left: 200px;
    }

    nav.sidebar{
      margin-left: 0px;
      float: left;
    }

    nav.sidebar .forAnimate{
      opacity: 1;
    }
  }

  nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #CCC;
    background-color: transparent;
  }

  nav:hover .forAnimate{
    opacity: 1;
  }
  section{
    padding-left: 15px;
  }
  
   section.products-filter-box{
    padding-left: 0px;
  }
  
  
 

/*ikony*/
 .sidebar i.icon {
    background: rgba(0, 0, 0, 0) url("../img/ikony-revel.svg") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 45px;
  /*  margin-left: -70px;*/
    width: 70px;
    margin-top:-5px;
}

.sidebar i.fa {
   
    display: block;
    float: left;
    height: 45px;
   font-size:45px;
    width: 70px;
    margin-top:-5px;
}

.sidebar li:hover i.fa,
.productbox:hover i.fa {

    color: #71b220;
}

.productbox i.fa {
    height: 105px;
   font-size:105px;
   margin-top:20px;
}

.productbox i.icon {
    background: rgba(0, 0, 0, 0) url("../img/ikony-revel.svg") no-repeat scroll 0 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 45px;
  /*  margin-left: -70px;*/
    width: 70px;
    margin-top:30px;
    zoom:2;
    -moz-transform:scale(2);
    -moz-transform-origin: 0 0;
}


a i.icon.menu-item-1-1 {
    background-position: 0 0;
}
a:hover i.icon.menu-item-1-1 {
    background-position: 0 -322px;
}
a i.icon.menu-item-1-2 {
    background-position: -91px 0;
}
a:hover i.icon.menu-item-1-2 {
    background-position: -91px -322px;
}
a i.icon.menu-item-1-3 {
    background-position: -164px 0;
}
a:hover i.icon.menu-item-1-3 {
    background-position: -164px -322px;
}
a i.icon.menu-item-1-4 {
    background-position: -239px 0;
}
a:hover i.icon.menu-item-1-4 {
    background-position: -239px -322px;
}
a i.icon.menu-item-1-5 {
    background-position: -308px 0;
}
a:hover i.icon.menu-item-1-5 {
    background-position: -308px -322px;
}
a i.icon.menu-item-1-6 {
    background-position: -379px 0;
}
a:hover i.icon.menu-item-1-6 {
    background-position: -379px -322px;
}
a i.icon.menu-item-1-7 {
    background-position: -447px 0;
}
a:hover i.icon.menu-item-1-7 {
    background-position: -447px -322px;
}
a i.icon.menu-item-1-8 {
    background-position: -518px 0;
}
a:hover i.icon.menu-item-1-8 {
    background-position: -518px -322px;
}
a i.icon.menu-item-1-9 {
    background-position: -585px 0;
}
a:hover i.icon.menu-item-1-9 {
    background-position: -585px -322px;
}
a i.icon.menu-item-1-10 {
    background-position: -676px 0;
}
a:hover i.icon.menu-item-1-10 {
    background-position: -676px -322px;
}
a i.icon.menu-item-2-1 {
    background-position: 0 -65px;
}
a:hover i.icon.menu-item-2-1 {
    background-position: 0 -387px;
}
a i.icon.menu-item-2-2 {
    background-position: -91px -65px;
}
a:hover i.icon.menu-item-2-2 {
    background-position: -91px -387px;
}
a i.icon.menu-item-2-3 {
    background-position: -164px -65px;
}
a:hover i.icon.menu-item-2-3 {
    background-position: -164px -387px;
}
a i.icon.menu-item-2-4 {
    background-position: -239px -65px;
}
a:hover i.icon.menu-item-2-4 {
    background-position: -239px -387px;
}
a i.icon.menu-item-2-5 {
    background-position: -308px -65px;
}
a:hover i.icon.menu-item-2-5 {
    background-position: -308px -387px;
}
a i.icon.menu-item-2-6 {
    background-position: -379px -65px;
}
a:hover i.icon.menu-item-2-6 {
    background-position: -379px -387px;
}
a i.icon.menu-item-2-7 {
    background-position: -453px -65px;
}
a:hover i.icon.menu-item-2-7 {
    background-position: -453px -387px;
}
a i.icon.menu-item-2-8 {
    background-position: -518px -65px;
}
a:hover i.icon.menu-item-2-8 {
    background-position: -518px -387px;
}
a i.icon.menu-item-3-1 {
    background-position: 0 -137px;
}
a:hover i.icon.menu-item-3-1 {
    background-position: 0 -459px;
}
a i.icon.menu-item-3-2 {
    background-position: -91px -137px;
}
a:hover i.icon.menu-item-3-2 {
    background-position: -91px -459px;
}
a i.icon.menu-item-3-3 {
    background-position: -164px -137px;
}
a:hover i.icon.menu-item-3-3 {
    background-position: -164px -459px;
}
a i.icon.menu-item-3-4 {
    background-position: -239px -137px;
}
a:hover i.icon.menu-item-3-4 {
    background-position: -239px -459px;
}
a i.icon.menu-item-3-5 {
    background-position: -308px -137px;
}
a:hover i.icon.menu-item-3-5 {
    background-position: -308px -459px;
}
a i.icon.menu-item-3-6 {
    background-position: -379px -137px;
}
a:hover i.icon.menu-item-3-6 {
    background-position: -379px -459px;
}
a i.icon.menu-item-4-1 {
    background-position: 0 -206px;
}
a:hover i.icon.menu-item-4-1 {
    background-position: 0 -528px;
}
a i.icon.menu-item-4-2 {
    background-position: -91px -206px;
}
a:hover i.icon.menu-item-4-2 {
    background-position: -91px -528px;
}
a i.icon.menu-item-4-3 {
    background-position: -164px -206px;
}
a:hover i.icon.menu-item-4-3 {
    background-position: -164px -528px;
}
a i.icon.menu-item-4-4 {
    background-position: -239px -206px;
}
a:hover i.icon.menu-item-4-4 {
    background-position: -239px -528px;
}
a i.icon.menu-item-4-5 {
    background-position: -308px -206px;
}
a:hover i.icon.menu-item-4-5 {
    background-position: -308px -528px;
}
a i.icon.menu-item-4-6 {
    background-position: -379px -206px;
}
a:hover i.icon.menu-item-4-6 {
    background-position: -379px -528px;
}
a i.icon.menu-item-4-7 {
    background-position: -447px -206px;
}
a:hover i.icon.menu-item-4-7 {
    background-position: -447px -528px;
}
a i.icon.menu-item-4-8 {
    background-position: -518px -206px;
}
a:hover i.icon.menu-item-4-8 {
    background-position: -518px -528px;
}
a i.icon.menu-item-4-9 {
    background-position: -600px -206px;
}
a:hover i.icon.menu-item-4-9 {
    background-position: -600px -528px;
}


/*responsive youtube video*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.header div.portlet {
    display:inline !important;
}

/*login button*/
.header .login-button {
    background-clip: padding-box;
    background-color: #71b220;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    padding: 5px 7px;
    position: absolute;
    right: 80px;
    top: 0px;
    z-index:100;
}
@media (min-width: 500px) {
.header .login-button {
   /* top: 9px;*/
}
}
@media (min-width: 1198px) {
.header .login-button {
    display: none;
}
}


@media (min-width: 500px) {

}
.header .header-login {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
 
    margin: 0;
    padding: 0;
    position: absolute;
    right: 220px;
    top: 5px;
    z-index: 1;
}

.header .header-login .newRegistration {
    font-size:13px;margin-top:5px;
}

.header .header-login::before, .header .header-login::after {
    content: " ";
    display: table;
}
.header .header-login::after {
    clear: both;
}
@media (max-width: 1199px) {
.header .header-login {
    display: none;
    
}
#searchbox {margin-right:100px;}

}
@media (max-width: 991px) {
.header .header-login {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #404d5b;
    border-radius: 4px;
    display: none;
    left: auto;
    padding: 10px 15px;
    right: 0;
    top: 54px;
    width: 300px;
    z-index: 90;
}
.header .header-login::before {
    border-color: transparent transparent #404d5b;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    height: 10px;
    position: absolute;
    right: 86px;
    top: -10px;
    width: 20px;
}

.newRegistration a {color:#2c3642 !important;}

}
@media (max-width: 991px) and (max-width: 500px) {
.header .header-login {
    top: 71px;
}
}
.header .header-login label {
    display: inline-block;
}
@media (max-width: 991px) {
.header .header-login label {
    display: none;
}
}
.header .header-login label.error {
    left: auto;
    min-width: 100%;
    right: 0;
    white-space: nowrap;
    width: auto;
}
@media (max-width: 991px) {
.header .header-login label.error {
    z-index: 0;
}
}
.header .header-login [class|="icon"] {
    vertical-align: middle;
}
.header .header-login input[type="checkbox"] {
    margin-right: 0;
}
.header .header-login .input-text {
    width: 155px;
    z-index: 3;
}
@media (max-width: 991px) {
.header .header-login .input-text {
    width: 100%;
}
}
@media (max-width: 991px) {
.header .header-login .input-text:focus + label.error {
    z-index: 5;
}
}
.header .header-login .fields-group {
    display: inline-block;
    margin-right: 10px;
}
@media (max-width: 991px) {
.header .header-login .fields-group {
    display: block;
    margin: 10px 0 0;
}
.header .header-login .fields-group:first-child {
    margin-top: 0;
}
}
.header .header-login .field-env {
    display: inline-block;
}
@media (max-width: 991px) {
.header .header-login .field-env {
    display: block;
}
}
.header .header-login .txt {
    display: none;
    font-size: 16px;
    line-height: 24px;
}
.header .header-login .btn {
    height: 34px;
    padding: 0;
    text-align: center;
    width: 34px;
    margin-top:-20px;
}
@media (max-width: 991px) {
.header .header-login .btn {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
}
.header .header-login .btn [class|="icon"] {
    margin: 0;
}
@media (max-width: 991px) {
.header .header-login .btn [class|="icon"] {
    display: none;
}
}
@media (max-width: 991px) {
.header .header-login .btn .txt {
    display: inline;
}
}
@media (max-width: 991px) {
.header .header-login .save-login {
    display: inline;
}
}
@media (max-width: 991px) {
.header .header-login .save-login .txt {
    display: inline;
}
}

.tableicon {width:100px;}

#no-more-tables  .tableicon {width:100%;height:80px;margin-left:-10px;}
#no-more-tables  .tableicon img {max-width:100px;}   
#no-more-tables  .tobasket {width:100%;}  


    /* Force table to not be like tables anymore */
  #no-more-tables table, 
  #no-more-tables thead, 
  #no-more-tables tbody, 
  #no-more-tables th, 
  #no-more-tables td, 
  #no-more-tables tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  #no-more-tables tr { }
 
  #no-more-tables td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
  }

 
  #no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  #no-more-tables td:before { content: attr(data-title); }
        
.captcha table td {padding:5px;}     
.captcha table td img {padding-right:10px;}     

.btn-copyadr {margin-bottom:5px;}     

.shopbasket,.ackOrderBtn  {margin-bottom:20px;}  
.ackOrderBtn  {margin-top:20px;}  
.shopbasket table td {vertical-align:middle !important;} 

.label.label-delivery-table {display:inline-block;margin-left:20px;margin-top:10px;}

.label.label-delivery-box {position:absolute;bottom:2px;right:12px;z-index:10}



.compactRadioGroup {
margin-top:20px;margin-bottom:40px;    
}

.compactRadioGroup .radio label {
    padding-left:0 !important;
} 
.compactRadioGroup>label,
.compactRadioGroup>input {
    display: inline;
}
.compactRadioGroup>label.radio {
    margin-left: 30px;
    margin-right: 30px;
}


.compactRadioGroup>input.noDeliveryAddress {
    margin-top: 0px !important;
}



/* figure */
figure {
  position: relative;
  /*margin: 1.5em 0;*/
        margin: 0;

}
figure dt {
  margin-top: .75em;
} /* to check: ?? do I mean dl? */
figure dd {
  margin-left: 0;
  padding-left: 0;
}
figure img, figure iframe {
  margin: .75em auto;
}
figure blockquote {
  margin: 1.5em 0px .75em -1.5em;
}
figure ul, figure ol {
  margin: .75em 0 .75em 2em;
}
figure .semantic-list {
  margin-left: 0;
}
figure li ul, figure li ol {
  margin: 0 0 0 1.5em;
}
figure p, figure pre {
  margin-top: .75em;
  margin-bottom: .75em;
}
figure p+p {
  margin-top: 1.5em;
}
figcaption {
  clear: left;
  margin: .75em 0;
  text-align: center;
  font-style: italic;
  line-height: 1.5em;
}

.amountwrapper {padding-left: 5px !important;padding-right: 5px !important;}
.tobasketwrapper {padding-left: 5px !important}


/*modal login*/
.modal-login {    
    color: #636363;
    width: 350px;
  }
  .modal-login .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
  }
  .modal-login .modal-header {
    border-bottom: none;   
        position: relative;
        justify-content: center;
  }
  .modal-login h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -15px;
  }
  .modal-login .form-control:focus {
    border-color: #70c5c0;
  }
  .modal-login .form-control, .modal-login .btn {
    min-height: 40px;
    border-radius: 3px; 
  }
  .modal-login .close {
        position: absolute;
    top: -5px;
    right: -5px;
  } 
  .modal-login .modal-footer {
    background: #ecf0f1;
    border-color: #dee4e7;
    text-align: center;
        justify-content: center;
    margin: 0 -20px -20px;
    border-radius: 5px;
    font-size: 13px;
  }
  .modal-login .modal-footer a {
    color: #999;
  }   
  .modal-login .avatar {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -70px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  }
  .modal-login .avatar img {
    width: 100%;
  }
  .modal-login.modal-dialog {
    margin-top: 80px;
  }
    .modal-login .btn {
        color: #fff;
        border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
        line-height: normal;
        border: none;
    }
  .modal-login .btn:hover, .modal-login .btn:focus {
    background: #45aba6;
    outline: none;
  }
  .trigger-btn {
    display: inline-block;
  }
        
        .doprodej {
            position:absolute;
            width:100%;
            height: 220px;
            background:  url("../img/doprodej.png") no-repeat right bottom;
            z-index:1000;
        }
        

         .doprodejcat {
            position:absolute;
            width:188px;
            height: 181px;
            right:15px;
            bottom:20px;
            background:  url("../img/doprodej.png") no-repeat;
            z-index:1000;
        }
        
        .nedostupne {
            position:absolute;
            width:100%;
            height: 220px;
            background:  url("../img/nedostupne2.png") no-repeat right bottom;
            z-index:1000;
        }
        

         .nedostupnecat {
            position:absolute;
            width:188px;
            height: 181px;
            right:15px;
            bottom:20px;
            background:  url("../img/nedostupne2.png") no-repeat;
            z-index:1000;
        }



        /*Lightbox*/

        .lightbox-gallery {
    background-image: linear-gradient(#4A148C, #E53935);
    background-repeat: no-repeat;
    color: #000;
    overflow-x: hidden
}

.lightbox-gallery p {
    color: #fff
}

.lightbox-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff
}

@media (max-width:767px) {
    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

.lightbox-gallery .intro p {
    margin-bottom: 0
}

.lightbox-gallery .photos {
    padding-bottom: 20px
}

.lightbox-gallery .item {
    padding-bottom: 30px
}


.megamenu {
    position: static
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%
}

.dropdown-menu {
    background:#ccc !important;
    
}   

.dropdown-menu  h6 a {
    white-space: normal;
}



.dropdown-menu .menu-content {
    background:#fff !important;
    border-bottom: 4px solid #71b220;
}   

dropdown-item

.nav-item.dropdown.megamenu.show  {
    color: black;
    background:white;
}
.nav-item.dropdown.megamenu.show a  {
    color: black;
}


.navbar-dark .navbar-nav .submenu .nav-link {
    color: black;
}

.navbar-nav .submenu ul {
    padding-left: 20px;
}


.cardprice-body {
    padding: 0.6rem 1.25rem;;
}

.cardprice-body small {
    display: block;
    line-height: 1rem;
}


.card-link{
    position:relative;
   }
   
   
#cartModal .container {
  padding: 2rem 0rem;
}

#cartModal .table-image {
  
  #cartModal thead {
    td, th {
      border: 0;
      color: #666;
      font-size: 0.8rem;
    }
  }
  
  #cartModal td,#cartModal  th {
    vertical-align: middle;
    text-align: center;
    
    &.qty {
      max-width: 2rem;
    }
  }
}

#cartModal .price {
  margin-left: 1rem;
}

#cartModal .modal-footer {
  padding-top: 0rem;
}   


.addToSelected:hover {cursor:pointer}


.shopelement .card-img {width: 80%; margin: 10% 10% 0px 15%; aspect-ratio: 1/1; object-fit: contain;}
.shopelement .card-body,
.shopelement .card-link {text-align:center;padding:0.5rem 1.25rem;}
.shopelement .cardprice-body .price {text-align: center!important;font-size: 20px!important;height:50px!important;}
.shopelement .cardprice-body .price small {display:auto;font-size: 17px!important;}

.count {
    align-items: center;
    background-color: #71b220;
    border-radius: 1em;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 1;
    min-height: 17px;
    min-width: 17px;
    padding: 1px;
    z-index: 1;
    left: 36px;
    position: absolute;
    top: -2px;
}

#kosik {white-space: nowrap;}

.cookie-consent-popup {
    animation-name: show;
    animation-duration: 1s;
    animation-timing-function: ease;
    display: none;
   /* position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;*/
    z-index: 999999;
}

.cookie-consent-popup.open {
    display: block;
    opacity: 1;
    animation-name: show;
    animation-duration: 1s;
    animation-timing-function: ease;
}

.cookie-consent-controls {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}

.cookie-consent-controls.open {
    max-height: 600px;
}

.cookie-consent-details {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}

.cookie-consent-details.open {
    max-height: 600px;
}

@keyframes show {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes hide {
    from {opacity: 1;}
    to {opacity: 0;}
}


.cookie-consent-popup{
    width: 420px;
    height: auto;
    background-color: #fff;
    position: fixed;
    bottom: 88px;
    border-radius: 10px;
    right: 5%;
    padding: 10px 20px;
    border: 1px solid #93d500 ;
}

.cookie-consent-popup label{
    font-weight: normal;
}

@media screen and (max-width: 420px) {
  .cookie-consent-popup{
    width: 90%;
    left:5%;
    bottom: 22px;
    }
}

.slick-prev {
  left: 0px;
  z-index: 100;
}
.slick-next {
  right: 0px;
  z-index: 100;
}

.alert.alert-success h3 {
  font-size: 20px;
  margin-bottom: 0px;
}