.page-header {
    border:none;
    font-family: 'PT Sans Caption', Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-top:50px;
}

/* ==================== MEDIA QUERIES ==================== */

@media (min-width: 470px) {       
    .page-header {        
        margin-top:10px;
    }
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
section#opis {
    padding:50px 0px
}
/* CECHY */
#podkategorie {position: absolute;bottom:0px;width:100%;z-index:400;background:transparent;pointer-events: none}
#podkategorie .container {pointer-events:auto;}
#podkategorie .container ul {padding: 0px 0px;margin:0px 0px;}

#podkategorie ul {margin:0;padding:0;display:table;border-collapse: separate;border-spacing:0px 0px;}
#podkategorie ul li {list-style: none;padding:0px 0px;display:table-cell;border-left:1px solid white;border-top:1px solid white;}
#podkategorie ul li a {color:white;text-decoration:none;padding:8px 6px;display:block;font-size:90%}
#podkategorie ul li:last-child {border-right:1px solid white}
.cechy-wrap ul li a:hover {background:#ddd;color:black}

#podkategorie ul li.active {background:#999;}

.kategorie {text-align:center;background:#ac122b;padding:10px}
.kategorie a {color:white;padding:10px;font-weight:bold;font-size:130%}

/*
#realizacje {}

#realizacje .carousel-control     		 { width:  4%; }
#realizacje .carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}

@media (max-width: 767px) {
	#realizacje .carousel-inner .active.left { left: -100%; }
	#realizacje .carousel-inner .next        { left:  100%; }
	#realizacje .carousel-inner .prev		 { left: -100%; }
	#realizacje .active > div { display:none; }
	#realizacje .active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	#realizacje .carousel-inner .active.left { left: -50%; }
	#realizacje .carousel-inner .next        { left:  50%; }
	#realizacje .carousel-inner .prev		 { left: -50%; }
	#realizacje .active > div { display:none; }
	#realizacje .active > div:first-child { display:block; }
	#realizacje .active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	#realizacje .carousel-inner .active.left { left: -16.7%; }
	#realizacje .carousel-inner .next        { left:  16.7%; }
	#realizacje .carousel-inner .prev		 { left: -16.7%; }	
}
#realizacje  .block {
    height: 180px;
}
#realizacje  .block a {color:white;display:block;padding-top:60px;text-align:center}
#realizacje .grey {background: grey;}
*/



.fill {opacity:0.7}
#cechy .cecha {padding-left:110px;position:relative;padding-bottom:30px}
#cechy .cecha h4 {margin-top:0px;margin-bottom:3px}
.cecha-pic {width:100px;height:80px;background:#ddd;position:absolute;left:0px;background-size:cover}
.kategoria {border-bottom: 1px solid #444}
.produkt-box {
    
    
   margin-bottom:10px;
position:relative;
padding: 0px;
/*height:320px;*/
padding-bottom:20px;
padding-top:20px;
text-align: center;
vertical-align: bottom;
 -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
a .produkt-box {
    color:white;
    border-radius: 10px;;
}
.produkt-box-img {
    height:200px;
    width:100%;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:  center;
    margin-bottom:15px;
    margin-top:6px;
}
.sztuk {position:absolute;top:50px;right:20px;background:#8d071c;color:white;border-radius: 6px;padding:10px 10px 5px 10px;font-size:24px}
.sztuksztuk {font-size:40%;padding-left:4px;display: block;}
.produkt-box li {
    text-align:left
}
a:hover .produkt-box {
    transform:scale(1.05); 
    -webkit-transform:scale(1.05); 
    -moz-transform:scale(1.05); 
    -o-transform:scale(1.05a);
  /*background-image:url('/images/stone.jpg');background-size:cover;*/
   background-color: #8d071c;/*#0f0f0f;*/
    
}
.divider {}
.cena {font-size:100%;/*font-weight:600;*/color:#b8011c;color:white;display:block;text-align:right;padding:10px 10px;border-radius: 6px;;}
a:hover .cena {
   
    color:white
}
a:hover{
    text-decoration: none;
}
.produkt-box-caption {
   /* position:absolute;*/
    
    text-align:center;

    box-sizing: border-box;

 -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

a:hover .produkt-box-caption {
    background: rgba(0, 0,0, 0);
}
.produkt-box-caption-content {
   /* position:absolute;*/
   /* top:50%;top: 50%;*/
    width:100%;
 /* transform: translateY(-100%);*/
color:white;font-size:160%;
font-weight:bold;
 -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;}

a:hover .produkt-box-caption-content {}

.kat-name-vert {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    font-size: 250%;
    text-align: right;
    top: -7px;
    right: 20px;
    text-transform: uppercase;
    position: absolute;
    width: 300px;
    border: 0px solid red;
    padding: 0px;
}
.kat-name-vert h2 {
    background:none;
    margin:0px;
    padding:0px
}
.color-vert {
    background:url(/images/color-line-vertical.gif) no-repeat top right;
    background-size: 6%;
    background-position-y: 30px;
    padding-bottom:100px;    
    min-height: 300px;
}

.prod-desc-col {padding-left:15px;}
.prod-desc {column-count: 2;margin-bottom:30px}

@media (max-width: 700px){
    .kat-name-vert {
        position:relative;
        top:auto;right:auto;
        transform: rotate(0deg);
        font-size:250%;
        text-align:left;
        margin-top:20px;
        text-transform:uppercase;
    }
    
    .color-vert {
        min-height:0;
        background:url(/images/color-line-horizontal.gif) no-repeat bottom left;
        background-size: 50%;
        padding-bottom:10px}
    .prod-desc-col {padding-left:0px;}
    .prod-desc {column-count: 1}
}
.kontakt-line {text-align:right}
.kontakt-line a {text-transform:uppercase;text-decoration:none}


body#sushimat .sushimat_switch a {   
    background: #0f0f0f;    
}
body#sushimat .sushimat_switch a:hover {    
    color:white
}

@media (max-width: 699px) {
    .sushimat-detail-col {border-bottom:1px solid white;padding-right:20px;border-right:none;margin-bottom:10px}
    #pic_sushimat {min-height:600px;}
}
.ZebraDialog .ZebraDialog_Body {
    background:#0f0f0f;
    color: #fff !important;
    padding: 40px;
}
.ZebraDialog_Button_0 {
    background-color:#8d071c !important;
    color:white;font-size:130% !important
}
.ZebraDialog_Title {
    background-color:#8d071c !important;
    color:white !important;
    border:none !important;
    font-size:140% !important
}
.ZebraDialog_ButtonsOuter {
    background:#0f0f0f !important;
}

.ZebraDialog {
    
    border: 0px solid #DEDEDE !important;
    
}


/*SUSHIMAT*/

.container.sushimat {padding:00px;;border-radius: 20px;padding-bottom:10px;}
.sushimat_switch {min-height:40px;margin-bottom:20px}
.sushimat_switch a.sushimat {display:block;padding:20px;padding-left:100px;color:white;text-decoration: none;background:#4d4c4c;
    border-radius: 19px;min-height:109px}

    .sushimat_switch a.sushimat.active {background-color: #8d071c}
.sushimat_switch a:hover {
    background-color: white;
    color:black
}
.sushimat_switch a.lok {color:#444}
/*
body#sushimat .sushimat_switch a {   
    background: #0f0f0f;    
}
body#sushimat .sushimat_switch a:hover {    
    color:white
}

body#sushimat .sushimat_switch.active a,*/
.sushimat_switch.active a.sushimat {background-color: white;color:black}

.sushimat_h {font-weight: bold;font-size:140%;;margin:0px}
   
.sushimat-pic {
    position:absolute;
    background-image: url('/images/highfive/szafa-s.png');
     background-size: contain;
     background-repeat: no-repeat;
    top: -20px;
    left: 60px;
    width: 70px;
    /* background-color: white; */
    height: 130px;
}

@media (max-width:800px) {
    .sushimat-pic {left:30px}
    .sushimat_switch a.sushimat {padding-left:60px}
}

.sushimat-detail {font-weight:bold;font-size:140%;}
.sushimat-detail-col {border-right:1px solid white;padding-right:20px;}

.sushimat-col:last-child .sushimat-detail-col {border:none}
#pic_sushimat {height:500px;margin-bottom:30px;;background-size:cover;background-position:center}


.dostawa-links {margin-top:30px}
 a.dostawa-link {display:block;text-align:center;padding:20px;border-radius: 15px;border:1px solid white;margin-bottom:20px;color:white;font-size:24px;}
 a.dostawa-link:hover {background-color: #8d071c;border-color:#8d071c}
.dostawa-arrow {display:inline-block;width:20px;height:20px;background-image:url('/images/icons/arrow-up.png');background-repeat:no-repeat;background-size: contain;}


.dostawa-pic {
    position:absolute;
    
     background-size: contain;
     background-repeat: no-repeat;
    top:0px;
    left: 20px;
    width: 60px;
    /* background-color: white; */
    height: 130px;
}
.dostawa-pic img {width:100%}