#produktyID {
 position: relative;
}
#loadingProdukty {
 position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: #ffffff; z-index: 50;
 opacity: 0.95;
}
#loadingProdukty img {
 margin-top: 10%;
}

.activeParam {
 margin: -10px 0 25px 0;
}
.activeParam div {
 display: inline-block; margin: 0 5px 5px 0; line-height: 100%; padding: 10px 12px 10px 14px; color: #000000; background: #f6f6f6;
}
.activeParam div span {
 display: inline-block;
}
.activeParam div a {
 display: inline-block;
}
.activeParam div a:hover {
 text-decoration: none;
}
.activeParam div a:before {
 content: "\f057"; font-family: "Font Awesome 5 Free"; margin: 0 0 0 10px; font-weight: bold; opacity: 0.5;
}
.activeParam div a:hover:before {
 text-decoration: none; opacity: 1;
}

.katText {
 margin: 0 0 25px 0; padding: 15px; line-height: 160%; text-align: justify; background: #f6f6f6;
}

ul.zoradenie {
 margin: 0 0 20px 0; padding: 0; list-style: none; font-size: 0;
}
ul.zoradenie li {
 display: inline-block; margin: 0 15px 0 0; padding: 0; font-size: 13px;
}
ul.zoradenie li:last-child {
 margin-right: 0;
}
ul.zoradenie li.filter {
 font-weight: bold;
}
ul.zoradenie li a {
 display: block; padding: 10px 12px; color: #000000; text-decoration: none; border: 1px solid #dedede;
}
ul.zoradenie li a:hover {
 text-decoration: underline;
}
ul.zoradenie li a.active {
 background: #fafafa;
}

/* slider */
.filter {
 margin: 0 0 30px 0; padding: 12px 12px; border: 1px solid #dedede;
}
.filter.filterZnacky {
 margin-bottom: 15px; padding-bottom: 2px;
}
.filter .slider .nadpis {
 display: inline-block; float: left; width: 120px; font-weight: 600;
}
.filter .slider .slider_cena_od {
 display: block; float: left; width: 50px;
}
.filter .slider .sliderRange {
 float: left; width: 770px; margin: 0 20px; margin-top: 4px;
}
.filter .slider .slider_cena_do {
 display: block; float: left; width: 50px; text-align: right;
}
/* /slider */

#parameters1B {
 display: none; width: 100%; padding: 15px 20px 15px 20px; font-size: 15px; color: #ffffff; background: #41a88b; cursor: pointer;
}
#parameters1B:before {
 content: "\f0fe"; font-family: "Font Awesome 5 Free"; position: relative; top: 2px; margin-right: 15px; font-weight: 400; font-size: 20px; color: #ffffff;
}
#parameters1B.active:before {
 content: "\f146";
}
#parametre {
 display: block; padding-top: 0;
}
#parametre.visible {
 display: block;
}
.parameters {
 margin-bottom: 30px;
}
.parameters .nadp {
 display: block; margin-bottom: 10px; font-size: 16px;
}
.parameters small {
 color: #a1a1a1;
}
.parameters .parametersHide {
 display: none;
}
.parameters .parametersHide.visible {
 display: block;
}
.parameters .more {
 position: relative; display: block; margin: 5px 0 0 0; padding-left: 20px; font-weight: 600; cursor: pointer;
}
.parameters .more:before {
 position: absolute; left: 3px; top: 3px; font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f0fe"; font-size: 12px;
}
.parameters .more.active:before {
 content: "\f146";
}
.parameters .selectmenu label.checkboxONOFF {
 display: inline-block; margin-right: 15px; margin-bottom: 10px;
}

/* produkty */
.produkty {
}
.produkty.titulkove {
 margin: 20px 0;
}
.produkty .col {
 float: left; width: 23.5%; margin-bottom: 20px; padding-bottom: 0; margin-left: 1%; margin-right: 1%; padding: 15px; text-align: center; border: 1px solid #dedede;
}
.produkty .col:nth-child(4n+1) {
 clear: both; margin-left: 0
}
.produkty .col:nth-child(4n) {
 margin-right: 0;
}
.produkty .col .delFromOblub {
 display: block; margin: 0 0 15px 0; font-size: 14px; text-align: center; cursor: pointer;
}
.produkty .col .delFromOblub:hover {
 text-decoration: underline;
}
.produkty .col .delFromOblub:before {
 content: "\f2ed"; font-family: "Font Awesome 5 Free"; margin: 0 7px 0 0; font-weight: 400;
}
.produkty .col .img {
 position: relative; margin-bottom: 15px;
}
.produkty .col .img img {
 display: block; width: 100%; height: auto;
}
.produkty .col .img .stav {
 position: absolute; top: 0; left: 0; display: inline-block; padding: 8px 12px; font-size: 12px; line-height: 100%; color: #ffffff; background: #3a977d; opacity: 0.9;
}
.produkty .col .img .stav.vypredaj {
 background: #ccc168;
}
.produkty .col .img .minuspercenta {
 position: absolute; top: 0; right: 0; display: inline-block; padding: 8px 10px; font-size: 15px; line-height: 100%; color: #ffffff; background: #cc5555; opacity: 0.9;
 font-weight: 600;
}
.produkty .popis {
 text-align: center;
}
.produkty .popis h2 {
 display: block; height: 45px; margin: 0 0 5px 0; font-size: 14px; line-height: 150%; font-weight: 400; text-align: center; overflow: hidden;
}
.produkty .popis h2 a {
 display: inline-block; padding: 2px 0; text-decoration: none;
}
.produkty .popis h2 a:hover {
 text-decoration: underline;
}
.produkty .popis .cenaV {
 display: block; margin: 12px 0 12px 0; text-align: center;
}
.produkty .popis .cena {
 display: inline-block; font-size: 18px; font-weight: 700; color: #000000;
}
.produkty .popis .naobjednavku {
 font-size: 14px; font-weight: 600; color: #fb3504;
}
.produkty .popis .cenaold {
 display: inline-block; margin-left: 10px; font-size: 15px; text-decoration: line-through; font-weight: 600;
}
.produkty .popis .vkosiku {
 display: none;
}
.produkty .popis a.dokosika {
 clear: both; display: inline-block; margin: 10px auto 0px auto; padding: 8px 10px; font-size: 13px; text-decoration: none; text-align: center;
 font-weight: 600; color: #ffffff; background: #61422c;
 -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}
.produkty .col:hover .popis a.dokosika {
 background: #FF361B;
}
.produkty .popis .stav {
 float: right; margin-top: 10px; font-size: 13px;
}
.produkty .popis .stav.niejeskladom {
 color: #ff0000;
}
/* /produkty */


/* PRODUKT */
.produkt {
 margin-bottom: 40px;
}
.produkt .obrazky {
 float: left; width: 40%; height: auto;
}
.produkt .obrazky .obrazoktop {
 position: relative; padding: 10px; text-align: center; border: 1px solid #dedede;
}
.produkt .obrazky .obrazoktop .cenapercent {
 display: inline-block; position: absolute; top: 5px; right: 5px; padding: 10px 12px; font-size: 17px; color: #ffffff; background: #cc5555; font-weight: bold;
}
.produkt .obrazky .obrazoktop img {
 max-width: 100%; height: auto;
}
.produkt .obrazky .gallerySmall {
 margin: 20px; text-align: center;
}
.produkt .obrazky .gallerySmall a {
 display: inline-block; margin: 0 4px;
}
.produkt .obrazky .gallerySmall a img {
 display: inline-block; opacity: 0.7; padding: 2px; border: 1px solid #dedede;
 -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}
.produkt .obrazky .gallerySmall a:hover img {
 opacity: 1; border: 1px solid #dedede;
}
.produkt .obrazky .gallerySmall a img.xactive {
  border: 1px solid #fb3504;
}

.produkt .veci {
 float: right; width: 56%;
}

.produkt .veci .kategorieproduktu {
 margin: 0 0 30px 0; padding: 0;
}
.produkt .veci .kategorieproduktu .item {
 margin: 5px 0 0 0; padding: 0; font-size: 16px; color: #000000;
}
.produkt .veci .kategorieproduktu .item a {
 color: #000000; text-decoration: none;
}
.produkt .veci .kategorieproduktu .item a:hover {
 text-decoration: underline;
}
.produkt .veci .kategorieproduktu .item small {
 font-family: tahoma;
}

.produkt .veci big.niejevpredaji {
 display: block; margin: 20px 0 0 0; font-size: 30px; color: #ff0000; text-align: center;
}
.produkt .veci ul.produktstav {
 margin: 0 0 30px 0; padding: 0; list-style: none; font-size: 0;
}
.produkt .veci ul.produktstav li {
 display: inline-block; line-height: 100%; margin: 0 8px 0 0; padding: 12px 14px; font-size: 13px; color: #ffffff; background: #3a977d;
}
.produkt .veci ul.produktstav li.vypredaj {
 background: #ccc168;
}
.produkt .veci ul.produktstav li.akcia {
 background: #cc5555;
}

.produkt .veci .veci2 .popis {
 margin-bottom: 30px; font-size: 15px; line-height: 170%; text-align: justify;
}
.produkt .veci .veci2 .popis h2 {
 margin: 0; padding: 0; font-size: 15px; line-height: 170%;
}
.produkt .veci .veci2 .naobjednavku {
 margin-bottom: 30px; font-size: 16px; font-weight: 600; color: #3a977d;
}
.produkt .veci .veci2 .naobjednavku a {
 position: relative; clear: both; display: inline-block; margin: 15px 0 0 0; padding-left: 24px; color: #000000; font-size: 14px;
}
.produkt .veci .veci2 .naobjednavku a:before {
 position: absolute; top: 3px; left: 0;
 content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(../img/icons/email.svg); background-size: 16px 16px;
}

.produkt .oblubene {
 position: relative; display: block; height: 20px; line-height: 20px; margin: 10px 0 0 0; padding-left: 26px; text-align: left;
 background: url(../img/icons/oblubene.svg) no-repeat left center; background-size: 18px 18px; cursor: pointer;
}
.produkt .oblubene:hover {
 text-decoration: underline;
}
.produkt .oblubene.active {
 color: #fb3504; background: none;
}
.produkt .oblubene.active:before {
 content: ''; width: 18px; height: 18px; display: inline-block; position: absolute; left: 0; top: 1px;
 -webkit-mask: url(../img/icons/oblubene.svg) no-repeat left 50%; mask: url(../img/icons/oblubene.svg) no-repeat left 50%; background-color: #fb3504;
}

.produkt .veci .veci2 .popisParametre {
 margin-bottom: 25px;
}
.produkt .veci .veci2 .popisParametre .itemParameter {
 clear: both; margin-bottom: 8px;
}
.produkt .veci .veci2 .popisParametre .itemParameter span:first-child {
 float: left; display: block; width: 100px; padding-bottom: 8px; font-weight: 600; border-bottom: 1px solid #dedede;
}
.produkt .veci .veci2 .popisParametre .itemParameter span:last-child {
 display: block; margin-left: 115px; padding-bottom: 8px; border-bottom: 1px solid #dedede;
}

.produkt .veci .veci2 table.popisParametre2 {
 width: 100%; margin: 20px 0 0 0;
}
.produkt .veci .veci2 table.popisParametre2 tr td {
 padding: 12px; line-height: 160%;
}
.produkt .veci .veci2 table.popisParametre2 tr:nth-child(2n) td {
 background: #f6f6f6;
}
.produkt .veci .veci2 table.popisParametre2 tr td:first-child {
 font-weight: bold;
}

.produkt .prevedenia {
 margin: 20px 0 25px 0;
}
.produkt .prevedenia .nadpis {
 float: left; display: inline-block; height: 40px; line-height: 40px; margin: 0 10px 0 0;
}
.produkt .prevedenia ul {
 float: left; margin: 0; padding: 0; list-style: none;
}
.produkt .prevedenia ul li {
 position: relative; display: inline-block; margin: 0 3px 7px 0; padding: 0 5px; min-width: 40px; height: 40px; line-height: 40px; text-align: center;
 border: 1px solid #484848; cursor: pointer;
}
.produkt .prevedenia.farba ul li {
 border: 1px solid #eeeeee;
}
.produkt .prevedenia.farba ul li:after {
 content:''; position: absolute; width: 42px; height: 42px; border-bottom: 2px solid #ffffff;
 -webkit-transform: translateY(-21px) translateX(-21px) rotate(-45deg); left:0px;  top:-1px;
}
.produkt .prevedenia.farba ul li.jednaFarba:after {
 display: none;
}
.produkt .prevedenia ul li.active {
 color: #ffffff; background: #000000;
}
.produkt .prevedenia.farba ul li.active {
 border: 1px solid #0092de;
}

.produkt .prevedenieKOSIKall {
 display: none;
}
.produkt .prevedenieKOSIKall.block {
 display: block;
}

.produkt .stavzasoba {
 height: 20px; line-height: 20px; margin: 5px 0 30px 0; padding-left: 30px;
 background: url(../img/icons/box.svg) no-repeat left center; background-size: 18px 18px;
}
.produkt .stavzasoba .skladom {
 display: block;
}
.produkt .stavzasoba .niejeskladom {
 display: block; color: #ff0000;
}

.produkt .vyrobca {
 margin: 0 0 20px 0;
}

.produkt .veci .veci2 .dokosika {
 display: block; float: left; margin-bottom: 30px; margin-top: 8px; margin-right: 20px;
}
.produkt .veci .veci2 .dokosika span.dokosikap {
 float: left; display: inline-block; width: auto; height: 40px; line-height: 38px; margin-right: 12px; padding: 0;
}
.produkt .veci .veci2 .dokosika .dokosikainp {
 float: left; display: inline-block; height: 40px; line-height: 38px; padding: 0 0 0 0; border: 1px solid #dedede;
}
.produkt .veci .veci2 .dokosika .dokosikainp input[type=text] {
 float: left; width: 40px; height: 100%; margin-right: 5px; font-size: 16px; text-align: center; border: none;
}
.produkt .veci .veci2 .dokosika .dokosikainp .arrows {
 float: right; height: 40px; text-align: center;
}
.produkt .veci .veci2 .dokosika .dokosikainp span.plus {
 display: block; width: 15px; height: 8px; margin: 0 0 1px 0; padding: 9px 16px;
 background: url(../img/dokosikaIcon_up.png) no-repeat center 9px; cursor: pointer;
}
.produkt .veci .veci2 .dokosika .dokosikainp span.minus {
 display: block; width: 15px; height: 8px; margin: 1px 0; padding: 9px 16px;
 background: url(../img/dokosikaIcon_down.png) no-repeat center 3px; cursor: pointer;
}

.produkt .veci .veci2 .cena {
 float: left; display: block; margin-top: 8px; margin-bottom: 20px; font-size: 0;
}
.produkt .veci .veci2 .cena span.cenap {
 display: inline-block; width: auto; height: 40px; line-height: 38px; margin-right: 10px; padding: 0; font-size: 14px;
}
.produkt .veci .veci2 .cena span.cenas {
 display: inline-block; height: 40px; line-height: 38px; padding: 0 10px 0 10px; font-size: 16px; border: 1px solid #dedede;
}
.produkt .veci .veci2 .cena span.cenas em.cenyold {
 margin-left: 5px; font-size: 14px; text-decoration: line-through; font-style: normal;
}
.produkt .veci .veci2 .cena span.cenas.bezdph {
 display: inline-block; height: 40px; line-height: 38px; padding: 0 10px 0 10px; font-size: 14px; border: none;
}
.produkt .veci .veci2 .vkosikutext {
 display: block; float: left; height: 40px; line-height: 38px; margin-bottom: 20px; margin-left: 10px; padding: 0 10px;
 color: #515151; border: 1px solid #757575;
}
.produkt .veci .veci2 a.dokosikabutton {
 display: inline-block; margin: 0 0 0 30px; padding: 18px 30px; text-decoration: none; color: #ffffff; background: #61422c;
}
.produkt .veci .veci2 a.dokosikabutton:hover {
 background: #ff361b;
}

.produkt .popisText {
 margin-top: 30px; font-size: 16px; line-height: 150%;
}
.produkt .popisText p {
 margin: 0; padding: 0 0 25px 0;
}
.produkt .popisText p:last-child {
 padding: 0 0 0 0;
}
.produkt .popisText img {
 display: block; max-width: 98%; margin-left: 1%;
}
.produkt .popisText h2 {
 margin: 15px 0 15px 0;
}
.produkt .popisText h3 {
 margin: 0 0 10px 0;
}
.produkt .popisText table {
 margin: 0 0 20px 0; font-size: 16px; line-height: 150%;
}
.produkt .popisText ul {
 margin: 0 0 15px 0; padding: 0; list-style: square;
}
.produkt .popisText ul li {
 margin: 0 0 0 25px; padding: 0 0 0 0px;
}
.produkt .popisText table {
 width: 100%; margin: 20px 0 0 0;
}
.produkt .popisText table tr td {
 padding: 8px; line-height: 150%;
}
.produkt .popisText table tr:nth-child(2n) td {
 background: #f6f6f6;
}
.produkt .popisText table tr td:first-child {
 font-weight: bold;
}

.produkt .parametrePopis {
 clear: both; margin-top: 50px;
}
.produkt .parametrePopis h2 {
 margin-bottom: 20px;
}
.produkt .parametrePopis .item {
 clear: both; float: left; line-height: 160%; width: 49%; margin-bottom: 1.5%; padding: 20px; text-align: justify; background: #f6f6f6;
}
.produkt .parametrePopis .item:nth-child(2n+2) {
 clear: none; float: right;
}
.produkt .parametrePopis h3 {
 margin-bottom: 15px;
}
.produkt .parametrePopis h3:first-letter {
 text-transform: uppercase;
}
.produkt .parametrePopis a.parametrePopis:before {
 content: "\f0fe"; font-family: "Font Awesome 5 Free"; margin: 0 7px 0 3px; font-weight: 600;
}

.produkt .alternativneprodukty {
 margin-top: 50px; padding-top: 30px; border-top: 1px solid #dedede;
}
.produkt h3 {
 margin: 0 0 20px 0;
}


/*
.produkt .veci ul.produktstav li.akcia { background: #f60e0e; }
.produkt .veci ul.produktstav li.novinka { background: #1cde20; }
.produkt .veci ul.produktstav li.topkat { background: #1fabec; }
.produkt .veci ul.produktstav li.vypredaj { background: #ecd221; }
.produkt .veci ul.produktstav li.doporucujeme { background: #3bc590; }
*/

/*
.produkt { width: 100%; min-height: 600px; }
.produkt .obrazky {
 float: left; width: 49%;
}
.produkt .obrazky .hlavny {}
.produkt .obrazky .hlavny img {
 width: 96%; padding: 2%; border: 1px solid #b0b0b0;
}
.produkt .obrazky .ostatne {
 margin-top: 8px;
}
.produkt .obrazky .ostatne img {
 width: 18%; margin: 0 1% 0 0; padding: 1%; border: 1px solid #c3c3c3;
}

.produkt .veci {
 float: right; width: 49%;
}
.produkt .veci big.niejevpredaji {
 display: block; margin: 20px 0 0 0; font-size: 30px; color: #ff0000; text-align: center;
}
.produkt .veci ul.produktstav {
 margin: 0 0 7px 0; padding: 0; list-style: none;
}
.produkt .veci ul.produktstav li {
 display: inline-block; margin: 0 5px 0 0; padding: 7px 12px; color: #ffffff
}
.produkt .veci ul.produktstav li.akcia { background: #f60e0e; }
.produkt .veci ul.produktstav li.novinka { background: #1cde20; }
.produkt .veci ul.produktstav li.topkat { background: #1fabec; }
.produkt .veci ul.produktstav li.vypredaj { background: #ecd221; }
.produkt .veci ul.produktstav li.doporucujeme { background: #3bc590; }

.produkt .veci2 {
 display: block; width: 100%; text-align: center; background: #ececec;
}
.produkt .veci2 .cena {
 display: block; margin: 0 auto; padding-top: 25px; font-size: 30px; font-weight: bold; color: #0a1922;
}
.produkt .veci2 .cenyold {
 margin: 20px 0 0 0;
}
.produkt .veci2 .cenyold big {
 font-size: 18px; text-decoration: line-through;
}
.produkt .veci2 .cenyold small {
 color: #cc0000; font-size: 15px;
}
.produkt .veci2 .akazlava {
 display: block; margin: 4px 0 0 0; color: #000000; font-weight: bold;
}
.produkt .veci2 hr {
 margin: 0 auto; width: 96%; height: 1px; margin-top: 25px; margin-bottom: 25px; background: #bdbdbd; border: none;
 border-bottom: 1px solid #ffffff;
}
.produkt .veci2 .pocty {
 margin: 0 0 15px 0; text-align: center; display: inline-block;
}
.produkt .veci2 .pocty a.minus {
 float: left; width: 26px; height: 26px; background: url(../img/dokosikaminus.png) no-repeat;
}
.produkt .veci2 .pocty a.plus {
 float: left; width: 26px; height: 26px; background: url(../img/dokosikaplus.png) no-repeat;
}
.produkt .veci2 .pocty input[type=text] {
 float: left; width: 35px; height: 22px; margin: 0 4px; font-size: 15px; text-align: center; border: 1px solid #717171;
}
.produkt .veci2 .vkosikutext {
 display: block; width: 120px; margin: 0 auto; padding: 4px 10px; font-size: 14px; color: #ffffff;
 background: #000000; opacity: 0.8;
}
.produkt .veci2 a.dokosika {
 display: block; margin: 15px 0 0 0;
}
.produkt .veci2 a.dokosika .dokosika1 {
 float: left; width: 75%; height: 60px; font-size: 18px; line-height: 60px; color: #ffffff; background: #245e7f;
 -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
}
.produkt .veci2 a.dokosika .dokosika2 {
 float: left; display: block; width: 25%; height: 60px;
 background: #173c51 url(../img/basketICON_36x30.png) no-repeat center center;
 -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
}
.produkt .veci2 a.dokosika:hover .dokosika1 {
 background: #232323;
}
.produkt .veci2 a.dokosika:hover .dokosika2 {
 background: #000000 url(../img/basketICON_36x30.png) no-repeat center center;
}
*/


.sablona {
}
.sablona .subkat {
}
.sablona .subkat .item {
 float: left; position: relative; width: 49%; height: 250px; margin-bottom: 2%; background-repeat: no-repeat; background-position: center center; background-size: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; overflow: hidden;
}
.sablona .subkat .item:nth-child(1) { background-image: url(../img/sablony/vianoce/gift_bg3.jpg); }
.sablona .subkat .item:nth-child(2) { background-image: url(../img/sablony/vianoce/gift_bg4.jpg); }
.sablona .subkat .item:nth-child(3) { background-image: url(../img/sablony/vianoce/gift_bg5.jpg); }
.sablona .subkat .item:nth-child(4) { background-image: url(../img/sablony/vianoce/gift_bg2.jpg); }
.sablona .subkat .item:nth-child(5) { background-image: url(../img/sablony/vianoce/gift_bg1.jpg); }
.sablona .subkat .item:nth-child(6) { background-image: url(../img/sablony/vianoce/gift_bg6.jpg); }
.sablona .subkat .item:hover {
 transform: scale(1.05); -webkit-transform: scale(1.05);
}
.sablona .subkat .item:before {
 content: ''; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
}
.sablona .subkat .item:nth-child(1):before { background: rgba(0,0,0, 0.1); }
.sablona .subkat .item:nth-child(2):before { background: rgba(0,0,0, 0.2); }
.sablona .subkat .item:nth-child(3):before { background: rgba(0,0,0, 0.2); }
.sablona .subkat .item:nth-child(4):before { background: rgba(0,0,0, 0.3); }
.sablona .subkat .item:nth-child(5):before { background: rgba(0,0,0, 0.4); }

.sablona .subkat .item:nth-child(4):after {
 content: ''; position: absolute; z-index: 3; bottom: 70px; right: 140px; width: 110px; height: 110px;
 background-image: url(../img/sablony/vianoce/doprava_zadarmo.png); background-size: contain; background-repeat: no-repeat; background-position: center center;
}
.sablona .subkat .item:nth-child(5):after {
 content: ''; position: absolute; z-index: 3; bottom: 68px; right: 70px; width: 130px; height: 130px;
 background-image: url(../img/sablony/vianoce/akcia.png); background-size: contain; background-repeat: no-repeat; background-position: center center;
}

.sablona .subkat .item a {
 display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
}
.sablona .subkat .item:nth-child(2n+2) {
 float: right;
}
.sablona .subkat .item h2 {
 position: absolute; z-index: 2; top: 20px; left: 20px; margin: 0; padding: 0 20px 0 0; font-size: 28px; color: #ffffff;
}
.sablona .subkat .item span {
 position: absolute; z-index: 3; right: 20px; bottom: 20px; height: 44px; line-height: 44px; padding: 0 20px; color: #ffffff; font-size: 15px; font-weight: bold; background: #d11333; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}
.sablona .subkat .item:hover span {
 text-decoration: none; color: #d11333; background: #ffffff;
}

@media screen and (max-width: 1260px) {
 .sablona .subkat .item { height: 220px; }

 .sablona .subkat .item:nth-child(4):after { bottom: 20px; left: 20px; width: 70px; height: 70px; background-image: url(../img/sablony/vianoce/doprava_zadarmo.png);
}
.sablona .subkat .item:nth-child(5):after { bottom: 0; left: 20px; width: 80px; height: 80px; background-image: url(../img/sablony/vianoce/akcia.png); }
}
@media screen and (max-width: 1020px) {
 .sablona .subkat .item h2 { font-size: 24px; }
}
@media screen and (max-width: 780px) {
 .sablona .subkat .item h2 { font-size: 24px; }
}
@media screen and (max-width: 600px) {
 .sablona .subkat .item { width: 100%; }
 .sablona .subkat .item h2 { font-size: 28px; }
}


.produkt iframe {
	aspect-ratio: 16 / 9;
	height: 100%;
	width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: table;
}