.m-0{margin:0!important}.m-1{margin:.25em!important}.m-2{margin:.5em!important}.m-3{margin:1em!important}.m-4{margin:1.5em!important}.m-5{margin:3em!important}.m-6{margin:4em!important}.m-7{margin:5em!important}.m-8{margin:6em!important}.m-9{margin:7em!important}.m-10{margin:8em!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25em!important;margin-right:.25em!important}.mx-2{margin-left:.5em!important;margin-right:.5em!important}.mx-3{margin-left:1em!important;margin-right:1em!important}.mx-4{margin-left:1.5em!important;margin-right:1.5em!important}.mx-5{margin-left:3em!important;margin-right:3em!important}.mx-6{margin-left:4em!important;margin-right:4em!important}.mx-7{margin-left:5em!important;margin-right:5em!important}.mx-8{margin-left:6em!important;margin-right:6em!important}.mx-9{margin-left:7em!important;margin-right:7em!important}.mx-10{margin-left:8em!important;margin-right:8em!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25em!important;margin-bottom:.25em!important}.my-2{margin-top:.5em!important;margin-bottom:.5em!important}.my-3{margin-top:1em!important;margin-bottom:1em!important}.my-4{margin-top:1.5em!important;margin-bottom:1.5em!important}.my-5{margin-top:3em!important;margin-bottom:3em!important}.my-6{margin-top:4em!important;margin-bottom:4em!important}.my-7{margin-top:5em!important;margin-bottom:5em!important}.my-8{margin-top:6em!important;margin-bottom:6em!important}.my-9{margin-top:7em!important;margin-bottom:7em!important}.my-10{margin-top:8em!important;margin-bottom:8em!important}.mt-auto{margin-top:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25em!important}.mt-2{margin-top:.5em!important}.mt-3{margin-top:1em!important}.mt-4{margin-top:1.5em!important}.mt-5{margin-top:3em!important}.mt-6{margin-top:4em!important}.mt-7{margin-top:5em!important}.mt-8{margin-top:6em!important}.mt-9{margin-top:7em!important}.mt-10{margin-top:8em!important}.mr-auto{margin-right:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25em!important}.mr-2{margin-right:.5em!important}.mr-3{margin-right:1em!important}.mr-4{margin-right:1.5em!important}.mr-5{margin-right:3em!important}.mr-6{margin-right:4em!important}.mr-7{margin-right:5em!important}.mr-8{margin-right:6em!important}.mr-9{margin-right:7em!important}.mr-10{margin-right:8em!important}.mb-auto{margin-bottom:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25em!important}.mb-2{margin-bottom:.5em!important}.mb-3{margin-bottom:1em!important}.mb-4{margin-bottom:1.5em!important}.mb-5{margin-bottom:3em!important}.mb-6{margin-bottom:4em!important}.mb-7{margin-bottom:5em!important}.mb-8{margin-bottom:6em!important}.mb-9{margin-bottom:7em!important}.mb-10{margin-bottom:8em!important}.ml-auto{margin-left:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25em!important}.ml-2{margin-left:.5em!important}.ml-3{margin-left:1em!important}.ml-4{margin-left:1.5em!important}.ml-5{margin-left:3em!important}.ml-6{margin-left:4em!important}.ml-7{margin-left:5em!important}.ml-8{margin-left:6em!important}.ml-9{margin-left:7em!important}.ml-10{margin-left:8em!important}.p-0{padding:0!important}.p-1{padding:.25em!important}.p-2{padding:.5em!important}.p-3{padding:1em!important}.p-4{padding:1.5em!important}.p-5{padding:3em!important}.p-6{padding:4em!important}.p-7{padding:5em!important}.p-8{padding:6em!important}.p-9{padding:7em!important}.p-10{padding:8em!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25em!important;padding-right:.25em!important}.px-2{padding-left:.5em!important;padding-right:.5em!important}.px-3{padding-left:1em!important;padding-right:1em!important}.px-4{padding-left:1.5em!important;padding-right:1.5em!important}.px-5{padding-left:3em!important;padding-right:3em!important}.px-6{padding-left:4em!important;padding-right:4em!important}.px-7{padding-left:5em!important;padding-right:5em!important}.px-8{padding-left:6em!important;padding-right:6em!important}.px-9{padding-left:7em!important;padding-right:7em!important}.px-10{padding-left:8em!important;padding-right:8em!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25em!important;padding-bottom:.25em!important}.py-2{padding-top:.5em!important;padding-bottom:.5em!important}.py-3{padding-top:1em!important;padding-bottom:1em!important}.py-4{padding-top:1.5em!important;padding-bottom:1.5em!important}.py-5{padding-top:3em!important;padding-bottom:3em!important}.py-6{padding-top:4em!important;padding-bottom:4em!important}.py-7{padding-top:5em!important;padding-bottom:5em!important}.py-8{padding-top:6em!important;padding-bottom:6em!important}.py-9{padding-top:7em!important;padding-bottom:7em!important}.py-10{padding-top:8em!important;padding-bottom:8em!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25em!important}.pt-2{padding-top:.5em!important}.pt-3{padding-top:1em!important}.pt-4{padding-top:1.5em!important}.pt-5{padding-top:3em!important}.pt-6{padding-top:4em!important}.pt-7{padding-top:5em!important}.pt-8{padding-top:6em!important}.pt-9{padding-top:7em!important}.pt-10{padding-top:8em!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25em!important}.pr-2{padding-right:.5em!important}.pr-3{padding-right:1em!important}.pr-4{padding-right:1.5em!important}.pr-5{padding-right:3em!important}.pr-6{padding-right:4em!important}.pr-7{padding-right:5em!important}.pr-8{padding-right:6em!important}.pr-9{padding-right:7em!important}.pr-10{padding-right:8em!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25em!important}.pb-2{padding-bottom:.5em!important}.pb-3{padding-bottom:1em!important}.pb-4{padding-bottom:1.5em!important}.pb-5{padding-bottom:3em!important}.pb-6{padding-bottom:4em!important}.pb-7{padding-bottom:5em!important}.pb-8{padding-bottom:6em!important}.pb-9{padding-bottom:7em!important}.pb-10{padding-bottom:8em!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25em!important}.pl-2{padding-left:.5em!important}.pl-3{padding-left:1em!important}.pl-4{padding-left:1.5em!important}.pl-5{padding-left:3em!important}.pl-6{padding-left:4em!important}.pl-7{padding-left:5em!important}.pl-8{padding-left:6em!important}.pl-9{padding-left:7em!important}.pl-10{padding-left:8em!important} .d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-inline-grid{display:inline-grid} html{height: auto;min-height:100%;font-size: 100%;} @font-face { font-family: 'Avenir Next LT Pro Regular'; font-style: normal; font-weight: normal; src: url('../font/AvenirNextLTPro-Regular.woff') format('woff'); } @font-face { font-family: 'Avenir Next LT Pro Regular'; font-style: normal; font-weight: bold; src: url('../font/AvenirNextLTPro-BoldCn.woff') format('woff'); } @font-face { font-family: 'Avenir Next LT Pro Regular'; font-weight: 100; src: url('../font/AvenirNextLTPro-Cn.woff') format('woff'); } @font-face { font-family: 'Avenir Next LT Pro Regular'; font-style: italic; font-weight: 100; src: url('../font/AvenirNextLTPro-CnIt.woff') format('woff'); } @font-face { font-family: 'Avenir Next LT Pro Regular'; font-style: normal; font-weight: 200; src: url('../font/AvenirNextLTPro-MediumCn.woff') format('woff'); } /*font-family: 'Avenir Next LT Pro Regular';*/ body{ width:100%; height: auto; min-height:100%; margin:0; padding:0; font-weight:normal; color:#000; font-size: 1em; }/*height:100%;*/ /*upravy*/ #ContainerC{} #topBanner,#bottom,#contentC.HP #content,#ContainerC.reguser #content,.vop,.pp,#topBanner.fixed .MFmob,.Bvyhledavani #content,.PageTx{width:100%;max-width:1600px;margin:0 auto;} .Bvyhledavani #content{padding: 20px 45px 0 67px;box-sizing: border-box;} #bottom{max-width: 1420px;} .contentC{text-align:left;padding: 10px 0 30px;} .content{max-width:900px;width:100%;margin:0 auto;} .contentC:after,#topBanner:after,#bottom:after,.content:after{content:"";display:block;clear:both;} #topNavig li:before,.box6 li:before,ul.hl_tri li:before,#bottom li:before,#slideShow ol.bjqs-markers li:before,#slideShow ul.slides li:before,#box15 li:before, .box1 li:before,.box2 li:before {display:none;} .PageTx{max-width: calc(1600px + (0.75em*2)) !important;width: 90% !important;padding:0 0.75em;box-sizing:border-box;} @media only screen and (max-width: 1300px) { .PageTx{width: 100% !important;max-width: calc(1100px + (0.75rem*2)) !important;padding:0 0.75rem;} } .PageTx #content{font-size: 16px;line-height: 1.6em;padding-bottom:1.6em} #body2.noborder #centerC{padding-bottom: 0;} .kalendarFrameSekce{position:relative;} .kalendarFrameObal{width: calc(100vw - 2em);margin: 0;margin-left: calc(-1*((100vw - 2em) - 100%)/2);} .macos .kalendarFrameObal{width: calc(100vw - 4em);margin-left: calc(-1*((100vw - 4em) - 100%)/2);} .kalendarFrame{border:0;width:100%;height:580px;height:830px;} img.centruj{margin:0 auto !important;} #contentC table.respo,#contentC table.respo > tbody,#contentC table.respo > tbody > tr,#contentC table.respo > tbody > tr > th,#contentC table.respo > tbody > tr > td{width:100% !important;display:block;padding:0;} #contentC table.respo > tbody > tr {--grid-layout-gap: 1em;--grid-column-count: 3;--grid-item--min-width: 250px;display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));gap: var(--grid-layout-gap);} #contentC table.respo.rozdel2 tr{--grid-column-count: 2;} #contentC table.respo.rozdel3 tr{--grid-column-count: 3;} #contentC table.respo.rozdel4 tr{--grid-column-count: 4;} #contentC table.respo.rozdel5 tr{--grid-column-count: 5;} #contentC table.respo.rozdel6 tr{--grid-column-count: 6;} #Container{display: grid;grid-template-columns: 100%;grid-template-rows: auto auto 1fr auto;} #Container .RuzoveInfo{grid-column:1/2;grid-row:1/2;} #Container #topBannerT{grid-column:1/2;grid-row:2/3;} #Container #centerC{grid-column:1/2;grid-row:3/4;} #Container #bottomC{grid-column:1/2;grid-row:4/5;} /*tlacitkaNew*/ a.tlacitko,.tlacitko,a.tlacitkoHover,.tlacitkoHover {text-decoration: none;display: inline-block;font-size: 1.025em;line-height: 1em;text-decoration: none;color: #fff;background: #f42c79;padding: .75em 2.5em;border-radius: 6px;border: 1px solid #f42c79;} a.tlacitko:hover,.tlacitko:hover{text-decoration: none;background: #000;border-color: #000;} a.tlacitkoBlack,.tlacitkoBlack{background: #000;border-color: #000;} a.tlacitkoBlack:hover,.tlacitkoBlack:hover{background: #f42c79;border-color: #f42c79;} /*obal*/ #writeusform,#leftC,#rightColumnC ,#prepni {display:none;} /*--CESTA--*/ #actPathC{font-size: 16px;line-height: 1.4em;padding: 1.5em 0 0.5em;} #actPathC *,#actPathC *::after,#actPathC *::before{box-sizing: border-box;} #actPath{width: 90%;max-width: calc(1600px + (0.75em*2));padding: 0 0.75em;margin: 0 auto;display: flex; gap: 0.75em 1.75em;align-items: center;min-height: 30px;} #actualPathInnerC{} .actPath{} .actPath #menu_4{} .actPath #menu_4::before{content: '';display: inline-block;width: 18px;height: 18px;background-image: url('/images/iko21/home-b.svg');background-repeat: no-repeat;background-size: contain;vertical-align: middle;margin: -4px 0 0 0;} .actPath #menu_4 span{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);border: 0;background: #000;color: #fff;} #actualPathInner{font-size:1em;} #actualPathInner h1{color:inherit;font-size: 1em;font-weight: normal;padding: 0;margin: 0;display: inline-block;} #actualPathInner a{color:inherit;text-decoration: none;} #actualPathInner a:hover{text-decoration: underline;} @media only screen and (max-width: 1300px) { #actPath{width: 100%;max-width: calc(1100px + (0.75rem*2));} } /*swipe podstranky*/ .swiper-podstranky{margin: 0;} .swiper-podstranky ul{margin: 0;padding: 0;list-style: none;} .swiper-podstranky li{margin: 0;padding: 0;list-style: none;} .swiper-podstranky li::before{display: none;} .swiper-podstranky li a{text-decoration: none;} .swiper-podstranky li a:hover{text-decoration: none;} @media only screen and (min-width: 671px) { .swiper-podstranky > ul{display: flex;justify-content: flex-start;align-items: stretch;gap: 0.75em;flex-wrap: wrap;} .swiper-podstranky > ul > li{position: relative;} .swiper-podstranky > ul > li > a{color: #6a6468;background: #f5f9fa;padding: 0.4em 0.75em;display: inline-block;border-radius: 6px;} .swiper-podstranky > ul > li:hover > a,.swiper-podstranky > ul > li > a:hover,.swiper-podstranky > ul > li.active > a{background: #000;color: #fff;} .swiper-podstranky > ul > li:not(:hover) > ul{display: none;} .swiper-podstranky > ul > li > ul{position: absolute;z-index: 5;top: 100%;left: 0;min-width: 100%;display: flex;flex-direction: column;background: #fff;padding: 0.35em 0 0.2em;box-shadow: 0 6px 4px -6px #aaa;} .swiper-podstranky > ul > li > ul > li{padding: 0.1em 0;} .swiper-podstranky > ul > li > ul > li > a{white-space: nowrap;word-wrap: break-word;display: block;padding: 0.2em 0.5em;color: #000;border-radius: 8px;} .swiper-podstranky > ul > li > ul > li > a:hover,.swiper-podstranky > ul > li > ul > li.active > a{background: #000;color: #fff;} .swiper-podstranky > ul > li.mobilLI{display: none !important;} } @media only screen and (max-width: 670px) { #actPath{flex-direction: column;align-items: flex-start;} .actPath {display: flex;flex-wrap: wrap;align-items: center;gap: 5px 5px;} .swiperSection{width: 100%;} .swiperSection{width: 100%;background: #000;border-radius: 6px;padding: 0.5em;display: flex;gap: 0.5em;} .swiperSection::before{content: attr(data-mobTitle)':';color: #fff;align-self: center;} .swiper-podstranky::after{content: '';position: absolute;top: 0;right: 0.5em;bottom: 0;margin: auto 0;z-index: 4;} .swiper-podstranky::after{display: block;width: 0;height: 0;border-style: solid;border-width: 10px 5px 0 5px;border-color: #f42c79 transparent transparent transparent;} .swiper-podstranky{width: 100%;position: relative;min-height: calc((0.5em*2) + 1.4em);} .swiper-podstranky > ul{background: #fff;border-radius: 6px;border: 1px solid #000;width: 100%;position: absolute;left: 0;top: 0;z-index: 3;overflow: hidden;} .swiper-podstranky ul li{width: 100%;} .swiper-podstranky ul li a{color: #555;padding: 0.5em;width: 100%;display: block;} .swiperSection:not(.swiperOpen) .swiper-podstranky > ul{bottom: 0;} .swiperSection:not(.swiperOpen) .swiper-podstranky > ul > li{padding-right: 1.5em;} .swiperSection:not(.swiperOpen,.jeActiv) .swiper-podstranky > ul li a{display: none;} .swiperSection.jeActiv:not(.swiperOpen) .swiper-podstranky ul li:not(.active) > a, .swiperSection.jeActiv:not(.swiperOpen) .swiper-podstranky ul li.active:has( li.active) > a {display: none;} .swiperSection:not(.swiperOpen) .swiper-podstranky > ul li a{pointer-events: none;} .swiperSection.swiperOpen .swiper-podstranky::after {border-width: 0 5px 10px 5px;border-color: transparent transparent #f42c79 transparent;} .swiperSection.swiperOpen .swiper-podstranky li a, .swiperSection.swiperOpen .swiper-podstranky li a{background: #000;color: #fff;} .swiperSection.swiperOpen .swiper-podstranky > ul > li > a{font-weight: bold;} .swiperSection.swiperOpen .swiper-podstranky ul li:not(.active) > a:not(:hover), .swiperSection.swiperOpen .swiper-podstranky ul li.active:has( li.active) > a:not(:hover) {color: #555;background: #fff;} .swiperSection.swiperOpen .swiper-podstranky > ul{display: flex;flex-direction: column;} .swiperSection.swiperOpen .swiper-podstranky > ul:before{content: '';width: 100%;height: calc((0.5em*2) + 1.4em);} .swiperSection.swiperOpen .swiper-podstranky > ul > li > ul > li > a{padding-left: 1.5em;} } /* @media only screen and (min-width: 451px) { .swiper-podstranky > ul > li > ul{left: -0.75em;min-width: calc(100% + 0.75em);padding-left: 0.75em;padding-right: 0.75em;} .swiper-podstranky > ul > li > ul > li{padding: 0.4em 0;} .swiper-podstranky > ul > li > ul > li:not(:last-child){border-bottom: 1px solid #E0E0E0;} .swiper-podstranky > ul > li > ul > li > a{padding: 0.4em 0.65em;} .swiper-podstranky{display: none;} #actPath .swiper-podstranky{display: block;} } @media only screen and (max-width: 450px) { .actPath {display: flex;flex-wrap: wrap;align-items: center;gap: 5px 5px;} .swiper-podstranky > ul > li.active:has( > ul){grid-column: 1/-1;} .swiper-podstranky > ul > li.active > ul{position: static;z-index: 2;width: calc(100vw - (0.75em*2));display: grid !important;grid-template-columns: repeat(auto-fill,minmax(110px,1fr));background: #ebeff0;box-shadow: none;gap: 0 0.25em;} .podSebe .swiper-podstranky{width: 100%;} #actPath:not(.wsNO) .swiper-podstranky > ul{justify-content: stretch;display: grid;grid-template-columns: repeat(auto-fill,minmax(130px,1fr));} #actPath:not(.wsNO) .swiper-podstranky > ul > li > a{display: block;} } */ /* .wsNO .actPath,.wsNO .swiper-podstranky > ul > li > a{white-space: nowrap;} */ /* #actPath.podSebe{flex-direction: column;align-items: flex-start;} */ .RuzoveInfo{width: 100%;margin: 0 auto;color: #fff;text-align: center;padding: 5px calc(20px + 0.5em);background: #000;box-sizing: border-box;font-size: 1.25rem !important;line-height: 1.88rem !important;font-weight: 300;font-family:'Poppins', sans-serif;position: relative;} .RuzoveInfo *{padding:0;margin:0;} .RuzoveInfo a{color:#fff;text-decoration:underline;}.RuzoveInfo a:hover{color:#fff;text-decoration:none;} .RuzoveInfo button.ri-zavri{border: 0;background: transparent;color: #fff;font-size: 20px;line-height: 1em;font-weight: 300;cursor: pointer;position: absolute;top: 50%;right: 0.5em;transform: translate(0,-50%);} .RuzoveInfo button.ri-zavri:hover{color: #f42c79;} #topBanner,#bottomC,#contentC.HP,#content.superbody,#box15{}/*font-family: 'Poppins', sans-serif;*/ #topBanner{padding:20px 45px 20px 67px;position:relative;box-sizing: border-box;} .NewD25 #topBanner{padding: 20px 0.75em;} .NewD25 #topBanner.fixed .MFmob{padding: 9px 0.75em;} .NewD25 #topBanner,.NewD25 #topBanner.fixed .MFmob{max-width: calc(1600px + (0.75em*2)) !important;width: 90%;} @media only screen and (max-width: 1300px) { .NewD25 #topBanner,.NewD25 #topBanner.fixed .MFmob{width: 100%;max-width: calc(1100px + (0.75rem*2)) !important;} } #topBannerT{border-bottom:1px solid #e8e8e8;box-sizing: border-box;min-height: 77px;} .MFmob{display: grid;grid-template-columns: repeat(2,auto) 1fr auto;} .MFmob #logoC{grid-column: 2;grid-row: 1/2;display: flex;width: auto;align-self: center;} .MFmob #logo2{grid-column: 1;grid-row: 1/2;align-self: center;} .MFmob #logoC-SC{grid-column: 1/3;grid-row: 1/2;align-self: center;} .MFmob #searchBlockC{grid-column: 4;grid-row: 1/2;padding: 0 1.5em 0 0;box-sizing: border-box;position: relative;align-self: center;} .MFmob .uzi{grid-column: 5;grid-row: 1/2;display: flex;justify-content: center;align-items: flex-start;padding: 0;box-sizing: border-box;align-self: center;align-items:center} .MFmob #topNavigC{grid-column: 3;grid-row: 1/2;justify-self: center;align-self: center;} .MFmob #hidenavig{grid-column: 6;grid-row: 1/2;} #logoC,#logoC a{width:139px;height:36px;display:block;} #logoC a{background:url(/images/iko21/cvicte.svg) no-repeat;background-size: contain;} #logoC h1{padding: 0;margin: 0;} #logoC:before{content: "";background: url(/images/iko21/poznali-ste-ako.svg) no-repeat;display: block;width: 102px;height: 15px;margin: 12px 11px 0 25px;} #logoC a{padding:0;margin:-2px 0 0;} #logoC span,#logoC-SC span{position: absolute; left: -10000px; border: 0px;} #logo2,#logoC-SC,#logo2 a,#logoC-SC a{width:215px;height:35px;display:block;} #logo2,#logoC-SC{background:url(/images/iko21/logo.svg) no-repeat;background-size: contain;} #logo2 a,#logoC-SC a{padding:0;margin:0;} #searchBlockC{font-size: 16px;} #searchBlockC .lupaH{background:url(/images/iko21/lupa.svg) no-repeat;background-size: contain;width: 20px;height: 20px;cursor: pointer;} .NewD25 #searchBlockC .lupaH{background-image:url('/images/iko21/lupa-b.svg');} #searchBlockC form{display: none;} #searchBlockC.Hledam form{display: block;} #searchBlockC form div{padding: 5px 10px;border: 1px solid #e7e7e7;border-radius: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;top: -13px;right: 100%;width: 420px;z-index: 5;background: #fff;margin: 0 20px 0 0;} .NewD25 #searchBlockC form div{border-color: #000;} #searchBlockC #searchText{border: 0;background: transparent;padding: 0;margin: 0 0 0 25px;width: 85%;height:auto;font-size:1.05em !important;height: 34px;} #searchBlockC #doSearch{background: transparent;padding: 0 0;display: inline-block;vertical-align: middle;margin: 0 0 0 13px;} .Bvyhledavani #searchBlocC input{border: 1px solid #e7e7e7;border-radius: 6px;padding: 4px 8px;} .Bvyhledavani #searchBlocC input:focus,.Bvyhledavani #searchBlocC input:hover{border: 1px solid #000;} .Bvyhledavani input#doSearchx{border: 0;padding: 0;background: url(/images/iko21/lupa.svg) no-repeat;font-size: 0;width: 20px;height: 20px;margin: 0 5px 7px;} .Bvyhledavani input#doSearchx:focus,.Bvyhledavani input#doSearchx:hover{border: 0;} .Bvyhledavani .hledame{display: grid;grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));row-gap: 2.5em;column-gap: 1.5em;margin: 1.75em 0 1.25em;} .Bvyhledavani .hledames{box-shadow: 0px 1px 9px rgba(0,0,0,0.5);padding: 16px 8px;box-sizing: border-box;border-radius: 6px;} .Bvyhledavani .hledames .anotH3{margin: 0 0 7px 0;padding: 0;font-size: 1.3rem;line-height: 1.3rem;} /*.Bvyhledavani .hledames .anotH3 a{font-size: 1.3rem;padding: 0 0 0 5px}*/ .Bvyhledavani .hledames .anot{line-height: 1em;} .Bvyhledavani .hledame .magazinContent{grid-column:1/-1;} .uzi{letter-spacing: 1px;} .uzi .user_bar a,.uzi .user_bar span{color:#000;text-decoration:none;padding-left:14px;display:block;box-sizing:border-box;cursor:pointer;} .uzi .user_bar a:hover,.uzi .user_bar li:hover a,.uzi .user_bar span:hover,.uzi .user_bar li:hover span{font-weight: bold;} .uzi .user_bar a:after,.uzi .user_bar span:after{display:block;content:attr(title);font-weight:bold;height:1px;color:transparent;overflow:hidden;visibility:hidden;margin-bottom:-1px;} .uzi .user_bar span:after{content:attr(data-title);} .uzi .user_bar{margin: 0 0 0 7px;padding: 0;text-transform: uppercase;display: flex;} .uzi .user_bar li{display:inline-block;position:relative;} .uzi .user_bar .profil-jmeno{display:none;} .uzi .user_bar li:before{display:none;} @media only screen and (min-width: 1121px) { .neprihlasen .NewD25 .uzi .user_bar .login{padding: 4px 20px;color: #fff;background: #000;border: 1px solid #000;border-radius: 6px;text-transform: none;text-align: center;} .neprihlasen .NewD25 .uzi .user_bar li:hover .login{font-weight: normal;} .neprihlasen .NewD25 .uzi .user_bar li .login:hover{font-weight: normal;background: #f42c79;border-color: #f42c79;} } @media only screen and (max-width: 1350px) { .neprihlasen .NewD25 .uzi .user_bar{padding: 0;} } @media only screen and (max-width: 1120px) { .NewD25 .uzi .login{background-image: url('/images/iko21/uzivatel-b.svg');} } .uzi ul.user_bar li .profil,.uzi ul.user_bar li .MobPro{display:none;} .uzi ul.user_bar li:after{content:"";display:block;height:100%;width:100%;position:absolute;top:100%;} .uzi ul.user_bar ul{display:none;}.uzi ul.user_bar li:hover ul,.uzi ul.user_bar li.schov ul,.uzi ul.user_bar li.schov:hover ul{display:block;} .uzi ul.user_bar ul{position:absolute;margin: 18px 0 0 14px;padding: 12px 20px;border-top:5px solid #000;box-shadow:0px 20px 30px rgba(0, 0, 0, 0.1);background: #fff;z-index:899;right:0;top:100%;} .uzi ul.user_bar ul li{border-bottom: 1px solid #E0E0E0;width: 100%;margin-bottom: 11px;padding-bottom: 11px;} .uzi ul.user_bar ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}.uzi ul.user_bar ul li:after{display:none;} .uzi ul.user_bar ul a{white-space: nowrap;display: flex;align-items: center;padding: 0 20px 0 0;} .uzi ul.user_bar ul li a::after{display: inline-block;content: '';width: 6px;height: 6px;border-right: 3px solid #666;border-bottom: 3px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: 0 0 0 auto;overflow: visible;visibility: visible;left: 15px;position: relative;} .uzi ul.user_bar li ul a span{padding:0;} .uzi ul.user_bar li:hover ul li a,.uzi ul.user_bar li:hover ul li a span{font-weight:normal;} .uzi ul.user_bar li ul li:hover > a,.uzi ul.user_bar li ul li:hover > a span{font-weight:bold;} .uzi ul.user_bar ul li:hover a::after{border-color: #F42C79;} @media only screen and (min-width: 1121px){ .uzi ul.user_bar li.schov ul{display:none;} } @media only screen and (max-width: 1120px){ .uzi ul.user_bar li .profil,.uzi ul.user_bar li .MobPro{display:block;} .uzi ul.user_bar li a.login{display:none;} .uzi ul.user_bar li a.login.prihlas{display:block;} } #topNavigC{} #topNavig{} #topNavig ul.nav1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start;margin:0;padding:0;} #topNavig .nav1 li a{height:auto;display:inline-block;padding:0 0 0 0;float:none;background-position:center !important;background-size:auto auto !important;text-decoration:none;color:#000;} #topNavig .nav1 li{padding:0 14px;margin:0 0 0 19px;cursor:pointer;float: none;display: inline-block;text-transform:uppercase;position:relative;box-sizing: border-box;display: flex;} #topNavig .nav1 li a:after{display:block;content:attr(title);font-weight:bold;height:1px;color:transparent;overflow:hidden;visibility:hidden;margin-bottom:-1px;} /*obrazky do ačka*/ #topNavig .nav1 li.li01{margin-left:0;} #topNavig .nav1 li.li01 a{background:url(/images/iko21/home.svg) no-repeat;padding: 0;width: 21px;} #topNavig .nav1 li:hover,#topNavig .nav1 li.active,#ContainerC.inReguser .user_bar li,#ContainerC.inReguser #topNavig .nav1 li.active:hover {font-weight: bold;} body.prihlasen_premium #topNavig .nav1 li.li02{display:none;} #ContainerC.inReguser #topNavig .nav1 li.active{font-weight: normal;} #topNavig ul.nav2{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index: 1010;background: #fff;padding: 11px 20px;min-width:150px;border-top: 5px solid #000;margin: -5px 0 0;box-shadow: 14px 14px 35px 0px rgba(0, 0, 0, 0.32);box-sizing: border-box;} #topNavig ul.nav1 li:hover ul.nav2{display:block;} #topNavig ul.nav1 ul.nav2 li{display: block;width: 100%;margin: 0;padding-left: 0;} #topNavig ul.nav1 ul.nav2 li:not(:last-child){border-bottom: 1px solid #E0E0E0;margin-bottom: 11px;padding-bottom: 11px;} #topNavig ul.nav1 ul.nav2 li a{white-space: nowrap;display: flex;align-items: center;font-weight: normal;width: 101%;} #topNavig ul.nav1 ul.nav2 li a::after{display: none;} #topNavig ul.nav1 ul.nav2 li a::before{order: 3;display: inline-block;content: '';width: 6px;height: 6px;border-right: 3px solid #666;border-bottom: 3px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: 0 0 0 auto;overflow: visible;visibility: visible;left: calc(16px/1.5);position: relative;} #topNavig ul.nav1 ul.nav2 li:hover a::before{border-color: #F42C79;} #topNavig ul.nav1 ul.nav2 li a,#topNavig ul.nav1 li:hover ul.nav2 li a{} #topNavig ul.nav1 ul.nav2 li:hover a{font-weight: 500;} #topNavig .nav1 li a,.MFmob .uzi{font-size: 1.25rem;line-height: 1.88rem;}/*font-size: 1.0625em;line-height: 1.594rem;*/ .NewD25 #topNavig .nav1 li{text-transform:none;} .NewD25 #topNavig .nav1 li.li01 a{background-image: url('/images/iko21/home-b.svg');} @media only screen and (max-width: 1280px){ #topNavig ul.nav1 ul.nav2 li{padding-right: 12px;} #topNavig ul.nav1 ul.nav2 li a::before{left: calc(12px/1.5);} } @media only screen and (max-width: 1120px){ #topNavig ul.nav1 li:hover ul.nav2,#topNavig ul.nav1 li ul.nav2{display: none;} } /*fixni_menu*/ /*#topBanner.fixed{height:150px;}*/ #topBanner.fixed .MFmob{position:fixed;top:0;left:0;right:0;z-index:400;padding-top: 9px;padding-bottom:9px;box-sizing:border-box;} #topBanner.fixed .MFmob:before{content: "";display: block;background: #fff;width: 100vw;height:100%;margin-left:calc(-1*(100vw - 100%)/2);position: absolute;top: 0;left: 0;right: 0;z-index: -1;box-shadow: 0 0 4px #acacac;} #topBanner.fixed.scrollUp .MFmob,#topBanner.fixed.scrollUp .MFmob:before{display:none;} #topBanner.fixed .uzi ul.user_bar ul{margin-top:9px;} #topBanner.fixed .uzi .SPtl {display: block !important;margin: 0 22px 0 0;float: left;} #topBanner.fixed .uzi .SPtl a {display:block;background-image: none;padding: 4px 20px;background: #f42c79;color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 6px;font-size: 1em;} #topBanner.fixed #topNavigC{} /*fixni_menu*/ #slideShow{margin: 0 auto;width: 100%;text-align:center;} #slideShow .imageGallery{} #slideShow ul.slides{list-style: none;padding:0;margin:0;overflow: hidden;position:relative;} #slideShow ul.slides li{display: none;position: absolute;} #slideShow ul.slides img{} #slideShow #leftMainText,#slideShow .leftMainText{display: none;} #slideShow #leftMainTextInner,#slideShow .leftMainTextInner{} #slideShow ul.bjqs-controls.v-centered{display: none;} #slideShow ul.bjqs-controls .bjqs-prev,#slideShow ul.bjqs-controls .bjqs-next{} #slideShow ul.bjqs-controls .bjqs-prev{} #slideShow ul.bjqs-controls .bjqs-next{} #slideShow ol.bjqs-markers.h-centered{margin: 0;padding: 0;position: absolute;bottom: 0;background: white;height: 35px;left: auto !important;display:inline-block;} #slideShow ol.bjqs-markers.h-centered:after,#slideShow ol.bjqs-markers.h-centered:before{content:"";width:49px;height:35px;display:block;position: absolute;} #slideShow ol.bjqs-markers.h-centered:before{background: url(/images/ramecek-l.png) no-repeat;left: -49px;} #slideShow ol.bjqs-markers.h-centered:after{background: url(/images/ramecek-p.png) no-repeat;right: -49px;} #slideShow ol.bjqs-markers li{margin:0 5px;line-height: 35px;float:left;list-style:none;font-weight:300;} #slideShow ol.bjqs-markers li a{font-size: 0;display: block;background-image: url(/images/sl-puntik.png);background-repeat: no-repeat;background-position:center;width: 22px;height: 22px;vertical-align: middle;display: inline-block;} #slideShow ol.bjqs-markers li.active-marker,#slideShow ol.bjqs-markers li:hover{} #slideShow ol.bjqs-markers li.active-marker a,#slideShow ol.bjqs-markers li:hover a{background-image: url(/images/sl-puntik-h.png);} /*prihlaseni-registrace-ucet*/ #ContainerC.reguser{} #ContainerC.reguser .profNic{margin:1.5rem 0 0.75rem;} #ContainerC.reguser .superbody.ND21 h3 #trainingCount{font-weight:inherit} #ContainerC.reguser #content{font-family: 'Poppins', sans-serif;--SirkaObsahu:4000px;max-width:var(--SirkaObsahu);} #ContainerC.reguser h3.odsadZleva{font-weight: 900;margin: 20px 0;text-align:center;} #ContainerC.reguser legend{padding: 0 0 30px;margin: 0 auto 30px;text-transform: uppercase;font-weight: bold;text-align: center;width: 65%;border-bottom: 1px solid #e8e8e8;} #ContainerC.reguser form table{width: 100%;max-width:640px;margin: 0 auto;} #ContainerC.reguser form table th,#ContainerC.reguser form table td{padding-left:0;padding:0;line-height:60px;font-weight:normal;} #ContainerC.reguser form input[type*="text"],#ContainerC.reguser form input[type*="password"] {border:1px solid #cccccc;color:#000;padding: 5px 25px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 432px;margin: 5px 25px;height: 50px;border-radius:6px;font-size: 1.3em;} #ContainerC.reguser form input[type*="text"]:focus,#ContainerC.reguser form input[type*="password"]:focus {border:1px solid #b7d690;background:#f7f9f4;outline:0;} form input[type*="password"]{padding-right:42px !important;} .ukaz-heslo{font-family: FontAwesome;margin: 0 0 0 -60px;color: #777;cursor: pointer;font-size: 1.4rem;padding: 3px;} .ukaz-heslo.fa-eye,.ukaz-heslo:hover{color: #111;} #ContainerC.reguser .superbody .content, #ContainerC.reguser ul.hl_tri.videoList{max-width:var(--SirkaObsahu);} .bezpecnost{text-align: center;font-size: 0.85em;margin: 0.4em 0;padding: 0 10px;box-sizing: border-box;} #ContainerC.reguser form .colorRed,#ContainerC.reguser form .inputSubmit,#ContainerC.reguser .superbody.ND21 .progress-container form td input[type="submit"],.stlac {border: 1px solid #f42c79;border-radius: 6px;background: #f42c79;color: #fff;padding: 18px 36px;font-size: 1.13rem;box-shadow: none;font-weight: 700 !important;text-transform: none;text-align: center;line-height: 1em;display:block; margin: 37px auto 14px;cursor:pointer;width: auto;min-width:165px;}/**/ #ContainerC.reguser .superbody.ND21 .progress-container form td input[type="submit"]{margin: 0 auto;} /*#ContainerC.reguser form .inputSubmit{padding:10px 20px;}*/ /*#ContainerC.reguser form .colorRed:hover,#ContainerC.reguser form .inputSubmit:hover{background:#fff;color:#000;}*/ #ContainerC.reguser form .obnova{text-align: center;} #ContainerC.reguser form .tlobnova{text-align:center;} #ContainerC.reguser form a.tlreg{ border:1px solid #dadada; color:#000; width: 150px; margin: 20px auto; display: block; text-align: center; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; border-radius: 6px; padding: 0 10px; font-size:1.13rem; background: rgb(255,255,255); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(255,255,255)), color-stop(100%, rgb(244,244,244))); background: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(244,244,244) 100%); background: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(244,244,244) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(244,244,244))); background: linear-gradient(to bottom, rgb(255,255,255) 0%, rgb(244,244,244) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 ); } #ContainerC.reguser form a.tlreg:hover{text-decoration:none;background:#f42c79;border-color:#f42c79;color:#fff;} /* background: rgb(244,244,244); background: -moz-linear-gradient(top, rgb(244,244,244) 0%, rgb(255,255,255) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(244,244,244)), color-stop(100%, rgb(255,255,255))); background: -webkit-linear-gradient(top, rgb(244,244,244) 0%, rgb(255,255,255) 100%); background: -o-linear-gradient(top, rgb(244,244,244) 0%, rgb(255,255,255) 100%); background: -ms-linear-gradient(top, rgb(244,244,244) 0%, rgb(255,255,255) 100%); background: linear-gradient(to bottom, rgb(244,244,244) 0%, rgb(255,255,255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 ); */ #ContainerC.reguser .formError .formErrorContent{line-height:normal;} /*-_-profil-_-*/ /*-_-profil hlaska-_-*/ .superbody.ND21 .HPU-obsah p{margin:0 !important;padding:0 !important;line-height: 1.2em !important;} .HlaskaProUziBlok{margin:3em 0;} .HlaskaProUzi{width:100%;max-width:1250px;margin:0 auto;box-sizing: border-box;display:grid;grid-template-columns:100%;grid-template-rows:100%;} .HPU-obsah{grid-column:1/-1;grid-row:1/-1;border:2px solid #f42c79;padding:2em;} .HPU-zavrit{grid-column:1/-1;grid-row:1/-1;justify-self:end;align-self:start;cursor: pointer;font-size: 1.75em;line-height: 0.6em;margin:0.25em 0.15em 0 0;} .HlaskaProUzi:not(:hover) .HPU-zavrit{display:none;} .HPU-obsah a{color:inherit;text-decoration: underline;font-weight:bold;} .HPU-obsah a:hover {text-decoration: none;} @media only screen and (max-width: 1280px) { .HlaskaProUzi{padding:0 2em;box-sizing:border-box;} } @media only screen and (max-width: 780px) { .HlaskaProUzi{padding:0 1.5em;} } /*-_-profil slider/baner-_-*/ .SliderProfilC *,.BanerProfilC *{box-sizing:border-box;} .SliderProfil .SPitems .SPi-prelepka .prelep,.BanerProfil .BPitem .BPi-prelepka .prelep{background:#f42c79;color: #fff;padding: 0.5em 1em;font-weight: 600;} .SliderProfil .SPitems .SPi-file img,.BanerProfil .BPitem .BPi-file img{object-fit: cover;max-width:100%;width: 100%;height: 100%;max-height: 100%;} .SliderProfil .SPitems .SPi-file iframe,.BanerProfil .BPitem .BPi-file iframe{border:0;max-width:100%;width: 100%;height: 100%;max-height: 100%;} .SliderProfilC .SliderProfil .SPitems .SPi-Obsah :not(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *),.BanerProfilC .BanerProfil .BPitem .BPi-Obsah :not(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *) {font-size:1em !important;line-height:1.55em !important;} .SliderProfilC .SliderProfil .SPitems .SPi-Obsah :not(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *) *,.BanerProfilC .BanerProfil .BPitem .BPi-Obsah :not(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *) *{font-size:inherit;} .SliderProfilC .SliderProfil .SPitems .SPi-Obsah :is(h1,h2,h3,h4,h5,h6),.BanerProfilC .BanerProfil .BPitem .BPi-Obsah :is(h1,h2,h3,h4,h5,h6) {font-size:1.2em !important;line-height:1.55em !important;color:#000;margin:0 0 1.19em 0;} .SliderProfilC .SliderProfil .SPitems .SPi-Obsah :is(h1,h2,h3,h4,h5,h6) *,.BanerProfilC .BanerProfil .BPitem .BPi-Obsah :is(h1,h2,h3,h4,h5,h6) *{font-size:inherit;} .SliderProfil .SPitems .SPi-Obsah a.tl,.BanerProfil .BPitem .BPi-Obsah a.tl{display:inline-flex;border: 2px solid #f42c79;color:#000;font-weight: 500;padding: 0.55em 1.15em;min-width: 150px;justify-content: center;box-sizing: border-box;cursor:pointer;margin-top:1em;border-radius: 6px;} .SliderProfil .SPitems .SPi-Obsah a.tl:hover,.BanerProfil .BPitem .BPi-Obsah a.tl:hover{text-decoration:none;background:#f42c79;color:#fff;} /*-_-profil slider-_-*/ .SliderProfil ul.SPlist li:before{display:none;} .SliderProfilC{background:#f4f4f4;padding:3.5em 0;position:relative;} body.myBody.V21 .SliderProfilC{font-size:1.03em;font-size: clamp(1em, 0.9382em + 0.1163vw, 1.03125em) !important;} .SliderProfilC:before{content:'';display:block;position:absolute;top:0;left:0;height:100%;width:100vw;margin-left:calc(-1*(100vw - 100%)/2);z-index:1;background:#f4f4f4;} .SliderProfil{margin:0 auto;position:relative;z-index:4;width:100%;max-width: 1600px;} .SliderProfil ul.SPlist{margin:0;padding:0;list-style:none;} #content .SliderProfil ul.SPlist li{font-size:inherit !important;line-height:inherit !important;} .SliderProfil .SPitems{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows: 100%;gap: 2em;width: 100%;height: 100%;} .SliderProfil .SPitems .SPi-prelepka{grid-column:1/-1;grid-row:1/2;justify-self:start;align-self:start;position: relative;z-index: 3;margin: 1em 0 0 1em;} .SliderProfil .SPitems .SPi-file{grid-column:1/2;grid-row:1/2;} .SliderProfil .SPitems .SPi-file img{aspect-ratio: 16/9;height:auto;max-height:none;} .SliderProfil .SPitems .SPi-file .videoBut{position:relative;height: 100%;display:grid;grid-template-columns:100%;} .SliderProfil .SPitems .SPi-file .videoBut img{position:relative;z-index:1;grid-column:1/-1;grid-row:1/-1;} .SliderProfil .SPitems .SPi-file .videoBut:before{content:'';display:block;width:100%;height:100%;background-image:url('/images/play-button.png');background-repeat:no-repeat;background-position:center;background-size: 30%;position:relative;z-index:3;grid-column:1/-1;grid-row:1/-1;} .SliderProfil .SPitems .SPi-file .videoBut:hover:before{background-image:url('/images/play-button-hover.png');opacity:0.75} .SliderProfil .SPitems .SPi-Obsah{grid-column:-2/-1;grid-row:1/2;padding-top:2em;} .SliderProfil .sy-box .sy-slides-wrap{margin: 3.5em auto} .SliderProfilC .sy-pager{margin: 0;padding: 0;list-style: none;display: flex;align-items: center;gap: 1em;justify-content: center;position: relative;z-index: 4;} #content .SliderProfilC .sy-pager li {margin: 0 !important;padding: 0;color: #000;} #content .SliderProfilC .sy-pager li:before{display:none;} .SliderProfilC .sy-pager li a{display:block;width:1em;height:1em;background:transparent;border:2px solid #808080;border-radius:100%;} .SliderProfilC .sy-pager li.sy-active a,.SliderProfilC .sy-pager li:hover a{background:#808080;} @media only screen and (max-width: 1280px) { .SliderProfilC{padding-top:2em;padding-bottom:2em;} .SliderProfil .sy-box .sy-slides-wrap{margin-top:2em;margin-bottom:2em;} .SliderProfil .SPitems .SPi-Obsah{padding-top:1.0em;} } @media only screen and (max-width: 950px) { .SliderProfil .SPitems .SPi-Obsah{padding-top:0.25em;} } @media only screen and (max-width: 850px) { .SliderProfilC{font-size:1.0em;} .SliderProfil, .SliderProfil ul.SPlist{}/*min-height: 40vh !important;height:var(--SPvyska) !important;*/ /*#content .SliderProfil ul.SPlist li.bjqs-slide{height:auto !important;}*/ .SliderProfil{padding:0 1.5em;} .SliderProfil ul.SPlist{} #content .SliderProfil ul.SPlist li.bjqs-slide{} .SliderProfil .SPitems{grid-template-rows: auto auto;} .SliderProfil .SPitems .SPi-prelepka{grid-column:1/-1;grid-row:1/2;} .SliderProfil .SPitems .SPi-file{grid-column:1/-1;grid-row:1/2;} .SliderProfil .SPitems .SPi-Obsah{grid-column:1/-1;grid-row:2/3;} } /*-_-profil baner-_-*/ .BanerProfilC{margin: 2em 0;} body.myBody.V21 .BanerProfilC{font-size:1.03em;font-size: clamp(1em, 0.9382em + 0.1163vw, 1.03125em) !important;} .BanerProfil{width:100%;max-width:1250px;margin:0 auto;box-sizing: border-box;} .BanerProfil .BPitem{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows: auto 1fr;gap: 2em;width: 100%;height: 100%;background: #f4f4f4;}/*max-height: 360px;*/ .BanerProfil .BPitem .BPi-prelepka{grid-column:1/2;grid-row:1/2;align-self: start;justify-self: start;margin: 2em 0 0 2em;position: relative;z-index: 3;} .BanerProfil .BPitem .BPi-file{grid-column:-2/-1;grid-row:1/-1;height: 100%;max-height: 100%;align-self: end;} .BanerProfil .BPitem .BPi-file .videoBut{position:relative;height: 100%;display:grid;grid-template-columns:100%;} .BanerProfil .BPitem .BPi-file .videoBut img{position:relative;z-index:1;grid-column:1/-1;grid-row:1/-1;} .BanerProfil .BPitem .BPi-file .videoBut:before{content:'';display:block;width:100%;height:100%;background-image:url('/images/play-button.png');background-repeat:no-repeat;background-position:center;background-size: 30%;position:relative;z-index:3;grid-column:1/-1;grid-row:1/-1;} .BanerProfil .BPitem .BPi-file .videoBut:hover:before{background-image:url('/images/play-button-hover.png');opacity:0.75} .BanerProfil .BPitem .BPi-Obsah{grid-column:1/2;grid-row:2/-1;padding: 0 0 2em 2em;} @media only screen and (max-width: 1280px) { .BanerProfil{max-width:1100px;padding: 0 2.5em;} .BanerProfilvProduktu .BanerProfil{max-width:calc(1100px + (1.5em*2));padding:0 1.5em;} .BanerProfil .BPitem{}/*max-height: 280px;*/ .BanerProfil .BPitem .BPi-prelepka{margin: 1em 0 0 1em;} .BanerProfil .BPitem .BPi-Obsah{padding: 0 0 1em 1em;} } @media only screen and (max-width: 780px) { .BanerProfilC{font-size:1.0em;} .BanerProfil{padding:0 1.5em;} .BanerProfil .BPitem{grid-template-columns: 100%;grid-template-rows: auto auto;max-height:none;} .BanerProfil .BPitem .BPi-prelepka{grid-column:1/-1;grid-row:1/2;} .BanerProfil .BPitem .BPi-file{grid-column:1/-1;grid-row:1/2;} .BanerProfil .BPitem .BPi-Obsah{grid-column:1/-1;grid-row:2/3;padding:0 1em 1em 1em} } /*-_-profil baner v produktu-_-*/ body.myBody.V21 .BanerProfilvProduktu{font-size:16px;} .superbody .BanerProfilvProduktu .content{font-size:inherit !important;max-width:none !important;} /*-_-profil navigace-_-*/ .udajeUZ{display:flex;justify-content: space-evenly;flex-wrap: wrap;box-sizing: border-box;margin-bottom: 1.75rem;gap: 1em 0.75em;max-width: 1550px;width: 100%;margin: 0 auto;padding: 1.5em 2em 1em;} .udajeUZ a.udajTL{color:#000;text-decoration:none;font-size: 1.25rem;line-height: 1.88rem;position:relative;text-align:center;} .udajeUZ a.udajTL:before{font-weight: 600;display: block;content: attr(data-title);height: 1px;color: transparent;overflow: hidden;visibility: hidden;} .udajeUZ a.udajTL:hover,.udajeUZ a.udajTL.act{font-weight: 600;} .udajeUZ a.udajTL:hover:after,.udajeUZ a.udajTL.act:after{--us:1em;content:'';position:absolute;bottom:0;display:block;width:calc(100% + var(--us));height:2px;background:#000;margin-bottom: calc(-0.5em + 2px);margin-left: calc(-1*var(--us)/2);} @media only screen and (max-width: 550px){.udajeUZ{padding-left:0.5em;padding-right:0.5em;}} /*objednavky*/ a.stlac{text-decoration:none;color:#000;margin:0 7px 7px;width:auto;min-width: auto;background:#fff;border-width:2px;box-sizing: border-box;display: inline-block;} a.stlac.activ,a.stlac:hover{background:#f42c79;transition: all linear 0.3s;color:#fff;} @media only screen and (max-width: 550px){a.stlac{flex:1;}} .bonusy.section_854 a.stlac{margin-left:0;margin-right:0;margin-bottom:21px;} /*.udajeUZ a.stlac:first-child{margin-left:0;}a.stlac:last-child{margin-right:0;}*/ .tlObList{display: grid;grid-template-columns: repeat(auto-fit, minmax(var(--max-width), min-content));gap: 7px;justify-content: center;} a.tlObsahu{margin: 0;padding-left: .5em;padding-right: .5em;text-align: center;white-space: nowrap;letter-spacing: normal;} a.tyden{} input.vyzva[type="checkbox"]{-webkit-appearance: none;appearance: none;margin: 0;background: transparent;border: 0;cursor: pointer;position:relative;display:inline-grid;} input.vyzva[type="checkbox"]:before{grid-column:1/2;grid-row:1/2;content: "";display: inline-block;width:17px;height:17px;border-radius:100%;border:1px solid #c8c8c8;box-sizing:border-box;} input.vyzva[type="checkbox"]:hover:before,input.vyzva[type="checkbox"]:checked:before{border:1px solid #81C14E;} input.vyzva[type="checkbox"]:checked:before{background:#81C14E;} input.vyzva[type="checkbox"]:checked:after{grid-column:1/2;grid-row:1/2;content: "";display: block;width: 3px;height: 6px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);box-sizing: unset;justify-self:center;align-self:center;margin:0 0 1px 1px;} input.svujcil[type="text"]{width:100%;max-width: calc(100% - (25px*2));} .vyzvy{display:block;font-size: 1.25rem !important;line-height: 1.88rem !important;letter-spacing: 0.5px;padding: 0 1em;} .vyzva{margin: 0 0 10px 0;} .vyzva-checkbox input[type="checkbox"]{-webkit-appearance: none;appearance: none;margin: 0;background: transparent;border: 0;cursor: pointer;position:relative;display:inline-grid;} .vyzva-checkbox input[type="checkbox"]:before{grid-column:1/2;grid-row:1/2;content: "";display: inline-block;width:17px;height:17px;border-radius:100%;border:1px solid #c8c8c8;box-sizing:border-box;} .vyzva-checkbox input[type="checkbox"]:hover:before,.vyzva-checkbox input[type="checkbox"]:checked:before{border:1px solid #81C14E;} .vyzva-checkbox input[type="checkbox"]:checked:before{background:#81C14E;} .vyzva-checkbox input[type="checkbox"]:checked:after{grid-column:1/2;grid-row:1/2;content: "";display: block;width: 3px;height: 6px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);box-sizing: unset;justify-self:center;align-self:center;margin:0 0 1px 1px;} .vyzva-text input[type="text"]{width:100%;max-width: calc(100% - (25px*2));} .progress{font-size: 1.25rem !important;line-height: 1.88rem !important;letter-spacing: 0.5px;padding: 0.5em 0;font-weight:bold;} .progress .ok{color:#81C14E;} .progress .ko{color:#D10000;} /*rozloženi cvičení*/ #ContainerC:not(.reguser.inReguser) #content.rozdeleneRozvrzeni{}/*overflow:hidden;*/ #content.rozdeleneRozvrzeni .rrContent{display:grid;grid-template-columns:auto repeat(3,1fr);width:100%;max-width: calc(1600px + (0.75em*2));margin:0 auto;padding: 0 0.75em;box-sizing: border-box;} #content.rozdeleneRozvrzeni .rrContent .rrStredNahoru{grid-column:1/-1;grid-row:1;} #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec{grid-column:1/2;grid-row:2;margin-top: 33px;width: 100%;} /*margin-right: 2em;*//*position:sticky;top:1px;align-self: start;*/ #content.rozdeleneRozvrzeni .rrContent .rrPravySloupec{grid-column:2/-1;grid-row:2;margin-left: 2.5em;margin-top: 33px;} #content.rozdeleneRozvrzeni .rrContent .rrStredDolu{grid-column:1/-1;grid-row:3;} #content.rozdeleneRozvrzeni .kalendarFrameObal{margin-left:0;width:100%;} #content.rozdeleneRozvrzeni .rrContent .contentC{padding:0;} #content.rozdeleneRozvrzeni .rrContent .rrStredNahoru .content, #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec .content, #content.rozdeleneRozvrzeni .rrContent .rrPravySloupec .content, #content.rozdeleneRozvrzeni .rrContent .rrStredDolu .content{max-width:100% !important} #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec h2{font-size:1.75em !important;line-height:1.4em !important;color:#000;padding:0 !important;font-weight: 600;} #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec .doLevehoSloupce{background:#f4f4f4;padding:2.97em 1.75em !important;box-sizing:border-box;/*border-radius:10px;*/} #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec .doLevehoSloupce + .doLevehoSloupce{margin-top:1em;} #content.rozdeleneRozvrzeni .rrContent .rrPravySloupec .noMarginPaddingTop{margin-top: 0 !important;padding-top: 0 !important;} .superbody .jakyObsah h2{margin-bottom:0;color:#000;} .rrLevySloupec .tlObList{display:flex;flex-direction:column;gap:0;margin: 2.15em 0 0;} .rrLevySloupec a.tlObsahu{border:0;padding:0;margin:0;background:none;color:#6A6468;display:flex;align-items: center;gap: 0.5em;justify-content: flex-start;font-weight:normal !important;} .rrLevySloupec a.tlObsahu:before{content:'';display:block;width:1em;height:1em;aspect-ratio:1/1;border:3px solid #ccc;border-radius:100%;background:#fff;} .rrLevySloupec a.tlObsahu:after{content:'';display:block;width:0.5em;height:0.5em;border:0 solid #000;border-width:1px 1px 0 0;transform: rotate(45deg);margin-left:auto;margin-right: 0;} .rrLevySloupec a.tlObsahu:is(:hover,.activ){background:none;color:#000;} .rrLevySloupec a.tlObsahu:not(.activ):hover{color:#6A6468;} .rrLevySloupec a.tlObsahu.activ:before{border-color:#f42c79;} .rrLevySloupec a.tlObsahu.activ:after{border-color:#f42c79;} .rrLevySloupec .tlObList .carka{font-size: 1.13rem;width:calc(1em + (3px*2));height:calc(1em + (3px*2));aspect-ratio:1/1;display:flex;justify-content:center;} .rrLevySloupec .tlObList .carka:before{content:'';width:4px;background:#ccc;display: block;height: 1.5em;} .rrLevySloupec .tlObList .carka.activ:before{background:#f42c79} @media only screen and (min-width: 1601px){ #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec{min-width:450px;max-width:450px;} } @media only screen and (max-width: 1600px) and (min-width: 951px){ #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec{max-width:400px;min-width: 400px;} } @media only screen and (max-width: 1600px){ #content.rozdeleneRozvrzeni .rrContent{max-width:calc(1400px + (0.75em*2));width: calc(100vw - 14.63%);} } @media only screen and (max-width: 1300px){ #content.rozdeleneRozvrzeni .rrContent{max-width:calc(1115px + (0.75em*2));width:100%;} } @media only screen and (min-width: 951px) and (min-height: 900px){ /*#content.rozdeleneRozvrzeni .rrContent .rrLevySloupec{position:sticky;top:1px;align-self: start;height: 100vh;overflow-y: scroll;} #ContainerC.NavigFix:not(.NavigFixscrollUp) #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec{top:calc(var(--heightMFmob) + 5px);height: calc(97vh - (var(--heightMFmob) + 5px));}*/ } @media only screen and (max-width: 950px){ #content.rozdeleneRozvrzeni .rrContent .rrStredNahoru{grid-column:1/-1;grid-row:1;} #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec{grid-column:1/-1;grid-row:2;margin-top: 33px;} #content.rozdeleneRozvrzeni .rrContent .rrPravySloupec{grid-column:1/-1;grid-row:3;margin-left: 0;} #content.rozdeleneRozvrzeni .rrContent .rrStredDolu{grid-column:1/-1;grid-row:4;} } @media only screen and (max-width: 410px){ #content.rozdeleneRozvrzeni .rrContent .rrLevySloupec .doLevehoSloupce{padding:1.67em 0.65em !important;} .rrLevySloupec a.tlObsahu{gap:0.3em;} } /*spojeni sekce videa do jedne*/ #contentC #content .spojene.spoje_videa > .content::after{display: none;} #contentC #content .spojene.spoje_videa > .content{max-width: 950px !important;margin: 1.5em 0 0 0;--grid-layout-gap: 2.5em;--grid-column-count: 2;--grid-item--min-width: 220px;display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), auto));gap: 3em var(--grid-layout-gap);justify-content: center;} #contentC #content .spojene.spoje_videa .hl_tri.videoList{grid-template-columns: 100%;margin: 0;} @media only screen and (max-width: 1600px){ #contentC #content .spojene.spoje_videa > .content{max-width: 100% !important;} } @media only screen and (max-width: 500px){ #contentC #content .spojene.spoje_videa > .content{grid-template-columns: 100%;} } /*timeline*/ .timeLine{padding: 1.5em 0 0;} .timeLine *{box-sizing: border-box;} .timeLine .timeLineC{--grid-layout-gap: clamp(1.25rem, -1.6518rem + 9.2857vw, 5.3125rem);--grid-column-count: 4;--grid-item--min-width: 200px;display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));gap: calc(1.75em*2) var(--grid-layout-gap);} .timeLine .timeLineC .timeLineBox{display: grid;grid-template-columns: 100%;grid-template-rows: auto 1fr;} .timeLine .timeLineC .timeLineBox .timeLine-prelepka{grid-column: 1/-1;grid-row: 1;background: #f42c79;color: #fff;padding: 0.25em 0.75em;line-height: 1.4em;font-size: 1.05rem;border-radius: 6px;font-weight: bold;justify-self: center;align-self: start;margin: -0.85em 0 0 0;} .timeLine .timeLineC .timeLineBox .timeLine-obrazem{grid-column: 1/-1;grid-row: 1;display: flex;} .timeLine .timeLineC .timeLineBox .timeLine-obrazem img{width: auto !important;height: auto !important;max-width: 100%;aspect-ratio: 4/3;object-fit: cover;object-position: center;} .timeLine .timeLineC .timeLineBox .timeLine-text{grid-column: 1/-1;grid-row: 2;padding: 0.8em 0.7em 0.4em;background: #f4f4f4;text-align: center;} .timeLine .timeLineC .timeLineBox .timeLine-text *{margin: 0;padding: 0;font-weight: 700;} table.objednavky{border-collapse:collapse;border-spacing:0;margin:45px 0 75px;} table.objednavky th,table.objednavky td{border-bottom:1px solid #e8e8e8;} table.objednavky th{text-align:center;font-weight: bold;padding:8px 0;} table.objednavky td{text-align:center;padding:16px 0;letter-spacing:0.03em;} table.objednavky td:first-child,table.objednavky th:first-child{text-align:left} table.objednavky td:last-child,table.objednavky th:last-child{text-align:right} table.objednavky td:first-child,table.objednavky td:last-child{font-weight:900;} .reguserCen table.objednavky.faktury{width: 100%;} .reguserCen table.objednavky.faktury *{font-weight: normal;} .reguserCen table.objednavky.faktury th{font-weight: bold;} .reguserCen table.objednavky.faktury .zrusPredplat{font-weight: normal;} .stop,.reguserCen{max-width: 1200px;width: 100%;padding: 0 13px;margin: 0 auto;box-sizing: border-box;} .stop ul:after{content: "";display: block;clear: both;} .stop ul li{width: 100%;} .stop a.akcb{margin: 1em 0 0 0} .productLink a{display: inline-flex;flex-direction: row;justify-content: flex-start;} .productLink a:after{content:"\21D2 Vstúpiť";color: #f42c79;font-size: 0.8em;font-weight: 300;margin: 0 0 0 5px;text-transform: none;}/*Vstúpiť*/ .productLink.productLinkObjednavka a:after{content:"\21D2 Kúpiť plnú verziu" ;}/*Kúpiť plnú verziu*/ .productLink.productLinkObjednavkaZnovu a:after{content:"\21D2 Kúpiť znovu" ;}/*Kúpiť znovu*/ .productLink a:hover,.productInvoice a:hover{text-decoration:none;} .productLink a:hover:after,.productInvoice a:hover:after{text-decoration:underline;} .productInvoice a{color:#000 !important;display: flex;flex-direction: column;justify-content: space-between;}.productInvoice{position:relative;} .productInvoice a:after{content:"Stiahnuť PDF faktúru";color: #f42c79;font-size: 0.8em;font-weight: 300;margin: 10px 0 0 0;text-transform: none;line-height:1em;}/*position: absolute;left:0;right:0;bottom:10px;*/ .productInvoice.productGiftCode a:after{content:"Stiahnuť Certifikát";} /*objednavky*/ @-webkit-keyframes jump { 0% {top: 0;} 50% {top: 50px;} 100% {top: 0;} } @keyframes jump { 0% {top: 0;} 50% {top: 50px;} 100% {top: 0;} } #posundoluD{z-index:15;position: fixed;bottom: 50px;right: 5px;} #posundolu{display:block;-webkit-animation: jump 5s infinite;animation: jump 5s infinite;position: relative;cursor:pointer;color:#d9d9d9;} #posundoluD i:before{content:'\f078';font-family: 'FontAwesome';font-size: 50px;} /*#posundolu {position: fixed;bottom: 30px;right: 40px;height: 78px;width: 50px;border-radius: 5px;cursor: pointer;z-index: 10;} #posundolu img{width:100%;}*/ #ContainerC,#body2{height:100%;}/*,body.myBody*/ #Container{position:relative;}/*min-height:100%;*/ /*#centerC{padding-bottom:465px;}*/ #bottomC{border-top:1px solid #e8e8e8;padding:66px 0 0 0;height: 445px;-webkit-box-sizing: border-box;box-sizing: border-box;}/*position:absolute;bottom:0;left:0;right:0;*/ #bottom{text-align:left;}#bottom{color: #010101;} #bottom #bottomNavig:after,#bottom #copy:after{content:"";display:block;clear:both;} #bottom #bottomNavig{width:100%;padding-bottom: 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} #bottom #bottomNavig .nav{/*width:calc(100%/5)*//*;float:right;*/}/*#bottom #bottomNavig .nav.menu{float:left;}*/ #bottom #bottomNavig .nav ul{margin:0;padding:0;list-style:none;} #bottom #bottomNavig .nav ul li{padding:0;margin:0;float:none;} #bottom #bottomNavig .nav.menu ul li{background: url(/images/odrazka.png) no-repeat;background-position: 8px 8px !important;padding-left: 28px;margin-bottom: 6px;font-size: 0.9em;} #bottom #bottomNavig .nav.menu ul li:hover{background: url(/images/odrazka_h.png) no-repeat;font-weight:bold;} #bottom #bottomNavig .nav ul li:first-child,#bottom #bottomNavig .nav ul li:first-child:hover{background:none;padding:0;font-weight:bold;font-size:1.2em;margin-bottom:25px;} #bottom #bottomNavig .nav ul li a{text-decoration: none;color: #010101;} #bottom #bottomNavig .nav.soc{/*width: calc(100%/5 - 90px);float: right;*/} #bottom #bottomNavig .nav.soc a{display:block;float: left;margin-right: 22px;cursor:pointer;text-decoration:none;} #bottom #bottomNavig .nav.soc a span{display:none;} #bottom #bottomNavig .nav.soc .fb{background:url(/images/fb.png) no-repeat;width:12px;height:24px;} #bottom #bottomNavig .nav.soc .ins{background:url(/images/insta.png) no-repeat;width:24px;height:24px;} #bottom #bottomNavig .nav.soc .yt{background:url(/images/youtube.png) no-repeat;width:20px;height:24px;} #bottom #bottomNavig .nav.soc .pin{background:url(/images/pinterest.svg) no-repeat;width:24px;height:24px;background-size:contain;} #bottom #bottomNavig .nav.soc .rss{background:url(/images/rss.png) no-repeat;width:21px;height:21px;} #bottom #bottomNavig .nav.soc .fb:hover{background:url(/images/fb_h.png) no-repeat;} #bottom #bottomNavig .nav.soc .ins:hover{background:url(/images/insta_h.png) no-repeat;} #bottom #bottomNavig .nav.soc .yt:hover{background:url(/images/youtube_h.png) no-repeat;} #bottom #bottomNavig .nav.soc .pin:hover{background:url(/images/pinterest_h.svg) no-repeat;background-size:contain;} #bottom #bottomNavig .nav.soc .rss:hover{background:url(/images/rss_h.png) no-repeat;} #bottom #copy{display: flex;padding:0 0.5em;box-sizing:border-box;}#bottom #copy:before{content:"";display:block;border-top: 1px solid #e8e8e8;left: 0;right: 0;position: absolute;} #bottom #copy #copyright,#bottom #copy #copyright2{text-align:left;padding-top: 21px;margin-bottom: 25px;display: flex;align-items: flex-end;justify-content: flex-start;} #bottom #copy #copyright{flex-grow: 1}#bottom #copy #copyright p{padding:0;margin:0;}#bottom #copy #copyright img{margin-right:15px;display: inline-block;vertical-align: bottom;margin-bottom: -8px;width: 150px;} #bottom #copy #copyright2{height:auto;text-align: right;justify-content: flex-end;} /*nova paticka stare css smazat*/ .NewD25 #bottomC{border-top: 1px solid #e8e8e8;padding: 0;height: auto;font-size: 17px;} .NewD25 #bottomC *,.NewD25 #bottomC *::after,.NewD25 #bottomC *::before{box-sizing: border-box;} .NewD25 #bottom{padding: 0 0.75em;font-size: 0.9em;} .NewD25 #bottom .bBoxRadek.bbr1{--grid-layout-gap: 1em;--grid-column-count: 4;--grid-item--min-width: 200px;display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));gap: 2em var(--grid-layout-gap);} .NewD25 #bottom .bBoxRadek:where(.bbr2,.bbr3){display: flex;justify-content: space-between;flex-wrap: wrap;gap: 1em 2em;} .NewD25 #bottom .bBoxRadek.bbr2{position: relative;align-items: center;} .NewD25 #bottom .bBoxRadek.bbr2::before{content: '';z-index: -1;position: absolute;top: 0;left: 0;display: block;width: 100vw;height: 100%;border: 0 solid #e8e8e8;border-width: 1px 0;margin-left: calc(-1*(100vw - 100%)/2);} .NewD25 #bottom .bBoxRadek.bbr3{align-items: flex-end;} .NewD25 #bottom .bBoxRadek{padding: 2em 0;} .NewD25 #bottom .bBox ul{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 0.25em;} .NewD25 #bottom .bBox ul li{margin: 0;padding: 0;list-style: none;} .NewD25 #bottom .bBox ul li a{color: #000;text-decoration: none;} .NewD25 #bottom .bBox ul li a:hover{text-decoration: underline;} .NewD25 #bottom .bb-nazev{font-size: 1.3em;line-height: 1.2em;font-weight: 700;margin: 0 0 1em;} .NewD25 #bottom .bb-kontakt ul li a{text-decoration: underline;} .NewD25 #bottom .bb-kontakt ul li a:hover{text-decoration: none;} .NewD25 #bottom .bb-logo img{max-width: 100%;height: auto !important;width: 200px !important;margin-left: -8px;} .NewD25 #bottom .bb-soc{display: flex;gap: 0.5em 2em;} .NewD25 #bottom .bb-soc .bb-nazev{margin: 0;} .NewD25 #bottom .bb-soc ul{flex-direction: row;gap: 1.15em;} .NewD25 #bottom .bb-soc ul li a{display:block;float: left;cursor:pointer;text-decoration:none;} .NewD25 #bottom .bb-soc ul li a span{display:none;} .NewD25 #bottom .bb-soc .fb{background:url(/images/fb.png) no-repeat;width:12px;height:24px;} .NewD25 #bottom .bb-soc .ins{background:url(/images/insta.png) no-repeat;width:24px;height:24px;} .NewD25 #bottom .bb-soc .yt{background:url(/images/youtube.png) no-repeat;width:20px;height:24px;} .NewD25 #bottom .bb-soc .pin{background:url(/images/pinterest.svg) no-repeat;width:24px;height:24px;background-size:contain;} .NewD25 #bottom .bb-soc .rss{background:url(/images/rss.png) no-repeat;width:21px;height:21px;} .NewD25 #bottom .bb-soc .fb:hover{background:url(/images/fb_h.png) no-repeat;} .NewD25 #bottom .bb-soc .ins:hover{background:url(/images/insta_h.png) no-repeat;} .NewD25 #bottom .bb-soc .yt:hover{background:url(/images/youtube_h.png) no-repeat;} .NewD25 #bottom .bb-soc .pin:hover{background:url(/images/pinterest_h.svg) no-repeat;background-size:contain;} .NewD25 #bottom .bb-soc .rss:hover{background:url(/images/rss_h.png) no-repeat;} .NewD25 #bottom .bb-copyA a{text-decoration: underline;} .NewD25 #bottom .bb-copyA a:hover{text-decoration: none;} @media only screen and (max-width: 1300px){ .NewD25 #bottom{font-size: 0.8em;} } @media only screen and (max-width: 600px){ .NewD25 #bottom .bBoxRadek:is(.bbr2,.bbr3){flex-direction: column;align-items: center;} } @media only screen and (max-width: 500px){ .NewD25 #bottom .bBoxRadek.bbr1{grid-template-columns: 100%;} .NewD25 #bottom .bBox{justify-self: center;text-align: center;} .NewD25 #bottom .bb-soc{flex-direction: column;justify-content: center;align-items: center;} } /*vnitrek*/ /*uvodka*/ .productList{margin:25px 0;} .productItem + .clear{display:none;} .productItem{width:calc(100%/4 - 24px);display:inline-block;vertical-align:top;margin: 0 10px 25px;} .productItem .productImage {text-align:center;min-height: 450px;position: relative;padding-bottom: 30px;} .noShadow .productItem .productImage {padding-bottom: 80px;} .superbody .noShadow .productItem .productImage {padding-bottom: 30px;} .productItem .productImage img{position: absolute;left: 0;right: 0;top: -30px;bottom: 0;margin: auto;max-width:237px;max-height:334px;filter: drop-shadow(0 10px 25px #969696);}/*-webkit-box-shadow: 0 10px 50px 0 #969696;box-shadow: 0 10px 50px 0 #969696;background:#cbcbcb;*/ .productItem .productImage .productName{width:100%;display:block;text-align: left;font-weight: bold;position: absolute;bottom: 0;left: 0;color:#000;font-size: 1.3em;text-align:center;} .productItem .productInfo{padding: 3px 0 15px;} .productItem .productInfo .tPrice{text-align:center;} .productItem .productInfo .productLabel.productPrice{font-size: 1.05em;margin: 0 5px 0 0;} .productItem .productInfo .productValue.productPrice{font-weight: bold;font-size: 1.2em;} .productItem .productInfo .productAuthors{font-size: 0.8em;} .productItem .productInfo .productLabel.productAuthors{} .productItem .productInfo .productValue.productAuthors{margin-bottom: -3px;display: block;min-height: 48px;max-height: 48px;overflow: hidden;text-align:center;}.productItem .productInfo .productValue.productAuthors *{margin:0;} .productItem .productInfo .tl{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 38px 0 10px;margin: 24px 0;}.productItem .productInfo .tl:after{content:"";display:block;clear:both;} .productItem .productInfo .tl a{text-decoration:none;color:#000;border:2px solid #f42c79;border-radius:6px;display:inline-block;padding: 5px 30px;font-size: 0.7em;margin: -6px 0 0 0;background:#fff;} .productItem .productInfo .tl a .productLink{background-size: contain !important;padding-left: 35px;padding: 2px 0 2px 35px;line-height: 1em;} .productItem .productInfo .tl a.detail{float:left;padding: 5px 27px;} .productItem .productInfo .tl a.koupit{float:right;background:#f42c79;} .productItem .productInfo .tl a.detail .productLink{background: url(/images/lupa_b.png) no-repeat;color:#000;} .productItem .productInfo .tl a.koupit .productLink{background: url(/images/kosik_b.png) no-repeat;color:#fff;} .productItem .productInfo .tl a:hover{background:#f42c79;}/*.productItem .productInfo .tl a.koupit:hover{background:#fff;}*/ .productItem .productInfo .tl a.detail:hover .productLink{background: url(/images/lupa_bb.png) no-repeat;color:#fff;} /* .productItem .productImage .prelepka{--si:237px;--vi:calc(334px + 30px);--vp:35px;position:absolute;background:#f42c79;color:#fff;padding:0.25em 0.75em;line-height: 1.4em;font-size: 0.9em;border-radius: 6px;top:calc((100% - var(--vi))/2 - (var(--vp)/2));left:calc((100% - var(--si))/2 - 5%);text-align: right;max-width: calc(var(--si) - 5%);font-weight:bold;} @media only screen and (max-width: 1600px){.productItem .productImage .prelepka{--si:193px;--vi:calc(272px + 30px);--vp:28px;}}*/ .productItem .productImage .prelepka{position:absolute;background:#f42c79;color:#fff;padding:0.25em 0.75em;line-height: 1.4em;font-size: 0.9em;border-radius: 6px;top:calc((100% - calc(334px + 30px))/2 - (35px/2));left:calc((100% - 237px)/2 - 5%);text-align: right;max-width: calc(237px - 5%);font-weight:bold;} @media only screen and (max-width: 1600px){ .productItem .productImage .prelepka{max-width: calc(193px - 5%);left:calc((100% - 193px)/2 - 5%);top:calc((100% - calc(272px + 30px))/2 - (28px/2));} } .productListHP{display:grid;grid-template-columns: repeat(auto-fit, minmax(317px, 1fr));grid-gap: 0 10px;}/*317*/ .productListHP .productItem{display: grid;grid-template-columns: 100%;width:100%;margin-left:0;margin-right:0;} .productListHP .productItem .productImage{grid-column: 1/2;grid-row: 1/2;min-height: auto;padding-bottom: 0;} .productListHP .productItem .productImage a{display: grid;grid-template-columns: 100%;grid-auto-rows: 170px auto;} .productListHP .productItem .productImage a,.productListHP .productItem .productImage a *{text-decoration:none;} .productListHP .productItem .productImage img,.productListHP .productItem .productImage .productName{position:static;} .productListHP .productItem .productImage img{grid-column: 1/2;grid-row: 1/2;} .productListHP .productItem .productImage .productName{grid-column: 1/2;grid-row: 2/3;} .productListHP .productItem .productInfo{grid-column: 1/2;grid-row: 2/3;} .productListHP .productItem{position:relative;} /*.productListHP .productItem .productImage{min-height: 270px;padding-bottom: 5em;-webkit-box-sizing: border-box;box-sizing: border-box;}*/ .productListHP .productItem .productImage img{-webkit-box-shadow: none;box-shadow: none;top: 0;bottom: auto;max-width: 165px;max-height: 165px;background:transparent;filter:none;} .productListHP .productItem .productImage .productName{font-size: 1em;height: 6em;} /*.productItem .productInfo .tl a.koupit:hover .productLink{background: url(/images/kosik.png) no-repeat;color:#000;}*/ /*uvodka*/ /*#contentC{width:100%;max-width:900px;margin:0 auto;}*/ table.loga,table.loga :where(tbody){display:block;width:100%;} table.loga tr{display:grid;grid-template-columns:1fr auto;} table.loga td{box-sizing:border-box;} table.loga td[colspan*="2"]{grid-column:1/-1;} table.loga td:not([colspan*="2"]):nth-child(1){grid-column:1/2} table.loga td:nth-child(2){grid-column:2/3;display:flex;gap:15px;} p{font-size:1em;}/*font-weight:200;*/ b{font-weight:bold;} /* --------------- Odkaz ----------------------- */ /*#content{background: url('../images/pozadi.png') no-repeat;background-attachment: fixed;background-size: cover;}*/ h1,h2,h3,h4,h5,h6{padding:0px;margin:10px 0 25px 0;line-height: normal;}/*h1,h2,h3{color:#000;}*/ p{padding:0 5px 0 0;margin:0 0 10px 0} .content h1,.content h2,.content h3,.content h4,.content h5,.content h6{padding:0px;margin:0px;} .content h1,.content h2,.content h3{text-transform: uppercase;font-size: 1.353em;} .HN .content h1,.HN .content h2,.HN .content h3{text-transform:none;} .content h2,.content .box3 h3{padding: 25px 0 5px;margin:0 0 40px 0;color:#da3e06;font-weight:900;} .content h1{color:#da3e06;} .superbody .content:not(:has( .kosikC,.box)) h1{color:#f42c79;font-size: clamp(1rem, -2.375rem + 18vw, 3.25rem) !important;line-height: 1.2em !important;padding: 25px 0 5px;margin: 0 0 20px 0;text-transform: none;font-weight: inherit;} .boxC{background:#fff;} .content ul{margin:0;padding:0;} .content ul li{float:left;list-style:none;font-weight:300;} img.imgrespo{max-width:100%;height: auto !important;} .content p a img,.content table td a img{display:inline-block;} #content .clear{clear:both;} .content h3{} .akcb { background-color: #da3e06; -webkit-box-shadow: 0px 1px 5px 0px rgba(80, 47, 11, 0.75); box-shadow: 0px 1px 5px 0px rgba(80, 47, 11, 0.75); text-transform: uppercase; font-weight: bold; padding:0.5em 0.8em; margin: 60px 0 60px 0; }/*#fce900*/ a.akcb{color:#fce900;text-decoration: none;display: inline-block;font-size:2.08em;font-style: normal;}/*#da3e06*/ /*.akcb:hover, .odesla:hover{animation: anim-moema-1 0.3s forwards;}*/ @-webkit-keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes anim-moema-1 { 60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } 85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .backgroundImage{background-repeat:no-repeat !important;background-position:center !important;} .productBackground{position:relative;color: #da3e06;height: 618px;max-width: 1600px;width: 100%;margin: 0 auto;padding: 0;margin-bottom:3.75rem;}/*padding-bottom:100px;*/ .productBackground .zlpruh,#box15 .zlpruh,.bonusy #topBanner,.ukazka #topBanner{ position: absolute; top: 0; left:0; right:0; color: #efe01c; font-size: 1.30em; text-align: center; width: 100%; z-index: 1000; padding: 13px 0; background: rgb(218,62,6); } .productBackground .zlpruh,#box15 .zlpruh,.bonusy #topBanner,.ukazka #topBanner{ background: rgb(218,62,6); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(218,62,6,0)), color-stop(18%, rgba(218,62,6,1)), color-stop(50%, rgba(218,62,6,1)), color-stop(50%, rgba(218,62,6,1)), color-stop(82%, rgba(218,62,6,1)), color-stop(100%, rgba(218,62,6,0))); background: -webkit-linear-gradient(left, rgba(218,62,6,0) 0%, rgba(218,62,6,1) 18%, rgba(218,62,6,1) 50%, rgba(218,62,6,1) 50%, rgba(218,62,6,1) 82%, rgba(218,62,6,0) 100%); background: -o-linear-gradient(left, rgba(218,62,6,0) 0%, rgba(218,62,6,1) 18%, rgba(218,62,6,1) 50%, rgba(218,62,6,1) 50%, rgba(218,62,6,1) 82%, rgba(218,62,6,0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(218,62,6,0)), color-stop(18%, rgba(218,62,6,1)), color-stop(50%, rgba(218,62,6,1)), color-stop(50%, rgba(218,62,6,1)), color-stop(82%, rgba(218,62,6,1)), to(rgba(218,62,6,0))); background: linear-gradient(to right, rgba(218,62,6,0) 0%, rgba(218,62,6,1) 18%, rgba(218,62,6,1) 50%, rgba(218,62,6,1) 50%, rgba(218,62,6,1) 82%, rgba(218,62,6,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61a1e', endColorstr='#e61a1e', GradientType=1 ); } .productBackground .zlpruh{display:none;} .productBackground .akcb { margin: 25px 0 0 0; position: relative; font-size: 1.4em; background-color: #fff200; color: #eb480b; } .productBackground .content{max-width: 1000px;height: 100%;}/*margin-top:50px;*/ .cernePozadiBilyText.superbody .productBackground h1, .cernePozadiBilyText.superbody .productBackground h2, .cernePozadiBilyText.superbody .productBackground h3, .cernePozadiBilyText.superbody .productBackground .pt p{color:#000;} .cernyText.superbody .productBackground h1, .cernyText.superbody .productBackground h2, .cernyText.superbody .productBackground h3, .cernyText.superbody .productBackground .pt p{color:#000;} .box{height: 100%;}/*margin-top: 50px;*/ .blok{width:47.5%;float:left;text-align:center;margin-left:5%;position: relative;height:100%;} .NK .productBackground .blok {left: 100px;width: 55%;margin-top: 10px;margin-left: 0;height: 95%;} .NK .productBackground .blok.not{margin-left: 100px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 32%;margin-top: 0;left: 0;} .not{margin-left:0;} .blok img{width:auto;display:block;z-index: 2;position: relative;max-width: 100%;max-height: 85%;} .ht h1{padding:0.5em;font-size:2.2em;} .pt{margin:25px 0;} /*pozadi-sekce*/ .seda{background: #f4f4f4;} .ruzova{background:#f5c2cc;padding-top: 2em;padding-bottom: 2em;} /*pozadi-sekce-nove*/ .bgBledeRuzova{background: #FFC7DC;} .bgTmaveRuzova{background: #f32b79;} .bgTmaveRuzova a:not(.akcb),.bgTmaveRuzova a:not(.akcb):link,.bgTmaveRuzova a:not(.akcb):visited,.bgSvetleRuzova a:not(.akcb),.bgSvetleRuzova a:not(.akcb):link,.bgSvetleRuzova a:not(.akcb):visited {text-decoration: underline;color:#000;} .bgTmaveRuzova a:not(.akcb):hover,.bgSvetleRuzova a:not(.akcb):hover{text-decoration: none} .bgSvetleRuzova{background: #f595d5;} .bgTmaveSeda{background: #1e293a;color:#fff;} .bgTmaveSeda a:not(.akcb),.bgTmaveSeda a:not(.akcb):link,.bgTmaveSeda a:not(.akcb):visited{text-decoration: underline;color:#fff;} .bgTmaveSeda a:not(.akcb):hover{text-decoration: none} .bgTmaveSeda h2,.bgTmaveSeda h2,.bgTmaveSeda h3,.bgTmaveSeda h4,.bgTmaveSeda h5,.bgTmaveSeda h6,.bgTmaveSeda p{color:#fff;} .ND21.superbody .bgBledeRuzova a.akcb{border-color: #fff;background-color: #fff;color: #000;} .bgBezova{background: #e2cab0;} .bgCerna{background:#000;} .bgCerna :where(h2,h3,h4,h5,h6,p){color:#fff;} .prouzek.contentC{padding-top:10px;padding-bottom:10px;} .superbody.V21 .prouzek :where(h2,h3,h4,h5,h6){font-weight:normal;} /*ikonky do textu pres*/ .iko{background-size: contain;background-position: center;background-repeat:no-repeat;display:inline-block;width:1.5em;height:1.5em;vertical-align: text-bottom;margin: 0 0.25em;} .iko.stit{background-image:url('/data/USR_003_IMAGES/hrajeme_fer.png');} .OdrazkyCislaRuzova ol li::marker{color:#f42c79;font-weight:bold;} .NK .pt{background: #fff;border-top: 2px solid #9f8670;border-left: 2px solid #9f8670;padding: 22px 10px;} .productBackground .pt p{font-size: 1em;padding: 1em 1em 0 1em;margin: 0;text-align: center;line-height: 1.3em;color: #a87b42;} /*.productBackground .pt p span{color: #da3e06;font-weight: bold;}*/ .ico{display: block;width: 100%;color:#fff;position:absolute;bottom:0px;left:0;right:0;z-index: 10;text-align:center;}/*margin: -32px 20px 0;*/ .ico:before{content:"";display:block;position:absolute;width:100%;background:#c32327;height:50px;left: 0;right: 0;z-index: 0;} .ico .prasatko{background: url(../images/Prasiatko.png) no-repeat left center;height: 45px;display: inline-block;} .ico .auto{background: url(../images/dodavka.png) no-repeat left center;height: 50px;display: inline-block;} .ico .plus{background: url(../images/Plus.png) no-repeat left center;height: 50px;display: inline-block;} .ico span{padding:0 0 0 40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height: 50px;margin-right: 25px;position: relative;z-index: 1;} /*bonusy a ukazka stranka css*/ #hnedyblok form#reguserform table{width:85%;margin:0 auto;font-size:15.3px;}/*85.7%*/ #hnedyblok form#reguserform table tr:nth-child(-n+5) td:first-child{padding-left:11.5%;} #hnedyblok form#reguserform table{text-align:left;} /*{max-width:none;position: relative;}*/ .bonusy,.ukazka{position:relative;} .bonusy #topBanner,.ukazka #topBanner{position: relative;text-transform: uppercase;}.bonusy #topBanner *,.ukazka #topBanner *{font-weight: bold !important;} .bonusy #blok1,.bonusy #blok2{max-width: 450px;width:100%;margin:0 auto;} #odeslano {background:#000;opacity:0.7;position:fixed;width:100%;height:100%;top:0px;bottom:0px;left:0px;right:0px;z-index:1000} #odeslanodiv{background:#fff;font-size:1.2em;position:fixed;margin:auto;width:400px;height:145px;left:0;right:0;bottom:0;top:0;text-align:center;padding:20px;z-index:1001;color: #f42c79;} #odeslanodiv #zavrit{position:absolute;bottom:0;margin:auto;left:0;right:0;} .bonusy #formular .tlacitko .male,.ukazka #formular .tlacitko .male{font-size: 0.6em;display: block} /*bonusy a ukazka stranka css*/ /*bonusy stranka css*/ .bonusy #blok1{margin-top: 50px;} .bonusy #blok1 img{max-width:100%;} .bonusy #blok2 #formular .tlacitko,.ukazka #blok2 #formular .tlacitko{ cursor:pointer; margin:0 auto; margin-top: 10px; width:220px; height:68px; display:block; color:#f0e115; font-size:1.2em; font-weight:bold; padding:15px 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box; border-bottom:2px solid #000; border-right:1px solid #000; letter-spacing:normal; background-image: -webkit-linear-gradient( 90deg, rgb(218,62,6) 36%, rgb(218,62,6) 50%, rgb(247,108,51) 100%); background-image: -ms-linear-gradient( 90deg, rgb(218,62,6) 36%, rgb(218,62,6) 50%, rgb(247,108,51) 100%); -webkit-box-shadow: 0px 3px 5px 0px rgba(161, 115, 39, 0.75); box-shadow: 0px 3px 5px 0px rgba(161, 115, 39, 0.75); } .bonusy #blok2 #formular .odeslat:hover,.ukazka #blok2 #formular .odeslat:hover{cursor:pointer;} .bonusy #blok2 #formular a,.bonusy #blok2 #formular .odeslat,.ukazka #blok2 #formular a,.ukazka #blok2 #formular .odeslat{display: none;} .bonusy #blok2 .textik,.ukazka #blok2 .textik{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 12px 23px;background: #fff;margin-bottom:43px;} .bonusy #blok2 .textik p,.ukazka #blok2 .textik p{margin:0;padding:0;} .bonusy #blok2 input[type="text"],.bonusy #blok2 .textik,.ukazka #blok2 input[type="text"],.ukazka #blok2 .textik{border-top: 2px solid #9f8670;border-left: 2px solid #9f8670;} .bonusy #blok2 input[type="text"],.ukazka #blok2 input[type="text"],.bonusy #blok2 input[type="password"],.ukazka #blok2 input[type="password"] {width: 100%;margin-bottom: 10px;height: 40px;padding: 0px 10px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;font-size:1em;} /*bonusy stranka css*/ /*ukazka stranka css*/ .ukazka{font-size:70%;padding-bottom: 60px;} .ukazka #topBanner{font-size: 2.1em;} .ukazka #blok1,.ukazka #blok2{width:50%;} .ukazka #blok1{float:right;width: 100%;margin-top: 50px;height: 600px;position: relative;max-width: 523px;} .ukazka #blok2{float:left;width: 100%;text-align: center;font-size: 1.5em;margin: 60px 0 0 0;max-width: 327px;} .ukazka #blok2 input[type="text"]{font-size:0.9em;} .ukazka .textik .red.firts { font-size: 1.1em; line-height: 1.8em; } .ukazka .textik .red { color: #da3e06; font-weight: bold; } .ukazka #hnedyblok p { line-height: 1.35em; padding-bottom: 20px; color: #a87b42; margin-top: 0; padding-right: 0; font-weight: 500; } /*ukazka stranka css*/ .box1 li{text-align: center;font-weight: bold;}.box1 li img{display:inline-block;} .box1 li{width:calc(100%/5);margin-bottom: 20px;float:left;text-transform: uppercase;color: #da3e06;font-size: 1.3em;} .box1 img{margin-bottom:20px;} .box1 p{padding: 0 15%;-webkit-box-sizing: border-box;box-sizing: border-box;margin:0;} .autor .podpis{position: relative;float: right;margin-top:25px;}.autor .podpis p{margin:0}.autor .podpis img{width:auto;padding-bottom:10px;} .autor p{text-align:left;} .autor p,.texty p{font-weight:300;letter-spacing: 0.5px;} .texty img{display:inline-block;width:auto;} .texty ul,.texty ul li,.superbody.ND21.stop ul li{float: none;text-align: left;margin-bottom: 0.25em;}/*list-style:disc;*/ .box2 ul{text-align:left;} .box2 li{width:45.5%;margin:0 2%;margin-bottom:25px;line-height: 1.6em;text-align: justify;padding: 0 25px;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;vertical-align: top;float:none;} .box2 li p{font-weight:300;} .box2 li h3{color:#c52a2e;text-transform: uppercase;text-align:center;} .box3{}.box3 .anot h3{margin: 0 0 30px 0;color: #c52a2e;} .box3 .photogaleryFoto{width:calc(100%/5 - 24px);height:230px;margin:10px;display:inline-block;} .box3 .photogaleryFoto span{display:none;} /*.box3 .photogaleryFoto + .clearFloat,.box3 .photogaleryFoto br{display:none;}*/ .box3 .photogaleryFoto img{} .box4 .photogaleryFoto{width: calc(100%/5 - 4px);margin:0 0;text-align:center;position: relative;margin-bottom: 51px;min-height: 180px;padding: 0;float: none;display: inline-block;} .box4 .photogaleryFoto:nth-child(odd) span{color:#da3e06;} .box4 .photogaleryFoto:nth-child(even) span{color:#a77c5c;} .box4 li.posledni{width: 160px;margin: 0 auto 51px;float: none;} .box4 img{width: calc(100% - 10px);height:auto;display:inline-block;vertical-align: middle;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .box4 .photogaleryFoto span{position:absolute;bottom:-51px;left: 0;right: 0;margin: 15px 0;font-size: 1.1em;vertical-align: top;display: inline-block;font-weight: 200;} .box4 a{color:#000;text-decoration:none;} .box5 iframe{max-width:560px;width:100%;} .box6{text-align:center;} /*.box6 .obr + h3{color:#f21715;min-height: 64px;}*/ .box6 h3{font-weight: 300;font-size: 1.55em;text-transform: uppercase;margin-bottom: 10px;color:#000;} .box6 li{width: 30.33%;margin: 0 1%;}.box6 ul:after{content:"";display:block;clear:both;} .box6 li p{text-align:center;display:block;font-style: italic;font-weight: 300;line-height: 1.6em;font-size: 1.2em;} .box6 li p.tx_pod{min-height: 300px;line-height: 1.4em;} .box6 li span{padding:25px 0;font-size:2em;color:#FFD20B;} .box6 .obr{height:auto;display:block;margin:25px auto;width: auto;} .box6 .obl{width:auto;display:block;margin:25px auto;border-radius:100px;} .box7 img,.box8 img{margin:0 auto;display:block;} .garance{padding:0;} .box9 img{width:350px !important;height:auto !important;z-index:1;position:relative;} .box9 .bonustex{float: left;width: calc(100% - 322px);margin-left: -30px;margin-top: 9%;position: relative;border: 1px solid #db4813;padding: 20px 70px;-webkit-box-sizing: border-box;box-sizing: border-box;} .box9 h2{padding:0;margin: 25px 0;} .box9 p{color:#7f7f7f;font-weight: 300;font-size: 1.2em;} .kulate-rohy,.kulate-rohy-stin{ border-radius: 10px; } .kulate-rohy-stin,img.stin{ box-shadow: 7px 7px 20px -5px #d5d5d5; } table.urovene{display:none;} @media only screen and (max-width: 1600px){ /*.zarovnani-prava ul.hl_tri.videoList,.zarovnani-leva ul.hl_tri.videoList{max-width: calc((340px*2) + 4.4%);}*/ .kulate-rohy,.kulate-rohy-stin{max-width: 340px;} } @media only screen and (min-width: 700px){ .zarovnani-prava ul.hl_tri.videoList{display:flex;justify-content:flex-end;} .zarovnani-leva ul.hl_tri.videoList{display:flex;justify-content:flex-start;} table.urovene{width:100%;max-width:950px;margin:0 auto;display:table;} table.urovene td{width:50% !important;} } .pb-0{padding-bottom:0;margin-bottom: -1em;} /*.dva ul.hl_tri{width:calc(100%/1.5);}*/ ul.hl_tri:not(.videoList) li{width:calc(100%/3 - 4%);margin:2% 2%;text-align:center;font-weight:300;font-size:1em;float:left;padding: 50px 10px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 1px 65px rgba(0,0,0,0.09);box-shadow: 0px 1px 65px rgba(0,0,0,0.09);padding-top: 0;margin-top: 50px;background: #fff;position:relative;}/*min-height:790px;*/ /*.jeden ul.hl_tri li{margin-left: auto;margin-right: auto;float: none;}*/ /*.dva ul.hl_tri li{width:calc(100%/2 - 4%);}*/ ul.hl_tri:not(.videoList) li.bestPrice{border-radius: 15px 15px 0 0;position: relative;}/*padding-top: 25px;margin-top: 25px*/ /*overflow: hidden; */ ul.hl_tri:not(.videoList) li .nejponuka{color: #fff;background: #000;display: block;position: absolute;top: 0;left: 0;right: 0;line-height: 2.5em;font-weight: bold;border-radius: 15px 15px 0 0;} ul.hl_tri:not(.videoList) li .bestsel{display:none;} ul.hl_tri:not(.videoList) li .redbox.bestPrice:before{content:"";display:block;background: url(../images/stitek.png) no-repeat;background-size: contain;width:156px;height:33px;position:absolute;bottom: 70px;right: 0;left: 0;margin: auto;} .contentC:not(.productPopup) .hl_tri:not(.videoList) .redbox{margin: 0;text-align: center;position:relative;height: 300px;} /*#boxx .hl_tri .redbox.zadara:after{content:"";display:block;width:80px;height:77px;background: url(../images/zdarma.png)no-repeat;background-size: contain;position: absolute;top:-40px;right:0;left: 0;margin: auto;}*/ .hl_tri .redbox .zadara,.hl_tri .redbox .zadara2,.productItem .productInfo .zadara2,.hl_tri .redbox .prelepka0,.hl_tri .redbox .prelepka1, .productItem .productInfo .prelepka0,.productItem .productInfo .prelepka1 {border-radius: 6px;background: #eea902;color: #ffff;font-size: 0.9em;padding: 10px 25px;position: absolute;top: 0;right: -30px;} .noShadow .hl_tri .redbox .zadara,.noShadow .hl_tri .redbox .zadara2,.hl_tri .redbox .prelepka0,.hl_tri .redbox .prelepka1{right: 50px;} .productItem .productInfo .zadara2,.productItem .productInfo .prelepka0,.productItem .productInfo .prelepka1{padding:0 12px;font-size:0.8em;} .productItem .productInfo .prelepka0,.productItem .productInfo .prelepka1,.hl_tri .redbox .prelepka0,.hl_tri .redbox .prelepka1{background:#f42c79;top: -40px;} .productItem .productInfo .prelepka0 + .prelepka1{top:-60px} /*.hl_tri .redbox.zadara:after,.hl_tri .redbox.zadara2:after{content:"";display:block;width:80px;height:77px;background: url(../images/doprava-zdarma.png)no-repeat;background-size: contain;position: absolute;top: -20px;right: -20px;margin: auto;}*/ .hl_tri:not(.videoList) .redbox img{height: auto;width: 100%;display: inline-block;margin: 50px auto 25px;max-width:320px;max-height:196px;-o-object-fit: contain;object-fit: contain;} .hl_tri .redblok{/*! color:#fff; *//*background: #da3e06;*/font-size: 1.2em;display: block;/*! padding: 20px 10px; *//*! height: 80px; */-webkit-box-sizing: border-box;box-sizing: border-box;font-weight: bold;margin: 0 0 20px 0;} .dvaradek .hl_tri .redblok{min-height: 62px;} .triradek .hl_tri .redblok{min-height: 93px;} /*.hl_tri .udj{display: flex;flex-direction: column;height: calc(100% - 300px);}*/ .hl_tri .udj > *:nth-last-child(2){margin-bottom: 1.5em !important;} .hl_tri .udj .sed,.udj .crv{display:block;/*! text-transform: uppercase; */} .hl_tri .udj .sed{ padding: 0;margin: 0;line-height: normal;} .hl_tri .udj .sed del,.hl_tri .udj .sed.crv{color:#6d6d6d;} .hl_tri .udj .crv{/*color: #d93d06;*/} .hl_tri .udj .sed.pvd{font-weight: bold;margin-top:10px;} .hl_tri .udj .sed.cnk{font-size: 1.7em;font-weight: bold;} .hl_tri .udj .sed.dph{font-size:0.9em;margin-bottom: 25px;} .hl_tri .udj .sed.zv{margin-top: 15px;color: #f42c79;font-weight: bold;} .hl_tri .udj a{ background-color: #da3e06; -webkit-box-shadow: 0px 1px 1px 0px rgba(80, 47, 11, 0.75); box-shadow: 0px 1px 1px 0px rgba(80, 47, 11, 0.75); /*! text-transform: uppercase; */ padding:14px 17px; margin: 5px 0 0 0; color: #fce900; text-decoration: none; font-size: 1.2em; display: inline-block; /*! font-weight: bold; */ } /*.hl_tri .udj a:hover{animation: anim-moema-1 0.3s forwards;}*/ .content.ctyriProdukty.noShadow{font-family: 'Poppins', sans-serif;} .ctyriProdukty ul.hl_tri:not(.videoList) li:first-child{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 50px 0 0 0;position: relative;font-size: 1.4em;margin-bottom: 60px;} .ctyriProdukty .hl_tri li:first-child .redbox,.ctyriProdukty .hl_tri li:first-child .udj{/*! width: 50%; */float: left;position: static;} .ctyriProdukty .hl_tri li:first-child .redbox{width: 60%;} .ctyriProdukty .hl_tri li:first-child .udj{-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;width: 40%;} .ctyriProdukty .hl_tri li:first-child .redbox img{max-width: 100%;max-height: 330px;margin:50px 50px 0 0;} .ctyriProdukty .hl_tri li:first-child .redbox .redblok{position: absolute;top: 0;width: 100%;left: 0;right: 0;font-size: 0.967em;line-height: 25px;min-height: auto;color:#f42c79;} .ctyriProdukty .hl_tri li:first-child .udj .sed{font-size:1em;} .ctyriProdukty .hl_tri li:first-child .redbox .zadara,.ctyriProdukty .hl_tri li:first-child .redbox .zadara2,.hl_tri .redbox .prelepka0,.hl_tri .redbox .prelepka1{top:50px;font-size: 0.5em;padding: 7px 18px} .hl_tri .redbox .prelepka0{top:100px;}.hl_tri .redbox .prelepka0 + .prelepka1{top:150px;} .ctyriProdukty.noShadow .hl_tri li:first-child,.noShadow .hl_tri li:first-child{-webkit-box-shadow:none;box-shadow:none;padding-top: 80px;} .noShadow .hl_tri{display: block;} .noShadow .hl_tri li{display: block;} .noShadow .hl_tri .redbox{height: auto;} .noShadow .hl_tri .udj{display: block;} .noShadow .hl_tri .redbox .zadara,.noShadow .hl_tri .redbox .zadara2, .noShadow .hl_tri .redbox .prelepka0,.noShadow .hl_tri .redbox .prelepka1{font-size: 0.8em !important} .ctyriProdukty .hl_tri + h3{text-align:center;color:#000;font-weight:bold;} .ctyriProdukty .hl_tri .udj .sed.cnk{font-size: 0.967em;} .ctyriProdukty .hl_tri .udj a {background: #f42c79;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.75);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.75);color: #fff;-webkit-box-shadow: none;box-shadow: none;padding: 5px 30px;margin: 22px 0 0 0;border-radius: 20px;font-size: 0.8em;font-weight: 600;letter-spacing: 0.5px;} .ctyriProdukty .productList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;} .ctyriProdukty .productList .productItem{width:auto;margin: 0 2em 25px;} .ctyriProdukty .productList .productItem .productImage{padding: 0;min-height: auto;height:auto;} .ctyriProdukty .productList .productItem .productImage a{text-decoration: none;} .ctyriProdukty .productList .productItem .productImage img{position: relative;left: auto;right: auto;top: auto;bottom: auto;} .ctyriProdukty .productList .productItem .productImage .productName{position: relative;bottom: auto;left: auto;margin: 40px 0 0;} .coobsahuji .ctyriProdukty .productList .productItem{margin-bottom:3.5em;} .coobsahuji + .coobsahuji{margin-top:-3.75em;} .coobsahuji + .coobsahuji .ctyriProdukty .productList{margin-top:0;} body.superbody.ND21 .contentC:not(.skrej,.productPopup) ul.hl_tri:not(.videoList) > li{transition: all 0.25s linear;} body.superbody.ND21 .contentC:not(.skrej,.productPopup) ul.hl_tri:not(.videoList) > li:hover{box-shadow: 0px 1px 30px rgba(0,0,0,0.5);} @media only screen and (min-width: 731px){body.superbody.ND21 .contentC:not(.skrej,.productPopup) ul.hl_tri:not(.videoList) > li:hover{transform: scale(1.05, 1.05);}} /*videa*/ /*@font-face { font-family:"EmojiSymbols"; src:url(/font/EmojiSymbols-Regular.woff) format("woff"); text-decoration:none; font-style:normal }*/ /*.video .content,ul.hl_tri.videoList{max-width: 1366px;}*/ .bonusy .content{max-width:1366px;} .superbody.VNN .hl_tri.videoList .redbox .redblok .nazev{text-transform:none;} /*videa*/ /*kosik start*/ .content:has( .kosikC){font-size:1em;} .kosikC{font-size:1em;} .kosikC .cz{display:none;} .kosikC *{box-sizing: border-box;} .kosikC .kosik{max-width: calc(650px + (16px*2));width:100%;margin: 2em auto;position: relative;padding: 0 16px;} .kosikC .kosik .kosik-nadpis{text-align:center;} body.V-Kosiku .kosikC .kosik .kosik-nadpis h1{margin:0;padding:0;color: #000;font-size: 2em;} .kosikC .kosik .kosik-produktNadpis{} body.V-Kosiku .kosikC .kosik .kosik-produktNadpis h1{color:#000;margin:0;padding:0;line-height:1.4em;} .kosikC .kosik .kosik-kroky{display:flex;justify-content:center;margin:3.13em 0;} .kosikC .kosik .kosik-kroky .krok{display:flex;align-items:center;} .kosikC .kosik .kosik-kroky .krok:not(:last-of-type):after{content:'';display:block;width:2.5em;height:1px;background:#CCCCCC;margin:0 0.5em} .kosikC .kosik .kosik-kroky .krok .krok-cislo{color:#000;background:#eeeeee;border-radius:100%;margin-right:0.5em;width:1.5em;height:1.5em;display:flex;justify-content:center;align-items:center;font-weight:bold;} .kosikC .kosik .kosik-kroky .krok.activ .krok-cislo{color:#fff;background:#F42B79;} .kosikC .kosik .kosik-kroky .krok .krok-tx{} .kosikC .kosik .kosik-formular{display:block;} .kosikC .kosik .kosik-formular .fieldReq{color:#f42c79} .kosikC .kosik .kosik-formular .podbarvi{color:#f42c79} .kosikC .kosik .kosik-sekce-nazev{margin:2em 0 0;} body.V-Kosiku .kosikC .kosik .kosik-sekce-nazev h2{font-weight:bold;font-size:1.25em !important;line-height:1.1em !important;color:#000;margin:0;text-transform: none;} input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type=number]{-moz-appearance: textfield;} input[type="text"], select, textarea,input[type="text"]{border:1px solid #cccccc;color:#000;padding: 5px 25px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 432px;margin: 5px 25px;height: 50px;border-radius:6px;font-size: 1.3em;} select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url(/images/select-sipka.png);background-repeat: no-repeat !important;background-position: 94% 50% !important;} textarea{height:150px;border-radius: 6px;resize: none;} input[type="text"]:focus, select:focus, textarea:focus,input[type="text"]:focus{border:1px solid #b7d690;background:#f7f9f4;outline:0;} select:focus{background-image: url(/images/select-sipkaa.png);} .kosikC .kosik .kosik-formular input[type="checkbox"],.kosikC .kosik .kosik-formular input[type="radio"]{-webkit-appearance: none;appearance: none;margin: 0;background: transparent;border: 0;cursor: pointer;position:relative;display:inline-grid;} .kosikC .kosik .kosik-formular input[type="checkbox"]:before,.kosikC .kosik .kosik-formular input[type="radio"]:before{grid-column:1/2;grid-row:1/2;content: "";display: inline-block;width:22px;height:22px;border:1px solid #c8c8c8;box-sizing:border-box;} .kosikC .kosik .kosik-formular input[type="radio"]:before{border-radius:100%;} .kosikC .kosik .kosik-formular input[type="checkbox"]:hover:before,.kosikC .kosik .kosik-formular input[type="radio"]:hover:before{border-color: #f42c79;} .kosikC .kosik .kosik-formular input[type="checkbox"]:checked:before,.kosikC .kosik .kosik-formular input[type="radio"]:checked:before{border-color: #f42c79;background:#f42c79;} .kosikC .kosik .kosik-formular input[type="checkbox"]:checked:after,.kosikC .kosik .kosik-formular input[type="radio"]:checked:after{content: "";grid-column:1/2;grid-row:1/2;justify-self:center;align-self:center;} .kosikC .kosik .kosik-formular input[type="checkbox"]:checked:after{display: block;width: 3px;height: 6px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);box-sizing: unset;margin:0 0 1px 1px;} .kosikC .kosik .kosik-formular input[type="radio"]:checked:after{width:10px;height:10px;background:#fff;border-radius:100%;} .kosikC .kosik .kosik-formular input{} .kosikC .kosik .kosik-formular .kosik-ramSeda{border:0 solid #CCCCCC;border-width:1px 0;padding: 1em 0;margin:1em 0;} .kosikC .kosik .kosik-formular .kosik-form-produkt{margin-bottom: 3em;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-box{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;gap: 0.6em 0;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-nazev{grid-column:2/3;grid-row:1/2;align-self:center;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-nazev h2{color:#000;margin:0;padding:0;font-size:1em !important;line-height:1.4em !important;font-weight: bold;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-obrazek{grid-column:1/2;grid-row:1/3;align-self:center;margin-right: 1em;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-obrazek img{max-height:60px;width:auto;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-cena{grid-column:2/3;grid-row:2/3;align-self:center;justify-self: start;font-weight: bold;color: #F42B79;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-cena.obarveni{padding: 0.05em 0.5em;background: #F42B79;border-radius: 12px;color: #fff;font-size: 0.88em;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy{grid-column:-2/-1;grid-row:1/-1;align-self: center;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .kfp-kusy-tx{font-weight:bold;color:#F42B79;text-decoration:underline;cursor:pointer;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .kfp-kusy-tx:hover{text-decoration:none;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .kfp-kusy-pocet{display: grid;grid-template-columns: repeat(3,auto);align-items: center;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .minus, .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .plus{background:none;border:0;padding:0;margin:0;position:relative;width: 27px;height: 27px;grid-row: 1/2;cursor:pointer;display:grid;grid-template-columns: 1fr;grid-template-rows: 1fr;justify-items: center;align-items: center;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .minus:before,.kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .minus:after, .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .plus:before,.kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .plus:after{background:#CCCCCC;grid-column:1/2;grid-row:1/2;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .minus:hover:before,.kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .minus:hover:after, .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .plus:hover:before,.kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .plus:hover:after{background:#000} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .minus{grid-column: 1/2;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .minus:before{content:'';display:block;width:100%;height:2px;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .plus{grid-column: -2/-1;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .plus:before{content:'';display:block;width:100%;height:2px;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy .plus:after{content:'';display:block;width:2px;height:100%;} .kosikC .kosik .kosik-formular .kosik-form-produkt .pocetObal{grid-column: 2/3;grid-row: 1/2;margin: 0 0.75em;border: 1px solid #CCCCCC;border-radius: 2px;width: 50px;height: 50px;display: flex;align-items: center;padding: 0 0.2em;} .kosikC .kosik .kosik-formular .kosik-form-produkt .pocetObal input{border:0;margin:0;padding:0;width: 100%;height: 100%;text-align: center;font-weight:bold;} .kosikC .kosik .kosik-formular .kosik-form-produkt .pocetObal input:focus{background: transparent;} /*.kosikC .kosik .kosik-formular .kosik-form-produkt.DemoPrvky .kfp-kusy .kfp-kusy-pocet{display:none;} .kosikC .kosik .kosik-formular .kosik-form-produkt:not(.DemoPrvky) .kfp-obrazek,.kosikC .kosik .kosik-formular .kosik-form-produkt:not(.DemoPrvky) .kfp-kusy .kfp-kusy-tx{display:none;} .kosikC .kosik .kosik-formular .kosik-form-produkt:is(.DemoPrvky) .kfp-obrazek,.kosikC .kosik .kosik-formular .kosik-form-produkt:is(.DemoPrvky) .kfp-kusy .kfp-kusy-tx{cursor: no-drop;}*/ .kosikC .kosik .kosik-formular .inputLable.ToggleUdaje{cursor:pointer;flex-direction:row;align-items: center;margin:0 0 1.25em 0;} /*.kosikC .kosik .kosik-formular .inputLable.ToggleUdaje:before{content:'\f0fe';display:block;font-family: 'FontAwesome';font-size: 22px;margin:0 0.5em 0 0;} .kosikC .kosik .kosik-formular .inputLable.ToggleUdaje.ToggleUka:before{content:'\f146';}*/ .kosikC .kosik .kosik-formular .inputLable.ToggleUdaje .toggleSipka{cursor: pointer;position:relative;display:inline-grid;margin:0 0.95em 0 0;} .kosikC .kosik .kosik-formular .inputLable.ToggleUdaje .toggleSipka:before{grid-column:1/2;grid-row:1/2;content: "";display: inline-block;width:22px;height:22px;border:1px solid #c8c8c8;box-sizing:border-box;} .kosikC .kosik .kosik-formular .inputLable.ToggleUdaje .toggleSipka:before:hover{border-color: #f42c79;} .kosikC .kosik .kosik-formular .inputLable.ToggleUdaje.ToggleUka .toggleSipka:before{border-color: #f42c79;background:#f42c79;} .kosikC .kosik .kosik-formular .inputLable.ToggleUdaje.ToggleUka .toggleSipka:after{content: "";grid-column:1/2;grid-row:1/2;justify-self:center;align-self:center;display: block;width: 3px;height: 6px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);box-sizing: unset;margin:0 0 1px 1px;} .kosikC .kosik .kosik-formular .ToggleSchov:not(.ToggleUka){display:none;} .kosikC .kosik .kosik-formular .ToggleSchov{margin:0 0 0.75em 0;}/*padding-left:2em;*/ .kosikC .kosik .kosik-formular .kosik-form-produkt.kosik-form-produkt-darek{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.15em 0.5em;} .kosikC .kosik .kosik-formular .kosik-form-produkt-darek .kfp-darek{} .kosikC .kosik .kosik-formular .kosik-form-produkt-darek .kfp-darek label{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;gap: 0.5em;} .kosikC .kosik .kosik-formular .kosik-form-produkt-darek .kfp-darek .kfp-obrazek{margin: 0;} .kosikC .kosik .kosik-formular .kosik-form-produkt-darek .kfp-darek .kfp-obrazek img.productImage{max-height: 105px;} .kosikC .kosik .kosik-formular .kosik-form-produkt-darek .kfp-darek .kfp-nazev{text-align: center;} .kosikC .kosik .kosik-formular .kosik-form-produkt-darek .kfp-darek input.premiumGiftButton{margin-top: auto;} /* .kosikC .kosik .kosik-formular */ .kosikC .kosik .kosik-formular .kosik-form-udaje{padding:2em 0;} .kosikC .kosik .kosik-formular .kosik-form-udaje.kfu-schovane{padding-top:1em;} .kosikC .kosik .kosik-formular .inputLable{display:flex;flex-direction:column;} .kosikC .kosik .kosik-formular .inputLable span.IL-label{font-weight:bold;} .kosikC .kosik .kosik-formular .inputLable input,.kosikC .kosik .kosik-formular .inputLable select,.kosikC .kosik .kosik-formular .inputLable textarea {margin:0.26em 0 0 0;width:100%;background-color: #fff;} .kosikC .kosik .kosik-formular .inputLable + .inputLable{margin-top:1.2em} .kosikC .kosik .kosik-formular .firmaClosed{display:none;} .kosikC .kosik .kosik-formular .inputLable{} .kosikC .kosik .kosik-formular .inputLable.inputCheckbox{flex-direction:row;align-items: center;cursor:pointer;} .kosikC .kosik .kosik-formular .inputLable.inputCheckbox input{width: auto;margin: 0 0.95em 0 0;} .kosikC .kosik .kosik-formular .inputLable.inputCheckbox span.IL-label{} .kosikC .kosik .kosik-formular .kosik-form-slevaKod{padding:1.25em 0;} .kosikC .kosik .kosik-formular .inputLable.inputVoucher{display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto auto;gap:0.5em;} .kosikC .kosik .kosik-formular .inputLable.inputVoucher span.IL-label{grid-column:1/-1;grid-row:1/2;} .kosikC .kosik .kosik-formular .inputLable.inputVoucher input{grid-column:1/2;grid-row:2/3;margin:0;} .kosikC .kosik .kosik-formular .inputLable.inputVoucher #voucher_use{grid-column:2/3;grid-row:2/3;align-self:center;} #voucher_use{display: inline-block;padding: 5px 8px;cursor: pointer;color: #f42c79;text-decoration:underline;}#voucher_use:hover{text-decoration:none;} .kosikC .kosik .kosik-formular .kosik-form-celkem{margin-bottom: 3em;} .kosikC .kosik .kosik-formular .kosik-form-celkem .clk-box{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;} .kosikC .kosik .kosik-formular .kosik-form-celkem .clk-box + .clk-box, .kosikC .kosik .kosik-formular .kosik-form-celkem #voucher_discount .clk-box{margin-top:0.5em;} .kosikC .kosik .kosik-formular .kosik-form-celkem .clk-box .clk-tx{grid-column:1/2;grid-row:1/2;} .kosikC .kosik .kosik-formular .kosik-form-celkem .clk-box .clk-cena{grid-column:-2/-1;grid-row:1/2;color: #f42c79;font-size: 1.25em;} .kosikC .kosik .kosik-formular .kosik-form-celkem .clk-box .clk-bold{font-weight:bold;} .kosikC .kosik .kosik-formular .kosik-form-celkem .clk-box.clk-dph{display:none;} .kosikC .kosik .kosik-formular .kosik-form-doprava .kfd-inputBox{display:flex;flex-direction: column;gap:1.25em 0;} .kosikC .kosik .kosik-formular .kosik-form-doprava .kfd-icon{margin-left:auto;} .kosikC .kosik .kosik-formular .kosik-form-doprava .kfd-icon img{height:19px;width: auto;margin-left:0.5em;} .kosikC .kosik .kosik-formular .kosik-form-text{font-size:0.88em;margin: 1em 0;padding: 0 2em 0 calc(22px + 0.95em);} .kosikC .kosik .kosik-formular .kosik-form-textPovine{margin:1.15em 0;text-align:center;font-weight:bold;} .kosikC .kosik .kosik-formular .kosik-form-Odeslat{display:flex;justify-content:center;} .kosikC .kosik .kosik-formular .kosik-form-Odeslat .odesla{border: 1px solid #f42c79;border-radius: 6px;background: #f42c79;color: #fff;padding: 18px 36px;font-size: 1.13rem;box-shadow: none;font-weight: 700 !important;text-transform: none;text-align: center;line-height: 1em;cursor: pointer;margin: 0 auto 0;} @media only screen and (max-width: 550px){ .kosikC .kosik .kosik-kroky .krok:not(.activ) .krok-tx{display:none;} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-box{grid-template-columns:auto 1fr;grid-template-rows:repeat(3,auto);} .kosikC .kosik .kosik-formular .kosik-form-produkt .kfp-kusy{grid-column:1/-1;grid-row:3/4;justify-self: center;margin-top:1em;} .kosikC .kosik .kosik-formular .kosik-form-doprava .inputLable.inputCheckbox{display:grid;grid-template-columns:auto 1fr;} .kosikC .kosik .kosik-formular .kosik-form-doprava .inputLable.inputCheckbox input{grid-column:1/2;grid-row:1/2;} .kosikC .kosik .kosik-formular .kosik-form-doprava .inputLable.inputCheckbox span.IL-label{grid-column:2/3;grid-row:1/2;} .kosikC .kosik .kosik-formular .kosik-form-doprava .kfd-icon{display:none;grid-column:2/3;grid-row:2/3;justify-self: start;margin:0.25em 0 0;} .kosikC .kosik .kosik-formular .kosik-form-doprava .kfd-icon img{margin:0;} .kosikC .kosik .kosik-formular .inputLable.inputVoucher{grid-template-columns:100%;grid-template-rows:repeat(3,auto);} .kosikC .kosik .kosik-formular .inputLable.inputVoucher #voucher_use{grid-column:1/2;grid-row:3/4;justify-self: center;} .kosikC .kosik .kosik-formular .kosik-form-celkem .clk-box{grid-template-columns:100%;grid-template-rows:repeat(2,auto);gap:0.25em;} .kosikC .kosik .kosik-formular .kosik-form-celkem .clk-box .clk-cena{grid-row:2/3;} .kosikC .kosik .kosik-formular .kosik-form-celkem .clk-box + .clk-box, .kosikC .kosik .kosik-formular .kosik-form-celkem #voucher_discount .clk-box{margin-top:1em;} } body.myBody .formError .formErrorContent, body.myBody .formError .formErrorArrow div{background:#FF2400} /*kosik end*/ /* #bottomC{background:#363636;padding:20px 0;} */ /* #bottom{color:#fff;width:900px;margin:0 auto;} */ /* #bottom li{width:130px;float:left;text-align:center;margin: 0 10px;} */ /* #bottom li:nth-last-of-type(1),#bottom li:nth-last-of-type(2){width:200px;} */ /* #bottom a{color:white;text-decoration:none;text-transform: uppercase;} */ /* #copyright{text-align: center;display: inline-block;width: 100%;margin:25px 0 0 0;} */ /* .soc{width:38px;margin:20px auto;} */ /* .fb{display: block;background:url('../images/soc_fb.png') no-repeat;width:38px;height:38px;border-radius:5px;} */ .loga_pa{width: 351px;height: 84px;margin: 20px auto;background: url('../images/loga_pa.png') no-repeat;} .loga_pa img{width:auto;} #kontakty{width:900px; margin:0 auto;padding:250px 0 150px 0;} #kontakty .box{width:50%;margin:0;float:left;} #kontakty h2{text-align:left;border-bottom:0;margin:0;color:#000;} #pod{width:900px;margin:0 auto;padding:100px 0 150px 0;} #pod h1,#pod h3{text-align:left;} #pod li{float: none;list-style: outside;margin:5px 0;margin-left: 30px;font-size:1em;} #pod ul{margin-bottom:20px;} #pod p{font-size:1em;font-weight:300;} #pod.vop p{font-weight:normal;} #kontakty,#pod{background: rgba(255,255,255,0.7);padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;} /*--new vzhled prvky--*/ ul.fto li img {max-width: 100%;height: auto !important;max-height: 294px;} .vyhody table{width: 100%;max-width: 1203px;margin: 0.8em auto 0;} .vyhody tbody{} .vyhody tr{width: 100%;display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));row-gap: 13px} .vyhody td{width: auto !important;} .vyhody table.pocet-4{max-width:1250px;} .vyhody table.pocet-4 tr{gap:4em;} .vyhody table.pocet-4 td h4{margin-bottom:1.5rem} @media only screen and (max-width: 1100px) and (min-width:691px) { .vyhody table.pocet-4{max-width:calc(1100px + (2.5em*2));padding: 0 2.5em;} } /*duvody*/ table.duvody,table.duvody > tbody,table.duvody > tbody > tr,table.duvody > tbody > tr > th,table.duvody > tbody > tr > td{width:100% !important;display:block;padding:0;} table.duvody{max-width:1320px;} @media only screen and (max-width: 1100px) and (min-width:691px) { table.duvody{max-width:calc(1100px + (2.5em*2));padding: 0 2.5em;} } table.duvody > tbody > tr {--grid-layout-gap: 4em;--grid-column-count: 3;--grid-item--min-width: 200px;display: grid;grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), 1fr));gap: var(--grid-layout-gap);} table.duvody.rozdel2 tr{--grid-column-count: 2;} table.duvody.rozdel3 tr{--grid-column-count: 3;} table.duvody.rozdel4 tr{--grid-column-count: 4;} table.duvody.rozdel5 tr{--grid-column-count: 5;} table.duvody.rozdel6 tr{--grid-column-count: 6;} /*slider table*/ .tns-outer button[data-action="stop"],.tns-outer button[data-action="start"]{display:none;} .slider-table{margin:1.5em 0;} .slider-table *{box-sizing: border-box;} .slider-table .slider-itemBox{text-align:center;min-height:var(--stH);display:flex;flex-direction:column;} .slider-table .slider-itemBox p{padding:0 !important;} .slider-table .slider-itemBox p:has(img){margin:auto 0 0;} .slider-table .slider-itemBox img{max-width:100%;height:auto !important;} .slider-table a{text-decoration:none;} .slider-table a:hover{text-decoration:underline;} .slider-table .tns-controls button{-webkit-appearance: none;-moz-appearance: none;appearance: none;background:none;border:0;border-radius:none;padding:0;margin:0;font: inherit;color: inherit;cursor: pointer;} .slider-table .tns-controls{display:flex;justify-content:center;gap: 1em;margin:1.5em 0 0} .slider-table .tns-controls :where(.sipka-leva,.sipka-prava){background: #f0f4f5;--wh: 2.75em;width: var(--wh);height: var(--wh);border-radius: 100%;display: flex;justify-content: center;align-items: center;padding: 0.5em;} .slider-table .tns-controls button[disabled] :where(.sipka-leva,.sipka-prava){opacity:0.5;} .slider-table .tns-controls button :where(.sipka-leva,.sipka-prava):before{content:'';display:block;width:50%;height:50%;border:0 solid #000;} .slider-table .tns-controls button:hover:not([disabled]) :where(.sipka-leva,.sipka-prava):before{border-color:#f42c79;} .slider-table .tns-controls .sipka-leva:before{border-width: 2px 0 0 2px;border-radius: 2px 0 0 0;transform: rotate(-45deg);} .slider-table .tns-controls .sipka-prava:before{border-width: 2px 2px 0 0;border-radius: 0 2px 0 0;transform: rotate(45deg);} /*display: flex;align-items: center;justify-content: center;*/ .stridani{padding: 0;} .stridani .content{} .stridani table{width: 100%;display:block;} .stridani table tbody{display:block;} .stridani table tr{width: 100%;display: grid;grid-template-columns: repeat(auto-fit, minmax(535px, 1fr));} /*.stridani table td h2,.video h2,.box6 h2,.box55 h2,.fer h2,.hovori h2{font-weight: 500;font-size: 38px;line-height: 51px;} .stridani table td p{font-weight: 300;font-size: 20px;line-height: 30px;}*/ .stridani.pravaIMG table td:nth-child(1),.stridani.levaIMG table td:nth-child(2){align-self: center;padding: 0 4.6em;box-sizing: border-box;} .stridani.pravaIMG table td:nth-child(1){text-align: right;} .stridani img{width: 100% !important;height: auto !important;margin:0 !important;max-width: 798px;} .stridani.pravaIMG img{float: right !important;} .stridani.levaIMG img{float: left !important;} .stridani.pravaIMG.ZarNormal table td, .stridani.levaIMG.ZarNormal table td{text-align:start;} .referenceT td[colspan="2"]{padding:0.75em 0} .referenceT h3{margin-top:0.65em;margin-bottom:0.75em} .fer{} .fer table{width: 100% !important;max-width: 700px;margin: 0 auto;} .fer table tbody{} .fer table tbody tr{display: grid;grid-template-columns: 25% 1fr;} .fer table tbody td{padding: 0;width: auto !important;align-self: start;} .fer table tbody td h2{padding-top: 0;} .BaneryDoporuc table,.BaneryDoporuc table > tbody,.BaneryDoporuc table > tbody > tr,.BaneryDoporuc table > tbody > tr > th,.BaneryDoporuc table > tbody > tr > td{display:block;width:100% !important;padding:0;} .BaneryDoporuc table{border-collapse:collapse;} #Container .BaneryDoporuc table > tbody > tr{display:flex;justify-content:center;} #Container .BaneryDoporuc table > tbody > tr > :where(th,td){padding:0.5em 1em !important;width: auto !important;} #Container .BaneryDoporuc table > tbody > tr > :where(th,td) img{aspect-ratio:1/1 !important;display: block;width: 100% !important;max-width:433px;height: 100% !important;object-fit: contain;} @media only screen and (max-width: 899px){ #Container .BaneryDoporuc table > tbody > tr{flex-wrap:wrap;} #Container .BaneryDoporuc table > tbody > tr > :where(th,td) img{width:100% !important;max-width:300px;} } .hovori{margin: 1.5rem 0 2rem;} .hovori table{width: 100%} .hovori table td{display: grid;grid-template-columns: repeat(auto-fit,minmax(110px,max-content));justify-content: center;padding: 0 1em;box-sizing: border-box;grid-auto-rows: 1fr;row-gap: 1em;column-gap: 0.5em;} .superbody.ND21 .hovori h2{margin-bottom:0.5em;} .hovori table td a{display:flex;align-items:center;} .hovori table td img{align-self: center;justify-self: center;width: 100% !important;height: auto !important;object-fit: contain;max-height: 56px;max-width: 120px;} .hovori table td img[width="1"],.hovori table td img[height="1"],.hovori table td img[border="0"]{width:1px !important;height:1px !important;} .hovori table td p{display: none;} ul[style*="list-style-type: circle"]{margin: 0;padding: 0 1em;box-sizing: border-box;list-style: none !important;} ul[style*="list-style-type: circle"] li{border-bottom: 1px solid #efefef;padding: 8px 30px 8px 0;position: relative;overflow: hidden;cursor: pointer;} ul[style*="list-style-type: circle"] li.minus{} ul[style*="list-style-type: circle"] li:last-child{border: 0;} ul[style*="list-style-type: circle"] li:after{content: "\f067";font-family: FontAwesome;color: #f42c79;position: absolute;right: 13px;top: 16px;} ul[style*="list-style-type: circle"] li.minus:after{content: "\f068";} ul[style*="list-style-type: circle"] li:before{display: none;} ul[style*="list-style-type: circle"] h4{margin: 0;} ul[style*="list-style-type: circle"] p{margin: 8px 0 0 0;padding: 0;display:none;}/*transition: all 1s linear;max-height: 0;transition-delay: 0s;overflow: hidden;}*/ /*ul[style*="list-style-type: circle"] li.minus p{max-height: 300px;}*/ .superbody.ND21 .box6 .content{max-width: 1370px;} .superbody.ND21 .box6 ul:after{display:none;} .superbody.ND21 .box6 ul{display:flex;justify-content:space-between;flex-direction: column;margin: 25px 0 0 0;} .superbody.ND21 .box6 li{text-align: left;background: #fff;border-radius: 8px;box-shadow: 0px 15px 76px rgba(0,0,0,0.13);padding: 38px 35px;margin: 0 0 1.95em 80px; box-sizing: border-box;float: none;display:grid;grid-template-areas:"obr h3" "obr hvezda" "obr tx_pod";grid-template-columns:auto 1fr;grid-template-rows: 38px 36px 1fr;grid-column-gap:44px;width: calc(100% - 80px);} .superbody.ND21 .box6.bezobr li{grid-column-gap:0;} .superbody.ND21 .box6 .obr{grid-area:obr;margin:0 0 0 -102px;width:134px !important;height:auto !important;align-self: center;} .superbody.ND21 .box6 h3{grid-area:h3;text-transform: none;font-size: 1.50rem;line-height: 1.88rem;font-weight: 500;margin: 0;} .superbody.ND21 .box6 h3 span{font-size: inherit;} .superbody.ND21 .box6 h3 + span{grid-area:hvezda;padding:0;font-size: inherit;display:flex;align-items:center;} .superbody.ND21 .box6 p.tx_pod{grid-area:tx_pod;text-align:left;min-height:auto;padding-top: 13px;} /*.box6 p.tx_pod{margin-top:10px;min-height: 250px;}*/ /*pismo velikost sjednoceni*/ .superbody.ND21 .superbody .productBackground h1,.superbody.ND21 .superbody .productBackground h2,.superbody.ND21.stop h2{font-size: 3.25rem !important;line-height:3.88rem !important;font-weight: 500;font-size: clamp(1rem, -2.375rem + 18vw, 3.25rem) !important;line-height: 1.2em !important;} .superbody.ND21 .superbody:not(.cernePozadiBilyText) .productBackground h1,.superbody.ND21 .superbody:not(.cernePozadiBilyText) .productBackground h2{color:#000;} .superbody.ND21 .productBackground .pt p,.superbody.ND21.stop p{font-size: 1.63rem !important;line-height: 2.44rem !important;} .superbody .productBackground h1{font-weight:500 !important} .superbody .productBackground h1{border: 0;padding: 25px 0 5px;margin: 0 0 20px 0;} /*vypis produktu*/ .ND21.superbody #objednavka_target.contentC:not(.productPopup){overflow:visible;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList){display: flex;flex-wrap: wrap;justify-content: center;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) > li{padding: 35px 1em;transition: all 0.25s linear;max-width: calc(100%/3 - 2%);margin: 2% 1%;width: 100%;} .ND21.superbody.Premium .contentC:not(.productPopup) ul.hl_tri:not(.videoList) > li{max-width: calc(100%/3 - 2%);} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) > li:hover{box-shadow: 0px 1px 30px rgba(0,0,0,0.5);} @media only screen and (min-width: 731px){:where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) > li:hover{transform: scale(1.05, 1.05);}} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) > li{display:flex;flex-direction: column;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj{display: flex;flex-direction: column;height:100%;}/*height: calc(100% - 300px);*/ .ND21.superbody.Premium .contentC:not(.productPopup) ul.hl_tri:not(.videoList) .udj{height:100%;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj a.productButton{margin-top: auto;align-self: center;max-width: 260px;width: 100%;box-sizing: border-box;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) > li,:where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) li.bestPrice,:where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) > li .nejponuka{border-radius: 7px;}ul.hl_tri:not(.videoList) > li .nejponuka{border-radius: 7px 7px 0 0 !important;font-weight: 700 !important;padding: 4px 0;margin-top:calc(-1em - 14px);} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .redblok{order: 0;font-size: 1.44rem;line-height: 2.50rem;font-weight: 700;margin: 29px 0 20px;min-height: 80px;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productAnot{order: 3;margin-bottom: 1.5em;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productBigPriceHeader{display: none;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productBigPrice{display: none;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productPriceHeader{display: none;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productPrice{order: 1;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj p.productPrice,:where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj p.productPrice *{font-size: 2.56rem !important;line-height: 2.50rem !important;font-weight: 800 !important;margin: 0 0 15px;} .ND21.superbody.Premium .contentC:not(.productPopup) .hl_tri:not(.videoList) .udj span.productPrice,.ND21.superbody.Premium .contentC:not(.productPopup) .hl_tri:not(.videoList) .udj span.productPrice *{font-size: 1.25rem !important;line-height: 1.88rem !important;font-weight: normal !important;margin: 0 0 1em 0;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productSave.sed.crv,:where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .productSave *{color: #F42C79;font-size: 1.25rem;line-height: 1.88rem !important;font-weight: 800;margin: 0 0 25px;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productSave{order: 2;} :where(.mb-premiumInfo,.ND21.superbody:not(.podlozka) .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productSave.nula, :where(.mb-premiumInfo,.ND21.superbody:not(.podlozka) .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productSave.nula *{color: transparent !important;} :where(.mb-premiumInfo,.ND21.superbody.podlozka .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productSave.nula{color: transparent !important;} :where(.mb-premiumInfo,.ND21.superbody.podlozka .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productSave.nula *{display:none;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) .udj .productSave br{display: none;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) > li .prelepkyBox{position:relative;top: -1.25em;} :where(.mb-premiumInfo,.ND21.superbody .contentC:not(.productPopup)) ul.hl_tri:not(.videoList) > li .prelepkyBox .prelepka0{background: #f42c79;color: #fff;padding: 6px 13px;border-radius: 6px;position: absolute;top: 8px;right: -20px;margin: 0 auto;display: inline-block;} /*tlacitka sjednoceni*/ :where(.mb-premiumInfo,.ND21.superbody) ul.hl_tri .udj a{background:#f42c79;color:#fff;box-shadow:none;padding:20px 30px;margin:22px 0 0 0;border-radius:5px;font-size: 1.13rem;font-weight: 700;letter-spacing: normal;} :where(.mb-premiumInfo,.ND21.superbody) ul.hl_tri .udj a,:where(.mb-premiumInfo,.ND21.superbody) ul.hl_tri .udj > *:last-child{margin-top: auto;} :where(.mb-premiumInfo,.ND21.superbody) ul.hl_tri .udj a{order: 4;} .ND21.superbody a.akcb,.ND21.superbody .productBackground .akcb{border: 1px solid #f42c79;border-radius: 6px;background: #f42c79;color: #fff;padding: 18px 36px !important;line-height: 1.88rem !important;font-size: 1.25rem !important;box-shadow:none;font-weight: 700 !important;text-transform: none;text-align:center;line-height: 1em;} .superbody.ND21.stop a.akcb{line-height: 1em !important;font-size: 1.13rem !important;} .superbody.ND21.stop a.akcb.invert{background:#fff;color:#000;border-width:2px;} .ND21.superbody a.akcb:first-letter,.ND21.superbody .productBackground .akcb:first-letter{text-transform: uppercase} /*line-height:1.69rem !important;font-size:1.13rem !important;*/ .ND21.superbody a.akcb s{font-size:0.8em !important;font-weight: normal;} .superbody.ND21 .texty h2,.superbody.ND21 h2,.superbody.ND21 h2{font-size: 2.38rem !important;line-height: 3.19rem !important;font-weight: 500;border:0;} .superbody.ND21 .texty h4,.superbody.ND21 h4,.superbody.ND21 h4{font-size: 1.44rem !important;line-height: 2.16rem !important;font-weight: 700;} .superbody.ND21 .box6 h3,.superbody.ND21 h3,.superbody.ND21 h3{font-size: 1.50rem !important;line-height: 1.88rem !important;font-weight: 500;} .superbody.ND21 .texty p,.superbody.ND21 p,.superbody.ND21 .texty ul,.superbody.ND21 .box6 p.tx_pod,.superbody.ND21 ul.hl_tri li .nejponuka,#centerC.ND21.superbody li,.ND21.superbody .productItem,.V21 .productItem,.superbody.ND21.stop ul{font-size: 1.25rem !important;line-height: 1.88rem !important;font-weight: 300;}.superbody.ND21 strong,.superbody.ND21 b{font-weight: bold;} /*.superbody.ND21 .hl_tri .udj .sed{font-size: 1.25rem !important;line-height: 1.88rem !important;}*/ .superbody.ND21 .texty a.akcb{margin: 52px 0 14px;padding: 18px 65px !important;} .superbody.ND21 .texty.box6 a.akcb{margin: 34px 0 14px;padding: 18px 80px !important;} /*.superbody.ND21 .hl_tri .udj .redblok,.ctyriProdukty .hl_tri li:first-child .redbox .redblok{font-size: 1.44rem !important;line-height: 2.50rem !important;font-weight: 700;} .superbody.ND21 .hl_tri .udj p.productPrice,.superbody.ND21 .hl_tri .udj p.productPrice *{font-size: 2.56rem !important;line-height: 2.50rem;font-weight: 800 !important;} .superbody.ND21 .hl_tri .udj span.productPrice,.superbody.ND21 .hl_tri .udj span.productPrice *{font-size: 1.25rem !important;line-height: 1.88rem;font-weight: normal !important;} .superbody.ND21 ul.hl_tri .udj .productSave.sed.crv,.superbody.ND21 ul.hl_tri .productSave *{color: #F42C79;font-size: 1.25rem;line-height: 1.88rem;font-weight: 800;} .superbody.ND21 ul.hl_tri .udj .productSave br{display: none;}*/ /*--fit pobyt table--*/ table.fitpobyty{width: 100% !important;border: 0;border-collapse: collapse;} table.fitpobyty tbody{} table.fitpobyty tr{display: flex;justify-content: center;flex-wrap:wrap;} table.fitpobyty td{background: #f4f4f4;padding: 1.5625rem;margin: 3.9375rem 1rem 0;width: 100% !important;box-sizing: border-box;border-radius: 6px;box-shadow: 0px 1px 20px #ddd;transition: all 0.25s linear;border: 1px solid #ddd;position:relative;max-width:max(500px,300px)} table.fitpobyty td:hover{box-shadow: 0px 1px 30px rgba(0,0,0,0.5);} @media only screen and (min-width: 731px){table.fitpobyty td:hover{transform: scale(1.05, 1.05);}} table.fitpobyty td{display: flex;flex-direction: column;} table.fitpobyty td > *:nth-last-child(2){margin-bottom: 1.75em;} /*.superbody.ND21 table.fitpobyty td h3{line-height:2.66rem !important}*/ table.fitpobyty td h3{margin-bottom:0.5em;} table.fitpobyty td > *:nth-last-child(1){margin: auto 0 0 0} table.fitpobyty td a.akcb{margin:0;} table.fitpobyty td img{margin: 0 auto 1.5em !important;border-radius: 6px;overflow: hidden;} table.fitpobyty td a.all,ul.hl_tri li a.all{font-size:0;position:absolute;top:0;left:0;right:0;bottom:0;} .productPopup ul.hl_tri li a.all{display:none;} /*--darceky table--*/ table.darceky{width: 100% !important;border: 0;border-collapse: collapse;} table.darceky tr{display: flex;justify-content: center;flex-wrap:wrap;width: calc(100% + 20px);margin-left: -10px;} table.darceky td{margin: 10px;width: auto !important;max-width:450px;} table.darceky td > *{margin-top:10px;} table.darceky td img{width:100% !important;height:auto !important;max-width:450px;} /*-- spojeni na sloupce --*/ .spojeniCentr{max-width:1600px;width:100%;margin:0 auto;padding: 4em 3.75em;padding: 4em 0;box-sizing: border-box;} /*-- dvasloupce --*/ .SpojeniDvaSloupce .spojeniCentr{display: flex;flex-wrap: wrap;align-items: center;} .SpojeniDvaSloupce .spojeniCentr .content{max-width:100% !important;width:100%;} .SpojeniDvaSloupce .spojeniCentr .spojNaDvaSloupce{flex: 1 1;min-width: 400px;} .ND21.superbody .SpojeniDvaSloupce .contentC:not(.productPopup) ul.hl_tri:not(.videoList) > li{max-width: 500px;} @media only screen and (max-width: 1120px){ .superbody.ND21 .SpojeniDvaSloupce .texty p{padding-left:0;} } @media only screen and (min-width: 691px){ .SpojeniDvaSloupce .spojeniCentr .spojNaDvaSloupce{padding:0;padding-right:1em;} .SpojeniDvaSloupce .spojeniCentr .spojNaDvaSloupce + .spojNaDvaSloupce{padding:0;padding-left:1em;} } @media only screen and (max-width: 880px){ .spojeniCentr{padding:2em 0} .SpojeniDvaSloupce .spojeniCentr .spojNaDvaSloupce{flex-basis: 100%;min-width:auto;} .SpojeniDvaSloupce .spojeniCentr .spojNaDvaSloupce{padding:0;} } /*--upravy24--*/ /*trida BGN - dela ze v respo uvodni text se prispusobuje*/ .ND21.superbody a.akcb.akcb-sipka,.ND21.superbody .productBackground .akcb.akcb-sipka{ background-repeat: no-repeat;background-size: 1em;background-position: right center;padding: 1.13em 3.6em 1.13em 2.6em !important; background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310 495' width='310' height='495'%3E%3Cstyle%3E.a%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='a' d='m62.3 0.8l-61.8 61.8 185.4 185.4-185.4 185.4 61.8 61.8 247.2-247.2z'/%3E%3C/svg%3E"); } .ND21.superbody a.akcb.akcb-sipka{background-position-x: calc(100% - (2.6em/2) + 0.5em);} .ND21.superbody .productBackground .akcb.akcb-sipka{background-position-x: calc(100% - (2.6em/2) + 0.5em);} .ND21.superbody a.akcb.akcbDvaR, .ND21.superbody .productBackground .akcb.akcbDvaR{text-align: left;text-transform: none;} .ND21.superbody a.akcb.akcbDvaR span, .ND21.superbody .productBackground .akcb.akcbDvaR span{color: inherit;font-weight: inherit;display: block;} .ND21.superbody a.akcb.akcbDvaR span:nth-child(1), .ND21.superbody .productBackground .akcb.akcbDvaR span:nth-child(1){} .ND21.superbody a.akcb.akcbDvaR span:nth-child(2), .ND21.superbody .productBackground .akcb.akcbDvaR span:nth-child(2){font-weight: normal;font-size:0.9em;} .ND21.superbody .bgBledeRuzova a.akcb{border-color: #fff;background-color: #fff;color: #000;} .BGN .productBackground{margin-bottom:0} .BGN .superbody .productBackground .pt a:not(.akcb){color:inherit;text-decoration:underline;} .BGN .superbody .productBackground .pt a:not(.akcb):hover{text-decoration:none;} .BGN .superbody .productBackground .pt a.akcb{margin: 2em 0 1em;} @media only screen and (min-width: 701px){ .BGN .productBackground{} .BGN .productBackground .content{padding: 0;} .BGN .box{display: flex;flex-direction: column;justify-content: center;} .BGN .box .blok{margin: 0;} .BGN .box .blok .pt{margin: 0;} } @media only screen and (min-width: 701px) and (max-width: 1600px){ .BGN .productBackground .content{padding: 0 1em;} .BGN.superbody.ND21 .productBackground .pt p{font-size: clamp(1rem, 0.4118rem + 1.1765vw, 1.625rem) !important;line-height: 1.5em !important;} .BGN.superbody.ND21 .superbody .productBackground h2{font-size: clamp(1.5625rem, -0.0257rem + 3.1765vw, 3.25rem) !important;line-height: 1.2em !important;} .BGN .superbody .productBackground .pt a.akcb{font-size: clamp(0.875rem, 0.5221rem + 0.7059vw, 1.25rem) !important;line-height: 1.5em !important;} /*.ND21.superbody .productBackground .akcb{background-position-x: calc(100% - (2.3em/2) + 0.5em);}*/ } @media only screen and (max-width: 550px){ .ND21.superbody a.akcb.akcb-sipka,.ND21.superbody .productBackground .akcb.akcb-sipka{display:block;} } @media only screen and (max-width: 450px){ .ND21.superbody a.akcb.akcb-sipka,.ND21.superbody .productBackground .akcb.akcb-sipka{padding-left:0.5em !important;padding-top:0.5em !important;padding-bottom:0.5em !important;} } /*-- share tlacitko --*/ a.btn-share,.btn-share{text-decoration:none !important;border: 1px solid #f42c79;border-radius: 6px;background: #fff;color: #f42c79 !important;padding: 18px 36px;line-height: 1.88rem;font-size: 1.25rem;box-shadow: none;text-align: center;font-weight:700;white-space:nowrap;} .akcb + .btn-share{margin-left:0.5em;} a.btn-share:hover,.btn-share:hover{} a.ne-btn-share-obrazek,.ne-btn-share-obrazek{display: inline-flex;border: 0;border-radius: 0;background: transparent;padding: 0;font-weight: normal;align-items: center;} a.ne-btn-share-obrazek:before,.ne-btn-share-obrazek:before{content:'';display:flex;background:url('/images/share.png') no-repeat;background-size: contain;width: 1.5em;height: 1.5em;margin: 0 0.45em 0 0;} a.ne-btn-share-obrazek:hover,.ne-btn-share-obrazek:hover{} .social-share{position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;background: rgba(0, 0, 0, 0.4);z-index: 9999;} .social-share-box{background: #fff;padding: 1em;box-shadow: 0 0 8px 0 #555;} @media only screen and (max-width: 690px) { a.btn-share,.btn-share{padding-left: 1rem !important;padding-right: 1rem !important;box-sizing: border-box;} a.ne-btn-share-obrazek,.ne-btn-share-obrazek{padding-left:0 !important;padding-right:0 !important;} } @media only screen and (max-width: 475px) { .productBackground .pt .akcb:has(+ .btn-share){margin-bottom:0 !important;} .productBackground .pt .akcb + .btn-share{margin:0.5em 0 0 0;display:inline-block;} a.btn-share,.btn-share{padding-top: 1rem !important;padding-bottom: 1rem !important;} } /*--treneri table--*/ table.treneri,table.treneri tbody,table.treneri tr,table.treneri th,table.treneri td{width:100% !important;display:block;} table.treneri tr{display:flex;flex-wrap: wrap;justify-content: center;gap: 1.25em 2.5em;} table.treneri th,table.treneri td{width:auto !important;padding:0;} table.treneri td img{margin:0 !important;} /*--LogaPartneruNew--*/ .contentC.LogaPartneri .PartneriLogaList{display: flex;gap: 0.75em 1.5em;flex-wrap: wrap;} .PartneriLogaList.PLL-zarovnej-left{justify-content:flex-start} .PartneriLogaList.PLL-zarovnej-right{justify-content:flex-end} .PartneriLogaList.PLL-zarovnej-center{justify-content:center} .contentC.LogaPartneri .PartneriLogaList img{margin:0 !important;} .LogaPartneri p.Pnegace{margin:0 !important;padding:0 !important;} /*-- PromoModul --*/ #contentC .promoModul{background: #f4f4f4;margin:0;border-radius:10px;} #contentC .promoModul h2{margin-bottom:0;padding:0;} #contentC .promoModul td img{height:100% !important;max-width:100%;object-fit: contain;} #contentC .promoModul td p:has(> img){margin:0;padding:0;} #contentC .promoModul td a.akcb{background-color:#000;border-color:#000;margin-bottom:0;margin-top:1em;padding-top:0.75em !important;padding-bottom:0.75em !important;} #contentC .promoModul td p:has(a.akcb){margin:0;padding:0;} #contentC table.promoModul > tbody > tr{padding:0 1.75em;box-sizing:border-box;} #contentC table.promoModul > tbody > tr > td{align-self:center;box-sizing:border-box;width: auto !important;} #contentC table.promoModul > tbody > tr > td:not(:has(> img)){padding:2em 0 2em 5em;} #contentC table.promoModul > tbody > tr > td:has( img){align-self:stretch;justify-self: center;padding: 1.25em 0;} @media only screen and (max-width: 875px) { #contentC table.promoModul{margin:inherit 0.75em;} #contentC table.promoModul > tbody > tr > td:not(:has(> img)){padding:1.5em 0;} #contentC table.promoModul > tbody > tr{grid-template-columns:100%;} #contentC table.promoModul > tbody > tr > td:has( img){grid-row:1/2;} } /* -- calendar -- */ /* ?design21=1&debug=1 &design21=1&debug=1 */ .hKalendar,.reguser .superbody.ND21 h2{text-transform: uppercase;text-align: center;font-weight:500;font-size: 2.38rem;line-height: 3.19rem;color:#000;margin: 1.75rem auto 0;padding: 0;max-width: 1200px;width: 100%;} .reguser .superbody.ND21 .hKalendar{text-transform:none;} .reguser:not(.SeCalendar) .superbody.ND21 h2{margin-bottom: 1.75rem;} .section_calendar{padding:0 0 30px 0;} .section_calendar .content{max-width: 1421px;} #slider-calendar:not(.sy-list){position: relative;} .calendarBox{opacity: 0;position: absolute;width: 100%;} .calendar{margin:1rem 0;width:100%;font-size:1.13rem;line-height:1.69rem;font-weight: 300;} .calendar .calendarMonth{color:#000;position: relative;font-size:1.28em;line-height: 2.4em;text-align:center;font-weight: 500;margin: 0 auto;padding: 0;max-width: 1200px;width: 100%;} .calendar .calendarEventDay {width:100%;max-width: 34px;height: 34px;text-align: center;float:left;display:flex;justify-content:center;align-items:center;} .calendar .rokykalendar{display: grid;grid-auto-columns: 1fr;padding: 0 30px;margin:3rem 0 0;box-sizing: border-box;} .calendar.weeks6 .rokykalendar{grid-template-columns: repeat(6,1fr);} .calendar.weeks5 .rokykalendar{grid-template-columns: repeat(5,1fr);} .calendar.weeks4 .rokykalendar{grid-template-columns: repeat(4,1fr);} .calendar .calendarWeekHeader{border-bottom: 1px solid #DADADA;grid-row: 1/2;} .calendar .calendarWeek{grid-row: 2/3;} .calendar .calendarDetail{grid-row: 3/4;grid-column: 1/-1;box-shadow:0 0 40px 0 rgba(0,0,0,0.14);border-radius: 5px;margin: 27px 0 0;} .calendar .clearFloat{display:none;} .calendar .calendarWeekHeader, .calendar .calendarWeek{width:auto;float:left;display: flex;justify-content: space-evenly;margin-bottom: 4px;padding-bottom: 4px;box-sizing: border-box;} .calendar .calendarEventDay.weekend {font-weight:bold;} .calendar .calendarEventDay.events{color: #81C14E;cursor:pointer;position: relative;font-weight:700;}/*background: #f42c79;*/ .calendar .calendarEventDay.events.vybranej{box-sizing: border-box;font-weight: 700;color: #fff;background: #F42C79;border-radius: 100%;} .calendar .calendarEventDay.events.vybranej:before{content: "";width: 0px;height: 0px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #fff;position: absolute;bottom: -35px;} .calendar .calendarEventDay.events span{background:#81C14E;border-radius:100%;position:absolute;width: 16px;height: 16px;top: 0px;right: -7px;} .calendar .calendarEventDay.events span:after{content: "";display: block;width: 3px;height: 6px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);box-sizing: unset;position: absolute;z-index: 1;margin: auto;left: 1px;top: 0px;right: 0;bottom: 0;} .calendar .terminy{margin: 0;padding: 1.75em 1.25em;border-radius: 10px;box-sizing: border-box;} .calendar .terminy{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));grid-gap: 16px;} .calendar .terminy li{} .calendar .terminy li:before{float:left;margin-top: 3px;display: none;} .calendar .terminy li img{width: 100%;height:177px;object-fit: cover;} .calendar .terminy table{border-collapse: collapse;width:100%;} .calendar .terminy table tbody{background: #fff;border: 1px solid #CDCDCD;box-sizing: border-box;box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);border-radius: 5px;display: grid;grid-template-columns: 100%;grid-auto-rows: auto;overflow:hidden;padding-bottom: 1.19rem;} .calendar .terminy table tr:nth-child(1){grid-column: 1/2;grid-row:2;margin-top:19px;} .calendar .terminy table tr:nth-child(2){grid-column: 1/2;grid-row:1;height: 177px;} .calendar .terminy table tr:nth-child(3){grid-column: 1/2;grid-row:3;margin-top:3px;height:3.38rem;overflow:hidden;} .calendar .terminy table tr:nth-child(4){grid-column: 1/2;grid-row:4;margin-top:5px;position:relative;} .calendar .terminy table tr:nth-child(4):before{content:"";display:block;width:18px;height:18px;background: url(/images/cas.png) center left no-repeat;float:left;margin:0 7px 0 0;} .calendar .terminy table tr:nth-child(4) .playpop{display:block;width:24px;height:24px;background: url(/images/iko21/play-bt.svg) center left no-repeat;float:right;margin:0;position:absolute;top:-3px;right:0;cursor:pointer;text-decoration:none;} .calendar .terminy table tr:nth-child(4) td{display:block;position:relative;} .calendar .terminy table td,.calendar .terminy table tr a{display:block;text-decoration:none;} .calendar .terminy table tr:nth-child(1),.calendar .terminy table tr:nth-child(3),.calendar .terminy table tr:nth-child(4){padding:0 21px;box-sizing:border-box;} .calendar .terminy table tr:nth-child(1),.calendar .terminy table tr:nth-child(1) *{font-size: 1.31rem;line-height: 1.97rem;font-weight: 700;color: #000;} .calendar .terminy table tr:nth-child(3),.calendar .terminy table tr:nth-child(3) *{font-size: 1.13rem;line-height: 1.69rem;font-weight: 400;color: #000;} .calendar .terminy table tr:nth-child(4),.calendar .terminy table tr:nth-child(4) *{font-size: 1rem;line-height: 1.50rem;font-weight: 400;color: #000;} .section_calendar .sy-controls{display:block;max-width:1200px;left:0;right:0;margin:0 auto !important;} .section_calendar .sy-controls li:before{display:none;} .section_calendar .sy-controls li{height: auto;} .section_calendar .sy-controls li{} .section_calendar .sy-controls li.sy-prev{right: calc(100%/2 - 200px);left:auto;} .section_calendar .sy-controls li.sy-next{left: calc(100%/2 - 200px);right:auto;} .section_calendar .sy-controls li.sy-prev,.section_calendar .sy-controls li.sy-next{top: calc(1rem + 1.2em);} .section_calendar .sy-controls li a:after{width: 15px;height: 15px;border: solid #F42C79;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;box-sizing: border-box;top: auto;margin: 0;border-radius: 0;background:none;} .section_calendar .sy-controls li.sy-prev a:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .section_calendar .sy-controls li.sy-next a:after{transform: rotate(135deg);-webkit-transform: rotate(135deg);} .section_calendar .sy-controls li a:link,.section_calendar .sy-controls li a:visited,.section_calendar .sy-controls li a:hover,.section_calendar .sy-controls li a:focus{opacity: 1;} /*respo 780px*/ .calendar .rokykalendar{grid-template-columns: 100% !important;padding: 0 1em;box-sizing: border-box;} .calendar .calendarWeekHeader:nth-child(n+2){display:none;} .calendar .calendarWeek{grid-row: auto;border-bottom: 1px solid #DADADA;} .calendar .calendarEventDay.events.vybranej:before{display:none;} .calendar .calendarDetail{grid-row: auto;} .calendar .terminy{justify-items: center;} .calendar .terminy li{max-width: 320px;} /*@media only screen and (max-width: 1230px) and (min-width: 781px){ .calendar.weeks6 .rokykalendar {grid-template-columns: repeat(3,1fr);} .calendar.weeks6 .calendarWeekHeader:nth-child(n+4){display:none;} .calendar.weeks6 .calendarWeek:nth-child(n+11){grid-row: 3/4;} .calendar.weeks6 .calendarEventDay.events.vybranej:before{display:none;} .calendar.weeks6 .calendarDetail{grid-row: 4/5;} } @media only screen and (max-width: 1110px) and (min-width: 781px){ .calendar.weeks5 .rokykalendar {grid-template-columns: repeat(3,1fr);} .calendar.weeks5 .calendarWeekHeader:nth-child(n+4){display:none;} .calendar.weeks5 .calendarWeek:nth-child(n+10){grid-row: 3/4;} .calendar.weeks5 .calendarEventDay.events.vybranej:before{display:none;} .calendar.weeks5 .calendarDetail{grid-row: 4/5;} } @media only screen and (max-width: 980px) and (min-width: 781px){ .calendar.weeks4 .rokykalendar {grid-template-columns: repeat(2,1fr);} .calendar.weeks4 .calendarWeekHeader:nth-child(n+3){display:none;} .calendar.weeks4 .calendarWeek:nth-child(n+8){grid-row: 3/4;} .calendar.weeks4 .calendarEventDay.events.vybranej:before{display:none;} .calendar.weeks4 .calendarDetail{grid-row: 4/5;} }*/ @media only screen and (max-width: 1600px){ .section_calendar .sy-controls li.sy-prev, .section_calendar .sy-controls li.sy-next{top:29px;} } @media only screen and (max-width: 1500px){ #ContainerC.SeCalendar #content{width: 100vw;max-width: none;} } @media only screen and (max-width: 1280px){ #ContainerC.SeCalendar #content{width: 100vw;max-width: none;} #ContainerC.SeCalendar #content .content{max-width:100% !important;} } @media only screen and (max-width: 1130px) { .kalendarFrame{max-width: 100%;} } @media only screen and (max-width: 1110px){ .calendar .calendarMonth{padding:0 1em;box-sizing:border-box;} .calendar.stare .calendarMonth:after{left:90px;} } @media only screen and (max-width: 780px){ } @media only screen and (max-width: 450px){ .section_calendar .sy-controls li.sy-prev{right: 20px;} .section_calendar .sy-controls li.sy-next{left: 20px;} .calendar .terminy{grid-template-columns:100%;padding: 0;} .calendar .calendarDetail{box-shadow:none;} } @media only screen and (max-width: 400px){ #ContainerC.SeCalendar #content{width: 100%;} .noborder #ContainerC.SeCalendar .section_calendar{box-sizing: border-box;padding-left: 0.15em;padding-right: 0.15em;} } /* -- articles --*/ .clanek { width:50%; float:left; } @media only screen and (max-width: 740px) { .clanek { width: 100%; } } .clanek:nth-child(2n+1){clear:both;} .clanek .anot img { float: left !important; padding-right: 1em; width: 106px; } .clanek .anot { padding-bottom: 1em; } .clanek .anotx { overflow:hidden; overflow-x:scroll; width:100%; } .clanek .anotx .anotxtable { display: table; } .clanek .anotx .anotxtable .anotxrow { display: table-row; } .clanek .anotx .anotxtable .anotxrow .anotxcell { display: table-cell; } .clanek .anotx img { width: 100px; float: left; padding-right: 0.5em; max-width: 106px; } p.continue{margin:25px 0;} .ctr{text-align:center;} .ctr.svp{position:relative;padding-top:60%;overflow: hidden;margin:0 auto;max-width:calc(100% - 1em);} .ctr iframe{max-width:100%;max-height:100%;} .ctr.svp iframe{position: absolute;top: 0;left: 0;right:0;bottom:0;width: 100%;height: 100%;border: 0;margin: 0 auto} @media only screen and (max-width: 740px){ } #bublina{ position: fixed;z-index: 10000;max-width: 310px; right: 1.5em;bottom: 1.5em; padding: 0.8em;background: #fff; border-radius: 5px;-webkit-box-shadow: 0px 1px 40px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 40px rgba(0, 0, 0, 0.2); font-size: 0.9em;line-height: 1.3em; } #bublina{display:-ms-grid;display:grid;-ms-grid-columns: 1fr 6fr;grid-template-columns: 1fr 6fr;grid-column-gap: 0.5em} /*@-moz-document url-prefix() {#bublina{-ms-grid-columns: 1fr 5fr;grid-template-columns: 1fr 5fr;}}*/ #bublina img{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;float: left;max-width:43px;} #bublina p{padding:0;margin:0;-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;}#bublina strong{color:#f42c79;} #bublina .krizek{color:#f42c79;position: absolute;top: 0.4em;right: 0.4em;font-size: 1em;line-height: 0.5em;cursor:pointer;} @media only screen and (min-width: 851px){ul.productGroupItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}} ul.productGroupItem .productName{color:#f42c79;margin: -1em 0 0 0;} ul.productGroupItem .udj .productText{font-size:0.9em;margin-top:1em;} ul.productGroupItem .udj .productText ul li{margin: 0;padding: 0;float: none;-webkit-box-shadow: none;box-shadow: none;width: auto;} /*ul.productGroupItem .udj .productText ul li:before{color:#f42c79;display:inline-block;vertical-align:middle;font-size:0.3em;}*/ ul.productGroupItem .udj a.productButton{text-transform: uppercase;font-weight:bold;font-size: 1.3em;} ul.productGroupItem .udj p.sed.crv{color:#f42c79;margin-top:0.7em;font-size:0.9em;font-weight:bold;} .productPopup{padding: 1em;} body.myBody.V21 .productPopup .content{width:100% !important;max-width:100%} .productPopup ul.hl_tri .clear,ul.hl_tri:after{display:none;} .productPopup .hl_tri .redbox .zadara,.productPopup .hl_tri .redbox .zadara2,.productPopup .hl_tri .redbox .prelepka0,.productPopup .hl_tri .redbox .prelepka1{display:none;} body.myBody.V21 .productPopup .hl_tri .redbox .zadara,body.myBody.V21 .productPopup .hl_tri .redbox .zadara2,body.myBody.V21 .productPopup .hl_tri .redbox .prelepka0,body.myBody.V21 .productPopup .hl_tri .redbox .prelepka1{position:relative;top:auto;left:auto;right:auto;bottom:auto;padding: 0.45em 0.4em;width: calc(100% + 3em);margin-left: calc((-1*3em)/2);text-align: center;box-sizing: border-box;} .productPopup ul.hl_tri{display:flex;flex-direction:column;flex-wrap: nowrap;justify-content: flex-start;} .productPopup ul.hl_tri li{width: auto;margin: 0 0 0.5em 0;text-align: left;float: none;padding: 0 0 0.5em 0;box-shadow: none;display: grid;grid-template-columns: auto 1fr;border-bottom: 1px solid #aaa;min-height: 155px;background:transparent;font-size:1.329em;gap:0 1em;} .productPopup ul.hl_tri li:last-of-type{border:0;} .productPopup ul.hl_tri li .nejponuka{display:none;} .productPopup .hl_tri .redbox{grid-column: 1/2;text-align: left;place-self: center;padding: 0.5em 1.1em 0;width: 150px;box-sizing: border-box;} .productPopup .hl_tri .redbox img{margin:0.5em 1.1em 0;max-width: 120px;max-height: 140px;max-height: 140px;min-height:auto;display: block;max-width: none;margin: 0;} .productPopup .hl_tri .udj *{color:#000000} .productPopup .hl_tri .udj{grid-column: 2/3;display: grid;grid-column-gap: 0.5em;grid-template-columns: auto 1fr auto;grid-template-rows: 1fr repeat(2,auto) 1fr;} .productPopup ul.hl_tri li .bestsel{display: inline-block;grid-column: -2/-1;grid-row: 1/2;padding: 0;place-self: end end;margin-bottom:calc(0.5em/2);} .productPopup .hl_tri li.bestPrice .udj{grid-template-rows:auto repeat(2,auto) 1fr} .productPopup ul.hl_tri li .bestsel span{display:block;background: #fbe840;border-radius: 5px;padding: 0.3em 1.3em;text-transform: uppercase;font-weight: bold;} .productPopup .hl_tri .udj .productPriceHeader{display: none;} .productPopup .hl_tri .udj .productSave{display: none;} .productPopup .hl_tri .udj .productBigPriceHeader,.productPopup .hl_tri .udj .productBigPrice,.productPopup .hl_tri .udj .productBigPrice del{color:#8a8a8a;} .productPopup .hl_tri .redblok.productName{grid-column: 1/2;grid-row: 1/2;margin: 0;place-self: start;} .productPopup .hl_tri .udj .productAnot{grid-column: 1/2;grid-row: 2/4;place-self: start;margin:0.5em 0 !important;} .productPopup .hl_tri .udj.AnotCena .productAnot{grid-column: 3/4;grid-row: 3/4;place-self:center end;} .productPopup .hl_tri .udj .productAnot .productPrice{padding:0;} .productPopup .hl_tri .udj .productPrice{grid-column: 3/4;grid-row: 1/2;margin: 0 !important;place-self: end;line-height: 1em;} .productPopup .hl_tri li:not(.bestPrice) .udj .productPrice{grid-row: 1/2;align-self: start;} .productPopup .hl_tri .udj .productBigPriceHeader{grid-column: 3/4;grid-row: 2/3;margin: 0;font-weight: normal;text-align: right;align-self: start;} .productPopup .hl_tri .udj .productBigPrice{grid-column: 4/5;grid-row: 2/3;text-align: right;align-self: start;} body.myBody.V21 .productPopup .hl_tri .udj a.productButton{grid-column: 3/4;grid-row: 4/5;padding: 5px 15px;margin: 0;text-align: center;vertical-align: middle;display: inline-block;place-self: start end;} body.myBody.V21 .productPopup .hl_tri li:not(.bestPrice) .udj a.productButton{grid-row:2/3;} .productPopup .hl_tri .udj.AnotCena .redblok.productName{grid-row: 1/2;place-self: end start;margin-bottom:calc(0.5em/2);} .productPopup ul.hl_tri li .udj.AnotCena .bestsel{grid-row: 1/2;place-self: center end;margin-bottom:calc(0.5em/2);} .productPopup .hl_tri .udj.AnotCena .productPrice{grid-row: 2/3;} .productPopup .hl_tri .udj:not(.AnotCena) .productPrice{grid-row: 2/3;margin-bottom:calc(0.5em/2) !important;} body.myBody.V21 .productPopup .hl_tri .udj:not(.AnotCena) a.productButton{grid-row: 3/5;margin-top:calc(0.5em/2);} body.myBody.V21.V-Kosiku .productPopup .hl_tri .redbox{display:none;} @media only screen and (max-width: 970px){ body.myBody.V21 .productPopup{padding: 0;} body.myBody.V21 .productPopup ul.hl_tri li{min-height:auto;display:grid;grid-template-columns: 100%;margin: 0 0 0.8em 0;padding: 0 0 0.8em 0;width:100% !important} .productPopup .hl_tri .redbox{grid-column: 1/2;grid-row: 1/2;padding:0.5em 1.1em 0.5em 0;place-self:start;} body.myBody.V21 .productPopup .hl_tri .redbox .zadara, body.myBody.V21 .productPopup .hl_tri .redbox .zadara2, body.myBody.V21 .productPopup .hl_tri .redbox .prelepka0, body.myBody.V21 .productPopup .hl_tri .redbox .prelepka1{margin-left:0;} .productPopup .hl_tri .redbox img{margin:0 !important;} .productPopup .hl_tri .udj{grid-column: 1/2;grid-row: 2/3;justify-items: center;grid-template-columns: 100%;grid-template-rows: repeat(1,auto);grid-row-gap: 0.75em;} .productPopup ul.hl_tri li .bestsel,.productPopup ul.hl_tri li .udj.AnotCena .bestsel{grid-column: 1/-1;grid-row: 1/2;place-self:start;margin:0 !important;} .productPopup .hl_tri .redblok.productName,.productPopup .hl_tri .udj.AnotCena .redblok.productName{grid-column: 1/-1;grid-row: 2/3;place-self:start;margin:0 !important;} .productPopup .hl_tri .udj .productPrice,.productPopup .hl_tri .udj:not(.AnotCena) .productPrice{grid-column: 1/-1;grid-row: 3/4;place-self:start;text-align:left;} .productPopup .hl_tri .udj .productAnot,.productPopup .hl_tri .udj.AnotCena .productAnot{grid-column: 1/-1;grid-row: 4/5;place-self:start;margin:0 !important;text-align:left;} .productPopup .hl_tri .udj a.productButton,body.myBody.V21 .productPopup .hl_tri .udj a.productButton,body.myBody.V21 .productPopup .hl_tri .udj:not(.AnotCena) a.productButton{grid-column: 1/-1;grid-row: 5/6;place-self:start;} .productPopup .hl_tri .udj .productBigPriceHeader{grid-column: 1/-1;grid-row: 6/7;place-self:start;} .productPopup .hl_tri .udj .productBigPrice{grid-column: 1/-1;grid-row: 7/8;place-self:start;} } @media only screen and (max-width: 850px){.productPopup ul.hl_tri li{max-width: none;}} @media only screen and (max-width: 420px){ body.myBody.V21 .productPopup{padding:0;} body.myBody.V21:not(.V-Kosiku) .productPopup{font-size:0.8rem;} body.myBody.V21 .productPopup .hl_tri .redbox .zadara, body.myBody.V21 .productPopup .hl_tri .redbox .zadara2, body.myBody.V21 .productPopup .hl_tri .redbox .prelepka0, body.myBody.V21 .productPopup .hl_tri .redbox .prelepka1{font-size:1em;line-height:1em;} } /*v kosik*/ .productPopup .hl_tri .udj.AnotCena .productAnot .sed{display: none;} table.kolecko,table.kolecko tbody,table.kolecko tr,table.kolecko td{margin:0;padding:0;border-collapse:collapse;border:0} table.kolecko,table.kolecko tbody{display:block;width:100%;height:100%} table.kolecko{width:600px;height:600px;max-width:100%;margin:auto} table.kolecko tr{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);border-radius:100%;overflow:hidden}/*clip-path:circle(50% at 50% 50%)*/ table.kolecko td{display:flex;align-content:center;justify-content:center;align-items:center;font-size: 1.5rem} table.kolecko td a{display:flex;align-content:center;justify-content:center;align-items:center;text-align:center;transition:all ease-in-out .3s;position:relative;width:100%;height:100%;box-sizing:border-box;text-decoration:none;color:#fff;word-break:break-all;background: inherit;overflow:hidden;} table.kolecko td a span{box-sizing:border-box;} table.kolecko td:nth-child(1){grid-column:1/-1;grid-row:1/3} table.kolecko td:nth-child(1) a{-webkit-clip-path: url(#troj_top);clip-path: url(#troj_top);}/*background:#b92541;*/ table.kolecko td:nth-child(1) a span{padding-bottom:18%} table.kolecko td:nth-child(2){grid-column:1/3;grid-row:1/-1} table.kolecko td:nth-child(2) a{-webkit-clip-path: url(#troj_left);clip-path: url(#troj_left);}/*background:#ca5269;*/ table.kolecko td:nth-child(2) a span{padding-right:35%} table.kolecko td:nth-child(3){grid-column:3/5;grid-row:1/-1} table.kolecko td:nth-child(3) a{-webkit-clip-path: url(#troj_right);clip-path: url(#troj_right);}/*background:#b10f2e;*/ table.kolecko td:nth-child(3) a span{padding-left:35%} table.kolecko td:nth-child(4){grid-column:1/-1;grid-row:3/5} table.kolecko td:nth-child(4) a{-webkit-clip-path: url(#troj_bottom);clip-path: url(#troj_bottom);}/*background:#d3687d;*/ table.kolecko td:nth-child(4) a span{padding-top:18%} table.kolecko td:last-child{grid-column:2/4;grid-row:2/4;background:#fff;padding:26%;position:relative;z-index:5; border-radius: 100%;padding: 10%;overflow: hidden;width: 72%;height: 72%;box-sizing: border-box;justify-self: center;align-self: center;}/*clip-path:circle(36% at 50% 50%);*/ table.kolecko td:last-child img{max-width:100%;width:100%!important;height:100%!important;object-fit:contain} table.kolecko td:hover a{font-size:1.15em} .troj{width:0;height:0;} /*-_-filtrace-_-*/ .ViceFiltru{--barvicka:#f42c79;display: flex;flex-direction: row;flex-wrap: wrap;gap:10px;padding:0.25em 0.5em 2.75em;max-width:calc(1600px + (0.5em*2));width:100%;margin:0 auto;box-sizing: border-box;} .ViceFiltru .filterItem{position: relative;min-width: 180px;display: flex;align-items: center;border: 1px solid #e8e8e8;margin: 0;box-sizing: border-box;flex-grow: 1;font-size: 1.03em;border-radius: 5px;margin: 31px 0 0 0;} .filterItem:is(.uka){border-radius: 5px 5px 0 0;} .filterItem .filterTitle{font-size: 1em;line-height: 1.2em;padding: 3px 6px 3px 4px;box-sizing: border-box;flex-grow: 1;display: flex;justify-content: space-between;align-items: center;cursor: pointer;padding: 8px 11px 8px 0;} .filterItem .filterTitle::after {content: "";display: inline-block;width: 0;height: 0;border-style: solid;border-width: 7px 5px 0 5px;border-color: var(--barvicka) transparent transparent transparent;} .filterItem:is(.uka) .filterTitle::after {transform: rotate(180deg);} .filterItem .filterTitle .nameTitle{position: relative;top: -31px;font-weight:700;} .filterItem .filterItemS{display: flex;flex-direction: column;padding: 0;box-sizing: border-box;position: absolute;top: 100%;left: -1px;right: 0;background: #fff;z-index: 2;width: calc(100% + 2px);max-height: 0;overflow: hidden;border-radius: 0 0 5px 5px;} .filterItem:is(.uka) .filterItemS {z-index:753;border: 1px solid #e8e8e8;max-height: 50vh;min-height: auto;overflow: auto;filter: drop-shadow(2px 3px 1px #6f6f6f);} .filterItemS .filterCheckItem{display: flex;flex-direction: row;align-items: center;padding: 6px 0 6px 6px;box-sizing: border-box;margin: 0;cursor:pointer;} .filterItemS .filterCheckItem.filterItemDisabled {color: #cecece;cursor: no-drop;text-decoration: line-through;} .filterCheckItem input[type="checkbox"]{-webkit-appearance: none;appearance: none;margin: 0;background: transparent;border: 0;width: auto;height: auto;} .filterCheckItem input[type="checkbox"]:before{content: '';box-sizing: border-box;display: inline-block;width: 19px;height: 19px;border: 2px solid #b2b2b2;border-radius: 100%;vertical-align: middle;margin: 2px 8px 2px 4px;background: #fff;cursor: pointer;} .filterCheckItem input[type="checkbox"]:hover:before{border-color: var(--barvicka);} .filterCheckItem input[type="checkbox"]:checked:before{border-color: var(--barvicka);background-repeat: no-repeat;background-position: center;background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Vrstva_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%23f42c79' points='41.707,79.59 10.963,48.844 22.69,37.117 41.692,56.123 77.287,20.41 89.037,32.115 '/%3E%3C/g%3E%3C/svg%3E");} .filterCheckItem input[type="checkbox"][disabled]:hover:before{border-color: #b2b2b2;background: #e5e5e5} .filterItem .filterSelected {position:absolute;padding-left: 1em;} /*-_-filtrace end-_-*/ /*videoList NEW*/ /* .superbody .hl_tri.videoList li .redbox:has( .redblok){display:block;} */ /* .superbody .hl_tri.videoList li .redbox:has( .redblok) a{text-decoration:none;color:inherit} */ .superbody .hl_tri.videoList li .redbox .redblok{border:0;padding:0;margin:0;height:auto;font-size:1em;} .superbody .hl_tri.videoList li .redbox .redblok .nazev{font-size:1em;color:#000;float:none;margin:0;width:auto;line-height:1.1em;} .superbody .hl_tri.videoList li .redbox .redblok .tx{float: none;width: auto;margin: 0.75em 0 0;} .hl_tri.videoList{--grid-layout-gap:2.5em;--grid-column-count:2;--grid-item--min-width:220px;display:grid;grid-template-columns:repeat(auto-fill, minmax(max(var(--grid-item--min-width), calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))), auto));gap:3em var(--grid-layout-gap);justify-content: center;} .vimeofilter .hl_tri.videoList{--grid-layout-gap:2.5em;--grid-column-count:9;--grid-item--min-width:440px;} .hl_tri.videoList{margin:1.5em auto;padding:0;max-width:none;} .rrContent .hl_tri.videoList{margin-left:0;margin-right:0;margin-bottom:3em;} .rrContent .jePrazdne .hl_tri.videoList{margin:0} .hl_tri.videoList li{max-width:450px;width:100%;margin:0;padding:0;border-radius:0;box-shadow:none;} .hl_tri.videoList li:hover{border-radius:0;box-shadow:none;transform:none;} .hl_tri.videoList li .redbox{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto 1fr;height: 100%;} .hl_tri.videoList li .redbox:before{content:'';display:block;grid-column:1/-1;grid-row:1/3;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0, 0, 0, 0.49) 100%);position: relative;z-index: 1;} .superbody .hl_tri.videoList li .redbox{box-shadow:none;} .hl_tri.videoList li .redbox a.video-klik{grid-column:1/-1;grid-row:1/-1;position:relative;z-index:3;} .hl_tri.videoList li .redbox .videoOverlayLocked{grid-column: 1/-1;grid-row: 1/3;background: rgba(0,0,0,0.5);position: relative;z-index: 1;/*! display: none; */} .hl_tri.videoList li .redbox .videoLockedDescription{grid-column: 1/-1;grid-row: 1/3;position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;/*! display: none; */} .hl_tri.videoList li .redbox .videoLockedDescription span{display: block;margin: 0;font-size: 0.9em;color: #fff;} .hl_tri.videoList li .redbox .videoLockedDescription::before {content: "";display: block;color: #fff;font-size: 1.8em;width: 18px;background: url(/images/zamek.png) no-repeat;height: 24px;margin:0 0 0.25em 0;} .hl_tri.videoList li .redbox img{grid-column:1/-1;grid-row:1/3;/*aspect-ratio:16/9;*/width:100%;max-width:100%; height: auto !important;} .hl_tri.videoList li .redbox .nazev,.superbody .hl_tri.videoList li .redbox .redblok .nazev{grid-column:1/-1;grid-row:3/4;font-weight:600;margin:1.15em 0 0;padding: 0;} .hl_tri.videoList li .redbox .tx,.superbody .hl_tri.videoList li .redbox .redblok .tx{grid-column:1/-1;grid-row:4/5;padding: 0;color: #595959;font-size: 0.9em;} .hl_tri.videoList li .redbox .tx > *,.superbody .hl_tri.videoList li .redbox .redblok .tx > *{font-size:inherit !important;line-height: 1.4em !important;} .hl_tri.videoList li .redbox .time{grid-column:-2/-1;grid-row:2/3;padding:0.5em;color:#fff;line-height:1.1em;position: relative;z-index: 1;align-self: end;} .hl_tri.videoList li .redbox .narocnostBox{grid-column:1/2;grid-row:2/3;display:flex;flex-direction:column;padding: 0.5em;gap: 0.3em;} .hl_tri.videoList li .redbox .narocnost{color:#fff;line-height:1.1em;position: relative;z-index: 1;align-self: end;display:flex;flex-direction: column;gap: 3px;} .hl_tri.videoList li .redbox .narocnost > span{font-size:0.85em;padding:0;line-height: 1.2em;} .hl_tri.videoList li .redbox .narocnost .level{display:flex;gap:8px;width: 135px;} .hl_tri.videoList li .redbox .narocnost .level span{display:block;width:100%;height:6px;background:#fff;flex:1 1 100%;} .hl_tri.videoList li .redbox .narocnost.tr1 .level span:nth-child(-n+1), .hl_tri.videoList li .redbox .narocnost.tr2 .level span:nth-child(-n+2), .hl_tri.videoList li .redbox .narocnost.tr3 .level span:nth-child(-n+3){background:#f42c79} .hl_tri.videoList li .redbox .narocnost.tr1{} .hl_tri.videoList li .redbox .narocnost.tr2{} .hl_tri.videoList li .redbox .narocnost.tr3{} .hl_tri.videoList li .redbox .seenCount{grid-column: 1/-1;grid-row: 1/3;justify-self: end;align-self: start;position: relative;z-index: 5;padding: 15px 15px 0 0;display: grid;grid-template-columns: 1fr auto;} .hl_tri.videoList li .redbox .seenCount.SChover{justify-self: stretch;align-self: stretch;padding: 15px;} .hl_tri.videoList li .redbox .seenCount .SCpocet{grid-column: -2/-1;grid-row: 1;justify-self: end;align-self: start;color: #fff;background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122 128' width='122' height='128'%3E%3Cstyle%3E.a%7Bfill:%2381C14E%7D%3C/style%3E%3Cpath class='a' d='m12.8 126.4l20-10.7 0.5-0.2 31.3-16.6 38.6-20.4 13.8-7.3c5.7-3.1 5.7-11.3 0-14.4l-27.3-14.4q0 0 0 0l-59.9-31.7-17-9c-5.4-2.9-11.9 1-11.9 7.1v20.6 56.4q0 0 0 0v33.4c0 6.1 6.5 10 11.9 7.2z'/%3E%3C/svg%3E");display: flex;width: 61px;height: 64px;background-repeat: no-repeat;background-position: center;background-size: contain;justify-content: flex-start;align-items: center;font-weight: bold;padding: 0 0 0 9px;box-sizing: border-box;cursor: default;} .hl_tri.videoList li .redbox .seenCount:not(.SChover) .seenCountHover{display: none;} .hl_tri.videoList li .redbox .seenCount .seenCountHover{grid-column: 1/2;grid-row: 1;justify-self: start;align-self: end;background: #fff;padding: 0.75em;display: flex;flex-direction: column;gap: .5em;cursor: default;font-size: 0.9em;max-height: calc((1.88rem*3) + (0.75em*2));overflow-y: auto;overflow-x: hidden;min-width: 200px;} .hl_tri.videoList li .redbox .seenCount .seenCountHover .SCnadpis{color: #81C14E;font-weight: 600;} .hl_tri.videoList li .redbox .seenCount .seenCountHover .SCcasy{color: #616161;} .hl_tri.videoList li .redbox .seenCount .seenCountHover .SCcasy .SCcas{display: grid;grid-template-columns: 1fr 1fr;gap: 0.5em;} .hl_tri.videoList li .redbox .seenCount .seenCountHover .SCcasy .SCcas .SCdatum{font-weight: 600;min-width: 72px;} .hl_tri.videoList li .redbox .seenCount .seenCountHover .SCcasy .SCcas .SCmin{font-weight: 500;} .hl_tri.videoList li .redbox .seenCount.SChover .seenCountHover{display: flex !important;} .hl_tri.videoList li .redbox .seenCount.SChover .SCpocet{color: #81C14E;background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122 128' width='122' height='128'%3E%3Cstyle%3E.a%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='a' d='m12.8 126.4l20-10.7 0.5-0.2 31.3-16.6 38.6-20.4 13.8-7.3c5.7-3.1 5.7-11.3 0-14.4l-27.3-14.4q0 0 0 0l-59.9-31.7-17-9c-5.4-2.9-11.9 1-11.9 7.1v20.6 56.4q0 0 0 0v33.4c0 6.1 6.5 10 11.9 7.2z'/%3E%3C/svg%3E");} .hl_tri.videoList li .redbox.seenGreen::after{content:'';display:block;grid-column:1/-1;grid-row:1/3;position: relative;z-index: 1;border: 5px solid #81C14E;box-sizing: border-box;transition: all ease-in-out 0.3s;} .hl_tri.videoList li .redbox.seenGreen:where(.hoverClick,.hoverMouse)::after{background: rgba(129,193,78,0.8);} @media only screen and (max-width: 1600px){ .hl_tri.videoList li .redbox .seenCount .seenCountHover .SCcasy .SCcas{grid-template-columns: auto 1fr;gap: 0.3em;} } @media only screen and (max-width: 500px){ .hl_tri.videoList{grid-template-columns:100%} ul.hl_tri.videoList li{width:100%;margin:0} .hl_tri.videoList li .redbox .seenCount .seenCountHover{min-width:auto;padding:0.45em;gap: .15em;} .hl_tri.videoList li .redbox .seenCount .SCpocet{width:43px;height:45px;font-size:0.8em;padding:0 0 0 6px} } /*jidelnicky vzhled*/ /* ul.hl_tri.videoList li.Nevideo{} */ ul.hl_tri.videoList li.Nevideo .redbox{display: grid !important;grid-template-columns: 100%;grid-template-rows: auto auto 1fr;} ul.hl_tri.videoList li.Nevideo .redbox .nv-obrazek{grid-column: 1/-1;grid-row: 1;position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;background-color: #f4f4f4;min-height: 250px;} ul.hl_tri.videoList li.Nevideo .redbox .redblok{grid-column: 1/-1;grid-row: 2;position: relative;z-index: 1;} ul.hl_tri.videoList li.Nevideo .redbox .nv-odkaz{grid-column: 1/-1;grid-row: 1/-1;position: relative;z-index: 3;} ul.hl_tri.videoList li.Nevideo .redbox::before{display: none;} /*verze textu pro mobil/pc*/ html.windows .only-mobil,html.macos .only-mobil,html.linux .only-mobil,html.smartTV .only-mobil{display:none;} html.ios .only-pc,html.android .only-pc{display:none} html.ios .only-mobil,html.android .only-mobil{display: block;} html h1 .only-mobil{font-size:2rem;line-height: 1.4em;} /*moznost v pc ukazat mobil text*/ @media only screen and (max-width: 500px){ html.windows .only-pc,html.macos .only-pc,html.linux .only-pc{display:none;} html.windows .only-mobil,html.macos .only-mobil,html.linux .only-mobil{display:block;} } .magazinContent {width: 90%;margin: 0 auto;max-width: calc(1600px + (0.75rem*2));padding: 1em 0.75rem;box-sizing: border-box;font-size: 16px;line-height: 1.6em;} .magazinContent{font-weight: 300;} .magazinContent strong{font-weight: 600;} .magazinContent{padding-bottom: 2.75rem;padding-bottom: 3.75rem;}/*:has( > .magazinDetail)*/ @media only screen and (max-width: 1300px) { .magazinContent {width: 100%;max-width: calc(1100px + (0.75rem*2));} } .magazinContent * {box-sizing: border-box;} .magazinContent > img{max-width: 100%;} /*magazin tlacitko*/ .magazinContent a.tlacitko{text-decoration: none;display: inline-block;color: #fff;background: #f42c79;border: 1px solid #f42c79;padding: 0.75em 1.15em;border-radius: 6px;} .magazinContent a.tlacitko:hover{text-decoration: none;color: #f42c79;background: #fff;} /*magazin reklamaList*/ .BanerRekList{margin-top: 2em;} .BanerRekList{display: flex;gap: 1em;flex-wrap: wrap;justify-content: center;} .BanerRekList .BanerRekBox img{max-width: 100%;width: auto;} @media only screen and (min-width: 651px) { .BanerRekList .BanerRekBox{flex: 1 0;min-width: 180px;width: 100%;display: flex;justify-content: center;} } @media only screen and (max-width: 650px) { .BanerRekList{display: grid;grid-template-columns: 1fr 1fr;} } /*magazin banery notPremium*/ #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :where(.SPi-prelepka,.BPi-prelepka){display: none;} #content :is(.SliderProfilC,.BanerProfilC):where(.MagazinTop,.MagazinNotPremium) :where(.SliderProfil,.BanerProfil){padding:0} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :is(.SPitems,.BPitem) :is(.SPi-Obsah,.BPi-Obsah){text-align: center;} #content :is(.SliderProfilC,.BanerProfilC):where(.MagazinTop,.MagazinNotPremium) :where(.SliderProfil,.BanerProfil) :is(.SPitems,.BPitem) :is(.SPi-Obsah,.BPi-Obsah) :is(h1, h2, h3, h4, h5, h6){font-size: 1.94em !important;line-height: 1.2em !important;margin: 0 0 0.53em 0;} #content :is(.SliderProfilC,.BanerProfilC):where(.MagazinTop,.MagazinNotPremium) :where(.SliderProfil,.BanerProfil) :is(.SPitems,.BPitem) :is(.SPi-Obsah,.BPi-Obsah) strong{font-weight:600;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :where(.SPi-prelepka,.BPi-prelepka) .prelep{background: #f4f4f4;border-radius: 6px;border: 1px solid #F42B77;color: #F42B77;font-weight: 600;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :is(.SPi-Obsah,.BPi-Obsah) a.tl{background: #000;color: #fff;border-color: #000;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :is(.SPi-Obsah,.BPi-Obsah) a.tl:hover{background: #f42c79;color: #fff;border-color: #f42c79;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :is(.SPi-Obsah,.BPi-Obsah) a.tl{background: #f42c79;color: #fff;border-color: #f42c79;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :is(.SPi-Obsah,.BPi-Obsah) a.tl:hover{background: #000;color: #fff;border-color: #000;} @media only screen and (min-width: 781px) { /*magazin banery TOP*/ #content :is(.SliderProfilC,.BanerProfilC).MagazinTop .sy-slides-wrap{margin-top: 0;margin-bottom: 0;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop{margin: 3.5em 0;padding: 0;position: relative;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop::before{content: '';display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100vw;margin-left: calc(-1*(100vw - 100%)/2);z-index: 1;background: #f4f4f4;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil){max-width: 100%;position: relative;z-index: 4;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem){grid-template-rows: 1fr auto auto 1fr;gap: 0 8em;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :where(.SPi-prelepka,.BPi-prelepka){grid-column: -2/-1;grid-row: 2;margin: 0;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :where(.SPi-file,.BPi-file){grid-column: 1/2;grid-row: 1/-1;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :where(.SPi-file,.BPi-file) img{aspect-ratio: 4/3;width: 100%;height: 100%;} #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :where(.SPi-Obsah,.BPi-Obsah){grid-column: -2/-1;grid-row: 3;padding: 1em 2em 0 0;align-self: center;} /*magazin banery notPremium*/ #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium{--p:4em;--cp:8em;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil){max-width: 100%;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem){gap: 0;aspect-ratio: 12/5;grid-template-columns: var(--p) 1fr var(--cp) 1fr var(--p);grid-template-rows: var(--p) auto 1fr var(--p);} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem)::before{content: '';display: block;width: 100%;height: 100%;grid-column: 2/3;grid-row: 2/4;background: #fff;position: relative;z-index: 1;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :where(.SPi-file,.BPi-file){grid-column: 1/-1;grid-row: 1/-1;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :where(.SPi-Obsah,.BPi-Obsah){grid-column: 2/3;grid-row: 3;justify-self: stretch;align-self: center;padding: 3em;position: relative;z-index: 2;} } @media only screen and (min-width: 1121px) { #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium{--pmax:5.5%;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil){width: 100vw;margin-left: calc(-1*(100vw - 100%)/2);max-width: none;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem){grid-template-columns: var(--pmax) 0.5fr var(--cp) 0.5fr var(--pmax);grid-template-rows: var(--p) auto 1fr var(--p);max-height: 666px;} } @media only screen and (min-width: 1801px) { #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium{--pmax: calc((100vw - 1600px)/2);} } @media only screen and (max-width: 1300px) and (min-width: 781px) { #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem){gap: 0 4em;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium{--p:2em;--cp:4em;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem) :where(.SPi-Obsah,.BPi-Obsah){padding: 1.75em;} } @media only screen and (max-width: 880px){ #content :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) :where(.SPitems,.BPitem){gap: 2em;} #content :is(.SliderProfilC,.BanerProfilC).MagazinNotPremium{--p:2em;--cp:2em;} } /*magazin strankovani*/ .magazinContent .pageNumbersC{padding: 0;border: 0;min-height: auto;} .mc-strankovani {padding: 2em 0;} .mc-strankovani ul {list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;gap: 0.75em;flex-wrap: wrap;} .mc-strankovani ul li::before {display: none;} .mc-strankovani ul li {margin: 0;padding: 0;min-width: 2.35em;width: 2.35em;height: 2.35em;} .mc-strankovani ul li a {text-decoration: none;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #000;background: #f5f9fa;border-radius: 100%;font-weight: 600;} .mc-strankovani ul li a:where(.st-back, .st-next) {overflow: hidden;} .mc-strankovani ul li a:where(.st-back, .st-next) span {text-indent: -100px;display: inline-block;width: 35%;height: 35%;border: 2px solid transparent;border-top-color: #000;border-right-color: #000;} .mc-strankovani ul li a.st-back span {transform: rotate(-135deg) translate(-2px, 2px);} .mc-strankovani ul li a.st-next span {transform: rotate(45deg) translate(-2px, 2px);} .mc-strankovani ul li a:where(.st-back, .st-next):hover span {border-top-color: #fff;border-right-color: #fff;} .mc-strankovani ul li a.st-disable:where(.st-back, .st-next) span {border-top-color: #cccccc;border-right-color: #cccccc;} .mc-strankovani ul li a.st-disable {color: #cccccc;cursor: default;} .mc-strankovani ul li a:not(.st-disable):where(:hover, .st-activ) {background: #000;color: #fff;} /*magazin sekce nadpis*/ .magazinContent .mc-nadpis {margin: 1.75em 0;} .magazinContent:has( > .magazinDetail) .mc-nadpis{margin-top: 3.75rem;} .magazinContent .mc-nadpis h2 {color: #000;font-size: 2.25em;line-height: 1.2em;font-weight: 700;margin: 0;padding: 0;} @media only screen and (max-width: 1300px) { .magazinContent .mc-nadpis h2 {font-size: 1.86em;} } /*magazin list a detail*/ :where(.magazinList,.magazinDetail) .magazinBox .mb-nazev a{text-decoration:none} :where(.magazinList,.magazinDetail) .magazinBox .mb-nazev :where(h1,h2,h3,h4){color:#000;font-size:1.4em;line-height:1.4em;font-weight:500;margin:0;padding:0} :where(.magazinList,.magazinDetail) .magazinBox .mb-nazev h2{font-size:clamp(1.375em,0.5417em + 3.3333vw,2em);font-weight:600} :where(.magazinList,.magazinDetail) .magazinBox .mb-obrazek a{text-decoration:none} /* :where(.magazinList,.magazinDetail) .magazinBox .mb-obrazek img{max-width:100%;width:100%;aspect-ratio:16/9;object-fit:cover} */ :where(.magazinList,.magazinDetail) .magazinBox .mb-obrazek img{max-width:100%;width:100%;aspect-ratio:4/3;object-fit:cover;}/*max-height: 390px;*/ :where(.magazinList,.magazinDetail) .magazinBox :where(.mb-premium,.mb-kategorie,.mb-autorDatum){font-size:clamp(0.9em,0.8333em + 0.2667vw,0.95em);line-height:1.1em;align-self:center} :where(.magazinList,.magazinDetail) .magazinBox .mb-autorDatum{display:grid;grid-template-columns:auto auto 1fr;color:#6a6468;justify-content:start;justify-self:start;align-items:center} :where(.magazinList,.magazinDetail) .magazinBox .mb-autorDatum .mb-autor{grid-column:1;grid-row:1} :where(.magazinList,.magazinDetail) .magazinBox .mb-autorDatum .mb-autor a{text-decoration: none;color: inherit;} :where(.magazinList,.magazinDetail) .magazinBox:hover .mb-autorDatum .mb-autor a{text-decoration: underline;} :where(.magazinList,.magazinDetail) .magazinBox .mb-autorDatum .mb-autor a:hover{text-decoration: none;} :where(.magazinList,.magazinDetail) .magazinBox .mb-autorDatum .mb-odelovacT{grid-column:2;grid-row:1} :where(.magazinList,.magazinDetail) .magazinBox .mb-autorDatum .mb-datum{grid-column:3;grid-row:1} :where(.magazinList,.magazinDetail) .magazinBox :where(.mb-premium,.mb-kategorie){color:#6a6468;background:#f5f9fa;border-radius:6px;padding:.4em .75em;margin-right:clamp(0.5625em,-0.1875em + 3vw,1.125em);line-height:1em;white-space:nowrap;justify-self:start} :where(.magazinList,.magazinDetail) .magazinBox :where(.mb-premium,.mb-kategorie) a{text-decoration: none;color: inherit;} :where(.magazinList,.magazinDetail) .magazinBox :where(.mb-premium,.mb-kategorie) a:hover{text-decoration: none;} :where(.magazinList,.magazinDetail) .magazinBox .mb-premium{background:#f42c79;color: #fff;margin:0 calc(1.25em/2) 0 0;text-transform:uppercase} :where(.magazinList,.magazinDetail) .magazinBox .mb-odelovacT{font-size:1.75em;line-height:1em;margin:0 .15em} /*magazin list*/ .magazinList{--grid-layout-gap:1.5em;--grid-column-count:3;--grid-item--min-width:245px;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),calc((100% - calc(calc(var(--grid-column-count) - 1) * var(--grid-layout-gap))) / var(--grid-column-count))),1fr));gap:3.5em var(--grid-layout-gap); position: relative;} .magazinContent:has(> .magazinDetail) .magazinList{padding-bottom: 2em;} @media only screen and (max-width: 1300px) { /* .magazinList{--grid-column-count:3} */ } /* .magazinList:has( .magazinBox.mb-Big){--grid-layout-gap:1.5em;--grid-column-count:3;} */ .magazinList .magazinBox{display:grid;grid-template-columns:repeat(2,auto) 1fr;grid-template-rows:auto 1fr auto;gap:1em 0;} @media only screen and (min-width: 701px) { .magazinList .magazinBox.mb-Big{grid-template-rows:repeat(4,auto) 1fr;grid-column:1/-2;grid-row:1/3} } .magazinList .magazinBox.mb-Big img{width: auto;max-height: none;} .magazinList .magazinBox .mb-nazev{grid-column:1/-1;grid-row:2;align-self:start} .magazinList .magazinBox .mb-obrazek{grid-column:1/-1;grid-row:1;overflow: hidden;transition: all ease-in-out 0.3s;} .magazinList .magazinBox .mb-premium{grid-column:1/2;grid-row:3} .magazinList .magazinBox .mb-kategorie{grid-column:2/3;grid-row:3} .magazinList .magazinBox .mb-autorDatum{grid-column:3/-2;grid-row:3} .magazinList .magazinBox .mb-anotace{grid-column:1/-1;grid-row:4} .magazinList .magazinBox .mb-cistVice{grid-column:1/-1;grid-row:5;display:flex;justify-content:flex-start;align-items:flex-start} .magazinList .magazinBox .mb-cistVice a{font-size:1.025em;line-height:1em;text-decoration:none;color:#fff;background:#f42c79;padding:.75em 2.5em;border-radius:6px;border:1px solid #f42c79} .magazinList .magazinBox .mb-cistVice a:hover{background:#000;border-color: #000;} .magazinList .magazinBox:hover .mb-obrazek{ /*box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/ filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.24)); } .magazinList .magazinBox .mb-obrazek img{transition: all ease-in-out 0.5s;} .magazinList .magazinBox:hover .mb-obrazek img{transform: scale(1.04);} .magazinList .magazinBox:hover .mb-nazev :where(h2,h3,h4){color:#f42c79} @media only screen and (max-width: 920px) { .magazinList .magazinBox{gap:0;} .magazinList .magazinBox .mb-nazev{margin-top:1em;margin-bottom:0.75em;} .magazinList .magazinBox .mb-kategorie{grid-column:1/2;grid-row:3;} .magazinList .magazinBox .mb-premium{grid-column:2/-1;grid-row:3} .magazinList .magazinBox .mb-autorDatum{grid-column:1/-1;grid-row:5;margin-top:0.5em;} .magazinList .magazinBox .mb-anotace{grid-column:1/-1;grid-row:6} .magazinList .magazinBox .mb-cistVice{grid-column:1/-1;grid-row:7;} } @media only screen and (max-width: 700px) { .magazinList .magazinBox.mb-Big{grid-template-rows:repeat(4,auto) 1fr;grid-column:1/-1;grid-row:1/2} /* .magazinList .magazinBox{grid-template-rows:repeat(4,auto) 1fr;} */ } @media only screen and (min-width: 501px) { .magazinList .magazinBox .mb-anotace{max-height:calc(1.6em*4);overflow-x:hidden;overflow-y:hidden} } /*magazin detail*/ .magazinDetail{width:100%;max-width:900px;margin:0 auto} .magazinDetail .magazinBox{display:grid;grid-template-columns:repeat(3,auto) 1fr;grid-template-rows:repeat(6,auto) 1fr} .magazinDetail .magazinBox .mb-nazev{grid-column:1/-1;grid-row:1} .magazinDetail .magazinBox .mb-premium{grid-column:1;grid-row:2} .magazinDetail .magazinBox .mb-kategorie{grid-column:2;grid-row:2} .magazinDetail .magazinBox .mb-autorDatum{grid-column:3;grid-row:2} .magazinDetail .magazinBox .mb-obrazek{grid-column:1/-1;grid-row:3} .magazinDetail .magazinBox .mb-anotace{grid-column:1/-1;grid-row:4} .magazinDetail .magazinBox .BanerTop{grid-column:1/-1;grid-row:5} .magazinDetail .magazinBox .mb-text{grid-column:1/-1;grid-row:6} .magazinDetail .magazinBox .mb-premiumInfo{grid-column:1/-1;grid-row:7} @media only screen and (max-width: 425px) { .magazinDetail .magazinBox{grid-template-columns:repeat(2,auto) 1fr} .magazinDetail .magazinBox .mb-autorDatum{grid-column:1/-1;grid-row:3;margin:.5em 0 0} .magazinDetail .magazinBox .mb-obrazek{grid-row:4} .magazinDetail .magazinBox .mb-anotace{grid-row:5} .magazinDetail .magazinBox .BanerTop{grid-row:6} .magazinDetail .magazinBox .mb-text{grid-row:7} .magazinDetail .magazinBox .mb-premiumInfo{grid-row:8} } #content .magazinDetail .magazinBox .BanerTop{padding-bottom: clamp(1.5rem, 1.1rem + 1.6vw, 2rem);} #content .magazinDetail .magazinBox .BanerTop :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil){padding-left: 0.75rem;padding-right: 0.75rem;max-width: 1600px;} #content .magazinDetail .magazinBox .BanerTop :is(.SliderProfilC,.BanerProfilC).MagazinTop :where(.SliderProfil,.BanerProfil) .sy-box .sy-slides-wrap{margin-top: 0;margin-bottom: 0;} @media only screen and (min-width: 931px) { #content .magazinDetail .magazinBox .BanerTop :is(.SliderProfilC,.BanerProfilC).MagazinTop{width: 100vw;margin-left: calc(-1*(100vw - 100%)/2);max-width: none;} } .magazinDetail .magazinBox .mb-premiumInfo .mb-pi-nadpis{text-align:center;font-size:1.8em;line-height:1.2em;font-weight:700;margin:0 0 .75em} .magazinDetail .magazinBox .mb-premiumInfo .mb-pi-text{width:100%;max-width:550px;margin:0 auto;text-align:center;line-height:1.5em} @media only screen and (min-width: 1300px) { .magazinDetail .magazinBox .mb-premiumInfo ul.hl_tri{font-size: 20px;line-height: 1.2em;max-width: 1600px;} } .magazinDetail .magazinBox .mb-premiumInfo ul.hl_tri{width: 100vw;max-width: 1200px;margin: 2em 0 1em;position: relative;left: 50%;transform: translate(-50%,0);} .magazinDetail .magazinBox .mb-premiumInfo ul.hl_tri .redbox{display: none;} .magazinDetail .magazinBox .mb-premiumInfo ul.hl_tri strong{font-weight: bold;} .magazinDetail .magazinBox .authorName{display:block;color:#6a6468;text-decoration:none !important;font-weight: 300;margin:1.15em 0 .5em;font-size:13px;} .magazinDetail .magazinBox .mb-nazev{margin-bottom:clamp(1rem,0.6rem + 1.6vw,1.5rem)} .magazinDetail .magazinBox .mb-nazev h1{font-size:clamp(1.5625em,0.4125em + 4.6vw,3em);font-weight:600} .magazinDetail .magazinBox .mb-obrazek{margin-top:clamp(1rem,0.6rem + 1.6vw,1.5rem)} .magazinDetail .magazinBox .mb-anotace{margin: clamp(1rem, 0.2rem + 3.2vw, 2rem) 0 clamp(1.5rem, 1.1rem + 1.6vw, 2rem);position: relative;font-weight: 600;} /* .magazinDetail .magazinBox .mb-anotace::before{content: '';position: absolute;z-index: -1;top: 0;left: 0;width: calc(100% + 1.25em);margin-left: calc(-1*(1.25em/2));height: calc(100% + 1em);margin-top: calc(-1*(1em/2));background: #f9f9f9;} */ .magazinDetail .magazinBox .mb-text.NotPremium{position:relative;max-height:10em;overflow:hidden;margin-bottom:4em} .magazinDetail .magazinBox .mb-text.NotPremium::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;width:100%;height:100%;background:#fff0;background:linear-gradient(180deg,#fff0 0%,#ffff 100%)} /*docasny format*/ :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) :where(h1,h2,h3,h4,h5,h6){color:#000} :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) img{max-width:100%;height:auto!important} :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) img[style*="float: left"]{margin-right: 1em;} :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) iframe.youtubef{width:100%;max-width:600px;} :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) iframe[src*="youtube"]{width:100%;max-width:600px;} :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) :where(ul,ol){margin:0 0 0 1.75em;padding:0} :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) ul{list-style:disc} :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) :where(ul,ol) li{margin:0;padding:0;list-style:inherit} :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) :where(ul, ol) li:before {display: none;} :where(.PageTx #content,.magazinDetail .magazinBox .mb-text) :where(b,strong){font-weight: bold;} :where(.PageTx #content,.magazinDetail .mb-text) :is(h1,h2,h3,h4,h5,h6){padding:0;margin:0;line-height:1.25em;color:inherit;font-weight: 500;} :where(.PageTx #content,.magazinDetail .mb-text) p{margin: 0;padding: 0 0.31rem 0 0;} :where(.PageTx #content,.magazinDetail .mb-text) :where(p,ul,ol,table,.nerespotable,.rozbit-container) + :is(p,ul,ol,table,.nerespotable,.rozbit-container) {margin-top:0.85em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(li) + :is(li) {margin-top:0.4em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(h2,h3,h4,h5,h6) + :is(p,ul,ol) {margin-top:1em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(p,ul,ol,table,.nerespotable,.rozbit-container) + :is(h2,h3,h4,h5,h6) {margin-top:1.95em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(h2,h3,h4,h5,h6,p) + :is(table,.nerespotable,.rozbit-container) {margin-top:1.25em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6) {margin-top:1em;} @media only screen and (max-width: 500px) { :where(.PageTx #content,.magazinDetail .mb-text) :where(p,ul,ol,table,.nerespotable,.rozbit-container) + :is(p,ul,ol,table,.nerespotable,.rozbit-container) {margin-top: 0.6em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(li) + :is(li) {margin-top: 0.3em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(h2,h3,h4,h5,h6) + :is(p,ul,ol) {margin-top: 0.75em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(p,ul,ol,table,.nerespotable,.rozbit-container) + :is(h2,h3,h4,h5,h6) {margin-top: 1.4em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(h2,h3,h4,h5,h6,p) + :is(table,.nerespotable,.rozbit-container) {margin-top: 0.9em;} :where(.PageTx #content,.magazinDetail .mb-text) :where(h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6) {margin-top: 0.75em;} } .magazinDetail .magazinShare{display: flex;align-items: center;margin: clamp(1rem, -0.3846rem + 4.9231vw, 3rem) 0 0;} .magazinDetail .magazinShare .btn-share{background: #f42c79;color: #fff !important;padding: .75em 2.5em;border-radius: 6px;} .magazinDetail .magazinShare .btn-share:hover{background: #000;border-color: #000;} /*autorDetail*/ #authorFooterC{width: 100%;max-width: 900px;margin: 3em auto 0;} #authorFooterC > h3{margin: 0;padding: 0;color: #000;} #authorFooterC #authorFooter{padding: 1em;background: #f7f7f7;margin: 0.5em 0 0;} #authorFooterC #authorFooter .anot{display: grid;grid-template-columns: auto 1fr;grid-template-rows: repeat(4,auto) 1fr;gap: 0 1em;} #authorFooterC #authorFooter .anot a{text-decoration: underline;} #authorFooterC #authorFooter .anot a:hover{text-decoration: none;} #authorFooterC #authorFooter .anot .autorPhoto{grid-column: 1/2;grid-row: 1/-1;} #authorFooterC #authorFooter .anot .autorPhoto img{max-width: 250px;} #authorFooterC #authorFooter .anot > h4{grid-column: 2;grid-row: 1;margin: 0;padding: 0;color: #000;} #authorFooterC #authorFooter .anot .text{grid-column: 2;grid-row: 2;padding: 1em 0 0;} #authorFooterC #authorFooter .anot .autorClankyDalsi{grid-column: 2;grid-row: 3;margin-top: 1em;} #authorFooterC #authorFooter .anot .autorTl{grid-column: 2;grid-row: 4;margin-top: 1em;} @media only screen and (max-width: 600px) { #authorFooterC #authorFooter .anot{grid-template-columns: 100%;grid-template-rows: repeat(10,auto) 1fr;} #authorFooterC #authorFooter .anot .autorPhoto{grid-column: 1/-1;grid-row: 1;margin: 0 0 1em;} #authorFooterC #authorFooter .anot > h4{grid-column: 1/-1;grid-row: 2;} #authorFooterC #authorFooter .anot .text{grid-column: 1/-1;grid-row: 3;} #authorFooterC #authorFooter .anot .autorClankyDalsi{grid-column: 1/-1;grid-row: 4;} #authorFooterC #authorFooter .anot .autorTl{grid-column: 1/-1;grid-row: 5;} } /*nwm*/ .ATPage #content{font-size: 16px;line-height: 1.4em;width: 90%;max-width: calc(1600px + (0.75rem*2));margin: 0 auto;padding: 0 0.75rem;box-sizing: border-box;} @media only screen and (max-width: 1300px) { .ATPage #content {width: 100%;max-width: calc(1100px + (0.75rem*2));} } .SectionCenter :where(h1,h2,h3,h4,h5,h6){color: #000;} .tlVideoVse{margin-bottom: 1.5em;display: flex;justify-content: center;} /*trenerPage*/ .ATPage{} .ATPage .contentC{padding: 0;} .ATPage .content.vimeofilter{width: 90%;max-width: calc(1600px + (0.75rem*2));padding: 0 0.75rem;box-sizing: border-box;} @media only screen and (max-width: 1300px) { .ATPage .content.vimeofilter{width: 100%;max-width: calc(1100px + (0.75rem*2));} } .ATPage .vimeofilter .hl_tri.videoList{max-width: none;display: block;display: flex;flex-wrap: nowrap;justify-content: flex-start;overflow: hidden;overflow-x: scroll;padding-bottom: 20px;} .ATPage .vimeofilter .hl_tri.videoList li{flex: 1 0 auto;display: block;} /*smart tv*/ /*navigace*/ html.no-grid .MFmob, html.smartTV .MFmob { display: flex; } html.no-grid .MFmob #logoC, html.smartTV .MFmob #logoC {order: 2;} html.no-grid .MFmob #logo2, html.smartTV .MFmob #logo2 {order: 1;} html.no-grid .MFmob #searchBlockC, html.smartTV .MFmob #searchBlockC {order: 4;} html.no-grid .MFmob .uzi, html.smartTV .MFmob .uzi {order: 5;} html.no-grid .MFmob #topNavigC, html.smartTV .MFmob #topNavigC {order: 3;margin: 0 auto;} html.no-grid , html.smartTV {} html.no-grid , html.smartTV {} html.no-grid , html.smartTV {} /*videa*/ html.no-grid .hl_tri.videoList .redbox, html.smartTV .hl_tri.videoList .redbox {display:block;position:relative;display:flex;flex-direction: column;} html.no-grid .hl_tri.videoList .redbox > a.video-klik, html.smartTV .hl_tri.videoList .redbox > a.video-klik {position:absolute;top:0;left:0;right:0;bottom:0;} html.no-grid .hl_tri.videoList .redbox img, html.smartTV .hl_tri.videoList .redbox img {margin:0 !important;} html.no-grid .hl_tri.videoList .redbox .redblok, html.smartTV .hl_tri.videoList .redbox .redblok {height: 100% !important;} /*cookilista new*/ body.myBody .cookiebox .cookie-ico{display:none;} body.myBody .cookiebox:not(.cookieNastaveni){justify-content:center;align-items:flex-end;top:auto;min-height:auto;} body.myBody .cookiebox{} body.myBody .cookiebox:not(.cookieNastaveni) .cookiealert{margin:0;max-width:100%;width:100%;padding:1em 1em .75em} body.myBody .cookiebox:not(.cookieNastaveni) .cookie-scroll{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(2,auto);} body.myBody .cookiebox:not(.cookieNastaveni) .cookiealert .cookie-nadpis{grid-column: 1/2;grid-row: 1/2;margin:0;} body.myBody .cookiebox:not(.cookieNastaveni) .cookiealert .cookie-small{grid-column: 1/2;grid-row: 2/3;} body.myBody .cookiebox:not(.cookieNastaveni) .cookiealert .cookie-tlacitka{grid-column: 2/3;grid-row: 1/3;align-self: center;gap: 1.5em;justify-content:center;margin:0;} body.myBody .cookiebox:not(.cookieNastaveni) .cookiealert .cookie-tlacitka .cookie-tla{padding:4px 8px} body.myBody .cookiebox .cookiealert .cookie-tlacitka{font-size:0.8em;} body.myBody .cookiebox .cookiealert .cookie-tlacitka .cookie-tla{text-transform: none;min-width: 150px;text-align: center;border-width: 2px;font-weight: bold;display: flex;align-items: center;justify-content: center;} body.myBody .cookiebox .cookiealert .cookie-tlacitka .cookie-alternative{font-size:0.8em;padding:0.42em 0.84em;}