/* Digitor základní styl by Nightfever 9/5/2018 */ /* v100 - fix přetíkání videí v popisu z i6 ... /* #36a82f - zelená, #0098d9 - modrá (světlá na linky - #bbe1f0) #e1e8ed rámečky? #f28b00 oranž1 { --orange: #fd7e21; } /**/ @import url("font-awesome.css"); @import url("owl.carousel.css"); @import url("mCustomScrollbar.css"); @font-face { font-family: 'OpenSansRegular'; src: url('../fonts/openSans/OpenSansRegular.eot'); src: local('OpenSansRegular'), url('../fonts/openSans/OpenSansRegular.woff') format('woff'), url('../fonts/openSans/OpenSansRegular.ttf') format('truetype');} /* Reset 2018 */ html {overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth; } body {line-height:1; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { font-family:inherit; font-size:100%; font-weight:inherit; font-style:inherit; vertical-align:baseline; margin:0; padding:0; border:0; outline:0; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; } ol, ul {list-style:none; } blockquote, q {-webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes:none; } :focus {outline:0; } table {border-collapse:collapse; border-spacing:0; } img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; } button,input,select,textarea {font-size:100%; margin:0; max-width:100%; vertical-align:baseline; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } button,input {line-height:normal; } input,textarea {background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); } button,input[type="button"],input[type="reset"],input[type="submit"] {line-height:1; cursor:pointer; -webkit-appearance:button; border:none; } input[type="checkbox"],input[type="radio"] {padding:0; } input[type="search"] {-webkit-appearance:textfield; } input[type="search"]::-webkit-search-decoration {-webkit-appearance:none; } button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0; } *,*:before,*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } ul, ol {padding:0; } img {height:auto; } .image img {max-width:100%;} b, strong {font-weight:900; } button,button:hover {border:none; } button:focus {outline:none; } select {border:none; } input[type="checkbox"] {display:inline; } .btn {background-image:none; } /* loader */ #loading { width:100px; height:100px; left: calc(50% - 50px); top: calc(50% - 50px);display:flex; position:fixed; z-index: 9999; vertical-align:middle; text-align:center;} #loading i { position: absolute; font-size: 8px; top: 38%; width: 100px; z-index: 9; color: #0098d9;} #loading span { margin: auto; position: relative; display: block; width: 1em; height: 1em; font-size: 50px; border-radius: 100%; border-bottom: 1px solid #0098d9;; vertical-align: middle; overflow: hidden; text-indent: 100%; box-shadow: 0 0 20px 20px white, 0 0 20px 20px white inset; -webkit-animation: 0.5s spinner linear infinite; -moz-animation: 0.5s spinner linear infinite; animation: 0.5s spinner linear infinite;} #loading span:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #0098d9; opacity: 0.5; border-radius: 100%;} @-webkit-keyframes spinner { to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinner { to { -moz-transform: rotate(360deg); } } @keyframes spinner { to { transform: rotate(360deg); } } /* Globální styly */ body {font-family:'OpenSansRegular', sans-serif; font-size:13px; line-height:24px; font-weight:400; background-color:#fff; color:#333; overflow:hidden; position:relative; } a {text-decoration:none; color:#333333; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } a:hover, a:focus {color:#f28b00; text-decoration:none; outline:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } button, input[type="button"], input[type="reset"], input[type="submit"] {display:inline-block; color:#fff; padding:0px 27px 0 27px; height:48px; line-height:42px; font-size:14px; color:#ffffff; background:#e5e5e5; border-radius:15px; font-weight:600; position:relative; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="url"], input[type="search"],input[type="tel"],input[type="color"],input[type="email"], .likeSelect {position:relative; display:block; width:100%; line-height:24px; padding:8px 15px 8px 30px; color:#222222; border:2px solid #e5e5e5; height:48px; border-radius:15px; background-color:transparent; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } input[type="email"] {padding:8px 14px; color:#555555; border:1px solid #e5e5e5; margin-bottom:20px; } textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus, input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus {border:2px solid #cacaca; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } textarea {width:100%; padding:11px 18px;} textarea:-moz-placeholder,textarea::-moz-placeholder,input:-moz-placeholder,input::-moz-placeholder {color:#aeaeae; opacity:1; } input:-ms-input-placeholder {color:#aeaeae; } textarea::-webkit-input-placeholder,input::-webkit-input-placeholder {color:#aeaeae; opacity:1; } select,textarea,input[type="text"],input[type="submit"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"], input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input,.dropdown-menu, .navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus {-webkit-appearance:none; -moz-appearance:none; appearance:none; text-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; color:#727272; } select::-ms-expand {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; } h1, h2, h3, h4, h5, h6 {font-weight:400; } h1 {font-size:32px; } h2 {font-size:24px; } h3 {font-size:20px; font-weight:500; color:#2d2d2d; } h4 {font-size:18px; } .clearfix {clear:both; } .left {text-align:left; } .right {text-align:right; } .center {text-align:center; } .sale {color:#fd6e01; font-weight:900; font-size:20px; } .regular {color:#aaa; font-size:14px; text-decoration:line-through; } .background {background-color:#f5f5f5; } button.cancel {background:#555;} button.go {background:#f28b00;} @-webkit-keyframes jello-horizontal {0%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,0.75,1); transform:scale3d(1.25,0.75,1); }40%{-webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1); }50%{-webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.85,1); }65%{-webkit-transform:scale3d(0.95,1.05,1); transform:scale3d(0.95,1.05,1); }75%{-webkit-transform:scale3d(1.05,0.95,1); transform:scale3d(1.05,0.95,1); }100%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }} @keyframes jello-horizontal {0%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }30%{-webkit-transform:scale3d(1.25,0.75,1); transform:scale3d(1.25,0.75,1); }40%{-webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1); }50%{-webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.85,1); }65%{-webkit-transform:scale3d(0.95,1.05,1); transform:scale3d(0.95,1.05,1); }75%{-webkit-transform:scale3d(1.05,0.95,1); transform:scale3d(1.05,0.95,1); }100%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } } @-webkit-keyframes jumping { 70% {margin-top:0px; width:23px;height: 22px;} 72% {margin-top:-5px; width:23px;height: 30px;} 80% {margin-top:-15px; width:23px;height: 22px;} 86% {margin-top:-5px; width:23px;height: 22px;} 90% {margin-top:4px; width:23px;height: 20px;} 92% {margin-top:0px; width:23px;height: 22px;} 100% {margin-top:0px; width:23px;height: 22px;} } @keyframes jumping { 70% {margin-top:0px; width:23px;height: 22px;} 72% {margin-top:-5px; width:23px;height: 30px;} 80% {margin-top:-15px; width:23px;height: 22px;} 86% {margin-top:-5px; width:23px;height: 22px;} 90% {margin-top:4px; width:23px;height: 20px;} 92% {margin-top:0px; width:23px;height: 22px;} 100% {margin-top:0px; width:23px;height: 22px;} } /* Overlay pro vyjížděcí menu */ .boxed {position:relative; } .boxed > .overlay {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.2); z-index:98; opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .boxed > .overlay.show {opacity:1; visibility:visible; } /* /Overlay pro vyjížděcí menu */ /*modal*/ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1000; padding: 20px; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.3); text-align: center;} .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em;} .blocker.behind { background-color: transparent;} .modal { display: none; vertical-align: middle; position: relative; z-index: 2; max-width: 500px; box-sizing: border-box; text-align: left;} .modal a.close-modal { position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(../images/icons/close.png) no-repeat center center; } .modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px;} .modal-spinner > div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out;} .modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;} .modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;} .modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;} @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /*/modal*/ /* Můj Tooltip*/ [data-tooltip] { position: relative; } [data-tooltip]:before, [data-tooltip]:after { content: none; content: normal; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:active:before, [data-tooltip]:active:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after { -webkit-animation: 0.3s tooltip linear; -moz-animation: 0.3s tooltip linear; animation: 0.3s tooltip linear; } [data-tooltip]:hover:before, [data-tooltip]:active:before, [data-tooltip]:focus:before { content: ""; } [data-tooltip]:hover:after, [data-tooltip]:active:after, [data-tooltip]:focus:after { content: attr(data-tooltip); white-space: pre; text-align:center;} [data-tooltip]:before { position: absolute; top: 100%; left: 50%; margin-top: -2px; margin-left: -5px; border: 5px solid transparent; border-bottom-color: #0098d9; } [data-tooltip]:after { position: absolute; top: 100%; left: 50%; border-radius: 3px; padding: 5px 10px; margin-top: 7px; white-space: nowrap; font-weight: normal; color: #fff; background-color: #0098d9; z-index: 11; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 5px 8px -2px white;} @-webkit-keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @-moz-keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @media (max-width: 767px) { .sortBy [data-tooltip]:hover:after, .sortBy [data-tooltip]:active:after, .sortBy [data-tooltip]:focus:after { left: 0; transform: translateX(0); width: 233px; height: auto; white-space: normal;} } /* Hlavička */ #header {position:relative; z-index:99; background-color:#fff; } /* Hlavička-horní linka */ .header-top {border-bottom:1px solid #e5e5e5; } ul.header-top-nav > li {display:inline-block; line-height:38px; height:37px; position:relative; } ul.header-top-nav > li > a {border-left:1px solid #e5e5e5; line-height:1; padding-left:9px; padding-right:6px; letter-spacing:-0.5px; } ul.header-top-nav > li:last-child > a {padding-right:0; } ul.header-top-nav > li:first-child > a {border-left:none; } ul.header-top-nav > li > a i {padding-left:10px; padding-right:4px; } ul.header-top-nav > li:last-child > a i {padding-right:0px; } ul.header-top-nav > li > ul {background-color:#fff; border-radius:10px; padding:10px 0; box-shadow:0px 2px 3px 0px rgba(72, 72, 72, 0.15); opacity:0; visibility:hidden; position:absolute; left:0; z-index:99; width:130px; text-align:left; top:46px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } ul.header-top-nav > li > ul:before {content:''; position:absolute; left:30px; top:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #e5e5e5; z-index:100; } ul.header-top-nav> li:hover > ul {opacity:1; visibility:visible; top:38px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } ul.header-top-nav li > ul > li > a {display:block; padding:1px 15px; line-height:24px; font-size:12px; } ul.header-top-nav > li.infoText { line-height:38px; height:37px; letter-spacing:-0.5px; } ul.header-top-nav > li.infoText a { color:#f28b00; padding:0; } /* Hlavička-střed */ .header-middle #logo {margin: 15px 3px 7px; height:calc(100% - 30px); min-height: 70px} .header-middle #logo a { display: block; background-image: url(../images/logos/logo-vektor-digitor-text.svg); background-repeat: no-repeat; background-position: center; height: 100%; } .header-middle #logo img { width: 200px !important; height: 90px !important;} .header-middle { background: url(../images/backgrounds/gplaypattern.png) repeat center; } /* Hlavička-střed-hledání */ .top-search { padding:27px 0; padding-left:47px; margin-right:-21px; } .top-search form.form-search {position:relative; } .top-search form.form-search .cat-wrap {position:absolute; z-index:9; padding:15px 0; } .top-search form.form-search .cat-wrap select { height:20px; line-height:20px; padding:1px 35px; border:none; cursor: pointer;} .top-search form.form-search .cat-wrap span { position:absolute; top:14px; right:22px; color:#1b1b19; font-size:14px; z-index: -1;} .top-search form.form-search .box-search input {background: white; padding-left:191px; padding-top:11px; height:49px; } .top-search form.form-search .box-search .btn-search {position:absolute; top:0; right:0; } .top-search form.form-search .box-search .search-suggestions {width:800px; overflow:hidden; position:absolute; left:0; z-index:9; opacity:0; visibility:hidden; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; } .top-search form.form-search .box-search .search-suggestions.show { opacity:1; visibility:visible; top:-50px; } /* Našeptávač */ .search-suggestions .box-suggestions {width:55%; float:left; background:#fff; padding:20px 30px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .search-suggestions .box-suggestions .title {margin-bottom:8px; overflow:hidden; } .search-suggestions .box-suggestions ul li {margin-bottom:15px; overflow:hidden; } .search-suggestions .box-suggestions ul li .image { width:50px; float:left; max-height:40px; line-height:50px; margin-right:15px; } .search-suggestions .box-suggestions ul li .info-product { overflow:hidden; } .search-suggestions .box-cat {width:45%; float:left; background:#f5f5f5; padding:20px 30px; overflow:hidden; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .search-suggestions .box-cat .title { color:#f28b00; font-size:14px; font-weight:600; } .search-suggestions .box-cat ul {padding-bottom:15px; } .search-suggestions .box-cat li a { line-height:30px; } /* Box Cart */ .box-cart {text-align:right; padding:27px 0; } .box-cart .inner-box {display:inline-block; position:relative; } .box-cart .inner-box > div[id^="snippet--"] > a > div {display: inline-block; } .box-cart .inner-box > div[id^="snippet--"] > a > div.icon-cart {height:48px; line-height: 40px; width: 48px; text-align: center; border: 2px solid #f28b00; background: white; border-radius: 50%; position: relative; } .box-cart .inner-box > div[id^="snippet--"] > a > div.icon-cart img {animation: jumping 3s infinite; } .box-cart .inner-box > div[id^="snippet--"] > a > div.icon-cart[data-cart-items="0"] img {animation: none; } .box-cart .inner-box ul.menu-compare-wishlist li a span, .box-cart .inner-box > div[id^="snippet--"] > a > div.icon-cart span {position: absolute; top: -5px; right: -8px; background-color: #f28b00; width: 20px; height: 20px; line-height: 19px; color: #f4f4f4; font-size: 11px; border-radius: 50%; } .box-cart .inner-box > div[id^="snippet--"] > a > .price {font-weight: 600; font-size: 14px; margin-left: 8px; position: absolute; top: 50px; right: 0; white-space: nowrap; } .box-cart .inner-box ul.menu-compare-wishlist li {display:inline-block; margin-right:19px; } .box-cart .inner-box ul.menu-compare-wishlist li a {display:inline-block; height:48px; width:48px; line-height:40px; text-align:center; border:2px solid #e5e5e5; background:white; border-radius:50%; position: relative;} .box-cart .inner-box ul.menu-compare-wishlist li a:hover {border-color:#f28b00; } .box-cart .inner-box ul.menu-compare-wishlist li a span[data-count|="0"] { background-color: #ddd;} .box-cart .inner-box .dropdown-box {padding:25px 20px 25px; background-color:#fff; border-radius:8px; border: 2px solid #f28b00; z-index:99; box-shadow:0px 2px 3px 0px rgba(72, 72, 72, 0.15); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } /*pro boxCart po najetí*/ .header-middle .box-cart .inner-box .dropdown-box {position:absolute; top:65px; width:332px; right:0; opacity:0; visibility:hidden; } .header-middle .box-cart .inner-box .dropdown-box:before /*sipka*/{content:''; position:absolute; top:-7px; right:17px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #f28b00; } /*pro modal po vložení*/ #cartModal h3 { text-align: left; border-bottom: 2px solid #f28b00; margin-bottom: 30px; padding-bottom: 10px;} #cartModal .img-product img { max-height: 80px;} #cartModal .btns-cart a.view-cart {margin-right: 20px;} #cartModal a.close-modal { line-height: 100px; overflow: hidden; top: 28px;} .box-cart > .inner-box:hover > div[id^="snippet--"] > .dropdown-box {top:55px; opacity:1; visibility:visible; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .box-cart .inner-box .dropdown-box > ul > li {position:relative; margin-bottom:30px; } .box-cart .inner-box .dropdown-box > ul > li .img-product {float:left; margin-right:20px; width:64px; max-height:64px; text-align:center; } .box-cart .inner-box .dropdown-box > ul > li .img-product img{max-width:100%;} .box-cart .inner-box .dropdown-box > ul > li .info-product {text-align:left; } .box-cart .inner-box .dropdown-box > ul > li .info-product .name {margin-bottom:3px; font-size:12px; line-height:20px; } .box-cart .inner-box .dropdown-box > ul > li .info-product .price { color:#f28b00; text-align: right; padding-right: 20px; position: relative;} .box-cart .inner-box .dropdown-box > ul > li a.ajax { position: absolute; right: 0; top: 3px;} .box-cart .inner-box .dropdown-box > ul > li span.delete {cursor:pointer; background: url(../images/icons/delete.png) no-repeat center center; width: 18px; height: 16px; display:block;} .box-cart .inner-box .dropdown-box .total { text-align:left; } .box-cart .inner-box .dropdown-box .total span { font-weight:bold; font-size:14px; } .box-cart .inner-box .dropdown-box .total span.price {color:#f28b00; font-size:22px; font-weight:500; float:right; } .box-cart .inner-box .dropdown-box .btns-cart {margin-top:30px; overflow:hidden; } .box-cart .inner-box .dropdown-box .btns-cart a.check-out {color:#fff; background-color:#f28b00; float:right; } .box-cart .inner-box .dropdown-box .btns-cart a.view-cart:hover {color:#fff; } .box-cart .delivery-info {padding:15px 0 0; } .cart-process-btn {padding:10px 33px; color:#f28b00; border:2px solid #f28b00; border-radius:15px; font-size:14px; font-weight:600; float:left; position:relative; overflow:hidden; z-index:5; } .cart-process-btn:before {content:''; position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; background:#f92400; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.4s; transition-duration:0.4s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .cart-process-btn:hover:before {-webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); } #ZasilkovnaBlock .btn.btn-info { background: #0098d9; line-height: 10px; height: 30px; border-radius: 5px 5px 0 0; margin: 0; width: 100%;} #ZasilkovnaBlock span[role="packeta-selector-branch-name"] { background: white; border: 1px solid #0098d9 !important; border-radius: 0 0 5px 5px; text-align: center; width: 100%;} #snippet--CartContent { width: 100%;} .drop-down-select{ position:relative; width:auto; margin-top:0; } .drop-down-select select{ /*display:none;*/ opacity:0; position:absolute } .drop-down-select .select-list { position: absolute; top: -20px; left: -10px; padding: 0; background: white; z-index: 999; box-shadow: 0 10px 20px #aaa;} .drop-down-select .select-list li{ display:none; } .drop-down-select .select-list li span{ border: 2px solid #e5e5e5; ;display:flex; align-items: center; min-height:40px; min-width:280px; width:100%; padding:5px 15px; font-size:16px; text-align:left; box-sizing:border-box; cursor:pointer } .drop-down-select .select-list li span.logo{ padding: 5px 15px 5px 95px; background-size: 80px auto;background-position:left 10px center; background-repeat:no-repeat; font-size:12px;} .drop-down-select .select-list li span.icon { padding: 5px 15px 5px 60px; background-repeat: no-repeat; background-size: 2em; background-position: 15px center;font-size:14px;} .drop-down-select .select-list li span:hover { color:#a00 } .likeSelect { text-align: left; background: white; cursor:pointer} .drop-down-select span[id$="_message"].text-danger {z-index: 999;bottom: calc(-1em - 10px);} #snippet--CartRewards .panel { display: block; background: #f5f5f5; border: 0; box-shadow: 0 0 5px #ddd inset; border-radius: 8px; padding: 2em; margin: 4em 0 0;} #snippet--CartRewards .panel-heading { background: #e8e8e8; margin: -1.9em -1.9em 1em; padding: 1em 2em; border-radius: 8px 8px 0 0; display: flex; justify-content: space-between;} #snippet--CartRewards .panel-heading > span { background: #3fbae4; color: white; display: block; padding: .15em 1em; border-radius: 5px;} #snippet--CartRewards .panel-heading > span b {font-size: 1.4em; margin: -.25em .25em; display: inline-block;} table#CartRewards { text-align: right; margin: 2em 0 0; box-shadow: 0 0 0px 10px white; background: white;} table#CartRewards tr:first-of-type { border-left: 1px solid transparent; border-right: 1px solid transparent; } table#CartRewards tr th { padding: 5px; white-space: nowrap; } table#CartRewards tr td { padding: 5px; vertical-align: top; } table#CartRewards tr td > img { width: 30px; } table#CartRewards select { width: 3em; padding: .25em; line-height: 1em; height: 2em; border-radius: 3px; display: inline} table#CartRewards thead tr th:nth-child(3), table#CartRewards tr td:nth-child(3) { width: auto;text-align:left;border: none;} table#CartRewards tr td:nth-child(1) { width: auto;} /* pro modal s dostupnostma*/ .modal.shipInfo { text-align: left } .modal.shipInfo h4 { font-weight: 800; font-size: 1.125em; margin: 0 0 .125em } .modal.shipInfo h3 { border-bottom: 2px solid #f28b00; margin: 0 0 1em; padding: 0 0 .5em } table.shipInfoTable { width: 100%; min-width:350px; max-width:95%;border: 1px solid #ddd; margin: 0 0 1.5em } table.shipInfoTable td { padding: .5em;vertical-align: middle;line-height: 1.25em} table.shipInfoTable td small { font-size: .85em;color: #999} table.shipInfoTable td:first-child { width: 3em } table.shipInfoTable td:last-child { text-align: right} table.shipInfoTable td figure { text-align:center } table.shipInfoTable td figure img { max-width: 100%; max-height: 1em; } table.shipInfoTable tr:nth-child(odd) td { background: #f1f1f1 } table.shipInfoTable td span { color:#00af00 } .modal.shipInfo .btns-cart { text-align: center } .modal.shipInfo .cart-process-btn { float: none; display: inline-block } /* Header linka */ .header-bottom { /*background-color:#0098d9;*/ background-color:white; border-top: 2px solid #0098d9; min-height: 54px;} .header-bottom > .container > .row {position:relative; } /*.header-bottom:before, .header-bottom:after{ z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 100%; top: 70%; max-width:800px; background: transparent; box-shadow: 0 15px 10px #aaa; transform: rotate(-1.5deg); } .header-bottom:after{ transform: rotate(1.5deg); right: 10px; left: auto; } */ /* drobkova navigace */ .header-bottom > .container > .row > .col-md-9.col-10 {box-shadow: 0 5px 8px -8px #0078d9;} .flat-breadcrumb {padding:9px 5px 5px 15px; float:left;} .flat-breadcrumb ul.breadcrumbs {display:flex; flex-wrap:wrap;align-items:center;min-height: 40px;} .flat-breadcrumb ul.breadcrumbs > li {margin-right:8px;margin-left:2px;} .flat-breadcrumb ul.breadcrumbs > li:after {content: '\f105'; font-family: 'fontawesome'; } .flat-breadcrumb ul.breadcrumbs > li:last-child:after {content: none; } .flat-breadcrumb ul.breadcrumbs > li > a { margin-right:19px; /*color:white;*/font-weight:500;white-space: nowrap;} .flat-breadcrumb ul.breadcrumbs li a:hover {color:#f28b00;} .flat-breadcrumb ul.breadcrumbs > li:last-child a {cursor:default;padding:2px 10px;background-color:#e5e5e5;border-radius:4px;color:#2d2d2d;} .flat-breadcrumb ul.breadcrumbs ul {display:none;} .flat-breadcrumb ul.breadcrumbs > li a.intro {background: transparent url(/digitor/images/icons/home.png) no-repeat center left; width: 40px; height: 30px; display: inline-block; margin: 0px 0 -7px -8px;} .flat-breadcrumb ul.breadcrumbs > li:first-child:after {padding: 3px 0 0; display: inline-block; vertical-align: top;} /* Strom produktů s Mega-menu */ #mega-menu {position:relative; top:-6px; height:55px; /*width:250px;*/ width: calc(100% + 15px); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #mega-menu > .btn-mega {font-weight:600; font-size:16px; color:#fefefe; height:65px; padding-left:87px; line-height:65px; background-color:#0098d9; border-radius:8px 8px 0 0; position:relative; z-index:98; cursor:pointer; } #mega-menu:hover .btn-mega {border-bottom-left-radius:0px; border-bottom-right-radius:0px; background-color:#f28b00; } #mega-menu > .btn-mega > span /*ikona menu*/{position:absolute; height:2px; width:18px; left:46px; top:31px; background-color:#fff; display:inline-block; } #mega-menu > .btn-mega > span:before {content:''; position:absolute; height:2px; width:24px; top:-7px; background-color:#fff; } #mega-menu > .btn-mega > span:after {content:''; position:absolute; height:2px; width:24px; top:7px; background-color:#fff; } #mega-menu:hover ul.menu {top:-1px; visibility:visible; opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #mega-menu > ul.menu {position:relative; z-index:90; background-color:#fff; border:2px solid #f28b00; border-bottom-left-radius:8px; border-bottom-right-radius:8px; top:-10px; opacity:0; visibility:hidden; /*height:516px;*/ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #mega-menu > ul.menu > li > a {height:46px; line-height:51px; padding:0 10px 0 15px; border-bottom:1px solid #e5e5e5; display:block; position:relative; } #mega-menu > ul.menu > li:last-child > a {border-bottom:none; } #mega-menu > ul.menu > li > a .menu-img {margin-right:10px; min-width:28px; display:inline-block; text-align:center; opacity: 0.8;} #mega-menu > ul.menu > li > a .menu-img img { max-height: 26px;} #mega-menu > ul.menu > li:hover > a .menu-title {color:#f28b00; } #mega-menu > ul.menu > li > a.dropdown:after {content:'\f105'; position:absolute; font-family:'fontawesome'; right:10px; font-size:14px; } #mega-menu > ul.menu > li > a .menu-title { } #mega-menu > ul.menu > li .drop-menu {opacity:0; visibility:hidden; display: flex; flex-wrap: wrap;padding:27px 7px 27px 0; position:absolute; top:-1px; left:242px; margin-left:10px; width:875px; border-radius:10px; z-index:-1; background-color:#fff; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #mega-menu > ul.menu > li:hover > .drop-menu {opacity:1; visibility:visible; transform:translateX(0%); box-shadow: 0 0 5px #ccc; z-index:99;} #mega-menu > ul.menu > li .drop-menu > .cat {width:33.3%; float:left; padding:0 15px 25px 25px; } #mega-menu > ul.menu > li .drop-menu > .cat.full {width:99.9%; float:left; padding-left:42px; padding-right:15px; } #mega-menu > ul.menu > li .drop-menu > .cat .cat-title a {color:#f28b00; font-size:16px; font-weight:bold; margin-bottom:10px; } #mega-menu > ul.menu > li .drop-menu > .cat .cat-image {float:left; padding:0 10px 5px 0; min-width: 60px;} #mega-menu > ul.menu > li .drop-menu > .cat .cat-image img {max-width:50px; max-height: 60px; } #mega-menu > ul.menu > li .drop-menu > .cat .cat-subs { line-height: 18px; font-family: arial;} #mega-menu > ul.menu > li .drop-menu > .cat .cat-subs a:after{ content:","; } #mega-menu > ul.menu > li .drop-menu > .cat .cat-subs a:last-child:after{ content:""; } #mega-menu > ul.menu > li .drop-menu > .cat .banner { border-top: 1px solid #dedede; margin-top: 15px; padding-top: 15px; } @media only screen and (min-width:992px) { #cat101082 > a { background: #eee; border-radius: 0 0 8px 8px;} #cat101082 > .drop-menu {top:250px;} #cat24012 > .drop-menu {top:150px;} #cat40560 > .drop-menu {top:150px;} #cat-2147483648 > a{ /* zluta - background: #ffd;color: #f28b00;*/ /* modra */ background: #f0faff; color: #008bf2;} } /*na detailu jinak */ body.detail #mega-menu > .btn-mega {border-radius: 8px;} body.detail #mega-menu {width:initial;} /* Mega na mobilu, přepínám pomocí js */ #mega-mobile {display:block;margin:0 auto;width:100%;position:absolute;left:0;z-index:1000;background-color:#222222;} #mega-mobile > ul.menu > li > a {color:#fff;display:block;padding:15px 0;cursor:pointer;padding-left:15px;border-bottom:1px solid #333;position:relative;} #mega-mobile > ul.menu > li > a .menu-img { margin-right:18px;min-width:30px;display:inline-block;text-align:center;} #mega-mobile > ul.menu > li > a .menu-img img { max-height: 20px; filter: invert(1);} #mega-mobile > ul.menu > li > a.dropdown .btn-dropdown, #mega-mobile .btn-dropdown-child {position:absolute;top:0;right:0;font-size:14px;width:54px;height:54px;background:#262626;text-align:center;cursor:pointer;font:20px/54px 'FontAwesome';} #mega-mobile .btn-dropdown-child {right:0px;width:44px;height:44px;line-height:44px;} #mega-mobile > ul.menu > li > a.dropdown .btn-dropdown:after, #mega-mobile .btn-dropdown-child:after {content:'\f107';} #mega-mobile > ul.menu > li > a.dropdown .btn-dropdown.active:after, #mega-mobile .btn-dropdown-child.active:after {content:'\f106';} #mega-mobile > ul.menu > li > .drop-menu {padding:0 54px 0 50px;} #mega-mobile > ul.menu > li > .drop-menu .cat-title {position:relative;padding:10px 0 0;border-top:1px solid #666;} #mega-mobile > ul.menu > li > .drop-menu .cat-title a {color:#f5f5f5;} #mega-mobile > ul.menu > li > .drop-menu ul {padding-left:20px;} #mega-mobile > ul.menu > li > .drop-menu ul li {border-bottom:1px solid #333;} #mega-mobile > ul.menu > li > .drop-menu ul li a {color:#f5f5f5;font-size:12px;padding:8px 0;display:block;} #mega-mobile > ul.menu > li > .drop-menu .show, #mega-mobile > ul.menu > li > .drop-menu .one-third:nth-child(3) {display:none;} #mega-mobile > ul.menu > li > .drop-menu .cat-image {display:none;} /*xx #mega-mobile > ul.menu > li > .drop-menu .btn-dropdown-child {display:none;} xx*/ #mega-mobile > ul.menu > li > .drop-menu .cat-subs a {color:white;padding: 4px 10px;display: block;background: #333;margin-bottom: 2px;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs a:hover {background:#666; color:#f28b00;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs a::before { content: '\f105'; font-family: fontawesome;padding-right: 5px;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs .cat-title a { background: none; color: #f28b00; padding: 4px 0;} /* /Strom produktů s Mega-menu */ /* Tlačítko megamenu i v mobilním modu*/ .btn-menu, .btn-menu-mega {display:none;position:relative; background:transparent; cursor:pointer; float:right; top:10px; width:25px; height:25px; border:2px solid #fff; padding:15px 18px 17px; border-radius:4px; z-index:8; -webkit-transition:all ease .238s; -moz-transition:all ease .238s; transition:all ease .238s;} .btn-menu-mega {background:#0098d9; } .btn-menu:before, .btn-menu:after, .btn-menu span, .btn-menu-mega:before, .btn-menu-mega:after, .btn-menu-mega span { background-color:#fff; -webkit-transition:all ease .238s; -moz-transition:all ease .238s; transition:all ease .238s;} .btn-menu:before, .btn-menu:after, .btn-menu-mega:before, .btn-menu-mega:after {content:''; position:absolute;height:2px; width:25px; left:5px; top:50%;-webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50%;} .btn-menu span, .btn-menu-mega span { position:absolute; width:25px; height:2px; left:5px; top:50%; overflow:hidden; text-indent:200%;} .btn-menu-mega span {width:20px;} .btn-menu:before, .btn-menu-mega:before {-webkit-transform:translate3d(0, -7px, 0); transform:translate3d(0, -7px, 0);} .btn-menu:after, .btn-menu-mega:after {width:25px; -webkit-transform:translate3d(0, 7px, 0); transform:translate3d(0, 7px, 0);} .btn-menu.active:after, .btn-menu-mega.active:after { width:25px;} .btn-menu.active span, .btn-menu-mega.active span {opacity:0;} .btn-menu.active:before, .btn-menu-mega.active:before {-webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg);} .btn-menu.active:after, .btn-menu-mega.active:after { -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg);} /* Dnešní nabídka */ .today-deal { float:right;} .today-deal a { line-height:55px; color:#ffffff; font-size:14px; font-weight:600; position:relative; } .today-deal a:before { content:''; position:absolute; width:0; height:2px; bottom:-4px; right:0; background:#fff; -webkit-transition:width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); -o-transition:width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); transition:width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); } .today-deal a:hover:before {width:100%; left:0;} .today-deal.style1 > a {color:#f28b00;} /*hvězdičky hodnocení - 20 a méně % nezobrazujeme hodnocení*/ .rating i { color:#f28b00;} .rating i::before {content: "\f005";display: inline-block;font: 14px/1 FontAwesome;font-size: 14px;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .rating[data-rating|="90"] i:last-child::before {content: "\f123";} .rating[data-rating|="80"] i:last-child::before { content: "\f006";} .rating[data-rating|="70"] i:nth-child(n+4)::before {content: "\f123";} .rating[data-rating|="70"] i:nth-child(n+5)::before {content: "\f006";} .rating[data-rating|="60"] i:nth-child(n+4)::before { content: "\f006";} .rating[data-rating|="50"] i:nth-child(n+3)::before {content: "\f123";} .rating[data-rating|="50"] i:nth-child(n+4)::before {content: "\f006";} .rating[data-rating|="40"] i:nth-child(n+3)::before { content: "\f006";} .rating[data-rating|="30"] i:nth-child(n+2)::before {content: "\f123";} .rating[data-rating|="30"] i:nth-child(n+3)::before {content: "\f006";} .rating[data-rating|="20"] i:nth-child(n+2)::before { content: "\f006";} .rating[data-rating|="10"] i::before { content: "\f006";} .rating[data-rating|="10"] i:first-child::before {content: "\f123";} .rating[data-rating|="0"] i::before {content: "\f006";} #pD-m-header .rating[data-rating|="20"], #pD-m-header .rating[data-rating|="10"] {display:none;} /* nezobrazujeme >20% na detailu */ .product-item .rating[data-rating|="20"], .product-item .rating[data-rating|="10"] {display:none;} /* nezobrazujeme >20% na výpisu */ /*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box;} .noUi-target { position: relative; direction: ltr;} .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1;} .noUi-connects { overflow: hidden; z-index: 0;} .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0;} .noUi-vertical .noUi-origin { width: 0;} .noUi-horizontal .noUi-origin { height: 0;} .noUi-handle { position: absolute;} .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s;} .noUi-state-drag * { cursor: inherit !important;} .noUi-horizontal { height: 18px;} .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px;} .noUi-vertical { width: 18px;} .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px;} html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left: auto;} .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;} .noUi-connects { border-radius: 3px;} .noUi-connect { background-image: url(../images/backgrounds/slider-bg.png); background-size: 10px 22px;} .noUi-draggable { cursor: ew-resize;} .noUi-vertical .noUi-draggable { cursor: ns-resize;} .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;} .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;} .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px;} .noUi-handle:after { left: 17px;} .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px;} .noUi-vertical .noUi-handle:after { top: 17px;} [disabled] .noUi-connect { background: #B8B8B8;} [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed;} .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box;} .noUi-pips { position: absolute; color: #999;} .noUi-value { position: absolute; white-space: nowrap; text-align: center;} .noUi-value-sub { color: #ccc; font-size: 10px;} .noUi-marker { position: absolute; background: #CCC;} .noUi-marker-sub { background: #AAA;} .noUi-marker-large { background: #AAA;} .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%;} .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%);} .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%);} .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px;} .noUi-marker-horizontal.noUi-marker-sub { height: 10px;} .noUi-marker-horizontal.noUi-marker-large { height: 15px;} .noUi-tooltip { display: none; position: absolute;border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap;} .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%;bottom: 120%;} .noUi-active .noUi-tooltip { display: block;} /* /noUiSlider*/ /* LEVY SLOUPEC ***************************************************************************************/ /* Sidebar s filtrem */ #shop { margin-top:30px; min-height:555px} #shop .leftColumn {margin-top:-30px;padding-top:25px;border-right: 1px solid #bbe1f0;background: -webkit-linear-gradient(to right, #ffffff 0%,#f9feff 80%);background: -moz-linear-gradient(to right, #ffffff 0%,#f9feff 80%);background: linear-gradient(to right, #ffffff 0%,#f9feff 80%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf5fc',GradientType=1 ); } #shop .leftColumn::after {width: 100%;height: 1px;content: " ";position: absolute;bottom: 0;right: -1px;background: -webkit-linear-gradient(to right, #ffffff 0%,#bbe1f0 80%); background: -moz-linear-gradient(to right, #ffffff 0%,#bbe1f0 80%); background: linear-gradient(to right, #ffffff 0%,#bbe1f0 80%);} #shop .sidebar .widget {margin-bottom:0px;} #shop .sidebar .widget .widget-content {margin-bottom:25px;} .sidebar .widget {margin-bottom:36px;} .sidebar .widget .widget-title h3 { cursor:pointer; line-height:14px; padding:8px 10px 8px 0; margin-bottom:5px;font-size:14px;font-weight:bold; border-bottom:1px solid #bbe1f0;position:relative;} .sidebar .widget .widget-title h3 img { margin: 0 6px 2px 0;} .btn-widget {position:absolute; cursor:pointer; right:0; top:13px; width:15px; height:10px;} .btn-widget:before, .btn-widget:after{ content:''; position:absolute;height:2px; width:10px;background-color:#999; -webkit-transition:all ease .238s; -moz-transition:all ease .238s; transition:all ease .238s; } .btn-widget:before{ left:0px; top:0; } .btn-widget:after { left:6px; top:0; } .btn-widget:before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .btn-widget:after { -webkit-transform:rotate(45deg); transform:rotate(45deg);} .active .btn-widget:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);} .active .btn-widget:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .widget-title:hover .btn-widget:before, .widget-title:hover .btn-widget:after{background-color:#fd7e21} #shop .sidebar .widget-range { margin-bottom: 2em} .sidebar .widget-range .filter-item-content { padding: 0 5px} .sidebar .widget-range span[data-atribute] { width: 40%; margin:0 !important} .sidebar .widget-range span[data-atribute]:after { content: attr(data-atribute); top: 1px;} .sidebar .widget-range span input { border: 1px solid #eee; padding: 1px 25px 1px 5px; text-align: center; height: initial; border-radius: 5px;} .sidebar .widget-range .noUi-connect {opacity: 0.25;} /* LEVY - Cena, slider na ceně*/ #shop .sidebar .widget-price .widget-content {margin-bottom:15px;} #shop .sidebar .widget-price .widget-content > p {font-size:14px;font-weight:bold; margin-bottom:5px;} #Price-range {margin:15px;} #shop .sidebar .widget-price .widget-content > span { position: relative; width:49%; display: inline-block;} #shop .sidebar .widget-price .widget-content > span::after { content: "Kč"; position: absolute; right: 15px; bottom: 12px;} #shop .sidebar .widget-price .widget-content > span input {background:white; padding: 8px 30px 8px 5px; text-align: right;} /* LEVY - značky*/ .widget-brands .search-brands {padding: 5px 10px 5px 27px;height: 33px;background: white;} /* LEVY - Box Chechbox pro param filtr, ... */ .box-checkbox { margin-top:5px; max-height:160px; overflow:hidden;} #snippet--filtr .check-box.notAvail { display: none;} .box-checkbox li.check-box {position:relative;padding-left:20px;} .box-checkbox li.check-box input[type=checkbox] { position:absolute;left:12px;opacity:0;} .box-checkbox li label {position:relative; cursor:pointer;} .box-checkbox li label:hover {color:#fd7e21;} .box-checkbox li label span { color:#bababa;} .box-checkbox li.check-box label:before { content:""; display:inline-block; position:absolute; width:15px; height:15px; left:0; top:5px; margin-left:-20px; border:1px solid #c1c1cf; border-radius:4px; background-color:#fff; -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; transition:border 0.15s ease-in-out, color 0.15s ease-in-out;} .box-checkbox li.check-box label:after { content:''; display:inline-block; position:absolute; width:15px; height:15px; left:0; top:0; margin-left:-20px; padding-left:3px;padding-top:1px; font-size:11px; color:#555555;} .check-box label { display:inline-block; position:relative; padding-left:10px;} input[type="checkbox"]:checked + label:before { background-color:#f28b00;} .check-box input[type="checkbox"]:checked + label:before { background-color:#fd7e21; border-color:#fd7e21;} .check-box input[type="checkbox"]:checked + label:after { color:#fff; font-family:'FontAwesome'; content:"\f00c";} .box-checkbox li.check-box.notAvail input, .box-checkbox li.check-box.notAvail label:before { border:none; background:#eee; } .box-checkbox li.check-box.notAvail label { color:#999;} .notAvail, .notAvail input, .notAvail label, .notAvail a { cursor:not-allowed !important;} .box-checkbox i{ width: 15px; height: 15px; display: inline-block; left: -5px; position: relative; vertical-align: middle; border-radius: 3px; margin-bottom: 2px; border:1px dashed #aaa;} .box-checkbox i[style] {background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); } /* LEVY - spust cely filtr */ #shop .sidebar .widget.widget-moreFilters { border-bottom: 1px solid #bbe1f0; margin: 0 0 12px; background: linear-gradient(transparent, #e0f6ff); padding: 1em 0; border-radius: 0 0 10px 10px} #snippet--filtrActLink { display: flex; justify-content: center} #snippet--filtrActLink a { display: inline-flex; padding: 4px 15px; background: #0098d9; color: white; gap: 10px; font-size: 1.125em; border-radius: 6px; align-items:center; font-weight: 500} #snippet--filtrActLink a svg {height: 1.25em; filter: invert(1) brightness(10);} #snippet--filtrActLink a:hover { opacity:.8; cursor:pointer;} /* FULL PRODUCT FILTER */ #fullFilter {display:table-row; width: 90%; background:#ddd; vertical-align: top; margin-top: 10vh; max-width:1000px; min-width:320px; box-shadow: 0 0 40px black;} #fullFilterHeader { box-shadow: 0 -10px 5px -10px #888 inset} #fullFilterHeader h1 {font-size: 1.5em; color: #222; padding: 20px 25px;} #fullFilter .tabs-nav {display:table-cell; background:white} #fullFilter .tabs-nav li a {width:100%; display:block; background:#d2F1ff; color:black; padding:10px 25px; border-bottom: 1px solid #999; line-height:1.1em;} #fullFilter .tabs-nav li.tab-active a {width:100%; background:#0098d9; color:white; text-shadow: 0 0px 2px black;} #fullFilter .tabs-stage {display:table-cell; border-left: 5px solid #0098d9; background:white; width:100%; padding: 0px 20px;} .filter-item {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #0098d9;} .filter-item-title h3 { font-size: 1.1em;} .filter-item-content {position:relative;} .filter-item-content ul {column-count:3;} div[data-item-count="10"] ul, div[data-item-count="9"] ul, div[data-item-count="8"] ul, div[data-item-count="7"] ul, div[data-item-count="6"] ul, div[data-item-count="5"] ul {column-count:2;} div[data-item-count="4"] ul, div[data-item-count="3"] ul, div[data-item-count="2"] ul, div[data-item-count="1"] ul {column-count:1;} .filter-item-content[data-item-count="0"] {padding: 0 30px;} .filter-range {margin: 10px;} .filter-range ~ span { width: 120px; display: block; position:relative; margin-left: 10px;} .filter-range ~ span:last-child { position: absolute; right: 0; bottom: 0; margin-right: 40px;} .filter-range ~ span:after { position: absolute; right: 10px; top: 12px;} .filter-range[data-atribute="MHz"] ~ span:after {content:"MHz";} .filter-range[data-atribute="GHz"] ~ span:after {content:"GHz";} .filter-range[data-atribute="MB"] ~ span:after {content:"MB";} .filter-range[data-atribute="GB"] ~ span:after {content:"GB";} .filter-range[data-atribute="h"] ~ span:after {content:"h";} .filter-range[data-atribute="W"] ~ span:after {content:"W";} .filter-item-content .box-checkbox {max-height: initial;} .filter-item-content .box-checkbox li.check-box { position: relative; padding: 3px 3px 3px 25px; margin-bottom: 5px; border: 1px solid white; border-radius: 4px;} .filter-item-content:hover .box-checkbox li.check-box { border-color:#eee; } #fullFilterFooter {padding: 15px 22px 25px; background: #f1f1f1; box-shadow: 0 10px 5px -10px #888 inset} .filter-settings {padding: 5px 0;} .filter-settings li {display:inline-block; margin: 0 1px 6px;} .filter-settings li a { cursor: pointer;border: 1px solid #ddd; background: #ddd; color: #555; display: inline-block; padding: 0 0 0 4px; border-radius: 4px;} .filter-settings li a span { border-left: 1px solid #ddd; background: #fff url(../images/icons/close.png) no-repeat center right 3px/10px; color: #0098d9; padding: 0px 17px 0 5px; display: inline-block; border-radius: 0 4px 4px 0;} #fullFilterFooter li a {border-color:#aaa;} .filter-add a {border: 1px dashed #adadad; display:inline-block; padding:0 5px; border-radius: 4px;} .filter-cancel a {display:inline-block; padding:0 5px; text-decoration:underline;} #filter-actions {text-align:right;} /* /FULL PRODUCT FILTER */ /* LEVY - Categories */ .widget-categories > ul.cat-list > li > ul > li a {padding-left:18px; background:url(../images/icons/li-d.png) no-repeat 0 0;} .widget-categories > ul.cat-list > li > ul > li li {padding-left:15px;} .widget-categories > ul.cat-list ul.last li a {padding-left:14px; background:url(../images/icons/li-a.png) no-repeat 4px 7px;} .widget-categories > ul.cat-list a.active { color: #f28b00; } /* LEVY - historie procházení, oblíbené, poslední nákupy? */ ul.product-list li { width:100%;} ul.product-list li:not(:last-child) { float:left; margin-bottom:15px;border-bottom: 1px solid #e0f5f0;} ul.product-list li .img-product { float:left; width:25%;} ul.product-list li .img-product img { max-width:100%;} ul.product-list li .info-product { float:left; width:74%; overflow:hidden;} ul.product-list li .info-product > div {padding-left:15px;} ul.product-list li .info-product .name a { line-height: 18px; display: inline-block; } ul.product-list li .info-product .product-stock span { font-size: 11px; line-height: 11px; padding: 4px;} ul.product-list li .info-product .product-desc { font-size: 11px;} ul.product-list li .info-product .rating { margin-left:2px; line-height:10px; font-size:11px;} ul.product-list li .info-product .price { text-align: right;} ul.product-list li .info-product .price .sale { font-size:16px; font-weight:500; margin-right:8px;} ul.product-list li .info-product .price .regular { color:#c5c5c5; font-weight:400; font-size:13px;} /* LEVY - recenze */ .widget-reviews ul.product-list li .img-product { width:15%;} .widget-reviews ul.product-list li .info-product { width:84%; } .widget-reviews ul.product-list li .info-product .name a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;} .widget-reviews div {line-height: 1.1em;} .widget-reviews .nick { font-style: italic; color: #0098d9;} .widget-reviews ul.product-list li .info-product .rating { margin: 4px 0 0; } .widget-reviews, .widget-products { margin:25px 0;} /* LEVY - banner */ .widget-banner {margin:35px 0;} .widget-banner img { max-width:100%;} /* PRAVÝ SLOUPEC ************************************************************************************************/ .owl-carousel-on-category { max-height: 270px; overflow: hidden; }/*max výška slideru, pro kompenzaci výšky před inicializací owl*/ .main-shop .singleItem { margin: 0 0 1.5em} .main-shop .singleItem img { max-width: 100%} .flat-row-title { border-bottom:1px solid #e5e5e5; width:100%;} .flat-row-title > div {vertical-align: top;} /* podkategorie */ #categories { display: flex; flex-wrap: wrap; align-content: flex-start; padding:15px 0; } #categories a { display:inline-block; width: 24.99%; padding-bottom:6px;} #categories .clearfix { display: table; border: 1px solid #0098d9; width: calc(100% - 6px); margin: 0 6px 0 0; padding-bottom:6px; border-radius: 3px; box-shadow: 0 0 5px #bbe1f0 inset;} #categories a.active .clearfix{border-color:#f28b00;} #categories figure {width: 42px; padding: 2px 0 2px 2px; height: 44px; display: table-cell; text-align: center; vertical-align: middle;} #categories figure::after { display: block; width: 39px; content: "";} #categories img { max-width: 40px;max-height:40px; padding:3px;} #categories img:before { display:none;} #categories h2 { display:table-cell; font-size:1em; vertical-align: middle; line-height: 1.1em; width: 100%; padding: 0 8px;} #categories i { font-size:0.8em; color:#aaa;} #snippet--filtrActLink2 .showMoreFilters { cursor: pointer; width:calc(100% + 6px)} #snippet--filtrActLink2 .showMoreFilters > div { background: #e7f5fb;} #snippet--filtrActLink2 .showMoreFilters figure svg {width: 2em; margin: .5em 0 0;} #categories.TopCategories a { width: 33.33%; } #categories.TopCategories figure {width: 82px; height: 101px; display:table-cell; line-height:101px;} #categories.TopCategories .clearfix { display: flex; position: relative; overflow: hidden; border: 2px solid #0098d9; height: 100%;} #categories.TopCategories img { max-width: 80px;max-height:80px;} #categories.TopCategories h2 { display: table-cell; font-size: 1.4em; padding: 15px 9px 5px; } #categories.TopCategories p { line-height: 1.1em; padding: 0 5px 15px 9px; font-size: 0.9em;} #categories.TopCategories p i { font-size:1em; color:#333; font-weight:600;} #categories.TopCategories p span {display:none;} #categories.TopCategories .clearfix::before { content: ""; position: absolute; right: -21px; bottom: -20px; transform: rotate(-40deg); -webkit-transform: rotate(-40deg); background-color: #0098d9; width: 50px; height: 40px; background-image: url(../images/icons/arr-w-r-40.png); background-position: 16px 0; background-repeat: no-repeat;} #categories.TopCategories .clearfix.greenbox::before { background-color: #438a44; } .flat-row-title .filter-settings {float:right; position: relative; margin: 15px 0;} .sort-product { padding:15px 0 0; border-bottom:1px solid #e5e5e5; margin-bottom:30px;} .sort-product .sort > div { display:inline-block; margin:0 10px;position:relative;} .sortBy.onDesktop ul {display: flex;} .sortBy.onDesktop li a {padding:5px 8px;background: #e5e5e5;height: 40px;display: block;margin-bottom: -1px;border-top-left-radius: 7px;border-top-right-radius: 7px;margin-right: 2px;border: 1px solid #e5e5e5;} .sortBy.onDesktop li a.active {background: white;border: 1px solid #bbe1f0;border-bottom:none;} .sortBy.onDesktop li a.active:hover { color:inherit;cursor:default;} .sort-product .show { float:right;position: relative;z-index: +1;} .sort-product .showOnly ul { margin:0;} div#snippet--productSort { margin: 15px 0 0; display: block;} .topSellers h3 { margin: 0 0 5px; font-size: 1.2em;} .topSellers h3 span { display:none;} .topSellers ul {width: calc(100% - 15px);float: right;} .topSellers .widget-content * {float:left;} .topSellers .widget-content li {display: list-item; opacity:1; height:initial;transition: all 0.4s linear;list-style: decimal;width: 100%;border-bottom: 1px solid #bbe1f0;} .topSellers .widget-content .img-product { width: 90px; padding: 0 15px 0 10px;} .topSellers .widget-content .img-product img { max-width: 65px; max-height: 58px; padding-top: 5px} .topSellers .widget-content .info-product { width:calc(100% - 90px);} .topSellers .widget-content .info-product .product-desc {width:100%;} .topSellers .widget-content .name { font-weight: 600;} .topSellers .widget-content .product-stock { width: initial; clear: none; margin: 0 0 0 10px;} .topSellers .widget-content .product-stock span {background:none;} .topSellers .widget-content .price { width:100%;text-align:right;} .topSellers .widget-content .price .sale {float:right;font-size: 1.2em;} .topSellers .showMore {float: left;width: 100%;text-align: center;margin-top: -1px;background: white;border-top: 1px solid #bbe1f0;padding-top: 1px;} .topSellers .showMore a {padding: 5px 15px;background: linear-gradient(#ffffff,#bbe1f0);border-radius: 0 0 5px 5px;border-left: 1px solid #bbe1f0;border-right: 1px solid #bbe1f0;cursor:pointer;} .topSellers .showLess li:nth-child(n+4) { display: none; opacity:0; height:0;} /* /box produktu na výpise */ #product-container {display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .product-item { box-sizing: border-box; position:relative; overflow:hidden; width:33.333%; border:2px solid white; border-radius:8px; margin:0; padding:6px 6px 0 8px; display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between; } .product-item .product-item-bot:after {content:"";display: block;width:99%;height:1px;background:#f0f0f0;} .product-item:hover {border: 2px solid #e5e5e5;z-index: 999;} .product-item.highlight { border: 2px solid #f28b00;margin: 0 2px 2px 0; width: calc(33.333% - 4px);} .product-item.highlight::before { content: "top"; position: absolute; right: -23px; top: -9px; width: 60px; height: 30px; color: white; background: rgba(242,99,0,0.7); transform: rotate(40deg); -webkit-transform: rotate(40deg);line-height: 38px; text-align: center; font-size: 11px;} .product-item-top {} .product-name a {text-decoration:none; line-height:18px; display: inline-block; font-size:14px; font-weight:600;} .product-desc {font-size:12px; line-height:16px;} .product-item-bot {} .product-image {text-align: center; position:relative; margin:5px 0 10px;} .product-image img {max-width:100%; max-height:200px} #product-container .product-image .box-image img {min-height:12em} .product-item .owl-carousel .owl-controls {opacity:0;} .product-item:hover .owl-controls {opacity:1;} .product-item.inCarousel { max-width: 270px; border: 1px solid #e5e5e5; margin: 0 10px 10px 0;} .owl-carousel .product-item.inCarousel { width: 100%; margin:0 auto;} .owl-carousel .product-item.inCarousel:last-child:not(:first-child) { margin-top: 15px;} .owl-carousel .product-item.inCarousel .product-item-top { height: 7em; overflow: hidden;} .giftBox .gift {display:flex; gap:5px; margin: .6em 0 0; align-items: center;} .giftBox .gift span {width: 68px; flex-shrink: 0; } .giftBox .gift:after {content: attr(data-gift); color:#329512; font-size:.9em; line-height:1.25em} .product-image .rating{ position: absolute; z-index: 2;right: 5px; bottom: 5px;} .product-iconsL, .product-iconsR {position:absolute; z-index: 50; top: 8px; } .product-iconsR {right:0;} .product-icon {} .product-icon.energ:hover img.energy-label-detail {display:block; max-height:280px } .product-icon span{ display:block; position: relative; font-size: 0.1px; color: rgba(0,0,0,0); background-repeat:no-repeat; background-position:center center;} .product-icon span strong{font-size: 14px; color: #40bf06; display: block; right: -29px; position: absolute; bottom: -2px; font-weight: 900; filter: drop-shadow(1px 1px 1px white) drop-shadow(0px 1px 1px white) drop-shadow(0px 0px 1px white);} .product-icon.delivery {position:absolute; right:0;} .product-icon.delivery span{width:90px; height:30px; background-image:url(../images/icons/IkonaDopravaZdarma.png);} .product-icon.akce span{width:52px; height:40px; background-image:url(../images/icons/IkonaAkce.png);} .product-icon.gift span{width:68px; height:35px; background-image:url(../images/icons/IkonaDarek.png);} .product-icon.sale span{width:58px; height:38px; background-image:url(../images/icons/IkonaSleva.png);} .product-icon.new span{width:84px; height:47px; background-image:url(../images/icons/IkonaNovinka.png);} .product-icon.shwrm span{width:75px; height:42px; background-image:url(../images/icons/IkonaVystaveno.png);} .product-icon.cashback span{width:85px; height:42px; background-image:url(../images/icons/IkonaCashback.png);} .product-action { opacity:0; position:absolute; right:0px; bottom:5px; width:100%; background: rgb(230,230,230); z-index: 98;} .product-item:hover .product-action {opacity:0.8;} .product-item .product-action:hover {opacity:1;} .product-action li {/*float:left;*/text-align:center;position:relative;width: 25%; display:inline;} .product-action li a {height: 40px; display: inline-block;} .product-action li a img { max-width:100%;padding:10px;clear:both; filter: brightness(60%); -webkit-filter: brightness(60%);} .product-action li a:hover img {-webkit-animation: jello-horizontal 0.9s both; animation: jello-horizontal 0.9s both;} .product-prices {height: 62px;} .product-prices-cont {float:left; width:49%;} .product-prices div {position:relative;} .product-price-wvat, .product-price-before {font-size:11px;line-height: 17px;} .product-price-before span{text-decoration:line-through;} .product-price.cashback {text-align: center; line-height: 1.1em; background: #fd9e31; border: 2px solid #fd6e01; padding: 2px; border-radius: 5px;} .product-price.cashback span::before { content: "Cena s Cashback:"; display: block; font-size: 0.9em;} .product-buy {float:right; width:49%; position:relative;} .product-buy a {display:inline-block;background-color:#bbb;color:#fff;white-space: nowrap; font-size:14px;height:38px;line-height:32px;border-bottom:2px solid #f28b00;border-top: 1px solid #999;border-radius:8px;text-align:center;position:relative;overflow:hidden;z-index:3;width: 100%;box-shadow: 0 -7px 10px -5px #666 inset;text-shadow: 0 0 3px gray;} .product-buy a:before, .ef1:before {content:''; position:absolute;width:100%; height:100%;top:0;left:0;z-index:-1;background:#f92400; -webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} .product-buy a:hover:before, .ef1:hover:before {-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);} .product-buy a img { padding-right:5px; max-height:18px} .product-buy div { position: absolute; bottom: 8px; width: 100%; text-align: center; background: #f28b00; color:white; padding: 5px 0 2px; border-radius: 0 0 6px 6px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .product-buy a:hover ~ div {bottom: -18px;} .product-stock { clear: both; margin-bottom: 5px;} .product-stock span {display:block;text-align:center; width: 100%; line-height: 1.2em;padding: 10px 0;} .stock-onStock {color:#398000;background: #e6ffe1;} .stock-orderIt {color: #8f3d01;background: #ffeddf;} .stock-ordered {color: #2059a0; background: #e9f1fb;} .stock-unknown {background: #eee;} /*data-StoItemClass podle třídy u výprodejú */ #product-container [data-stoitemclassname]::before { content: attr(data-stoitemclassname); text-align: center; background: #eee; border: 1px solid #ddd; border-bottom:none; font-size: 0.9em; height:100%;} .product-item.highlight[data-stoitemclassname]::before { position: relative;width: 100%; color: inherit; transform: rotate(0deg); -webkit-transform: rotate(0deg); line-height: 18px;} #product-container [data-stoitemclassname] .product-item-top { border: 1px solid #ddd; border-top:none; background: #eee; padding: 5px;} [data-stoitemclassname].name::before { content: "Výprodej: " attr(data-stoitemclassname); display: block; font-size: 0.6em; background: #fee5d6; border:2px solid #ea9090; text-align: center; margin-bottom: 15px; padding: 5px; border-radius: 5px; color: #ea0000;} [data-stoitemclassname][data-stoitemclassnote].name::before { content: "Výprodej: " attr(data-stoitemclassname) " (?)"} [data-stoitemclassnote]:not([data-stoitemclassnote=""]).name:hover:after { display: block; content: attr(data-stoitemclassnote); position: absolute; width: 100%; font-size: 0.6em; background: #fee5d6; border:2px solid #ea9090; text-align: center; padding: 5px; border-radius: 5px; color: #ea0000; box-shadow: 0 5px 5px -5px black;} [data-stoitemclassname] .waranty {background: #fee5d6; border:2px solid #ea9090; border-radius: 5px; padding: 2px; margin: 5px; display: inline-block;} /* /box produktu na výpise */ /* next 20*/ .next20 {text-align: center; margin-top:15px;} .next20 button {background: #f28b00;position:relative;z-index:3;overflow:hidden;} /* paginator */ .paginator {padding:16px 0 10px;border-bottom:1px solid #e5e5e5;margin:20px 0 70px;} .paginator span { float:left; line-height:42px;} ul.flat-pagination {text-align:right;overflow: hidden;} ul.flat-pagination li { display:inline-block; margin:0 5px;} ul.flat-pagination li a { display:inline-block; height:40px; line-height:36px; width:40px; text-align:center; border:2px solid #e5e5e5; border-radius:8px; overflow:hidden; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} ul.flat-pagination li.active a, ul.flat-pagination li a:hover { background-color:#f28b00; color:#fffefe; border-color:#f28b00;} ul.flat-pagination li.next a img {margin-left:15px;} ul.flat-pagination li.prev a img {margin-right:15px;} ul.flat-pagination li.prev a, ul.flat-pagination li.next a {width:auto; border:none; line-height: 40px;} ul.flat-pagination li.prev a:hover, ul.flat-pagination li.next a:hover {background:none;border:none;color:#f28b00;} /* hledání - výsledek */ h3.searchH3 { font-weight: bold; margin: 0 0 10px; font-size: 1.7em; color: black;} h3.searchH3 span { letter-spacing: 1px; border-bottom: 2px solid orange;} .searchRow.partial{flex-grow: 3;width: 100%;border: 2px solid #fd6e01;border-radius: 10px;padding: 6px 11px;margin: 15px 0;background: #fff9d7;color: #fd6e01;font-size: 1.1em;text-align: center;font-weight: 800;} .searchRow span {padding-left: 25px;background: url(../images/icons/infoO.png) no-repeat;background-size: 1.3em;} /* recomended-product-rotator */ .recomended-product-rotator .row-title {margin:15px 0 10px;} .owl-carousel-recomended-prodts { max-height: 450px; overflow:hidden;}/*max výška slideru, pro kompenzaci výšky před inicializací owl*/ .owl-carousel-recomended-prodts .owl-stage { display: flex;} .owl-carousel-recomended-prodts .owl-item { /*width: auto; height: 100%;*/} .imagebox { padding:29px 16px 20px; text-align:left; border:2px solid #e5e5e5; border-radius:8px; min-height:auto; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .imagebox:hover {border:2px solid #f28b00;} .imagebox .box-image { height:110px; line-height:108px; text-align:center; margin-bottom:4px;} .imagebox .box-image img { height:110px;} .imagebox .box-content .state { font-size: 12px;margin-left: 2px;line-height: 12px;height: 12px;text-align: center;} .imagebox .box-content .product-name { min-height:66px; margin-top:4px; margin-left:2px;} .imagebox .box-content .product-name a { font-size:13px;} .imagebox .box-content .price .sale {font-size:18px; margin-right:10px;} /* + topCategory */ .imagebox .box-content .cat-name a { color: #919191; display: block; text-align: center; background: #f5f5f5;} .imagebox .box-content .product-name a { color: #484848; font-size:15px; font-weight:500;} .imagebox .box-content .product-name a:hover { color: #f28b00;} .owl-carousel-topCategory .imagebox:first-child { margin-bottom:15px;} #topCatProdts .flat-row-title { margin: 45px 0 15px; border-bottom: 2px solid #f28b00;} #topCatProdts .owl-item .owl-carousel-item { display: flex; flex-direction: column; gap: 20px;} /* Produkt detail*************************************************************************/ body.detail main { background:linear-gradient(0deg, white, #edf3f4, white)} #precontainer { color: white; background: #ea0000; margin: -15px 14px 25px; text-align: center; padding: 8px; font-size: 1.1em; border-radius: 10px; border: 1px solid #c00;} #precontainer::before { content: "Prohlížíte výprodejové zboží ve stavu: "; font-weight: 800;} #precontainer:empty { display: none;} #flat-product-detail {margin-top:35px;} #flat-product-detail > .container > .row {gap: 10px} /*#flat-product-detail a i {border-bottom:1px solid #ccc;}*/ #flat-product-detail a:hover i{border-color:#f28b00;} #proDetail-gallery {display:block; width:400px; position: relative;} #proDetail-gallery .product-icons {left:unset; right: 15px; position: absolute /**/; z-index: 9;} #proDetail-gallery .product-icon {clear:both /**/;} #proDetail-gallery .product-icon span{ float:right;} #proDetail-gallery .product-icon.sale span {margin-right: 29px;} #proDetail-gallery .product-icon.delivery {left:0;margin-bottom: unset;position:relative /**/;} .product-icon.icoweb {position: absolute; z-index: 9; left: 0px; padding: 0; display: flex; flex-direction: column; top: 10px;} .product-icon.icoweb li {padding: 5px 0;} .product-icon.icoweb li img {max-width: 80px; max-height: 50px;} #proDetail-gallery .owl-carousel {opacity:1; max-width: 400px;} #proDetail-gallery .owl-stage-outer { overflow:hidden; max-height: 450px; min-height:380px; margin-bottom: 10px;} #proDetail-gallery .owl-stage-outer .owl-stage { display: flex;} #proDetail-gallery .slide-cont {width: 100%; display: block; margin: -10px auto 0px; /* cls fix */min-height: 500px;} /* cls fix */ @media all and (max-width:500px){ #proDetail-gallery .slide-cont {min-height: 470px;} } #proDetail-gallery .owl-dots {width:100%; max-height:120px;text-align:center; overflow-x: auto;} #proDetail-gallery .owl-dot {width:100px; height: 100px; background-size: cover; margin-right: 10px; display:inline-block; cursor:pointer;} #proDetail-gallery .owl-dot.active {} #proDetail-gallery .owl-dot:only-child { display: none;} #ZoomContainer img {max-width: initial;} #ZoomContainer {box-shadow:0 0 15px gray; border:1px solid white; } #proDetail-info {display:table-cell; vertical-align: top; padding: 0 25px 15px 15px; max-width: 510px; } #pD-header h1 {font-size:22px; position: relative} #pD-header h2 {font-size:18px;} #pD-header .reviewed > div {display:inline;} #pD-header .reviewed span {font-size:11px;} #pD-header a.add-review {color:#aaa;font-size:11px;text-decoration:underline;margin: 0 5px;} #pD-header a:hover {color:#f28b00;} #pD-middle .info-text a {color:#0098d9;} #pD-middle .gift {display:table; margin:25px 0; max-width:100%;} #pD-middle .gift > div {display:table-cell; vertical-align: middle;} #pD-middle .gift-img {padding:0 5px;} #pD-middle .gift-img img {max-width:80px;max-height:55px;} #pD-middle .gift-spec { position: relative;} #pD-middle .gift-spec > span {display:none; position: absolute; padding: 15px; border: 1px solid #f1f1f1; box-shadow: 0 0 10px #aaa; max-width: 425px; left: -125px; z-index: 9999; background: white;} #pD-middle .gift-spec > a { cursor:pointer; text-decoration:underline;} #pD-middle .gift-spec > a:hover ~ span {display:block;} .gift-spec iframe, .gift-spec img { max-width: 100%;} #pD-middle .product-id {text-align:center;background:#f1f1f1; padding:2px; border: 1px solid #ddd; border-radius: 5px;margin: 30px 0 15px;} #pD-middle .product-id > span { padding: 0 5px; white-space: nowrap;} /* zvyhodnena nabidka */ #pD-bottom { position: relative;} #pD-bottom .lessMore { display: flex; flex-direction: column-reverse;} #pD-bottom h4 {margin: 2em 0 0.5em; color: white; background: #f28b00; padding: 8px 18px; border-radius: 13px;font-size: 16px;} #pD-bottom li { display:flex; gap:5px; margin-bottom: 5px;} #pD-bottom input[type="checkbox"] { opacity: 1} #pD-bottom li label {display:flex; gap: 5px; align-items: center;} #pD-bottom li label span {line-height: 1.2em;} #pD-bottom input[type="checkbox"]:disabled ~ span { opacity: .5;} #pD-bottom input:not([disabled]) ~ span {cursor: pointer;} #pD-bottom .z-n-info { } #pD-bottom .z-n-info a { display: flex; width: 1.75em; height: 1.75em; background: #c3dfea; border: 1px dashed #0098d9; justify-content: center; align-items: center; border-radius: 50%; color: #0098d9; flex-shrink: 0; cursor:pointer} #pD-bottom .z-n-info span { display:none; position: absolute; left:0; z-index: 99; color: initial; background: white; width: 470px; max-width: 100%; padding: 10px; border: 1px solid #f1f1f1; box-shadow: 0 0 10px #aaa;} #pD-bottom .z-n-info a:hover ~ span {display:block} #pD-bottom .z-n-info span img {float:left; width:50%;max-width:200px; padding:0 10px 0 0} #pD-bottom .z-n-info h5 { font-weight: 800;} #pD-bottom .z-n-info p { background: linear-gradient(to top, white, #f1f5f9); margin: 0.5em -10px 0 -10px; padding: 0.5em 1em;} @media all and (max-width:480px){ #pD-bottom .z-n-info span {width:100%} #pD-bottom .z-n-info span img {width:40%;} } #pD-bottom span.z-n-cena { color: #ff6a00; white-space: nowrap} #pD-bottom span.z-n-cena-old { font-size: .85em; white-space: nowrap} #pD-bottom span.z-n-cena-old:after { content: ""; border-bottom: 1px solid #789; display: block; margin-top: -11px; transform: rotate(-5deg);} #pD-bottom .lessMore > input { visibility: hidden; display: none;} #pD-bottom .lessMore > input + label { display: none; padding: 0;} #pD-bottom .lessMore > input:checked + label { box-shadow: -20px 0 30px 10px white} #pD-bottom .lessMore.hasMore > input + label { display: block; } #pD-bottom .lessMore.hasMore > input:checked ~ .fullContent { max-height: 92px; overflow: hidden;} /* +1px k data-height */ #pD-bottom .fullContent { max-height: auto; transition: max-height 0.3s ease;} #pD-bottom .lessMore > input:checked + label:before { content: "▼"; background: none;} #pD-bottom .lessMore > input + label:before { content: "▲"} #pD-bottom .lessMore > input:checked + label:after { content: attr(data-more);} #pD-bottom .lessMore > input + label:after { content: attr(data-less);} #pn-code { margin: 2em 0 0 auto;} #pn-code ul { display: flex; gap: 1em; padding: 0 1em} #pn-code ul li { white-space: nowrap} #pn-code .energy-label-icon { height: 2em} #pn-code img.energy-label-detail { max-width: 170px; position: absolute; z-index: 999; display: none} #pn-code .energy-list-icon { height: 1.2em} #pn-code li a:hover .energy-label-detail {display:block} #proDetail-info .bundle { border: 3px solid #0098d9; border-radius: 5px; background: #dbf4ff; padding: 0.5em 1em; margin: 1em 0 0;} #proDetail-info .bundle span { background: #0098d9; margin: -0.6em -1.1em 0; display: block; border-radius: 5px 5px 0 0; padding: 0.5em 1em; color: white;} #proDetail-info .bundle a:before {content: "•";} #proDetail-info .bundle a:hover {color:#0098d9; text-decoration:underline} #proDetail-buy {position:relative;display:table-cell; vertical-align: top; width:230px;padding-left:15px;} #proDetail-buy > div {background:#f1f1f1; padding:15px; border: 1px solid #ddd; border-radius: 13px;} .variant-box {display:none;}/*Variantz zatim nereseny*/ .product-avail {} #proDetail-buy .product-stock {text-align:center; margin-bottom:15px;} #proDetail-buy .product-stock span[data-tooltip] { font-size: 1.1em; font-weight:800; border: 1px solid #ccc; position:relative} #proDetail-buy .product-stock span[data-tooltip] i { position: absolute; right: 3px; font-weight: 300; font-size: .75em; top: 3px; line-height: .75em} #proDetail-buy .product-stock span[data-tooltip]:after { max-width: 250px; width: max-content;white-space: normal;} #proDetail-buy .product-stock span.pick {font-size:12px;} #proDetail-buy .product-stock span.pick.pobocka {font-size:11px; margin: 0 -5px; width: calc(100% + 10px);} #proDetail-buy .stock-unknown-showsimilar { display: block; margin-top: 5px; background: rgba(242, 139, 0, 0.5);} #proDetail-buy .stock-unknown-showsimilar:hover { color:white; text-decoration:none} #proDetail-buy .infoExp { margin: 5px 0 5px -20px; font-size: .9em; border: 1px solid #ccc; width: calc(100% + 40px); text-align: center; background: linear-gradient(#f1f1f1,white,#dfdfdf); border-radius: 4px; padding: 5px 0; box-shadow: 0 7px 4px -5px #aaa;} #proDetail-buy .infoExp img { height: 1.5em; padding: 0 5px 0 0;} #proDetail-buy .infoExp2 { margin: 15px -15px -15px -15px; background: #e1dfdf; padding: 15px; border-radius: 10px;} #proDetail-buy .infoExp2 img { width:30px; padding-right:3px;} #proDetail-buy .cashback { text-align: right;} #proDetail-buy .cashback div { display: inline-block; margin: 0 -20px 20px 0; border: 1px solid #ccc; background: white; width: 178px; right: 0; border-radius: 15px 4px 4px 15px; padding: 10px; line-height: 1.3em; border-left-color: #ff5400; border-left-width: 4px; border-right-width: 4px; box-shadow: 0 8px 4px -5px #aaa;} #proDetail-buy .cashback a { text-decoration: underline;} #proDetail-buy .cashback span span { color: #ff5400; font-size: 1.3em; font-weight: 800; font-style: italic; letter-spacing: -0.5px;} #proDetail-buy .price .regular::before { display: block; position: absolute; width: 60px; border-bottom: 1.5px solid rgba(240,0,0,0.6); content: ""; transform: rotate(-6deg); margin-top: 11px; margin-left: 36px;} #proDetail-buy .price .regular {color:#666; text-decoration:none; } #proDetail-buy .price .regular::after { content: "Dříve: "; font-size: 10px; float: left; padding: 0 5px 0;} #proDetail-buy .price .info {text-align:right;} .sale.hidden {display:none;} .sale.spriteBox { width: 100%; position: relative; height: 55px;} .price .helper { position: absolute; width: 230px; right: -10px;} .sale.sprite {height: 50px; right: 0; position:absolute;} .sprite > span { display: inline-block; height: 50px; margin: 0 -5px; background: url("../images/price-sprite.png") 0px 0px no-repeat; background-position-x: 0px; background-position-y: 0px; background-size: auto auto; background-size: 430px 52px !important; overflow: hidden !important; text-indent: -9999em !important; float: left !important;} .sprite .c-1 {background-position:-42px 0; width:29px;} .sprite .c-2 {background-position:-73px 0; width:42px;} .sprite .c-3 {background-position:-115px 0; width:38px;} .sprite .c-4 {background-position:-154px 0; width:41px;} .sprite .c-5 {background-position:-195px 0; width:38px;} .sprite .c-6 {background-position:-235px 0; width:36px;} .sprite .c-7 {background-position:-271px 0; width:41px; margin-right:-6px;} .sprite .c-8 {background-position:-313px 0; width:38px;} .sprite .c-9 {background-position:-352px 0; width:36px;} .sprite .c-0 {background-position:-3px 0; width:38px;} .sprite .c-kc {background-position:-389px 0; width:39px;} .sprite .c-n {background:none; width:19px;} #proDetail-buy .price .info strong { color: #ff6a00; text-shadow: 0 0 2px white; display: block; font: bold 1.2em sans-serif;} .btn-add-cart a, .btn-add-cart button {padding:10px 33px; margin: 15px 10px; display: block; white-space: nowrap; text-align: center;color:white; letter-spacing: .5px; text-shadow: 0 0 2px #a55f00; background-color: #f28b00; border:2px solid #f28b00; border-radius:15px; font-size:14px; font-weight:600; position:relative; overflow:hidden; z-index:5; } .btn-add-cart button { line-height:1em;} .btn-add-cart a:before, .btn-add-cart button:before{content:''; position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; background:#f92400; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.4s; transition-duration:0.4s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .btn-add-cart a:hover:before, .btn-add-cart button:hover:before {-webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); } .btn-add-cart a img, .btn-add-cart button img { padding-right: 10px; margin-left: -5px;} .btn-add-cart button.multiline {line-height: 1.5em; height: auto; font-weight: 500; letter-spacing: .5px;} .btn-add-cart button.multiline > div { font-size: 19px;} .points { text-align: center; } .points span { line-height: 1em; /*vertical-align: top;*/} .points img{ margin-top: -6px; padding: 0 5px 0 0;} /*.calc-rates { text-align: center;} .calc-rates a img { padding-right: 10px; }*/ #main-description li::before { content: "\f111"; font-family: fontawesome; font-size: 7px; color: #999; position: absolute; left: 0px} #main-description li { list-style: none; padding-left: 10px; position: relative} #flat-product-content { margin-top: 25px; width: 100%;} /* záložky detailu produktu*/ .tab-parent { min-width: 300px; width:100%; overflow: hidden; } ul.tabs {margin: 0px; padding: 0px; overflow: hidden; float: left; padding-left: 50px; width:100%; list-style-type: none;} ul.tabs { border: 1px solid transparent;border-image: linear-gradient(to right, #ddd 0%,#999 3%, #999 55%, #ddd 100%);border-image-slice: 1; border-top:none; border-left:none; border-right:0;} ul.tabs * {margin: 0px; padding: 0px;} ul.tabs li { border-radius: 8px 8px 0 0; display: block; float: left; padding: 10px 8px 8px; background-color: #F1F1F1; margin-right: 46px; z-index: 2; position: relative; cursor: pointer; color: #777; transition: all 250ms ease;} ul.tabs li:before, ul.tabs li:after { display: block; content: " "; position: absolute; top: 0; height: 100%; width: 30px; background-color: #F1F1F1; transition: all 250ms ease; } ul.tabs li:before { border-radius: 0 8px 0 0; right: -24px; transform: skew(10deg, 0deg); box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;} ul.tabs li:after { border-radius: 8px 0 0 0; left: -24px; transform: skew(-10deg, 0deg); box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;} ul.tabs li:hover, ul.tabs li:hover:before, ul.tabs li:hover:after { background-color: #F4F7F9; color: #444;} ul.tabs li.active {z-index: 3; } ul.tabs li.active a {color:white;} ul.tabs li.active, ul.tabs li.active:before, ul.tabs li.active:after {background-color: #484848; color: #fff;} ul.tabs li a {position:relative;} ul.tabs li a span.count {position: absolute; right: -22px; top: -11px; background: white; border-radius: 10px; padding: 0 6px; line-height: 1.4em; font-size: 0.8em; border: 1px solid #ccc; text-align: center; color: #999;} .tab_container { overflow: hidden; clear: both; float: left; width: 100%; background: white;} .tab_content { padding: 20px; border: 1px solid #ddd; border-top:none;} /* záložky detailu produktu*/ /* popis z i6 */ #main-description h1, #main-description h2, #main-description h3, #main-description h4, #main-description h5 {padding-bottom: 5px;} #main-description p { margin-bottom: 10px;} #main-description img {max-width:100%; object-fit: scale-down;} #main-description iframe, #main-description object {max-width: 100%; } #main-description video {max-width: 100%; height: auto;} #main-description h1 {font-size:2em;line-height: 1.3em;} #main-description .lightbox { position: relative; pointer-events: none;} #main-description a { border-bottom: 1.5px dotted #999;} #main-description font[size="1"] {font-size: inherit;} #main-description hr {border: 0;height: 1px;box-shadow: 0 1px 1px #9fbac5;margin: 1.5em 0;} /* parametry*/ #tecnical-specs {margin-top:75px;} h4.t-s-header { margin: 20px 0 20px 40px; line-height: 1.8em;} h4.t-s-header span::before { content: ""; background: orange; width: 50px; height: 50px; position: absolute; z-index: 1; left: -48px; transform: rotate(45deg); -webkit-transform: -webkit-rotate(45deg); top: -10px; } h4.t-s-header span { background: #eee; padding: 3px 6px 3px 20px; position: relative; z-index: 2; border-radius: 0 4px 4px 0;} h4.t-s-header span::after { content: ""; position: absolute; left: -40px; top: -4px; z-index: 3; background:url(../images/icons/specs.png) no-repeat center center; width:35px;height:35px;} .tecnical-specs { width: 100%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-fill: balance; column-fill: balance;} .tecnical-specs > ul > li {padding-top:15px;width: 100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .tecnical-specs > ul > li span {font-weight:800; font-size:1.1em; } .tecnical-specs > ul > li li:nth-child(odd) {background:#F2F2F2;} .t-s-name, .t-s-value {display:table-cell; padding: 0 0 0 10px;} .t-s-name {width:220px;} .t-s-value {} a[data-toggle="tooltip"]:hover:after { display: inline-block; content: attr(data-original-title); position: absolute; background: #eee; color: #666; padding: .25em 1em; box-shadow: 0 4px 11px #666; max-width: 90%; border-radius: 3px; margin:-.25em 0 0 1em; z-index: 9999;} .widget a[data-toggle="tooltip"]:after {width: 360px;font-size: 12px; line-height: 1.5em;} a[data-toggle="tooltip"] i {color: #f9be52;} /* /parametry*/ /* hodnocení na detailu produktu*/ /* Raiting */ .rating .title, .form-review .title { font-size:16px; margin:25px 0;} .rating .title small { display: table-cell; font-size: 13px; padding: 0 5px;} .rating .queue-box { margin-top:30px;} .rating .queue-box li { margin-bottom:10px;} .rating .rating {display: table-cell; } .rating .count-box {display: table-cell; width: 160px;} .rating .queue-box li span.numb { display: table-cell; padding: 0 10px;} .rating .queue-box li span.count {display:inline-block; width:100%; position:relative;} .rating .queue-box li span.count:before { content:''; position:absolute; height:6px; top: -8px; width:100%; background-color:#d6d6d6; border-radius:5px;} .rating .queue-box li span.count:after { content:''; position:absolute; height:6px; top: -8px; width: var(--count-value); background-color:#b2b2b2; border-radius:5px;} #SetRating {max-width:400px; position:relative; font-size: 16px;} #SetRating label { text-indent: -100px; width: 30px !important; height: 30px; overflow: hidden; cursor: pointer; } #SetRating input[type="radio"] { position: absolute; left: -5000px;} #SetRating input[type="radio"], #SetRating label.stars { float: right; line-height: 24px; height: 30px;} #SetRating span + input[type=radio] + label, #SetRating legend + input[type=radio] + label { counter-reset: checkbox; } #SetRating label.stars { position:relative;} #SetRating label.stars:before { font-family: 'FontAwesome'; content:"\f006"; font-size: 20px; color:#f28b00; display:block; width:30px; height:30px; position:absolute; text-indent: 1px;} #SetRating label.stars:hover ~ label.stars, #SetRating label.stars:hover, #SetRating input[type=radio][name=stars]:checked ~ label.stars { counter-increment: checkbox;} #SetRating label.stars:hover ~ label.stars:before, #SetRating label.stars:hover:before, #SetRating input[type=radio][name=stars]:checked ~ label.stars:before { font-family: 'FontAwesome'; content:"\f005"; display:block; width:30px; height:30px; position:absolute; text-indent: 1px;} #SetRating span:after { content: counter(checkbox) " / 5"; } .form-review form { margin-top:20px;} .form-review form > div { margin-bottom:20px;} .form-review form > div > input { max-width:355px; background-color:#fff; border:2px solid #e5e5e5; height:40px; } .form-review form > div > textarea { background-color:#fff; border-radius:10px; border:2px solid #e5e5e5; padding-left:30px; min-height:60px;} .form-review form .btn-submit button { display:inline-block; height:55px; line-height:55px; padding:0 65px; font-size:16px; color:#fff; text-align:center; background-color:#f92400; border-radius:30px; font-family:'Open Sans'; font-weight:400;} /* recenze */ .review-list { margin-top:30px;} .review-list li { padding:20px 0; border-bottom:1px solid #e5e5e5;} .review-list li:last-child { border-bottom:none;} .review-list .review-metadata { margin-bottom:10px;} .review-list .review-metadata .rating { display: inline; padding-right:10px; } .review-list .review-metadata .name { display:inline-block; font-weight:bold; } .review-list .review-metadata .name span { color:#838383; font-weight:100; padding-left: 5px; font-size: 85%;} .review-list .review-content { color:#333;} .review-metadata .origin { background: #eee; color: #51565b; font-size: 100%; display: inline-block; padding: 4px 6px; line-height: 12px; transform: skewX(-10deg); margin: 0 0 0 1em} .review-metadata .origin.origin-verified { background: #beffcd} .review-metadata .origin.origin-advert { background: #ffe5be} .RM-moreText span { display: none} /* číst více v recenzi */ .RM-toggler { color: #0098d9; background: linear-gradient(90deg, white, #dbedff); display: inline-block; padding: 0px 5px; transform: skewX(-10deg)} /* /hodnoceni na detailu */ /* diskuze na detailu */ #discuss-list {} #discuss-list li {border-top:2px solid #e5e5e5;} #discuss-list li li { margin-left:5px;padding-left:15px; border-top:1px solid #e5e5e5; border-left:2px solid #e5e5e5;} #discuss-list > li > ul > li { margin-left:45px;} #discuss-list > li:first-child {border-top:none;} .discuss-metadata .name:before { font-family: 'FontAwesome'; content:"\f007"; display: inline-block; width: 15px; color: #969696;} .discuss-metadata span {color:#969696; padding-left:10px; font-size:85%;} .discuss-content h5 {font-weight:800;} .discuss-reply a {background: #ddd; padding: 3px 5px; border-radius: 3px; cursor: pointer;} .discuss-reply { margin-bottom: 15px;} #discussModal h3 { text-align: left; border-bottom: 2px solid #f28b00; margin-bottom: 10px; padding-bottom: 10px;} #discussModal a.close-modal { line-height: 100px; overflow: hidden; top: 28px;} #discussModal p { text-align:left; } #discussModal .form-box {text-align: left; margin: 5px 0; } #discussModal textarea { min-height:100px;} #discussModal label { text-align:left;} #discussModal label span { color: #aaa;} #newThread { background: #eee;border-radius: 8px; padding: 10px 15px; margin-top: 25px;} #newThread a { background:#0098d9; padding: 5px 15px; border-radius: 3px; cursor: pointer; color: white; margin: 0 5px;} /* podobne produkty */ div#snippet-productBox-relation { width:100%} div#snippet-productBox-relation > h5 { text-align: center; margin: 5em 0 1em; font-size: 1.25em;} #relatedProdcts {display:flex;} #relatedProdcts .tabs-relation { width: 160px;position: relative;z-index: 2;padding-top: 15px; margin-bottom: 1em;} #relatedProdcts .tabs-relation li { background: #eee; padding: 2px; border-top: 1px solid #ddd; line-height: 1.5;} #relatedProdcts .tabs-relation li:last-child { border-bottom: 1px solid #ddd;} #relatedProdcts .tabs-relation li.tab-active { background: white; box-shadow: 14px 0px 3px -10px #fd6e01 inset;} #relatedProdcts .tabs-relation li a { display: block; padding: 5px 10px;} #relatedProdcts .tabs-stage { width: calc(100% - 160px); background: white; border: 2px solid #ddd; padding: 15px 0 15px 15px; margin-left: -2px; position: relative;z-index: 1;border-radius: 10px;} #relatedProdcts .items { display: flex; flex-wrap: wrap;} #relatedProdcts .imagebox { width: calc(49% - 10px); margin: 0 10px 10px 0;} #relatedProdcts .product-image img { max-height: 155px;} #relatedProdcts .product-item.inCarousel { max-width: 236px;} @media all and (max-width: 768px) { #relatedProdcts .product-item.inCarousel { max-width: 100%;width: 100%;} } /* Podobné produkty na detailu */ section#similar-product-rotator { width: 100%;} #similar-product-rotator > h5 { text-align: center; margin: 5em 0 1em; font-size: 1.25em;} /*#similar-product-rotator { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: left;}*/ #similar-product-rotator > div{ padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: center;} #similar-product-rotator .product-item.inCarousel { max-width: 282px; background: white;} #similar-product-rotator .imagebox { width: 198px; margin-right: 30px;} @media all and (max-width: 768px) { #similar-product-rotator .product-item.inCarousel { max-width: 239px;} } @media all and (max-width: 557px) { #similar-product-rotator .product-item.inCarousel { max-width: 100%;width: 100%;} } /* nadrozměry na výpisu a detailu*/ .delivery-restrictions { display: inline-flex; width: initial; align-items: center; gap: 5px; padding: 3px; color: orange; font-size: 12px;cursor: help;} .delivery-restrictions div { position: absolute; background: orange; color: initial; padding: 1em; bottom: 0; left: 0; right: 0; z-index: 99; display: none; line-height: 1.5em;} .delivery-restrictions:hover > div { display: block;} #proDetail-buy .delivery-restrictions div {left:15px} /* digitor detail */ /* Košík -------------------------------------------------------------- */ main#cart { width:100%;} .shop-cart, .checkout { /*padding-top:60px;*/ width:100%;} .table-cart table { width:100%;} .table-cart thead { border-bottom:1px solid #e5e5e5; margin-bottom:5px;} .table-cart thead tr th { padding:8px 3px 18px; font-size:14px; vertical-align:middle;} .table-cart thead tr th:nth-child(4) { text-align:right;} .table-cart tr td { padding: 15px 0; vertical-align:middle;} .table-cart tr td:nth-child(1) { width:80px;} .table-cart tr td:nth-child(2) { } .table-cart tr td:nth-child(3) { width:110px;} .table-cart tr td:nth-child(4) { width:100px;} .table-cart tr td:nth-child(5) { width:30px; text-align:right;} .table-cart thead tr th:nth-child(3), .table-cart tr td:nth-child(3) { border: 10px solid #f5f5f5; padding: 5px 0 15px;} .table-cart tr { border-bottom: 1px solid #e5e5e5;} .table-cart tr:last-child { border-bottom: none;} .table-cart tr td .img-product img { width:100%; padding-right: 10px;} .table-cart tr td .name-product { font-size:14px; line-height:14px;} .table-cart tr td .price { text-align:center; font-size:14px;} .table-cart tr td .quantity {padding:0 10px} .table-cart tr td .quantity input { text-align:center; padding:15px 0; height:45px;} .table-cart tr td .total { text-align:right; color:#f28b00; font-size:18px;} .cart-store span { margin: 7px 0 0; padding: 0px 7px; background: #f5f5f5; display: inline-block; font-size: .9em;} .cart-store span.openStoreModalList { background: #e5ffe5; color: #045a04; cursor:pointer} .cart-store span.openStoreModalList:hover { text-decoration: underline} .cart-store span.openStoreModalList:after { font-family: FontAwesome; content: "\f05a"} .cart-store span.openWatchDogModal { padding: 0; line-height: 1.5em; background: #f28b00; color: white; padding: 5px 10px 5px 6px; border-left: 5px solid #ea0000; border-radius: 5px} /* slevovy kod */ .form-coupon { background: #ffefda; padding: 1em 0; text-align:center; border:3px dotted #f28b00; border-radius:10px; margin:80px 0;} .form-coupon .coupon-info { color:#222; font-size:14px; padding:0 0 15px;} .form-coupon form input { display:inline-block; background:white; width:250px; margin-right:13px; height:40px; border-color:#f28b00} .form-coupon form button { display:inline-block; color:#ffffff; background-color:#3fbae4; height:40px; line-height:40px; padding:0 30px; font-weight:400; position: relative; overflow: hidden; z-index: 5;} /* soucet vpravo */ #checkCart { position: absolute; top:-2em; background: #f28b00; color:white; padding: .25em 1em; border-radius: 3px; animation-name: checkCartAn; animation-duration: 2s} #checkCart:after {content:""; position: absolute; top: 100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color: #f28b00 transparent transparent transparent} @keyframes checkCartAn { 0% {opacity:0} 80% {opacity:0; top:-3em} 100% {opacity:1; top:-2} } .cart-totals { padding:35px 40px 46px 41px; border-radius:8px; background-color:#f5f5f5; box-shadow: 0 0 5px #ddd inset;} .cart-totals h3 { font-size:18px; font-weight:bold; margin-bottom:26px;} .cart-totals table { width:100%;} .cart-totals table tr td { font-size:14px;} .cart-totals table tr td { padding:11px 0 16px;} .cart-totals table tr td:last-child { text-align:right; white-space: nowrap;} .cart-totals table tr td.subtotal { } .cart-totals table tr td.price-total { font-weight:800; color:#f28b00; padding:22px 0;} .cart-totals select { background:white; font-size:14px; text-align:left; padding:8px; cursor:pointer;} .cart-totals .hasOption td { padding-bottom:0;} .cart-totals .isOption {position:relative;} .cart-totals .isOption td { position:relative; padding:0;} .cart-totals .isOption td:after { content: "▼"; position: absolute; top: 0; right: 0; bottom: 0; font-size: 14px; line-height: 46px; padding: 0 5px; background: #bbb; color: white; pointer-events:none; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;} .cart-totals .isOption td:hover:after { background-color:#f28b00;} .cart-totals .btn-cart-totals { margin-top:35px; padding:0 5px; text-align: center;} .cart-totals .btn-add-cart.update a { background-color:#adadad; border-color:#adadad;} .cart-totals .btn-add-cart { display: inline-block;} .cart-totals .isOption td[data-info]::before { content: attr(data-info);left: 0;top: -30px;background: #ea0000; border: 2px solid #aaa; padding: 5px 35px 5px 16px;display: block;max-width: 100%;white-space: normal;text-align: left;border-radius: 10px;color: white;} #cartMessage { background: #ea0000; padding: 10px 15px; color: white; margin: 0 15px 15px;} #snippet--CartRelations {width:100%;} .recomended-product-rotator h3 {font-size: 1.2em; text-align: center; border-bottom: 2px solid #f28b00; height: 0.75em; margin: 3em 0;} .recomended-product-rotator h3 span { background: white; padding: 0 15px; } /* pokladna */ main#checkout { padding-bottom:160px; width:100%;} .box-checkout h3.title { margin-bottom:16px;} .billing-fields .fields-title h3, .shipping-fields .fields-title h3 { font-size:16px; font-weight:400; padding: 10px 10px 4px; border-radius: 8px 8px 0 0; background: #f5f5f5; margin-bottom:17px; border-bottom:1px solid #e5e5e5;} .fields-content .field-row { margin-bottom:23px; clear: both;} .fields-content .field-row .field-one-half { width:50%; float:left; position:relative;} .fields-content .field-row .field-one-half:first-child { padding-right:15px;} .fields-content .field-row .field-one-half:nth-child(2) { padding-left:15px;} .field-row.functions .checkout-login { font-size:14px; padding:13px 20px 12px; border:2px dotted #d4d4d4; border-radius:10px;} .field-row.functions .checkout-login a { color:#f28b00;} .field-row.functions .checkbox { margin-top: 16px; margin-bottom:0;} .fields-content .field-row input, .fields-content .field-row select { border:2px solid #e5e5e5; margin-bottom:0px;} .fields-content .field-row label { margin-bottom:12px; margin-left:2px;} .shipping-fields .fields-content .checkbox { margin-top:25px; margin-bottom:27.2px;} .checkbox { margin-top:36px; margin-bottom:39px;} input[type="checkbox"] { opacity:0;} .btn-checkbox { display:inline-block;} .btn-checkbox .checkbox { margin-bottom:13px;} .checkbox label { position:relative; cursor:pointer; padding-left:15px;} .checkbox label:before { content:''; position:absolute; left:-15px; top:0; width:20px; height:20px; border:2px solid #ccc; background-color:#fff; border-radius:4px;} .checkbox label:after { content:'\f00c'; position:absolute; font-family:'fontawesome'; left:-15px; top:0; color:#fff; font-size:12px; line-height:17px; width:20px; text-align:center; height:20px; border-radius:3px; z-index:3;} .checkbox input[type="checkbox"]:checked + label::after { background-color:#f28b00;} .billing-fields .labelLink label { font-weight:800;} .billing-fields .labelLink a { text-decoration:underline;} .companyFields, .shippingFileds { display:none;} #adresaICOtext { float: left; margin-left: 15%; padding: 0 10px; background: #ea0000; color: white; border-radius: 0 0 3px 3px;} #resultNaPostu { float: right; margin: 5px 0 0 ;} #resultNaPostu span{ display: block; position: relative; color: white; padding: 5px 10px; margin: 0 0 15px; border-radius: 4px;} #resultNaPostu span.naPostuError {background: #ea0000;} #resultNaPostu span.naPostuOK {background: #00aa00;} #resultNaPostu span::before { content: ""; display: block; background: inherit; position: absolute; top: -5px; width: 10px; height: 10px; transform: rotate(45deg); right: 30%;} .field-row #notes { min-height:63px; border-radius:8px; padding:6px 25px; margin-bottom: 35px;} /* pokladna soucet vpravo */ .cart-totals h3 .edit { float: right; font-size: 0.65em; font-weight: 300; color: white; padding: 0 8px 0 25px; background: url(../images/icons/edit-w.png) no-repeat 3px 1px #0098d9; border-radius:4px;} table.product tr th { text-align:left; font-size:14px;} table.product tr th:last-child, .cart-totals table.product tr td:last-child { text-align:right; white-space:nowrap; color:#333;} .cart-totals table.product tr td { font-size:14px; color:#666; padding:10px 0; line-height:20px;} .cart-totals table.product tr td span {color:#f28b00; padding-right: 5px;} .cart-totals table.product tr { border-bottom:1px solid #ccc;} .accept-terms { margin-bottom: -25px;} .accept-terms .checkbox { margin: 25px 0;} .accept-terms a {text-decoration:underline;cursor: pointer} #acceptTerms_message { border-radius: 4px;left: 85px;} #acceptTerms_message::before { content: ""; width: 10px; height: 10px; background: inherit; left: -3px; top: 7px; position: absolute;transform: rotate(45deg);} .pointExchError { display: inline-block;max-width: 100%;white-space: normal;background: #dedede;padding: 5px 25px;color: #666;border-radius: 11px;font-size: 12px;text-align: center;} /* po najetí dostava prvky skriptem class active*/ .overlay.active {visibility:visible; opacity:1;} .billing-fields.active, .shipping-fields.active {z-index:99; position:relative; background:white; box-shadow: 0 0 0 20px #fff, 0 0 20px 20px #666; border-radius: 1px;} /**/ /*Děkujeme*/ #thankYou {width: 100%; padding:0 15px;} #thankYou .text-wrap { margin-top: 35px;} .thankYou { margin: 0 auto; max-width: 760px; display: flex; line-height: 1.5em; } .thankYou > div:not(:first-child) {margin-left:15px; margin-top:35px;} .thankYou .maskot { max-height:200px} .thankYou h2 { padding: 0 0 1em;} .thankYou p { padding: 0 0 10px 0;} .thankYou p a { color: #0098d9; text-decoration: underline;} a.fb { background: url(../images/icons/fb.png) no-repeat left center; padding-left: 22px; border-bottom: 1px dotted; margin-left: 2px;} #thankYou h3 {font-size: 1.5em; text-align: center; border-bottom: 2px solid #f28b00; height: 0.75em; margin-bottom: 2em;margin-top: 3em;} #thankYou h3 span { background: white; padding: 0 15px; } table.thankY, #thankYou .box { width: 100%; max-width: 760px; margin: 0 auto;} #thankYou .box {display:table;} #thankYou .box > div {display:table-cell;} #thankYou .box > div:first-child {padding-right: 30px;} #thankYou .box h4 {font-size: 1.2em; text-align: center; border-bottom: 2px solid #f28b00; height: 0.75em; margin-bottom: 2em;margin-top: 3em;} #thankYou .box h4 span { background: white; padding: 0 15px; } #thankYou .maninTD div:first-child {font-weight: 600;} table.thankY tr:not(:last-child) { border-bottom: 1px solid #ccc;} #thankYou .bold td { font-weight: 600; color: #666;} #thankYou .bold.sum td { color: #333; font-size: 1.1em;} .thankY th { color: #f28b00;} .thankY tr {text-align:right;} .thankY.billing tr, .thankY.shipping tr {text-align:left;} .infobox { max-width: 500px; border: 2px solid #f28b00; margin: 65px auto;display: flex;border-radius: 15px; overflow:hidden;} .infobox figure {width: 150px; background: #f28b00 url(../images/icons/wtf.png) no-repeat center center; display: block;} .infobox > div { padding: 15px;} .infobox > div h5 { font-size: 1.3em; color: #f28b00; font-weight: 800;} .infobox > div a { border-bottom:1px dotted #f28b00; } /* Comgate platbz*/ #payment-status {margin: 35px auto;position: relative;} #payment-status img {left: -25px;position: relative;} #payment-status span {display: block;position: relative;text-align: right;max-width: 250px;font-size: 1.2em;float: right;margin: 120px 0 0 -140px;} /*404, notFound*/ .notFound { width: 100%; text-align: center; margin: 45px auto 0;} .notFound img { max-width: 100%;} /* uvodka **********************************/ #page-homepage {} /*otevřít strom na uvodce*/ #page-homepage #mega-menu > ul.menu { transform:translateY(0%); opacity:1; top:-1px; visibility:visible;} #page-homepage #mega-menu .btn-mega { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: #f28b00;} #page-homepage #mega-menu .btn-mega > em {display:none;} #page-homepage #mega-menu .btn-mega:after { content:"Katalog zboží:"; display:block;} /* 1.slider na uvodce */ #bigIntro { width:100%;} #bigIntro .slider { border-radius:8px;overflow:hidden; max-height: 520px;} #bigIntro .slider-item { height:500px; overflow: hidden; border: 1px solid #e1e8ed; border-radius:8px; background-image:url(../images/backgrounds/IntroBigBannerBg.jpg); background-position: center right;} #bigIntro .item-text { padding:76px 0 0 47px; position: relative; z-index: 2;} #bigIntro .header-item { margin-bottom:0px;} #bigIntro .header-item h2 { margin-bottom:15px; font-size:35px;} #bigIntro .header-item p { font-size:16px; margin-bottom:5px;} #bigIntro .content-item .btn-shop a { margin-top:22px;} #bigIntro .price .sale { position:relative; color:#fff; font-size:35px; font-weight:700; background-color:#0098d9; line-height:58px; display:inline-block; padding:0px 30px 0 60px; height: 56px; border-top-right-radius:15px; border-bottom-right-radius:15px; margin-left:-60px; margin-right:15px; float:left;} #bigIntro .content-item .regular { font-size:18px; color:#919191; margin-top:10px; margin-left:4px;} #bigIntro .btn-add-cart { width:205px;margin: -6px 0 0 -34px;} #bigIntro .item-image { right: 0; top: 0; position:absolute; width:50%; height:100%; display:flex; align-items:center; } #bigIntro .item-image img {} #bigIntro .slider-item.link a img { width: 100%;} #arguments {width:100%; margin-top: 45px;} #arguments .maskotIntro {margin-bottom: -70px;} #arguments .iconbox { display:flex; background:#fafafa; border:1px solid #e1e8ed; border-radius: 8px; padding: 8px;} #arguments .iconbox img { align-self: center; min-width: 40px;} #arguments .iconbox h3 { font-size:16px; padding-left:10px;} #HomeTopPrdcst, #Brands {width:100%; margin-top: 65px;} #HomeTopPrdcst h2, #Brands h3 {font-size: 1.5em; text-align: center; border-bottom: 2px solid #f28b00; height: 0.75em; margin-bottom: 2em;} #HomeTopPrdcst h2 span, #Brands h3 span { background: white; padding: 0 15px; } #Brands{margin-bottom: 25px;} #Brands h5 {font-size: 1em; text-align: center; border-bottom: 1px solid #ddd; height: 1em; margin: 2em 0;} #Brands h5 span { background: white; padding: 0 15px; color:#666;} #Brands > div { display: flex; flex-wrap: wrap; justify-content: space-evenly;} #HomeTopPrdcst .owl-item .owl-carousel-item { display:flex; flex-direction:column; gap: 20px} /* login, registrace*/ section.account {margin:15px 0 85px; width:100%;} .account .form-login, .account .form-register { background: #f1f1f1; margin: 0 0 1em; padding: 24px; border-radius: 15px; box-shadow: 0 15px 15px -15px #aaa;} .account .form-login { border-top: 5px solid #0098d9;} .account .form-register { border-top: 5px solid #f28b00;} .account input { background: white;} .account button.login { background:#0098d9; } .account button.register { background:#f28b00; } #passModal.box-cart { text-align: left;} #passModal.box-cart h3 { margin-bottom:15px;} /* porovnání produktů*/ section.compare { padding:45px 0 85px; width:100%;} .wrap-compare .title { margin-bottom:32px;} .compare-content { border:2px solid #e5e5e5; border-radius:8px; overflow:auto;} .table-compare tr:not(:last-child) { border-bottom:1px solid #e5e5e5;} .table-compare tr td { text-align:center; padding:15px 5px 10px; border-right: 1px dotted #ddd; } .table-compare tr th { background-color:#f5f5f5; color:#666; font-weight:500; padding: 0 5px;} .table-compare tr td.product img { max-width: 150px; } .table-compare tr td .name { font-size:16px;} .table-compare tr td.price { color:#fd6e01; font-size:20px; font-weight:900;} .table-compare .buy .product-buy { float: none; width: 120px; display: inline-block;} .table-compare tr td.description p { line-height:26px;} .table-compare .diff { color:#ea0000;} .table-compare tr th.param ~ td{ padding: 5px;} .table-compare tr th.param-cat { font-weight:800; background:white; border-top: 2px solid #ddd;} .table-compare tr th.param-cat ~ td { padding:0; border-right:none; border-top: 2px solid #ddd;} .table-compare tr th.delete, .table-compare tr th.delete ~ td { border-top: 2px solid #ddd; background:white;} /* statická stránka, článek */ section.statics-article { padding:46px 0 10px; width:100%;} section.statics-article .text-wrap { margin-bottom:81px;} section.statics-article .text-wrap h3 { margin-bottom:28px;} section.statics-article .text-wrap p { margin-bottom: 15px;} section.statics-article .text-block { max-width:800px;} section.statics-article img {max-width:100%;} /* HAP tlacitka*/ .extraBtnBlue { background: #3498db; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; display: inline-block; color: #ffffff !important; font-size: 16px; padding: 10px 20px 10px 20px; text-decoration: none;text-shadow: 1px 1px 3px #666666;} .extraBtnGreen { background: #12ba02; background-image: -webkit-linear-gradient(top, #12ba02, #098500); background-image: -moz-linear-gradient(top, #12ba02, #098500); background-image: -ms-linear-gradient(top, #12ba02, #098500); background-image: -o-linear-gradient(top, #12ba02, #098500); background-image: linear-gradient(to bottom, #12ba02, #098500); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; display: inline-block; color: #ffffff !important; font-size: 16px; padding: 10px 20px 10px 20px; text-decoration: none;text-shadow: 1px 1px 3px #666666;} .clickable:hover {border: 2px solid white; box-shadow: 0 0 10px #36a82e;margin: -2px;} /* HAP Boxy */ .BigBoxOut div {float:left;} .BigBoxOut{} .BigBoxIn{ border-top:1px solid rgb(60,176,253); border-bottom:1px solid rgb(60,176,253); border-radius: 15px; padding: 10px 30px; margin: 0 0 60px; -webkit-box-shadow: inset 0px 0px 6px 1px rgb(60,176,253); -moz-box-shadow: inset 0px 0px 6px 1px rgb(60,176,253); box-shadow: inset 0px 0px 6px 1px rgb(60,176,253); } .BigBoxCon {width:100%; background:white; margin: 10px 0; position: relative; border: 1px solid #bbbbbb; } .BigBoxCon ul {float: left; margin:0; padding: 0 0 0 20px; background:white; z-index:999; min-height:138px /*kvuli stinu*/;box-shadow: 0 10px 8px -9px rgb(100, 100, 100);width: 100%;} .BigBoxCon li {float: left; list-style: none; min-height: 100px; width: 44%;} .BigBoxCon li.BigBoxLi1 {width:100%;} .BigBoxCon li div {border-left: 1px solid #ccc; margin: 10px; padding: 0 0 0 10px;line-height:2em;} .BigBoxCon li:first-child div, .BigBoxCon li.first div{border-left: none;} .BigBoxCon H2 {color:#3499dc; letter-spacing: -0.5px; margin: 10px 0 5px;} .BigBoxCon a { color:#36a82e;} .BigBoxCon li div .fa { padding: 0 3px 0 0;} @media only screen and (max-width:480px) { li.BigBoxLi2 { width: 100%;} } /* Oblíbené */ section.wishlist { padding:44px 0 35px; } .wishlist .title { margin-bottom:20px;} .table-wishlist { width:100%; overflow:hidden;} .table-wishlist thead { border-bottom:1px solid #e5e5e5;} .table-wishlist thead tr th { padding:17px 0 18px; font-size:14px;} .table-wishlist tbody tr td { padding:15px 0 15px; vertical-align:middle; border-bottom:1px solid #e5e5e5;} .table-wishlist tbody tr:last-child td { border:none;} .table-wishlist tbody tr td > div.delete, .table-wishlist tbody tr td > div.delete { margin: 0 15px 9px;} .table-wishlist tbody tr td > div.image { width:85px; display:inline-block;} .table-wishlist tbody tr td > div.image img {max-width: 85px;max-height: 100px;} .table-wishlist tbody tr td > div.product .name { display:inline-block; vertical-align:middle; font-size:15px; color:#484848; margin-left:24px;} .table-wishlist tbody tr td > div.price { color:#f28b00; white-space:nowrap; font-size:20px; margin: 0 25px 5px 0; text-align: right;} .table-wishlist tbody tr td > div.product-buy {width: 130px;} /* uživatelský profil */ section.userProfile { padding:30px 0; width: 100%;} .InlineMenu {margin: 15px auto;} .InlineMenu li { display: inline-block; margin: 0 0 1em;;} .InlineMenu li a { background: white; border: 1px solid #ccc; border-radius: 3px; padding: 5px 15px;} .profileBox {text-align:center; background: #f1f1f1; border-radius: 15px; box-shadow: 0 15px 15px -15px #aaa;} .profileBox .title { margin-bottom:22px;} .profileBox .title:nth-child(n+2) { margin-top: 60px; padding-top: 60px; border-top:2px solid #f28b00;} .profileBox .title h3 { margin-bottom:26px;} .profileBox .profileCol { padding:15px; text-align:left;} .profileBox .profileCol input { background:white;} .profileLine .right { width: 100%;padding-right: 15px;} .profileBox button.red { background-color:#f92400; } .profileBox button.blue { background-color:#0098d9; } .profileBox button.blue img { filter:brightness(200%);} .profileLine .points { text-align:center;} .profileLine .points > span { font-size: 1.2em; display: block; background: #f28b00; width: 9em; margin: 15px auto; padding: 15px 5px; border-radius: 15px; color:white;} .profileLine .points span span{ display:inline-block;} .profileBox .profileCol.orderHistory { width:100%; padding: 0;} .profileCol.orderHistory table { width: 100%; } .orderHistory .order a {background:url(images/icons/eye.png) no-repeat center right; background-size:12px; padding-right:15px;} .orderHistory .trace img {height:1.1em;} .orderHistory th { padding: 5px; white-space:nowrap; font-weight: 600; font-size: 0.9em;} .orderHistory td { padding: 5px; } .orderHistory td:not(:last-child) { border-right: 1px solid #ccc;} .orderHistory tr:not(:last-child) { border-bottom:1px solid #ccc;} .orderHistory .prodList li {line-height: 1.2em;} .orderHistory .prodList li:not(:last-child) {padding: 0 0 10px;} .orderHistory a {border-bottom:1px dotted;} .orderHistory .price {text-align:right;} .profileCol.orderDetail {display:table;} .profileCol.orderDetail p {display:table-row;} .profileCol.orderDetail p span {display:table-cell; border-bottom: 1px solid #ccc;} .profileLine .docs { text-align: center; width: 100%; padding:15px;} .profileLine .docs button { margin:0 5px;} .digibonus p { margin: 15px 0 0;} .digibonus ul { margin: 15px;} .digibonus li { list-style: disc;} .userPromoPage table { margin: 0 auto;} .userPromoPage h4 {font-size: 1.5em; text-align: center; border-bottom: 2px solid #f28b00; height: 0.75em; margin-bottom: 2em;} .userPromoPage h4 span { background: white; padding: 0 15px; } .userPromoPage h5 {text-align:center;} @media all and (max-width: 991px) { .orderHistory thead { display:none} .orderHistory td a { border:none} .orderHistory .order a { font-weight:600} .orderHistory tr { display:flex; flex-direction:column} .orderHistory td[data-colname]:before { content: attr(data-colname) ":"; color: #44b6e6; font-size: .85em; padding-right: 0.5em; display: inline-block; text-align: right;} .orderHistory td { border: none !important;} .orderHistory td.trace { text-align: center; margin-bottom: 1em; font-size: 2em;} } @media all and (min-width: 992px) { .profileBox .profileLine {display:flex;} .profileBox { padding:45px 90px; } .profileBox .profileCol { width:49.995%; } } /* Patička */ footer { padding:44px 0 42px; border-top:1px solid #bbe1f0; border-bottom:1px solid #e5e5e5; background-color:#f9feff; margin:50px 0 0;} /* Patička - O digitoru */ .widget-about .logo-ft {margin-bottom:21px; margin-left:-2px;} .widget-about .widget-content { padding-top:15px;} .widget-about .widget-content .logoImg { float:left; margin-right:16px; margin-top:27px;} .widget-about .widget-content .info a.phone { font-size:16px; font-weight:700; margin-bottom:9px;} .widget-about .widget-content .info p.address { line-height:18px; } .widget-about ul.social-list { margin-top:33px;} ul.social-list li { display:inline-block; font-size:18px; margin-right:27px;} ul.social-list li:last-child { margin-right:0px;} ul.social-list li a { color:#d5d5d5;} ul.social-list li a:hover { color:#919191;} .widget-ft .widget-title h3 { color:#0098d9; font-weight:500; margin-top:8px; margin-bottom:20px; margin-left:-1px;} /* Widget Categories */ .widget-list .widget-50 {width:50%; float:left;} .widget-list .widget-30 {width: 33.33%; float: left; } .widget-list ul.cat-list-ft li, .widget-menu ul li {line-height:20px; margin: 0 0 8px;} .widget-list ul.cat-list-ft li a:not(:hover), .widget-menu ul li a:not(:hover) {color:#666;} /* Widget rychly kontakt */ .widget-contact > p {color:#666; line-height:22px; margin-bottom:19px; margin-top:22px;} .widget-contact .quick-contact-form .quick-contact-content {position:relative;} .widget-contact .quick-contact-form .quick-contact-content select { height:49px;} .widget-contact .quick-contact-form .quick-contact-content button { position:absolute; top:0; right:-3px; background-color:transparent;} /* Patička 2 */ .footer-bottom {background-color:#fff;padding:24px 0; background: url(../images/backgrounds/gplaypattern.png) repeat; box-shadow: 0 14px 30px -30px black inset; border-top: 1px solid #acf;} .footer-bottom .copyright { float:left; line-height:34px; margin-left:-1px; font-size: 12px} .go-to-top { margin: 82px 0 -82px; position: relative; z-index: 9; text-align:right} .go-to-top a { display:inline-block; background: linear-gradient(0deg, #f9feff, white); padding: 0 10px} .go-to-top a svg {opacity:.25;} .go-to-top a:hover svg {opacity:.5} .footer-bottom .btn-scroll { position: absolute; right: 10px; bottom: 0em;} /* Patička 2- platební loga */ ul.pay-list { margin-left: 60px; display: inline;} ul.pay-list li { display:inline-block; margin-right:13px;} ul.pay-list li img { height:20px;} ul.pay-list li:last-child { margin-right:0px;} a.facelink { float: right; display: flex; gap: 5px; line-height: 34px; align-items: center; font-size: 12px; cursor: pointer; } a.facelink i { background: #1877f2; width: 1.2em; height: 1.2em; padding: 0.2em; display: inline-flex; font-size: 18px; color: white; justify-content: center; border-radius: 0.6em;} /* Menu Tab */ .tabs ul.menu-tab { text-align:center;margin-bottom:36px;margin-top:16px;} .tabs ul.menu-tab li {display:inline-block;font-size:20px;font-weight:300;color:#919191;cursor:pointer;margin-right:36px;transition:all 0.2s ease-in-out;} .tabs ul.menu-tab li:last-child {margin-right:0px;} .tabs ul.menu-tab li.active, .tabs ul.menu-tab li:hover {color:#2d2d2d;font-weight:500;transition:all 0.2s ease-in-out;} /*alert*/ span[id$="_message"].text-danger { color: white; position: absolute; left: 15%; background: #ea0000; padding: 0 10px 2px; border-radius: 0 0 4px 4px;} /*maskot*/ /*zleva po čase (nastavený filtr, volba dopravy)*/ .maskot-r-1::after { display: block; width: 90px; height: 100px; background: url(../images/maskot/show-left.png) no-repeat top left; position: absolute; content: " "; right: -100px; top: -42px; -webkit-animation-name: bounceInRight; animation-name: bounceInRight; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes bounceInRight { 0%, 40%, 42%, 44%, 46%, 50%, 95%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%,40% { opacity: 0; -webkit-transform: translate3d(500px, 0, 0); } 42% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); } 44% { -webkit-transform: translate3d(10px, 0, 0); } 46% { -webkit-transform: translate3d(-5px, 0, 0); } 50% { -webkit-transform: none; } 95% { opacity: 1; -webkit-transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); } } @keyframes bounceInRight { 0%, 40%, 42%, 44%, 46%, 50%, 95%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%,40% { opacity: 0; transform: translate3d(500px, 0, 0); } 42% { opacity: 1; transform: translate3d(-25px, 0, 0); } 44% { transform: translate3d(10px, 0, 0); } 46% { transform: translate3d(-5px, 0, 0); } 50% { transform: none; } 95% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(50px, 0, 0); } } /* RESPONSIVE by HAP */ /* new */ @media only screen and (min-width:767px) and (max-width:1200px) { #bigIntro .slider-item { height: 407px;} #proDetail-buy{ width: max-content; margin: 2em auto 0} #proDetail-buy > div { display:flex; gap: 20px;} #proDetail-buy > div > div { display:flex; flex-direction:column} #proDetail-buy .infoExp2 {margin: 15px 0;} .price .helper { right: 0;} } @media only screen and (min-width:992px) and (max-width:1199px) { #arguments .iconbox { min-height: 140px;} #arguments .maskotIntro { margin-top: 55px;} #mega-menu > ul.menu > li .drop-menu { left: 196px;} #mega-menu > .btn-mega { padding-left: 76px;} #mega-menu > .btn-mega > span { left: 26px;} #mega-menu > ul.menu > li .drop-menu > .cat .banner img { max-width:100%;} #mega-menu > ul.menu > li .drop-menu { width: 700px;} /*vypis*/ .sale { font-size: 18px;} .product-buy div { font-size: 12px;} } @media only screen and (max-width:991px) { /*header*/ .top-search form.form-search .box-search input { padding-left:15px;} .top-search form.form-search .cat-wrap { display:none;} .box-cart .inner-box ul.menu-compare-wishlist li a { height: 35px; width: 35px; line-height: 30px;} .box-cart .inner-box ul.menu-compare-wishlist li { margin-right:5px; } .top-search form.form-search .box-search .search-suggestions .box-cat { display:none; } .btn-menu, .btn-menu-mega {display:block;} .btn-menu-mega {float:left;} /*výpis*/ #categories a, #categories.TopCategories a { width: 49.99%;} .sort-product .show { float: none; text-align: right; margin: -10px 0 15px;} .product-item { width:49.999%; } .product-item.highlight { width: calc(49.999% - 4px);} .product-buy div { font-size: 10px;} /*detail*/ #proDetail-gallery .owl-carousel .owl-item img { width: 100%;} #tecnical-specs .t-s-name { width: 130px;} #similar-product-rotator .imagebox { margin-right: 25px; margin-bottom:15px;} #similar-product-rotator .imagebox .box-image img { max-width: 100%; height: unset; max-height: 110px;} /* vsude v imagebox? */ /*footer*/ .widget-ft.widget-about { display: flex; flex-wrap: nowrap; border-bottom: 1px solid #bbe1f0; margin: 0 0 30px; padding: 0 0 30px;} .widget-ft.widget-about > div {width:49.99%;} /*sliderz*/ .owl-item .owl-carousel-item .product-item { margin: 0 auto 15px;} } @media only screen and (min-width:768px) and (max-width:991px) { /*detail*/ #proDetail-gallery, #proDetail-gallery .owl-stage-outer, #proDetail-info {width:350px;} } @media only screen and (max-width:767px) { /*header*/ .header-top .hinfo {display:none;} .top-search {padding:10px;} .box-cart { padding: 15px 0 30px;} /*homepage*/ #bigIntro .slider-item {height:auto;} /*levy*/ #snippet--filtr, .userHistory {display:none;} ul.product-list li .img-product { width: 15%;} ul.product-list li .img-product img { max-width: 50px;} /*detail*/ #flat-product-detail { margin-top: 0;} #proDetail-gallery, #proDetail-gallery .owl-stage-outer, #proDetail-info {width:100%; margin-top: 25px;} #flat-product-content ul.tabs li {float:none;} #flat-product-content ul.tabs li::before, #flat-product-content ul.tabs li::after { display:none;} #flat-product-content ul.tabs li:not(:first-child) {border-radius:0; border-top: 1px solid #ccc;} .tecnical-specs {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;} #filter-actions button { margin: 15px 0 5px;} #ZoomContainer, #proDetail-gallery .owl-carousel .owl-item .imgBox > div { display:none;} #proDetail-buy { width: 280px; margin: 1em auto;} /*vypis*/ #shop .leftColumn { margin-bottom: 25px;} #shop .sidebar .widget-categories, #shop .sidebar .widget-banner, #shop .sidebar .widget-reviews {display:none;} } @media only screen and (max-width:625px) { /*filtr*/ #fullFilter { width: 100%; margin-top: 0;} #fullFilter .tabs-nav { max-width: 110px;} .filter-item-content[data-item-count="0"] { padding: 0 10px;} div[data-item-count="10"] ul, div[data-item-count="9"] ul, div[data-item-count="8"] ul, div[data-item-count="7"] ul, div[data-item-count="6"] ul, div[data-item-count="5"] ul, .filter-item-content ul { column-count: 1;} .filter-item input[type="text"] {padding: 8px 15px;} .filter-range ~ span { width: 70px; margin-left: -10px;} .filter-range ~ span:last-child {margin-right: 0px;} } @media only screen and (max-width:575px) { .hide575 {display:none !important;} /*výpis*/ .product-item { width:99.999%; } .product-item.highlight { width: calc(99.999% - 4px);} /*detail*/ #main-description iframe {height: 14em !important;} /*footer*/ .widget-ft.widget-about {display:block;} .widget-ft.widget-about > div { width: 99%;} .widget-about .logo-ft, .widget-about .widget-content { width:100%; text-align:center;} .widget-list .widget-30 {width:100%;} .widget-ft * { text-align: center;} /*kosik*/ #snippet--CartRelations {display:none;} .thankYou > div > img {width:110px;} } @media only screen and (max-width:480px) { .hide480 {display:none !important;} /*výpis*/ .sortBy.onDesktop li:nth-child(n+4) {display:none;} #categories a, #categories.TopCategories a { width: 100%;} /*filtr*/ .blocker::before { display:none;} .blocker {padding:0;} .filter-range ~ span::after {top:none; bottom: 0;} /*detail*/ #proDetail-gallery .owl-stage-outer {min-height: auto;} #proDetail-gallery .owl-dots { width: 99%;} #proDetail-gallery .owl-dot { width: 60px; height: 60px;} #cartModal .btns-cart a.view-cart, #cartModal .btns-cart a.check-out {display:block; margin:5px 0; float:none; text-align: center;} #relatedProdcts { flex-wrap: wrap;} #relatedProdcts .tabs-relation { width: 100%; margin: 0;} #relatedProdcts .tabs-stage { width: 100%; margin: 15px 0;} #relatedProdcts .tabs-relation li.tab-active { box-shadow: 14px 0px 3px -10px #fd6e01 inset, -14px 0px 3px -10px #fd6e01 inset;} /*kosik*/ .table-cart thead tr th:nth-child(3), .table-cart tr td:nth-child(3) { border: 1px solid #ddd;} .table-cart tr td .total { font-size: 14px;} .form-coupon form button {margin-top: 15px;} .fields-content .field-row .field-one-half { width:100%;} .fields-content .field-row {margin:0;} .companyFields .checkbox { margin: 0;} .fields-content .field-row .field-one-half:first-child, .fields-content .field-row .field-one-half:nth-child(2) {width: 100% !important; padding: 0 0 20px;} #resultNaPostu { margin: -16px 0 0 ;} #payment-status img {left: 15px;} #payment-status span {display: block;text-align: center; margin: 20px; max-width: calc(100% - 40px); width: calc(100% - 40px);} #thankYou .box > div { display: table-row;} .thankY.Review th:first-child, .thankY.Review td:first-child {display:none;} } @media only screen and (max-width:390px) {#proDetail-gallery .owl-carousel { max-width: 350px;}#main-description iframe {height: 12em !important;}.header-middle .box-cart .inner-box .dropdown-box { width: 300px; padding: 25px 10px;}} @media only screen and (max-width:350px) {#proDetail-gallery .owl-carousel { max-width: 320px;}#main-description iframe {height: 11em !important;}} @media only screen and (max-width:320px) {#proDetail-gallery .owl-carousel { max-width: 300px;}#main-description iframe {height: 10em !important;}} /* Faq import */ .FaqWrapper {padding: 0 1em} ul.FaqTree {display: flex; width: 100%; justify-content: center; gap: 15px} .FaqTree li { font-size: 1.25em} .FaqTree li:not(:last-child):after { content: "\f105"; font-family: fontawesome; display: inline-block; padding-left: 10px} .FaqTree a { text-decoration: underline} .FaqCategoryPanel { display: flex; width: 100%; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 1em 0} .FaqCategoryPanel a { display: block; white-space: nowrap; background: #3498db; color: white; padding: 0.5em 1em; border-radius: 4px; text-decoration: underline} .FaqCategoryPanel a:hover { text-decoration: none; text-shadow: 0 2px 2px #004462; } .FaqSearchPanel { margin: 1em 0} .FaqSearchPanel form > div { display: flex; width: 100%; justify-content: center; align-items: center; gap: 10px;} .FaqSearchPanel span[id$="_message"].text-danger {display:none} .FaqSearchPanel input#frm-techSupportSearchForm-TechSearchText { width: 250px} .FaqSearchPanel button.btn.btn-primary { background: #f28b00; border-radius: 4px;} .FaqListPanel h4 { padding: 10px 10px 1px; border-bottom: 2px solid #fd6e01; margin: 0 0 0.5em;} .FaqSearchResults { padding: 30px 10px} .FaqSearchResults h5 { font-size: 1.25em; border-bottom: 2px solid #fd6e01; } .FaqSearchResults a:before { content: "\f105"; font-family: fontawesome} .FaqDetailContent { width: 100%; margin: 2em 0em} .FaqDetailContent h1.panel-title { font-size: 1.5em; font-weight: 800; border-bottom: 2px solid #fd6e01; padding: 0 0 2px; margin: 0 0 1em} .FaqDetailContent img {max-width: 100% !important} .FaqDetailCategories { width: 100%; border-top: 2px solid #fd6e01; background: #fdf6ed; padding: 1em;} .FaqDetailCategories h5 { font-weight: 600} .FaqDetailCategories a:before { content: "\f105"; font-family: fontawesome}