@charset "UTF-8"; html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: 500; } /** * http://code.iamkate.com/html-and-css/fixing-browsers-broken-monospace-font-handling/ */ pre, code, kbd, samp { font-family: monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type='button'], [type='reset'], [type='submit'] { font-size: inherit; line-height: inherit; -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } legend { display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type='checkbox'], [type='radio'] { padding: 0; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } input:focus, button:focus, a:focus { outline: 0; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } img, iframe, object, embed, svg { vertical-align: middle; } fieldset { margin: 0; padding: 0; border: 0; } figure { margin: 0; } [disabled] { cursor: default; } #ordcstiddiv .ordcstbox, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) { position: relative; -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; padding: 14px 10px; } #ordcstiddiv .ordcstbox[data-demid='95'], .delivmodegroup.showdelivery.dmgxid_10 .rowbox[data-demid='95']:not(.inp-place), #ordcstiddiv .ordcstbox[data-demid='100'], .delivmodegroup.showdelivery.dmgxid_10 .rowbox[data-demid='100']:not(.inp-place) { display: none !important; } #ordcstiddiv .ordcstbox > input[type='radio'], .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) > input[type='radio'], #ordcstiddiv .ordcstbox .inp_radio, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .inp_radio { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } #ordcstiddiv .ordcstbox .cstname, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .cstname { width: 100%; color: #01447b; font-weight: 500; } #ordcstiddiv .ordcstbox .cstfullname > br:first-child, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .cstfullname > br:first-child, #ordcstiddiv .ordcstbox .partner_logo, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .partner_logo, #ordcstiddiv .ordcstbox .csthere, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .csthere, #ordcstiddiv .ordcstbox .cstinfo, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .cstinfo { display: none; } #ordcstiddiv .ordcstbox .cstfullname, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .cstfullname, #ordcstiddiv .ordcstbox .exthtml, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .exthtml { margin-top: 10px; font-size: 14px; line-height: 1.466666667; } #ordcstiddiv .ordcstbox .exthtml, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .exthtml { -ms-flex-order: 1; order: 1; width: 100%; } #ordcstiddiv .ordcstbox .exthtml .packetery-hours, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .exthtml .packetery-hours, #ordcstiddiv .ordcstbox .exthtml > :last-child, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .exthtml > :last-child { margin-bottom: 0; } #ordcstiddiv .ordcstbox .exthtml > br:last-child, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .exthtml > br:last-child { display: none; } #ordcstiddiv .ordcstbox .exthtml object, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .exthtml object { width: 100%; min-height: 180px; } #ordcstiddiv .ordcstbox .demprice, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) .demprice { margin-left: 5px; } @media (min-width: 768px) { #ordcstiddiv .ordcstbox, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } #ordcstiddiv .ordcstbox > label, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) > label, .delivmodegroup > label { cursor: pointer; } #ordcstiddiv .ordcstbox > label::before, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) > label::before, .delivmodegroup > label::before, #ordcstiddiv .ordcstbox > label::after, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) > label::after, .delivmodegroup > label::after { content: ''; position: absolute; top: 0; } #ordcstiddiv .ordcstbox > label::before, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) > label::before, .delivmodegroup > label::before { right: 0; bottom: 0; left: 0; border: 1px solid #e6e6e6; transition: border-color 0.3s; cursor: pointer; } #ordcstiddiv .ordcstbox > label::after, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) > label::after, .delivmodegroup > label::after { right: 0; width: 34px; height: 34px; background-image: url("../img/icon/checkbox.svg"), linear-gradient(45deg, transparent, transparent 50%, #0072c1 50%); background-position: top 2px right 2px, 50% 50%; background-repeat: no-repeat; background-size: 16px 16px, 100% 100%; opacity: 0; transition: opacity 0.3s; pointer-events: none; } .delivmodegroup > input[type='radio']:checked ~ label::before, #ordcstiddiv .ordcstbox.active > label::before, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) > input[type='radio']:checked ~ label::before, .hoverevents .delivmodegroup:hover > label::before, .hoverevents #ordcstiddiv .ordcstbox:hover > label::before, .hoverevents .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place):hover > label::before { border-color: #0072c1; } .delivmodegroup > input[type='radio']:checked ~ label::after, #ordcstiddiv .ordcstbox.active > label::after, .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) > input[type='radio']:checked ~ label::after { opacity: 1; } @keyframes spinner { 100% { transform: rotate(360deg); } } .lb-results, .persoo-hits-list, .jcarousel-list, .pp_gallery ul, .product-tabs__menu-list, .product-tabs__list, #flix-inpage ul, .logsuccess.tabformcont .ex_01, .persoo-refinement-list, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-list, .persoo-pagination-list, .showstyle__list, .sti_cattree ul, .subcats ul, #supportholder ul, .wn16 ul, .wn5 ul, .wnfilterbox ul, .xlogincont .logbusinfo .in > ul, .xlogincont .link > ul, #persoo-search-results__filters .ais-HierarchicalMenu-list, #persoo-search-results__filters .ais-RefinementList-list, .c-categories__list, .exponea-rec-info .cat-info-ul, .c-files__list, .lastvisited ul, .c-product-alternatives__list, .c-products-vs__list, #stigalleryul, #sticommentgallery ul, #menu-mobile, #menu-mobile ul, #menu, #menu ul, .lefttreecont ul, .menu_bottom, .navbar ul, .m-socials__list, .strlitecont ul, #tabs > ul, #tabs .ui-tabs-nav { margin: 0; } .persoo-hits-item, .jcarousel-item, .pp_gallery li, .product-tabs__menu-item, .product-tabs__item, #flix-inpage li, .logsuccess.tabformcont .ex_01 li, .persoo-refinement-item, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-item, .persoo-pagination-item, .showstyle__item, .sti_cattree ul li, .subcats li, #supportholder li, .wn16 li, .wn5 li, .wnfilterbox ul > li, .xlogincont .logbusinfo .in > ul > li, .xlogincont .link > ul > li, #persoo-search-results__filters .ais-HierarchicalMenu-item, #persoo-search-results__filters .ais-RefinementList-item, .c-categories__item, .exponea-rec-info .cat-info-li, .c-files__item, .lastvisited li, .c-product-alternatives__item, .c-products-vs__item, #stigalleryul li, #sticommentgallery ul li, #menu-mobile li, #menu li, .lefttreecont li, .menu_bottom .footer-ctg, .navbar ul li, .m-socials__item, .strlitecont li, #tabs > ul > li, #tabs .ui-tabs-nav > li { margin: 0; padding: 0; background: none; } .lb-results, .persoo-hits-list { counter-reset: none; } .persoo-hits-item { position: static; } .persoo-hits-item::before { content: normal; counter-increment: none; position: static; top: auto; left: auto; } #cookiebar > div, #footercompare .compare_wrap, .row-main, .outercont, .topbar-strip > div, .exp-web-opinion .b-compare-help, #include_footer .f_top_out, #include_footer .f_bot_out { max-width: 1200px; margin: 0 auto; padding: 0 15px; } @media (min-width: 1360px) { #cookiebar > div, #footercompare .compare_wrap, .row-main, .outercont, .topbar-strip > div, .exp-web-opinion .b-compare-help, #include_footer .f_top_out, #include_footer .f_bot_out { max-width: 1360px; } } html { color: #4c4c4c; font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-size: 15px; line-height: 1.6; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 1.5em 0 0.5em; } h1, .h1 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { h1, .h1 { font-size: 35px; } } h2, .h2 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; } h3, .h3 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; } h4, .h4 { color: #000000; font-weight: normal; font-size: 16px; line-height: 1.25; } h5, .h5 { color: #000000; font-weight: normal; font-size: 15px; line-height: 1.266666667; } h6, .h6 { color: #000000; font-weight: normal; font-size: 15px; line-height: 1.266666667; } p { margin: 0 0 20px; } hr { height: 1px; margin: 20px 0; border: solid #e6e6e6; border-width: 1px 0 0; overflow: hidden; } blockquote { margin: 0 0 20px; padding: 0; } blockquote p { margin-bottom: 0; } .as-link, a { margin: 0; padding: 0; border: 0; background-color: transparent; color: #01447b; font-weight: 500; text-decoration: none; transition: color 0.3s; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; } .hoverevents .as-link:hover, .hoverevents a:hover { text-decoration: underline; } ul, ol, dl { margin: 0 0 20px; padding: 0; line-height: 1.333333333; list-style: none; } li { margin: 0 0 10px; padding: 0 0 0 20px; } ul li { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 5'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23f7b626' /%3E%3C/svg%3E%0A"); background-position: 0 7px; background-repeat: no-repeat; background-size: 5px 5px; } ul[style*='list-style'] { padding-left: 20px; } ul[style*='list-style'] > li { padding-left: 0; background: none; } ol { counter-reset: item; } ol li { position: relative; } ol li::before { content: counter(item) "."; counter-increment: item; position: absolute; top: 0; left: 0; } ol ol li::before { content: counter(item, lower-alpha) "."; } dt { margin: 0; font-weight: 500; } dd { margin: 0 0 10px; padding: 0; } table { clear: both; border-collapse: collapse; border-spacing: 0; empty-cells: show; width: 100%; margin: 0 0 20px; border: 1px solid #e6e6e6; } caption { padding: 0 0 10px; font-weight: 500; text-align: left; caption-side: top; } td, th { vertical-align: top; padding: 15px 20px; border: 1px solid #e6e6e6; } th { font-weight: 500; text-align: left; } thead th { background: #eeeeee; } figure { margin-bottom: 20px; } figcaption { margin-top: 0.5em; } @media (max-width: 1439.98px) { img { max-width: 100%; height: auto; } } br.clear, .clear { display: none !important; } .ais-RangeSlider { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .ais-RangeSlider .rheostat { position: relative; width: calc(100% - 32px); height: 32px; margin: 20px 16px 0; } .ais-RangeSlider .rheostat::before { content: ''; position: absolute; top: 13px; right: -16px; bottom: 13px; left: -16px; border: 1px solid #e6e6e6; border-radius: 3px; background-color: #ffffff; } .ais-RangeSlider .rheostat-handle { position: absolute; top: 0; bottom: 0; z-index: 1; width: 32px; margin-left: -24px; cursor: pointer; } .ais-RangeSlider .rheostat-handle::before { content: ''; position: absolute; top: 8px; left: 8px; width: 16px; height: 16px; border-radius: 50%; background-color: #01447b; } .ais-RangeSlider .rheostat-handle-upper { margin-left: -8px; } .ais-RangeSlider .rheostat-progress { position: absolute; top: 0; bottom: 0; padding-top: 13px; padding-bottom: 13px; background-clip: content-box; background-color: #f7b626; } .ais-RangeSlider .rheostat-marker { display: none; } .ais-RangeSlider .rheostat-tooltip, .ais-RangeSlider .rheostat-value { color: #000000; font-weight: 500; font-size: 13px; line-height: 1; } .ais-RangeSlider .rheostat-tooltip { position: absolute; bottom: 100%; left: 50%; white-space: nowrap; transform: translateX(-50%); } .ais-RangeSlider--disabled, .ais-RangeSlider--disabled + .ais-Panel-header { display: none !important; } #persoo-search-results__filters .ais-widget--with-heading { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #persoo-search-results__filters .ais-widget--with-heading .ais-Panel-header { position: relative; display: block; -ms-flex-order: -1; order: -1; padding: 15px 20px; background-color: #01447b; color: #ffffff; font-weight: 500; line-height: 20px; transition: background-color 0.3s; cursor: pointer; } #persoo-search-results__filters .ais-widget--with-heading .ais-Panel-header::before { content: ''; position: absolute; top: 0; right: 20px; left: 20px; height: 1px; background-color: #005496; transition: background-color 0.3s; } #persoo-search-results__filters .ais-widget--with-heading .ais-RefinementList, #persoo-search-results__filters .ais-widget--with-heading .ais-HierarchicalMenu, #persoo-search-results__filters .ais-widget--with-heading .ais-RangeSlider { padding: 15px; } #persoo-search-results__filters .ais-widget--with-heading:not(.ais-widget--collapsed) .ais-Panel-header, .hoverevents #persoo-search-results__filters .ais-widget--with-heading .ais-Panel-header:hover { background-color: #0072c1; } #persoo-search-results__filters .ais-widget--with-heading:not(.ais-widget--collapsed) .ais-Panel-header::before, .hoverevents #persoo-search-results__filters .ais-widget--with-heading .ais-Panel-header:hover::before { background-color: #0072c1; } @media (min-width: 768px) { #persoo-search-results__filters .ais-widget--with-heading .ais-RefinementList, #persoo-search-results__filters .ais-widget--with-heading .ais-HierarchicalMenu, #persoo-search-results__filters .ais-widget--with-heading .ais-RangeSlider { border: 1px solid #e6e6e6; } } #persoo-search-results__filters .ais-widget--collapsed .ais-RefinementList, #persoo-search-results__filters .ais-widget--collapsed .ais-HierarchicalMenu, #persoo-search-results__filters .ais-widget--collapsed .ais-RangeSlider { display: none; } @keyframes loading-placeholder { 0%, 100% { opacity: 0.1; } 50% { opacity: 0.2; } } .banner a { display: block; } .banner img { width: 100%; height: auto; } .basket-header { position: relative; margin-bottom: 20px; } .basket-header__title { margin-bottom: 0; } .basket-header__link { margin: 5px 0 0; } .basket-header__link a { display: inline-block; padding-left: 28px; background-image: url("../img/icon/favorite-gray.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 20px 20px; } .basket-header__copy { margin-bottom: 0; } .basket-header__copy input[type='text'] { width: 100%; margin-bottom: 0; padding-left: 50px; background-color: transparent; background-image: url("../img/icon/clipboard.svg"); background-position: 13px 50%; background-repeat: no-repeat; background-size: 24px; } .basket-header .infomsg { margin-bottom: 0; color: #4aaa2f; font-weight: 500; } @media only screen and (max-width: 767.98px) { .basket-header { text-align: center; } .basket-header__copy { margin-top: 15px; } .basket-header .infomsg { margin-top: 10px; } } @media (min-width: 768px), print { .basket-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .basket-header__link { margin: 0 0 0 30px; } .basket-header__copy { -ms-flex: 0 1 335px; flex: 0 1 335px; margin-left: auto; padding-left: 20px; } .basket-header .infomsg { position: absolute; right: 0; bottom: 100%; margin-bottom: 5px; } } .basketfailure.popupcont .hdr .l, .basketfailure.popupcont .hdr .c, .basketfailure.popupcont .ftr { display: none; } .basketfailure.popupcont .outer { padding: 60px 15px; } .basketfailure.popupcont .cnt p { margin-bottom: 0; color: #ff0000; font-weight: bold; } @media (min-width: 768px) { .basketfailure.popupcont .outer { padding-right: 50px; padding-left: 50px; } } /* stylelint-disable */ .basketsumtab { margin-bottom: 0; } .basketsumtab, .basketsumtab th, .basketsumtab td { padding: 0; border: 0; } .basketsumtab .btn { position: absolute; right: 0; bottom: 20px; text-align: right; } .basketsumtab .btn a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; background-color: #4aaa2f; position: relative; padding-right: 81px; padding-left: 30px; } .hoverevents .basketsumtab .btn a:hover { background-color: #005499; text-decoration: none; } .hoverevents .basketsumtab .btn a:hover { background-color: #54c135; } .basketsumtab .btn a::after { content: ''; position: absolute; top: 0; right: 0; width: 51px; height: 100%; border-left: 1px solid #358d1c; background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .basketsumtab .btn a::after { background-image: url("../img/icon/angle-r.svg"); } .basketsumtab .wvat { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .basketsumtab .price { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; padding: 0 10px; font-weight: 500; line-height: 20px; } .basketsumtab .price strong { color: #f7b626; } .basketsumtab .wovat { display: none; } .basketcont .basketmainbox .basketsumtab { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin: 30px 0 15px; padding: 15px; background-color: #ffffff; } .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; line-height: 1.2; } .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) th, .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) td { display: block; text-align: right; } .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) th { -ms-flex: 1 0 auto; flex: 1 0 auto; padding-right: 10px; color: inherit; font-weight: normal; font-size: inherit; } .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) th.price { padding-right: 10px; } .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) td { width: 120px; color: #000000; font-weight: 500; } .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) td.price { font-weight: 900; font-size: 21px; } .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) .price { padding: 15px 0 0; font-family: inherit; } .basketcont .basketmainbox .basketsumtab .spcitem { margin-bottom: 15px; } .basketcont .basketmainbox .basketsumtab .spcitem th { position: relative; padding: 8px 10px 8px 70px; background-image: url("../img/icon/transport.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 50px 32px; color: #000000; } .basketcont .basketmainbox .basketsumtab .spcitem th:empty { padding: 0; } .basketcont .basketmainbox .basketsumtab .spcitem + .spcitem { margin-top: -10px; } .basketcont .basketmainbox .basketsumtab .spcitem + .spcitem th { background-image: url("../img/icon/sale-circle.svg"); background-position: 9px 50%; background-size: 32px 32px; } @media only screen and (max-width: 767.98px) { .basketcont .basketmainbox .basketsumtab tbody { width: 100%; } .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; line-height: 1.2; } .basketcont .basketmainbox .basketsumtab tr:not(.spcitem) th { text-align: left; } .basketcont .basketmainbox .basketsumtab .spcitem { display: block; } } @media (min-width: 768px), print { .basketcont .basketmainbox .basketsumtab { margin: 60px 0 30px; padding: 30px; } .basketcont .basketmainbox .basketsumtab .spcitem { position: absolute; top: 30px; left: 30px; margin-bottom: 30px; } .basketcont .basketmainbox .basketsumtab .spcitem + .spcitem { top: 80px; margin-top: 0; } .basketcont .basketmainbox .basketsumtab .spcitem + .spcitem + .spcitem { top: 120px; } .basketcont .basketmainbox .basketsumtab .spcitem + .spcitem + .spcitem + .spcitem { top: 160px; } } /* stylelint-enable */ .btn_qty { position: absolute; right: 0; width: 25px; height: 25px; border: 1px solid #e6e6e6; background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; text-decoration: none; transition: border-color 0.3s; } .btn_qty--plus { top: 0; background-image: url("../img/icon/plus.svg"); } .btn_qty--minus { bottom: 0; background-image: url("../img/icon/minus.svg"); } .hoverevents .btn_qty:hover { border-color: #4c4c4c; } @media (max-width: 1023.98px) { .btn_qty { display: none; } .basketmainbox .btn_qty { display: block; } } .btn-pickup-add { display: inline-block; padding-left: 24px; background-image: url("../img/icon/watchdog-gray.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 16px 16px; } .o-btn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .o-btn:hover { background-color: #005499; text-decoration: none; } .o-btn--bd { border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 14px; } .hoverevents .o-btn--bd:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .btnn > button, .btnn > input[type='submit'], .btnn > a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .btnn > button:hover, .hoverevents .btnn > input[type='submit']:hover, .hoverevents .btnn > a:hover { background-color: #005499; text-decoration: none; } .btnn > button p, .btnn > input[type='submit'] p, .btnn > a p { margin-bottom: 0; } .btnn > button > p, .btnn > input[type='submit'] > p, .btnn > a > p { display: none; } .btnn.buy > button, .btnn.buy > input[type='submit'], .btnn.buy > a { background-color: #4aaa2f; } .hoverevents .btnn.buy > button:hover, .hoverevents .btnn.buy > input[type='submit']:hover, .hoverevents .btnn.buy > a:hover { background-color: #54c135; } .btnn.disabled { display: none !important; } .buying-progress.buying-progress > a, .buying-progress.buying-progress .btnn.buy { position: relative; } .buying-progress.buying-progress > a::before, .buying-progress.buying-progress > a::after, .buying-progress.buying-progress .btnn.buy::before, .buying-progress.buying-progress .btnn.buy::after { content: ''; position: absolute; z-index: 7; } .buying-progress.buying-progress > a::before, .buying-progress.buying-progress .btnn.buy::before { top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.8); } .buying-progress.buying-progress > a::after, .buying-progress.buying-progress .btnn.buy::after { width: 32px; height: 32px; border-width: 4px; border-style: solid; border-radius: 50%; border-top-color: #01447b; border-right-color: #f7b626; border-bottom-color: #01447b; border-left-color: #f7b626; animation: spinner 1s infinite linear; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; border-width: 3px; } .prodbox .buying-progress.buying-progress .btnn.buy { position: absolute; } .sti_relation .prodbox .buying-progress.buying-progress .btnn.buy { position: relative; } .category-thumb { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 5px 10px 5px 10px; background-color: #ffffff; } .category-thumb__img { position: relative; -ms-flex-negative: 0; flex-shrink: 0; width: 30px; margin-right: 15px; } .category-thumb__img::before { content: ''; display: block; padding-top: 100%; } .category-thumb__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .category-thumb__label { padding: 5px 0; line-height: 20px; } .category-thumb--brand .category-thumb__img { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: auto; max-width: 80px; height: 30px; margin-right: 0; } .category-thumb--brand .category-thumb__img::before { display: none; } .category-thumb--brand .category-thumb__img img { position: static; width: auto; max-width: 100%; height: auto; max-height: 100%; } .category-thumb--brand .category-thumb__img + .category-thumb__label { margin-left: 15px; } @media (min-width: 768px) { .category-thumb { padding: 10px 15px 10px 15px; } } #chat-application { z-index: 21 !important; } @media (max-width: 767.98px) { #chat-application { max-height: calc(100% - 54px) !important; } } @media (min-width: 1680px) { #chat-application { right: 50% !important; margin-right: -820px !important; } } #cookiebar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 10; padding: 10px 0; background-color: #0072c1; color: #ffffff; } #cookiebar > div { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #cookiebar p { margin-bottom: 10px; } #cookiebar a:not([class]) { display: inline-block; margin-right: 30px; color: inherit; white-space: nowrap; text-decoration: underline; } #cookiebar .spacer { display: none; } #cookiebar .setting { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; margin-right: 30px; } .hoverevents #cookiebar .setting:hover { background-color: #005499; text-decoration: none; } #cookiebar .close { margin: 0; padding: 0; border: 0; background-color: transparent; color: #01447b; font-weight: 500; text-decoration: none; transition: color 0.3s; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; color: #7fcbff; } .hoverevents #cookiebar .close:hover { text-decoration: underline; } .hoverevents #cookiebar a:hover { text-decoration: none; } @media (max-width: 767.98px) { #cookiebar > div { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } #cookiebar p { width: 100%; } #cookiebar .setting { padding: 10px 15px; font-size: 15px; } } @media (min-width: 768px) { #cookiebar { padding: 20px 0; } #cookiebar p { margin-right: 30px; margin-bottom: 0; } #cookiebar a:not([class]) { margin-left: 30px; } } .copy-to-bskt { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .copy-to-bskt:hover { background-color: #005499; text-decoration: none; } .currency-dropdown { position: relative; } .currency-dropdown__toggle { display: block; padding: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .currency-dropdown__toggle-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 4px 24px 4px 12px; border-radius: 14px; background-color: #f4f9fd; background-image: url("../img/icon/angle-d-orange.svg"); background-position: top 50% right 8px; background-repeat: no-repeat; background-size: 10px 10px; } .currency-dropdown__toggle-label { padding: 3px 0 1px; font-weight: 700; font-size: 16px; line-height: 1; } .currency-dropdown__flag { width: 20px; height: 20px; margin-right: 10px; background-position: 50% 50%; background-repeat: no-repeat; } .currency-dropdown__holder { position: absolute; top: 100%; left: 0; width: 270px; padding: 24px 30px 18px; background-color: #ffffff; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibitility 0.3s; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); } .currency-dropdown__holder :last-child { margin-bottom: 0; } .currency-dropdown__field { margin-bottom: 10px; } .currency-dropdown__label { display: block; margin-bottom: 4px; color: #01447b; line-height: 1.466666667; } .currency-dropdown__select { padding: 8px 40px 8px 10px; border-color: inherit; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M10 0L5 5 0 0' fill='%2301447B' /%3E%3C/svg%3E%0A"); background-position: top 50% right 16px; background-size: 8px 4px; color: #01447b; font-size: 14px; cursor: pointer; } .currency-dropdown__button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding: 8px; font-size: 15px; width: 100%; background-color: #0271c1; } .hoverevents .currency-dropdown__button:hover { background-color: #005499; text-decoration: none; } .currency-dropdown__flag--0 { background-image: url("../img/icon/flag-cz.svg"); } .currency-dropdown__flag--1 { background-image: url("../img/icon/flag-at.svg"); } .currency-dropdown__flag--11 { background-image: url("../img/icon/flag-de.svg"); } .currency-dropdown__flag--30 { background-image: url("../img/icon/flag-pl.svg"); } .currency-dropdown__flag--35 { background-image: url("../img/icon/flag-sk.svg"); } .currency-dropdown__field--button { margin-top: 18px; } .lefttreecont .currency-dropdown { padding: 0 28px 20px; } .lefttreecont .currency-dropdown__toggle { padding: 0; } .lefttreecont .currency-dropdown__holder { top: auto; right: 20px; bottom: 100%; left: 20px; width: auto; margin-bottom: 20px; box-shadow: none; } .currency-dropdown.is-opened .currency-dropdown__holder { visibility: visible; opacity: 1; } @media (max-width: 1199.98px) { .currency-dropdown__toggle { padding-right: 10px; padding-left: 10px; } } @media (max-width: 767.98px) { .currency-dropdown__toggle { padding: 13px 8px; } } @media (max-width: 479.98px) { .currency-dropdown__toggle { display: none; } .currency-dropdown__holder { position: fixed; top: 54px; left: 50%; z-index: 100; transform: translateX(-50%); } .lefttreecont .currency-dropdown { display: block; } } @media (min-width: 480px) { .lefttreecont .currency-dropdown { display: none; } } @media (min-width: 768px) { .currency-dropdown__holder { right: 0; left: auto; } } .ui-datepicker { z-index: 21 !important; width: auto !important; border: 1px solid #e6e6e6; background-color: #ffffff; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } .ui-datepicker-group { padding: 15px; } .ui-datepicker-header { margin-bottom: 15px; } .ui-datepicker-calendar { margin-bottom: 0; color: #b2b2b2; font-size: 17px; line-height: 22px; text-align: center; } .ui-datepicker-calendar, .ui-datepicker-calendar th, .ui-datepicker-calendar td { padding: 0; border: 0; } .ui-datepicker-calendar th, .ui-datepicker-calendar td { width: 36px; height: 36px; } .ui-datepicker-calendar th > span, .ui-datepicker-calendar th > a, .ui-datepicker-calendar td > span, .ui-datepicker-calendar td > a { display: block; padding: 6px 8px 8px; transition: background-color 0.3s, color 0.3s; } .ui-datepicker-calendar th { border-bottom: 1px solid #f2faff; background-color: #0072c1; color: #ffffff; } .ui-datepicker-calendar td { background-color: #f2faff; } .ui-datepicker-title { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 8px 0; color: #000000; font-weight: 500; font-size: 17px; line-height: 24px; } .ui-datepicker-title select { width: auto; margin: -8px 0; } .ui-datepicker-week-end > a { color: inherit; } .ui-datepicker .ui-state-highlight { background-color: #0072c1; color: #ffffff; } .ui-datepicker .ui-state-active { background-color: #f7b626; color: #ffffff; } @media (max-width: 1023.98px) { .ui-datepicker-group + .ui-datepicker-group { display: none; } } @media (min-width: 768px) { .ui-datepicker-calendar th, .ui-datepicker-calendar td { width: 44px; height: 44px; } .ui-datepicker-calendar th > span, .ui-datepicker-calendar th > a, .ui-datepicker-calendar td > span, .ui-datepicker-calendar td > a { padding: 10px 12px 12px; } } @media (min-width: 1024px) { .ui-datepicker { display: -ms-flexbox; display: flex; } .ui-datepicker-group + .ui-datepicker-group { padding-left: 0; } } .delivery-information, .delivery-information th, .delivery-information td { padding: 0; border: 0; } .delivery-information tr { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 0; } .delivery-information tr:first-child { padding-top: 0; } .delivery-information tr + tr { border-top: 1px solid #e6e6e6; } .delivery-information th { margin-right: 15px; } @media (max-width: 479.98px) { .delivery-information tr { -ms-flex-wrap: wrap; flex-wrap: wrap; } .delivery-information th, .delivery-information td { width: 100%; } .delivery-information th { margin-bottom: 5px; } } .demprice, .dmgprice { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; color: #4c4c4c; white-space: nowrap; } .demprice::before, .dmgprice::before { content: '('; } .demprice::after, .dmgprice::after { content: ')'; } .enrgclass.ec-old-1 a { position: relative; display: inline-block; padding: 1px 8px 2px; border-radius: 4px 0 0 4px; background-color: #0072c1; color: #ffffff; font-weight: 900; font-size: 17px; line-height: 1.176470588; } .enrgclass.ec-old-1 a::after { width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 11px; border-color: transparent transparent transparent #0072c1; content: ''; position: absolute; top: 0; left: 100%; } .enrgclass.ec-old-1.ec1 a { background-color: #00a651; } .enrgclass.ec-old-1.ec1 a::after { border-left-color: #00a651; } .enrgclass.ec-old-1.ec2 a { background-color: #50b848; } .enrgclass.ec-old-1.ec2 a::after { border-left-color: #50b848; } .enrgclass.ec-old-1.ec3 a { background-color: #bfd730; } .enrgclass.ec-old-1.ec3 a::after { border-left-color: #bfd730; } .enrgclass.ec-old-1.ec4 a { background-color: #fff200; } .enrgclass.ec-old-1.ec4 a::after { border-left-color: #fff200; } .enrgclass.ec-old-1.ec5 a { background-color: #fdb913; } .enrgclass.ec-old-1.ec5 a::after { border-left-color: #fdb913; } .enrgclass.ec-old-1.ec6 a { background-color: #f37021; } .enrgclass.ec-old-1.ec6 a::after { border-left-color: #f37021; } .enrgclass.ec-old-1.ec7 a { background-color: #ed1c24; } .enrgclass.ec-old-1.ec7 a::after { border-left-color: #ed1c24; } .enrgclass.ec-old-0 a { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; display: inline-block; vertical-align: top; width: 49px; height: 27px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .enrgclass.ec-old-0.ec1 a { background-image: url("../img/icon/energy-label-a.svg"); } .enrgclass.ec-old-0.ec2 a { background-image: url("../img/icon/energy-label-b.svg"); } .enrgclass.ec-old-0.ec3 a { background-image: url("../img/icon/energy-label-c.svg"); } .enrgclass.ec-old-0.ec4 a { background-image: url("../img/icon/energy-label-d.svg"); } .enrgclass.ec-old-0.ec5 a { background-image: url("../img/icon/energy-label-e.svg"); } .enrgclass.ec-old-0.ec6 a { background-image: url("../img/icon/energy-label-f.svg"); } .enrgclass.ec-old-0.ec7 a { background-image: url("../img/icon/energy-label-g.svg"); } .sti_detail_head .enrgclass.ec-old-0 a { width: 80px; height: 44px; } .hoverevents .enrgclass a:hover { text-decoration: none; } @media (max-width: 767.98px) { .enrgclass { margin-bottom: 20px; } } .exp-last-chance { position: relative; display: inline-block; margin-bottom: 10px; padding: 10px 20px 10px 44px; border-radius: 22px; background-color: #f8f4e8; background-image: url("../img/icon/clock-circle.svg"); background-position: 10px 10px; background-repeat: no-repeat; background-size: 24px 24px; overflow: visible !important; } .exp-last-chance strong, .exp-last-chance b { color: #f8b700; } .exp-last-chance::after { content: ''; position: absolute; top: 100%; left: 20px; width: 9px; height: 9px; margin-top: -1px; background-image: url("../img/icon/exp-last-chance-arrow.svg"); background-repeat: no-repeat; background-size: 100% 100%; } .sti_inftbl + .exp-last-chance { margin-top: -5px; } .exp-local-stock { margin-bottom: 5px; padding: 10px; background-color: rgba(74, 170, 47, 0.08); color: #000000; font-size: 18px; line-height: 1.333338889; } .exp-local-stock a { display: inline-block; padding-left: 25px; background-image: url("../img/icon/home-circle.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 20px 20px; color: #4aaa2f; text-decoration: underline; } .hoverevents .exp-local-stock a:hover { text-decoration: none; } @media (min-width: 1024px) { .exp-local-stock { padding: 15px 20px; } } .exp-popup { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; position: fixed; top: 50%; right: 15px; left: 15px; z-index: 100; max-height: 85vh; padding: 29px; border: 1px solid #e6e6e6; background-color: #ffffff; color: inherit; font-weight: normal; text-align: center; overflow-y: auto; visibility: hidden; opacity: 0; transform: translateY(-50%); transition: opacity 0.6s, visibility 0.6s; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } .exp-popup::-webkit-scrollbar { width: 10px; } .exp-popup::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .exp-popup .p-header { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; display: block; margin-bottom: 15px; } @media (min-width: 768px) { .exp-popup .p-header { font-size: 35px; } } .exp-popup .p-info { display: block; } .exp-popup .p-button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; margin-top: 20px; } .hoverevents .exp-popup .p-button:hover { background-color: #005499; text-decoration: none; } .exp-popup .p-close { position: absolute; top: 0; right: 0; z-index: 1; opacity: 0.25; transition: opacity 0.3s; } .exp-popup .p-close-cross { display: block; width: 50px; height: 50px; background-image: url("../img/icon/close-thick.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .exp-popup-overlay { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; transition: opacity 0.6s, visibility 0.6s; } .hoverevents .exp-popup:hover { text-decoration: none; } .hoverevents .exp-popup .p-close:hover { opacity: 1; } .exp-popup.exponea-animate, .exp-popup.exponea-animate ~ .exp-popup-overlay { visibility: visible; opacity: 1; } @media (min-width: 768px) { .exp-popup { right: auto; left: 50%; width: 100%; max-width: 550px; transform: translate(-50%, -50%); } } .exp-purchase { position: relative; display: inline-block; margin-bottom: 20px; padding: 10px 20px 10px 44px; border-radius: 22px; background-color: #e3f3fe; background-image: url("../img/icon/thumb-up-circle.svg"); background-position: 10px 10px; background-repeat: no-repeat; background-size: 24px 24px; overflow: visible !important; } .exp-purchase strong, .exp-purchase b { color: #0072c1; } .exp-purchase::after { content: ''; position: absolute; top: 100%; left: 20px; width: 9px; height: 9px; margin-top: -1px; background-image: url("../img/icon/exp-purchase-arrow.svg"); background-repeat: no-repeat; background-size: 100% 100%; } .sti_inftbl + .exp-purchase { margin-top: -5px; } .exp-top { position: relative; display: inline-block; margin-bottom: 10px; padding: 10px 20px 10px 44px; border-radius: 22px; background-color: #f8ecf2; background-image: url("../img/icon/star-circle.svg"); background-position: 10px 10px; background-repeat: no-repeat; background-size: 24px 24px; overflow: visible !important; } .exp-top strong, .exp-top b { color: #e1559f; } .exp-top::after { content: ''; position: absolute; top: 100%; left: 20px; width: 9px; height: 9px; margin-top: -1px; background-image: url("../img/icon/exp-top-arrow.svg"); background-repeat: no-repeat; background-size: 100% 100%; } .sti_inftbl + .exp-top { margin-top: -5px; } .exponea-countdown-timer-local { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 15px 10px; border: 1px solid #e1ebe2; border-radius: 6px; font-size: 22px; line-height: 1; text-align: center; } .exponea-countdown-timer-local .number { font-weight: 500; } .exponea-countdown-timer-local .smalltext { margin-top: 2px; color: #4aaa2f; font-size: 7px; } .exponea-countdown-timer-local .separator { margin: 0 5px; padding-bottom: 11px; } .exponea-countdown.exponea-countdown { float: none; width: 100%; margin: 0; padding: 0; text-align: left; } .exponea-countdown.exponea-countdown .p-info { margin: 0 0 5px; color: #000000; font-size: 15px; } .exponea-countdown.exponea-countdown .exponea-countdown-timer { display: -ms-flexbox; display: flex; margin: 0; color: #ff0000; font-weight: 500; font-size: 40px; line-height: 1; } .exponea-countdown.exponea-countdown .exponea-countdown-timer > div { width: auto; } .exponea-countdown.exponea-countdown .exponea-countdown-timer .number, .exponea-countdown.exponea-countdown .exponea-countdown-timer .separator { font-size: inherit; } .exponea-countdown.exponea-countdown .exponea-countdown-timer .smalltext { display: none; } .exponea-countdown.exponea-countdown .exponea-countdown-timer .separator { padding: 0; } @media (max-width: 1023.98px) { .exponea-countdown.exponea-countdown .exponea-countdown-timer { -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1200px) { .exponea-countdown.exponea-countdown .exponea-countdown-timer { font-size: 50px; } } .exponea-free-delivery { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; float: none !important; margin: 0 !important; padding: 8px 10px 8px 50px !important; color: #000000; } .exponea-free-delivery img { position: absolute; top: 2px; left: 0; margin: 0 !important; } .exponea-popup-banner-persistent { z-index: 19 !important; } .exponea-view-count { margin: 10px 0 !important; color: #000000; } #favourcont { position: relative; } #favourcont .hdr > a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px 4px; } #favourcont .hdr > a::before { content: ''; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background-image: url("../img/icon/favorite-blue-solid.svg"); background-image: url("../img/icon/favorite-blue.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 18px 18px; transition: background-image 0.3s; } #favourcont .count { position: absolute; right: 5px; bottom: 4px; color: #bdbdbd; font-weight: bold; font-size: 9px; line-height: 11px; } #favourcont .cnt { display: none; } .hoverevents #favourcont .hdr > a:hover::before { background-image: url("../img/icon/favorite-blue-solid.svg"); } #favourcont.count_0 .count { display: none; } #favourcont:not(.count_0) .hdr > a::before { background-image: url("../img/icon/favorite-yellow-solid.svg"); } @media (max-width: 1439.98px) { #favourcont { display: none; } } @media (min-width: 375px) { #favourcont .hdr > a { padding-right: 8px; padding-left: 8px; } } @media (min-width: 768px) { #favourcont { border-left: 1px solid #e6e6e6; } #favourcont .hdr > a { padding: 10px 5px; } #favourcont .hdr > a::before { width: 44px; height: 44px; background-size: 24px 24px; } } .filelink { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 265px; max-width: 100%; padding: 9px; border: 1px solid #e6e6e6; border-radius: 3px; font-size: 13px; } .filelink__ext { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; min-width: 20px; height: 20px; margin-right: 8px; padding: 2px; border-radius: 3px; background-color: #d20000; color: #ffffff; font-weight: 900; font-size: 8px; text-transform: uppercase; } .filelink__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 8px; } .filelink__size { margin-left: auto; color: #979797; } .hoverevents .filelink:hover { text-decoration: none; } .hoverevents .filelink:hover .filelink__name { text-decoration: underline; } #footercompare { position: fixed; right: 0; bottom: 0; left: 0; z-index: 10; padding: 15px 0; background-color: #0072c1; color: #ffffff; font-weight: 500; } #footercompare .count { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; border-radius: 50%; background-color: #f7b626; color: #0072c1; } #footercompare .btn { display: inline-block; } #footercompare .btn-comp-show, #footercompare .btn-favour:not(.btn-favour-delete) { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents #footercompare .btn-comp-show:hover, .hoverevents #footercompare .btn-favour:not(.btn-favour-delete):hover { background-color: #005499; text-decoration: none; } #footercompare .btn-comp-delete, #footercompare .btn-favour-delete { color: #7fcbff; } #footercompare .hdr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: -10px; margin-left: -10px; } #footercompare .hdr > * { margin-bottom: 10px; margin-left: 10px; } #footercompare .cnt { display: none; } @media (max-width: 1023.98px) { #footercompare .compare + .favour { margin-top: 15px; } } @media (max-width: 767.98px) { #footercompare .btn-comp-show, #footercompare .btn-favour:not(.btn-favour-delete) { padding: 10px 15px; font-size: 15px; } } @media (max-width: 479.98px) { #footercompare .hdr > p { width: 100%; } } @media (min-width: 1024px) { #footercompare { padding: 20px 0; } #footercompare .compare_wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } #footercompare .compare, #footercompare .favour { width: 50%; padding-right: 30px; } } .freedeliv { color: #4aaa2f; font-weight: 500; } .garance { display: inline-block; margin-top: 2px; padding: 2px 5px; border-radius: 4px; background-color: #4aaa2f; color: #ffffff; font-weight: 500; font-size: 12px; line-height: 1.333333333; } .outercont { padding-top: 30px; } @media (min-width: 768px) { .outercont { padding-top: 60px; padding-bottom: 60px; } } .hc-modal { z-index: 99; background-color: rgba(0, 0, 0, 0.6); } .hc-modal, .hc-modal__dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .hc-modal__dialog { z-index: 100; display: -ms-flexbox; display: flex; padding: 15px; overflow-y: auto; } .hc-modal__content { position: relative; width: 100%; max-width: 550px; margin: auto; padding: 29px 14px; border: 1px solid #e6e6e6; background-color: #ffffff; } .hc-modal__content:first-child { margin-top: auto; } .hc-modal__header, .hc-modal__logo { margin-bottom: 30px; } .hc-modal__header { text-align: center; } .hc-modal__title { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; } .hc-modal__close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-image: url("../img/icon/close-thick.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; opacity: 0.25; transition: opacity 0.3s; } .hoverevents .hc-modal__close:hover { opacity: 1; } @media (min-width: 768px) { .hc-modal__content { padding-right: 29px; padding-left: 29px; } } #hc-calc-iframe { display: block; width: 1px; min-width: 100%; } .o-icon-check { padding-left: 15px; background-image: url("../img/icon/check-black.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 12px 12px; } .inp-checkbox, .inp-radio, .input_radio, #stilist_fltr_stores .filterbox .stckitem, #basketconticont .iscompany, #basketconticont .customsign, #basketconticont .anonymousbuysendlogin, #basketconticont .gdpr .rowbox, .basketcont .basketmainbox .stiadvsrvitem .sasname, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname, .discformholder form > .discodeb, .f_subscribe_out label, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label, .registration_tab.tabform .gdpr-1, .stiparcomp .filteritem, #persoo-search-results__filters .ais-RefinementList-label { display: inline-block; font-size: 15px; line-height: 20px; cursor: pointer; } .inp-checkbox > input, .inp-radio > input, .input_radio > input, #stilist_fltr_stores .filterbox .stckitem > input, #basketconticont .iscompany > input, #basketconticont .customsign > input, #basketconticont .anonymousbuysendlogin > input, #basketconticont .gdpr .rowbox > input, .basketcont .basketmainbox .stiadvsrvitem .sasname > input, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > input, .discformholder form > .discodeb > input, .f_subscribe_out label > input, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > input, .registration_tab.tabform .gdpr-1 > input, .stiparcomp .filteritem > input, #persoo-search-results__filters .ais-RefinementList-label > input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } .inp-checkbox > span:not(.ais-RefinementList-count), .inp-radio > span:not(.ais-RefinementList-count), .input_radio > span:not(.ais-RefinementList-count), #stilist_fltr_stores .filterbox .stckitem > span:not(.ais-RefinementList-count), #basketconticont .iscompany > span:not(.ais-RefinementList-count), #basketconticont .customsign > span:not(.ais-RefinementList-count), #basketconticont .anonymousbuysendlogin > span:not(.ais-RefinementList-count), #basketconticont .gdpr .rowbox > span:not(.ais-RefinementList-count), .basketcont .basketmainbox .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count), .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count), .discformholder form > .discodeb > span:not(.ais-RefinementList-count), .f_subscribe_out label > span:not(.ais-RefinementList-count), .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > span:not(.ais-RefinementList-count), .registration_tab.tabform .gdpr-1 > span:not(.ais-RefinementList-count), .stiparcomp .filteritem > span:not(.ais-RefinementList-count), #persoo-search-results__filters .ais-RefinementList-label > span:not(.ais-RefinementList-count), .inp-checkbox > label, .inp-radio > label, .input_radio > label, #stilist_fltr_stores .filterbox .stckitem > label, #basketconticont .iscompany > label, #basketconticont .customsign > label, #basketconticont .anonymousbuysendlogin > label, #basketconticont .gdpr .rowbox > label, .basketcont .basketmainbox .stiadvsrvitem .sasname > label, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > label, .discformholder form > .discodeb > label, .f_subscribe_out label > label, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > label, .registration_tab.tabform .gdpr-1 > label, .stiparcomp .filteritem > label, #persoo-search-results__filters .ais-RefinementList-label > label { position: relative; display: block; padding-left: 30px; } .inp-checkbox > span:not(.ais-RefinementList-count)::before, .inp-radio > span:not(.ais-RefinementList-count)::before, .input_radio > span:not(.ais-RefinementList-count)::before, #stilist_fltr_stores .filterbox .stckitem > span:not(.ais-RefinementList-count)::before, #basketconticont .iscompany > span:not(.ais-RefinementList-count)::before, #basketconticont .customsign > span:not(.ais-RefinementList-count)::before, #basketconticont .anonymousbuysendlogin > span:not(.ais-RefinementList-count)::before, #basketconticont .gdpr .rowbox > span:not(.ais-RefinementList-count)::before, .basketcont .basketmainbox .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count)::before, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count)::before, .discformholder form > .discodeb > span:not(.ais-RefinementList-count)::before, .f_subscribe_out label > span:not(.ais-RefinementList-count)::before, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > span:not(.ais-RefinementList-count)::before, .registration_tab.tabform .gdpr-1 > span:not(.ais-RefinementList-count)::before, .stiparcomp .filteritem > span:not(.ais-RefinementList-count)::before, #persoo-search-results__filters .ais-RefinementList-label > span:not(.ais-RefinementList-count)::before, .inp-checkbox > span:not(.ais-RefinementList-count)::after, .inp-radio > span:not(.ais-RefinementList-count)::after, .input_radio > span:not(.ais-RefinementList-count)::after, #stilist_fltr_stores .filterbox .stckitem > span:not(.ais-RefinementList-count)::after, #basketconticont .iscompany > span:not(.ais-RefinementList-count)::after, #basketconticont .customsign > span:not(.ais-RefinementList-count)::after, #basketconticont .anonymousbuysendlogin > span:not(.ais-RefinementList-count)::after, #basketconticont .gdpr .rowbox > span:not(.ais-RefinementList-count)::after, .basketcont .basketmainbox .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count)::after, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count)::after, .discformholder form > .discodeb > span:not(.ais-RefinementList-count)::after, .f_subscribe_out label > span:not(.ais-RefinementList-count)::after, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > span:not(.ais-RefinementList-count)::after, .registration_tab.tabform .gdpr-1 > span:not(.ais-RefinementList-count)::after, .stiparcomp .filteritem > span:not(.ais-RefinementList-count)::after, #persoo-search-results__filters .ais-RefinementList-label > span:not(.ais-RefinementList-count)::after, .inp-checkbox > label::before, .inp-radio > label::before, .input_radio > label::before, #stilist_fltr_stores .filterbox .stckitem > label::before, #basketconticont .iscompany > label::before, #basketconticont .customsign > label::before, #basketconticont .anonymousbuysendlogin > label::before, #basketconticont .gdpr .rowbox > label::before, .basketcont .basketmainbox .stiadvsrvitem .sasname > label::before, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > label::before, .discformholder form > .discodeb > label::before, .f_subscribe_out label > label::before, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > label::before, .registration_tab.tabform .gdpr-1 > label::before, .stiparcomp .filteritem > label::before, #persoo-search-results__filters .ais-RefinementList-label > label::before, .inp-checkbox > label::after, .inp-radio > label::after, .input_radio > label::after, #stilist_fltr_stores .filterbox .stckitem > label::after, #basketconticont .iscompany > label::after, #basketconticont .customsign > label::after, #basketconticont .anonymousbuysendlogin > label::after, #basketconticont .gdpr .rowbox > label::after, .basketcont .basketmainbox .stiadvsrvitem .sasname > label::after, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > label::after, .discformholder form > .discodeb > label::after, .f_subscribe_out label > label::after, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > label::after, .registration_tab.tabform .gdpr-1 > label::after, .stiparcomp .filteritem > label::after, #persoo-search-results__filters .ais-RefinementList-label > label::after { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 2px; } .inp-checkbox > span:not(.ais-RefinementList-count)::before, .inp-radio > span:not(.ais-RefinementList-count)::before, .input_radio > span:not(.ais-RefinementList-count)::before, #stilist_fltr_stores .filterbox .stckitem > span:not(.ais-RefinementList-count)::before, #basketconticont .iscompany > span:not(.ais-RefinementList-count)::before, #basketconticont .customsign > span:not(.ais-RefinementList-count)::before, #basketconticont .anonymousbuysendlogin > span:not(.ais-RefinementList-count)::before, #basketconticont .gdpr .rowbox > span:not(.ais-RefinementList-count)::before, .basketcont .basketmainbox .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count)::before, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count)::before, .discformholder form > .discodeb > span:not(.ais-RefinementList-count)::before, .f_subscribe_out label > span:not(.ais-RefinementList-count)::before, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > span:not(.ais-RefinementList-count)::before, .registration_tab.tabform .gdpr-1 > span:not(.ais-RefinementList-count)::before, .stiparcomp .filteritem > span:not(.ais-RefinementList-count)::before, #persoo-search-results__filters .ais-RefinementList-label > span:not(.ais-RefinementList-count)::before, .inp-checkbox > label::before, .inp-radio > label::before, .input_radio > label::before, #stilist_fltr_stores .filterbox .stckitem > label::before, #basketconticont .iscompany > label::before, #basketconticont .customsign > label::before, #basketconticont .anonymousbuysendlogin > label::before, #basketconticont .gdpr .rowbox > label::before, .basketcont .basketmainbox .stiadvsrvitem .sasname > label::before, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > label::before, .discformholder form > .discodeb > label::before, .f_subscribe_out label > label::before, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > label::before, .registration_tab.tabform .gdpr-1 > label::before, .stiparcomp .filteritem > label::before, #persoo-search-results__filters .ais-RefinementList-label > label::before { border: 1px solid #e6e6e6; background-color: #ffffff; transition: background-color 0.3s, border-color 0.3s; } .inp-checkbox > span:not(.ais-RefinementList-count)::after, .inp-radio > span:not(.ais-RefinementList-count)::after, .input_radio > span:not(.ais-RefinementList-count)::after, #stilist_fltr_stores .filterbox .stckitem > span:not(.ais-RefinementList-count)::after, #basketconticont .iscompany > span:not(.ais-RefinementList-count)::after, #basketconticont .customsign > span:not(.ais-RefinementList-count)::after, #basketconticont .anonymousbuysendlogin > span:not(.ais-RefinementList-count)::after, #basketconticont .gdpr .rowbox > span:not(.ais-RefinementList-count)::after, .basketcont .basketmainbox .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count)::after, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > span:not(.ais-RefinementList-count)::after, .discformholder form > .discodeb > span:not(.ais-RefinementList-count)::after, .f_subscribe_out label > span:not(.ais-RefinementList-count)::after, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > span:not(.ais-RefinementList-count)::after, .registration_tab.tabform .gdpr-1 > span:not(.ais-RefinementList-count)::after, .stiparcomp .filteritem > span:not(.ais-RefinementList-count)::after, #persoo-search-results__filters .ais-RefinementList-label > span:not(.ais-RefinementList-count)::after, .inp-checkbox > label::after, .inp-radio > label::after, .input_radio > label::after, #stilist_fltr_stores .filterbox .stckitem > label::after, #basketconticont .iscompany > label::after, #basketconticont .customsign > label::after, #basketconticont .anonymousbuysendlogin > label::after, #basketconticont .gdpr .rowbox > label::after, .basketcont .basketmainbox .stiadvsrvitem .sasname > label::after, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > label::after, .discformholder form > .discodeb > label::after, .f_subscribe_out label > label::after, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > label::after, .registration_tab.tabform .gdpr-1 > label::after, .stiparcomp .filteritem > label::after, #persoo-search-results__filters .ais-RefinementList-label > label::after { background-image: url("../img/icon/checkbox.svg"); background-position: 50% 50%; background-size: 16px 16px; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; } .inp-checkbox > input:checked ~ span:not(.ais-RefinementList-count)::before, .inp-radio > input:checked ~ span:not(.ais-RefinementList-count)::before, .input_radio > input:checked ~ span:not(.ais-RefinementList-count)::before, #stilist_fltr_stores .filterbox .stckitem > input:checked ~ span:not(.ais-RefinementList-count)::before, #basketconticont .iscompany > input:checked ~ span:not(.ais-RefinementList-count)::before, #basketconticont .customsign > input:checked ~ span:not(.ais-RefinementList-count)::before, #basketconticont .anonymousbuysendlogin > input:checked ~ span:not(.ais-RefinementList-count)::before, #basketconticont .gdpr .rowbox > input:checked ~ span:not(.ais-RefinementList-count)::before, .basketcont .basketmainbox .stiadvsrvitem .sasname > input:checked ~ span:not(.ais-RefinementList-count)::before, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > input:checked ~ span:not(.ais-RefinementList-count)::before, .discformholder form > .discodeb > input:checked ~ span:not(.ais-RefinementList-count)::before, .f_subscribe_out label > input:checked ~ span:not(.ais-RefinementList-count)::before, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > input:checked ~ span:not(.ais-RefinementList-count)::before, .registration_tab.tabform .gdpr-1 > input:checked ~ span:not(.ais-RefinementList-count)::before, .stiparcomp .filteritem > input:checked ~ span:not(.ais-RefinementList-count)::before, #persoo-search-results__filters .ais-RefinementList-label > input:checked ~ span:not(.ais-RefinementList-count)::before, .inp-checkbox > input:checked ~ label::before, .inp-radio > input:checked ~ label::before, .input_radio > input:checked ~ label::before, #stilist_fltr_stores .filterbox .stckitem > input:checked ~ label::before, #basketconticont .iscompany > input:checked ~ label::before, #basketconticont .customsign > input:checked ~ label::before, #basketconticont .anonymousbuysendlogin > input:checked ~ label::before, #basketconticont .gdpr .rowbox > input:checked ~ label::before, .basketcont .basketmainbox .stiadvsrvitem .sasname > input:checked ~ label::before, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > input:checked ~ label::before, .discformholder form > .discodeb > input:checked ~ label::before, .f_subscribe_out label > input:checked ~ label::before, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > input:checked ~ label::before, .registration_tab.tabform .gdpr-1 > input:checked ~ label::before, .stiparcomp .filteritem > input:checked ~ label::before, #persoo-search-results__filters .ais-RefinementList-label > input:checked ~ label::before { border-color: #0072c1; background-color: #0072c1; } .inp-checkbox > input:checked ~ span:not(.ais-RefinementList-count)::after, .inp-radio > input:checked ~ span:not(.ais-RefinementList-count)::after, .input_radio > input:checked ~ span:not(.ais-RefinementList-count)::after, #stilist_fltr_stores .filterbox .stckitem > input:checked ~ span:not(.ais-RefinementList-count)::after, #basketconticont .iscompany > input:checked ~ span:not(.ais-RefinementList-count)::after, #basketconticont .customsign > input:checked ~ span:not(.ais-RefinementList-count)::after, #basketconticont .anonymousbuysendlogin > input:checked ~ span:not(.ais-RefinementList-count)::after, #basketconticont .gdpr .rowbox > input:checked ~ span:not(.ais-RefinementList-count)::after, .basketcont .basketmainbox .stiadvsrvitem .sasname > input:checked ~ span:not(.ais-RefinementList-count)::after, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > input:checked ~ span:not(.ais-RefinementList-count)::after, .discformholder form > .discodeb > input:checked ~ span:not(.ais-RefinementList-count)::after, .f_subscribe_out label > input:checked ~ span:not(.ais-RefinementList-count)::after, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > input:checked ~ span:not(.ais-RefinementList-count)::after, .registration_tab.tabform .gdpr-1 > input:checked ~ span:not(.ais-RefinementList-count)::after, .stiparcomp .filteritem > input:checked ~ span:not(.ais-RefinementList-count)::after, #persoo-search-results__filters .ais-RefinementList-label > input:checked ~ span:not(.ais-RefinementList-count)::after, .inp-checkbox > input:checked ~ label::after, .inp-radio > input:checked ~ label::after, .input_radio > input:checked ~ label::after, #stilist_fltr_stores .filterbox .stckitem > input:checked ~ label::after, #basketconticont .iscompany > input:checked ~ label::after, #basketconticont .customsign > input:checked ~ label::after, #basketconticont .anonymousbuysendlogin > input:checked ~ label::after, #basketconticont .gdpr .rowbox > input:checked ~ label::after, .basketcont .basketmainbox .stiadvsrvitem .sasname > input:checked ~ label::after, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname > input:checked ~ label::after, .discformholder form > .discodeb > input:checked ~ label::after, .f_subscribe_out label > input:checked ~ label::after, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label > input:checked ~ label::after, .registration_tab.tabform .gdpr-1 > input:checked ~ label::after, .stiparcomp .filteritem > input:checked ~ label::after, #persoo-search-results__filters .ais-RefinementList-label > input:checked ~ label::after { visibility: visible; opacity: 1; } #basketconticont #gdprcont label, .registration_tab.tabform .gdpr-1 label { padding-right: 30px; } #basketconticont #gdprcont .GDPR-DET + a, .registration_tab.tabform .gdpr-1 .GDPR-DET + a { position: static !important; top: auto !important; left: auto !important; display: block; margin-top: 5px; } #basketconticont #gdprcont .info, .registration_tab.tabform .gdpr-1 .info { position: absolute; top: -2px; right: 0; margin-bottom: 0; } #basketconticont #gdprcont .info::before, .registration_tab.tabform .gdpr-1 .info::before { content: ''; display: block; width: 24px; height: 24px; background-image: url("../img/icon/info.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px 24px; } #basketconticont #gdprcont .info span, .registration_tab.tabform .gdpr-1 .info span { position: absolute; top: 10px; right: 10px; width: 200px; padding: 10px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #ffffff; font-size: 12px; line-height: 1.333333333; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } #basketconticont #gdprcont .info.is-toggled span, .registration_tab.tabform .gdpr-1 .info.is-toggled span, .hoverevents #basketconticont #gdprcont .info:hover span, #basketconticont .hoverevents #gdprcont .info:hover span, .hoverevents .registration_tab.tabform .gdpr-1 .info:hover span, .registration_tab.tabform .hoverevents .gdpr-1 .info:hover span { visibility: visible; opacity: 1; } @media (min-width: 1024px) { #basketconticont #gdprcont .info span, .registration_tab.tabform .gdpr-1 .info span { right: auto; left: 10px; } } select, .inp-select, #basketconticont .contactbox select, #basketconticont .contactdatabox .cnt .I6_basket_div_inbox select, textarea, input[type='text'], input[type='tel'], input[type='number'], input[type='date'], input[type='password'], .input_text, .valuetext input, .discformholder .rowbox input[type='text'], .discformholder .rowbox textarea, #dtplist .I6_basket_div_inbox input, .f_subscribe_out input[type='text'], #ordcstselectordiv .I6_basket_div_inbox input, .sti_inftbl .inp_txt_qty input[type='text'], .tabformcont .tabform:not(.valtable) input[type='text'], .tabformcont .tabform:not(.valtable) input[type='password'] { display: block; width: 100%; margin-bottom: 10px; padding: 15px 9px 14px; border: 1px solid #e6e6e6; border-radius: 0; background-color: #ffffff; color: #000000; font-size: 1rem; line-height: 1.333333333; resize: vertical; transition: background-color 0.3s, border-color 0.3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select:disabled, .inp-select:disabled, #basketconticont .contactbox select:disabled, #basketconticont .contactdatabox .cnt .I6_basket_div_inbox select:disabled, textarea:disabled, input:disabled[type='text'], input:disabled[type='tel'], input:disabled[type='number'], input:disabled[type='date'], input:disabled[type='password'], .input_text:disabled, .valuetext input:disabled, .discformholder .rowbox input:disabled[type='text'], .discformholder .rowbox textarea:disabled, #dtplist .I6_basket_div_inbox input:disabled, #ordcstselectordiv .I6_basket_div_inbox input:disabled, .sti_inftbl .inp_txt_qty input:disabled[type='text'], .tabformcont .tabform:not(.valtable) input:disabled[type='text'], .tabformcont .tabform:not(.valtable) input:disabled[type='password'] { background-color: #eeeeee; cursor: not-allowed; } select:focus, .inp-select:focus, #basketconticont .contactbox select:focus, #basketconticont .contactdatabox .cnt .I6_basket_div_inbox select:focus, textarea:focus, input:focus[type='text'], input:focus[type='tel'], input:focus[type='number'], input:focus[type='date'], input:focus[type='password'], .input_text:focus, .valuetext input:focus, .discformholder .rowbox input:focus[type='text'], .discformholder .rowbox textarea:focus, #dtplist .I6_basket_div_inbox input:focus, #ordcstselectordiv .I6_basket_div_inbox input:focus, .sti_inftbl .inp_txt_qty input:focus[type='text'], .tabformcont .tabform:not(.valtable) input:focus[type='text'], .tabformcont .tabform:not(.valtable) input:focus[type='password'] { border-color: #4c4c4c; outline: none; } @media (min-width: 480px) { select, .inp-select, #basketconticont .contactbox select, #basketconticont .contactdatabox .cnt .I6_basket_div_inbox select, textarea, input[type='text'], input[type='tel'], input[type='number'], input[type='date'], input[type='password'], .input_text, .valuetext input, .discformholder .rowbox input[type='text'], .discformholder .rowbox textarea, #dtplist .I6_basket_div_inbox input, .f_subscribe_out input[type='text'], #ordcstselectordiv .I6_basket_div_inbox input, .sti_inftbl .inp_txt_qty input[type='text'], .tabformcont .tabform:not(.valtable) input[type='text'], .tabformcont .tabform:not(.valtable) input[type='password'] { padding-right: 19px; padding-left: 19px; } } .ui-datepicker-title select, .createrec.tabformcont > .cnt > .out > .in > table.tabform select, .valtable.tabform select, .srchformcont select, #confignew .legend tr:nth-child(1) input[type='text'], .srchformcont input[type='text'], .srchformcont .input_text { padding: 10px 9px 9px; } .b-article-body form label, #basketconticont .labeltext, #basketconticont .legendtext, .discformholder .rowbox label, #dtplist .I6_basket_div_inbox label, .gdprpermiss.tabformcont .srchformcont .filteritem > p, #ordcstselectordiv .I6_basket_div_inbox label, .search_inv.tabformcont > .hdr .c h5 b, .search_ord.tabformcont > .hdr .c h5 b, .search_ori.tabformcont > .hdr .c h5 b, .search_sti.tabformcont > .hdr .c h5 b, .sendmailcont .tabform th strong, form[name='setpswd'] .tabedit td:first-child, .tabformcont .tabform:not(.valtable) > tbody > tr:not(.tabdetailparthead):not(.headpart) > th, .srchformcont .coltitle { display: inline-block; margin-bottom: 5px; padding-top: 2px; padding-bottom: 1px; font-weight: normal; font-size: 15px; line-height: 1.4; } .inp-place { position: relative; width: 100%; margin-bottom: 10px; background-color: #ffffff; color: #4c4c4c; line-height: 1.466666667; } .inp-place label[for^='demid_95']::after { content: '\0028\0070\0061\0072\0074\006e\0065\0072\0073\006b\00e1\0020\0070\0072\006f\0064\0065\006a\006e\0061\0029'; display: inline-block; margin-left: 3px; color: #f7b626; font-weight: normal; font-size: 14px; } .inp-place__input, .inp-place .input_radio { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .inp-place__holder { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding: 15px; border: 1px solid #e6e6e6; transition: border-color 0.3s; } .inp-place__holder::after { content: ''; position: absolute; top: 0; right: 0; width: 34px; height: 34px; background-image: url("../img/icon/checkbox.svg"), linear-gradient(45deg, transparent, transparent 50%, #0072c1 50%); background-position: top 2px right 2px, 50% 50%; background-repeat: no-repeat; background-size: 16px 16px, 100% 100%; opacity: 0; transition: opacity 0.3s; pointer-events: none; } .inp-place__holder .partner_logo, .inp-place__holder .csthere, .inp-place__holder .cstinfo { display: none; } .inp-place__holder > label, .inp-place__holder > strong { margin-right: 5px; color: #000000; font-weight: 500; } .inp-place__contact, .inp-place .exthtml table, .inp-place .exthtml p, .inp-place__hours-table, .inp-place__delivery { margin-bottom: 0; } .inp-place__contact > strong, .inp-place__contact > label { color: #000000; font-weight: 500; } .inp-place__contact > :last-child { margin-bottom: 0; } .inp-place__hours { margin-top: 10px; color: #000000; } .inp-place .exthtml table, .inp-place__hours-table { width: auto; color: inherit; } .inp-place .exthtml table, .inp-place .exthtml table th, .inp-place .exthtml table td, .inp-place__hours-table, .inp-place__hours-table th, .inp-place__hours-table td { border: 0; } .inp-place .exthtml table th, .inp-place .exthtml table td, .inp-place__hours-table th, .inp-place__hours-table td { padding: 0; } .inp-place .exthtml table th:not(:first-child), .inp-place .exthtml table td:not(:first-child), .inp-place__hours-table th:not(:first-child), .inp-place__hours-table td:not(:first-child) { padding-left: 3px; } .inp-place .exthtml table th:not(:last-child), .inp-place .exthtml table td:not(:last-child), .inp-place__hours-table th:not(:last-child), .inp-place__hours-table td:not(:last-child) { padding-right: 3px; } .inp-place .exthtml table th, .inp-place__hours-table th { font-weight: inherit; } .inp-place__delivery { color: #000000; font-weight: 500; } .inp-place__ext { width: 100%; } .inp-place .exthtml br:last-child { display: none; } .hoverevents .inp-place:hover .inp-place__holder { border-color: #0072c1; } .inp-place__input:checked ~ .inp-place__holder, .input_radio:checked ~ .inp-place__holder { border-color: #0072c1; } .inp-place__input:checked ~ .inp-place__holder::after, .input_radio:checked ~ .inp-place__holder::after { opacity: 1; } .inp-place__input:not(:checked) + .inp-place__holder .inp-place__hours, .input_radio:not(:checked) + .inp-place__holder .inp-place__hours { display: none; } @media (max-width: 767.98px) { .inp-place label[for^='demid_95'] { display: inline-block; padding-bottom: 20px; } .inp-place label[for^='demid_95']::after { position: absolute; display: block; margin-left: 0; } .inp-place .demprice { -ms-flex-item-align: baseline; align-self: baseline; } .inp-place__delivery { margin-top: 10px; } .showdelivery .inp-place__input:not(:checked) + .inp-place__holder .inp-place__contact > *:not(label):not(strong):not(.demprice), .showdelivery .inp-place__input:not(:checked) + .inp-place__holder .inp-place__delivery, .showdelivery .input_radio:not(:checked) + .inp-place__holder .inp-place__contact > *:not(label):not(strong):not(.demprice), .showdelivery .input_radio:not(:checked) + .inp-place__holder .inp-place__delivery { display: none; } } @media (min-width: 480px) { .inp-place__holder .demprice { -ms-flex-pack: start; justify-content: flex-start; margin-left: auto; } .inp-place__holder .demprice::before, .inp-place__holder .demprice::after { display: none; } .inp-place__contact { -ms-flex: 1 0 100%; flex: 1 0 100%; } .inp-place__delivery { text-align: right; } } @media (min-width: 480px) and (max-width: 767.98px) { .inp-place__delivery { padding-left: 10px; } } @media (min-width: 768px) { .inp-place__holder { padding: 15px 20px; } .inp-place__contact { -ms-flex-preferred-size: 40%; flex-basis: 40%; } .inp-place__delivery { padding-left: 20px; } .inp-place__delivery { margin-left: auto; } } .inp-radio > span::before, .input_radio > span::before, .inp-radio > span::after, .input_radio > span::after, .inp-radio > label::before, .input_radio > label::before, .inp-radio > label::after, .input_radio > label::after { border-radius: 50%; } .inp-radio > span::after, .input_radio > span::after, .inp-radio > label::after, .input_radio > label::after { top: 5px; left: 5px; width: 10px; height: 10px; background: #ffffff; } select, .inp-select, #basketconticont .contactbox select, #basketconticont .contactdatabox .cnt .I6_basket_div_inbox select { padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M10 0L5 5 0 0'/%3E%3C/svg%3E%0A"); background-position: top 50% right 15px; background-repeat: no-repeat; background-size: 10px 5px; } select::-ms-expand, .inp-select::-ms-expand, #basketconticont .contactbox select::-ms-expand, #basketconticont .contactdatabox .cnt .I6_basket_div_inbox select::-ms-expand { display: none; } .ui-datepicker-title select, .createrec.tabformcont > .cnt > .out > .in > table.tabform select, .valtable.tabform select, .srchformcont select { padding-right: 28px; background-position: top 50% right 9px; } textarea::-moz-placeholder, input[type='text']::-moz-placeholder, input[type='tel']::-moz-placeholder, input[type='number']::-moz-placeholder, input[type='date']::-moz-placeholder, input[type='password']::-moz-placeholder, .input_text::-moz-placeholder, .valuetext input::-moz-placeholder { color: #4c4c4c; opacity: 1; transition: color 0.3s; } textarea:-ms-input-placeholder, input[type='text']:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, input[type='date']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, .input_text:-ms-input-placeholder, .valuetext input:-ms-input-placeholder { color: #4c4c4c; opacity: 1; transition: color 0.3s; } textarea::-ms-input-placeholder, input[type='text']::-ms-input-placeholder, input[type='tel']::-ms-input-placeholder, input[type='number']::-ms-input-placeholder, input[type='date']::-ms-input-placeholder, input[type='password']::-ms-input-placeholder, .input_text::-ms-input-placeholder, .valuetext input::-ms-input-placeholder { color: #4c4c4c; opacity: 1; transition: color 0.3s; } textarea::placeholder, input[type='text']::placeholder, input[type='tel']::placeholder, input[type='number']::placeholder, input[type='date']::placeholder, input[type='password']::placeholder, .input_text::placeholder, .valuetext input::placeholder { color: #4c4c4c; opacity: 1; transition: color 0.3s; } textarea#from, textarea#to, textarea#datepicker, textarea.datepicker, textarea.hasDatepicker, input[type='text']#from, input[type='text']#to, input[type='text']#datepicker, input[type='text'].datepicker, input[type='text'].hasDatepicker, input[type='tel']#from, input[type='tel']#to, input[type='tel']#datepicker, input[type='tel'].datepicker, input[type='tel'].hasDatepicker, input[type='number']#from, input[type='number']#to, input[type='number']#datepicker, input[type='number'].datepicker, input[type='number'].hasDatepicker, input[type='date']#from, input[type='date']#to, input[type='date']#datepicker, input[type='date'].datepicker, input[type='date'].hasDatepicker, input[type='password']#from, input[type='password']#to, input[type='password']#datepicker, input[type='password'].datepicker, input[type='password'].hasDatepicker, .input_text#from, .input_text#to, .input_text#datepicker, .input_text.datepicker, .input_text.hasDatepicker, .valuetext input#from, .valuetext input#to, .valuetext input#datepicker, .valuetext input.datepicker, .valuetext input.hasDatepicker { min-width: 120px; padding-right: 34px; background-image: url("../img/icon/calendar.svg"); background-position: top 50% right 9px; background-repeat: no-repeat; background-size: 16px 16px; } textarea:focus::-moz-placeholder, input[type='text']:focus::-moz-placeholder, input[type='tel']:focus::-moz-placeholder, input[type='number']:focus::-moz-placeholder, input[type='date']:focus::-moz-placeholder, input[type='password']:focus::-moz-placeholder, .input_text:focus::-moz-placeholder, .valuetext input:focus::-moz-placeholder { color: rgba(76, 76, 76, 0.5); } textarea:focus:-ms-input-placeholder, input[type='text']:focus:-ms-input-placeholder, input[type='tel']:focus:-ms-input-placeholder, input[type='number']:focus:-ms-input-placeholder, input[type='date']:focus:-ms-input-placeholder, input[type='password']:focus:-ms-input-placeholder, .input_text:focus:-ms-input-placeholder, .valuetext input:focus:-ms-input-placeholder { color: rgba(76, 76, 76, 0.5); } textarea:focus::-ms-input-placeholder, input[type='text']:focus::-ms-input-placeholder, input[type='tel']:focus::-ms-input-placeholder, input[type='number']:focus::-ms-input-placeholder, input[type='date']:focus::-ms-input-placeholder, input[type='password']:focus::-ms-input-placeholder, .input_text:focus::-ms-input-placeholder, .valuetext input:focus::-ms-input-placeholder { color: rgba(76, 76, 76, 0.5); } textarea:focus::placeholder, input[type='text']:focus::placeholder, input[type='tel']:focus::placeholder, input[type='number']:focus::placeholder, input[type='date']:focus::placeholder, input[type='password']:focus::placeholder, .input_text:focus::placeholder, .valuetext input:focus::placeholder { color: rgba(76, 76, 76, 0.5); } .jcarousel-container { position: relative; } .jcarousel-clip { overflow: hidden; } .jcarousel-list { display: -ms-flexbox; display: flex; width: 100% !important; overflow: visible !important; } .jcarousel-item { float: none !important; -ms-flex: 1 0 100%; flex: 1 0 100%; } .jcarousel-control { margin-top: 15px; pointer-events: none; } .jcarousel-control a { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; display: block; width: 20px; height: 20px; margin-bottom: 5px; margin-left: 5px; background-color: #ffffff; transition: background-color 0.3s; pointer-events: all; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .jcarousel-control .inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: -5px; margin-left: -5px; } .jcarousel-prev, .jcarousel-next { display: none !important; } .hoverevents .jcarousel-control a:hover, .jcarousel-control .active a { background-color: #f7b626; } @media (min-width: 768px) { .jcarousel-control { position: absolute; right: 20px; bottom: 20px; left: 20px; margin-top: 0; } } @media (max-width: 767.98px) { .lb-availability { -ms-flex-wrap: wrap; flex-wrap: wrap; } .lb-availability__label { width: calc(100% - 15px); margin-bottom: 12px !important; } } #lb-search-element .loader { position: fixed; top: 0; left: 0; z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); } .lb-sorts.lb-sorts { position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; padding: 0 5px; line-height: 1.2; } @media (max-width: 767.98px) { .lb-sorts.lb-sorts { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; padding: 15px; background-color: #ffffff; } } @media (max-width: 767.98px) { .lb-sorts__title.lb-sorts__title { font-weight: normal; font-size: 15px; text-transform: none; } } @media (max-width: 767.98px) { .lb-sorts__list.lb-sorts__list { width: 100%; margin-bottom: -10px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .lb-sorts__list.lb-sorts__list { -ms-flex-positive: 1; flex-grow: 1; } } @media (max-width: 1023.98px) { #lb-sort { background-color: #ffffff; } } @media (max-width: 767.98px) { #lb-sort { height: 75px; } } @media (min-width: 768px) and (max-width: 1023.98px) { #lb-sort { width: 100%; height: 60px; } } .lb-sort.lb-sort { position: static; display: block; margin: 0; padding: 26px 30px 26px 0; border-radius: 0; background-color: transparent; background-image: url("../img/icon/angle-u-orange-2.svg"), url("../img/icon/angle-d-orange-2.svg"); background-position: top calc(50% - 5px) right 10px, top calc(50% + 5px) right 10px; background-repeat: no-repeat; background-size: 10px 5px; color: #01447b; font-weight: 500; font-size: inherit; line-height: inherit; transition: none; box-shadow: none; } .lb-sort.lb-sort::after { display: none; } .lb-sort.lb-sort::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; margin: 0; border: 0; } .lb-sort.lb-sort--active { padding-right: 60px; background-position: top 50% right 40px; } .lb-sort.lb-sort--asc { background-image: url("../img/icon/angle-u-orange-2.svg"); } .lb-sort.lb-sort--desc { background-image: url("../img/icon/angle-d-orange-2.svg"); } .lb-sort.lb-sort:active, .lb-sort.lb-sort:focus, .lb-sort.lb-sort:hover { background-color: transparent; color: #01447b; text-decoration: none; box-shadow: none; } @media (max-width: 767.98px) { .lb-sort.lb-sort { width: calc(100% + 10px); margin-right: -10px; padding-top: 4px; padding-bottom: 5px; } .lb-sort.lb-sort--active { padding-right: 30px; background-position: top 50% right 10px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .lb-sort.lb-sort { width: 100%; padding-top: 21px; padding-bottom: 21px; } } .lb-sort__cancel.lb-sort__cancel { width: 30px; background: none; background-image: url("../img/icon/close-orange.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .lb-sort__cancel.lb-sort__cancel:hover { background-color: transparent; } @media (max-width: 767.98px) { .lb-sort__cancel.lb-sort__cancel { bottom: auto; width: 38px; height: 43px; } } .lb-top-items, .lb-top-items:first-child { margin-top: 30px; } .lb-top-items__results-title, .lb-top-items__title { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .lb-top-items__results-title, .lb-top-items__title { font-size: 35px; } } @media (max-width: 767.98px) { .legend-holder__btn { position: relative; padding: 15px 50px 15px 15px; background-color: #ffffff; font-size: 24px; line-height: 1.25; display: block; width: 100%; color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; text-align: left; } .legend-holder__btn::after { content: ''; position: absolute; top: 20px; right: 15px; width: 20px; height: 20px; background-image: url("../img/icon/angle-d-orange.svg"); background-size: 20px 20px; transition: transform 0.3s; } .legend-holder .legend { margin-top: 0 !important; padding-top: 5px !important; } .hoverevents .legend-holder__btn:hover { text-decoration: none; } .legend-holder.is-toggled .legend-holder__btn::after { transform: scaleY(-1); } .legend-holder:not(.is-toggled) .legend { display: none !important; } } @media (min-width: 768px) { .legend-holder__btn { display: none; } } .u-list li { padding-left: 28px; background-image: url("../img/icon/thumb-up.svg"); background-position: 0 0; background-size: 18px 20px; } #loadingCont { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 40px; color: #000000; text-align: center; } #loadingCont img { display: none; } #loadingCont span { position: relative; display: inline-block; padding: 16px 10px 16px 57px; font-size: 15px; line-height: 20px; } #loadingCont span::before { width: 32px; height: 32px; border-width: 4px; border-style: solid; border-radius: 50%; border-top-color: #01447b; border-right-color: #f7b626; border-bottom-color: #01447b; border-left-color: #f7b626; animation: spinner 1s infinite linear; content: ''; position: absolute; top: 10px; left: 10px; } #loadingCont.loadingprodlist { z-index: 100; width: auto; margin-top: 100px; } #loadingCont.loadingprodlist span { position: fixed; top: 50%; left: 50%; background-color: rgba(255, 255, 255, 0.8); transform: translate(-50%, -50%); } .gallarea ~ #loadingCont.loadingprodlist { width: 100%; margin-top: 0; } #stilist_fltr_fltrparams #fltrparamsftr #loadingCont { top: -10px; left: 20px; width: auto; } #fltrparamsftr #loadingCont .outer { display: none; } @media (max-width: 767.98px) { #loadingCont.loadingprodlist { position: fixed !important; top: 45px !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin: 0 !important; } } #logedcont .hdr { position: relative; } #logedcont .hdr > a::before { background-color: #f7b626; background-image: url("../img/icon/user-white.svg"); } #logedcont .hdr > a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 10px; font-weight: bold; font-size: 14px; line-height: 1.285714286; } #logedcont .hdr > a span::after { content: 'Můj účet'; display: block; font-weight: normal; } #logedcont .cnt { position: fixed; top: 54px; right: 0; left: 0; display: none; padding: 8px 0; background-color: #ffffff; line-height: 1.333333333; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.16); } #logedcont .cnt::before, #logedcont .cnt::after { content: ''; position: absolute; right: 107px; pointer-events: none; } #logedcont .cnt::before { width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #e6e6e6 transparent transparent transparent; top: 0; } #logedcont .cnt::after { width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #ffffff transparent transparent transparent; top: -1px; } #logedcont .cnt a { display: block; padding: 10px 15px; } .hoverevents #logedcont .hdr > a:hover { text-decoration: none; } .hoverevents #logedcont:hover .cnt, #logedcont .cnt.act { display: block; } @media (max-width: 1199.98px) { #logedcont .hdr > a span { display: none; } } @media (min-width: 375px) { #logedcont .cnt::before, #logedcont .cnt::after { right: 132px; } } @media (min-width: 768px) { #logedcont .hdr > a::before { margin: 0 5px; } #logedcont .cnt { position: absolute; top: 100%; left: auto; width: 200px; } #logedcont .cnt::before, #logedcont .cnt::after { right: 24px; } #logedcont .cnt a { padding: 5px 10px; } } @media (min-width: 1024px) { #logedcont .hdr > a::before { margin: 0 10px; } #logedcont .hdr > a span { margin-right: 5px; } } @media (min-width: 1200px) { #logedcont .hdr > a { min-width: 120px; max-width: 180px; } #logedcont .cnt { right: auto; left: 0; font-size: 14px; line-height: 1.142857143; } #logedcont .cnt::before, #logedcont .cnt::after { right: auto; left: 24px; } } #logoncont2, #logedcont { position: relative; } #logoncont2 .hdr > a, #logedcont .hdr > a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px 4px; } #logoncont2 .hdr > a::before, #logedcont .hdr > a::before { content: ''; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 18px 18px; } @media (min-width: 375px) { #logoncont2 .hdr > a, #logedcont .hdr > a { padding-right: 8px; padding-left: 8px; } } @media (min-width: 768px) { #logoncont2, #logedcont { border-left: 1px solid #e6e6e6; } #logoncont2 .hdr > a, #logedcont .hdr > a { padding: 10px 5px; } #logoncont2 .hdr > a::before, #logedcont .hdr > a::before { width: 44px; height: 44px; background-size: 24px 24px; } } #logoncont2 .hdr > a { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; } #logoncont2 .hdr > a::before { background-image: url("../img/icon/user-blue-solid.svg"); background-image: url("../img/icon/user.svg"); transition: background-image 0.3s; } .hoverevents #logoncont2 .hdr > a:hover::before { background-image: url("../img/icon/user-blue-solid.svg"); } .luigi-ac { margin-left: -10px !important; } .luigi-ac-grid { top: 110px !important; max-width: none !important; max-height: none !important; padding: 0 !important; border-top: 1px solid #e6e6e6; background-color: #ffffff; overflow: visible !important; transition: top 0.3s; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); will-change: top; } .luigi-ac-grid .luigi-ac-name.luigi-ac-name { text-decoration: none; } .luigi-ac-caret, .luigi-ac-close { display: none; } .luigi-ac-result { padding: 0 !important; border: 0 !important; background: none !important; } .luigi-ac-button-block { position: absolute; right: 0; bottom: 0; left: 0; margin: 0 !important; padding: 0 !important; } .luigi-ac-button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block !important; width: 100% !important; padding: 11px 18px !important; background-color: #f4f9fd !important; color: #01447b !important; font-weight: normal !important; font-size: 14px !important; line-height: 1.142857143 !important; text-align: center; text-transform: none !important; } .luigi-ac-grid > div { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; position: static !important; max-height: calc(80vh - 110px) !important; margin-bottom: 38px; padding: 22px 18px; overflow-x: hidden !important; overflow-y: auto !important; transition: max-height 0.3s; will-change: max-height; } .luigi-ac-grid > div::-webkit-scrollbar { width: 10px; } .luigi-ac-grid > div::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .luigi-ac-main { width: 100% !important; padding: 0 !important; } .luigi-ac-header.luigi-ac-header { margin: 18px 0 12px !important; padding: 0 !important; color: #4c4c4c !important; font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif !important; font-weight: normal !important; font-size: 16px !important; line-height: 1.25 !important; } .luigi-ac-header.luigi-ac-header:not(:first-child) { padding-top: 22px !important; border-top: 1px solid #f2f2f2 !important; } .luigi-ac-header.luigi-ac-header:first-child { margin-top: -4px !important; } .luigi-ac-type-category, .luigi-ac-type-category_brand, .luigi-ac-other { width: auto !important; } .luigi-ac-type-category .luigi-ac-image, .luigi-ac-type-category_brand .luigi-ac-image { display: none; } .luigi-ac-type-category, .luigi-ac-type-category_brand, .luigi-ac-item.luigi-ac-other.luigi-ac-other { margin: 0 4px 4px 0 !important; padding: 3px 4px !important; border-radius: 3px !important; background-color: #f4f9fd !important; color: #01447b !important; font-weight: normal !important; font-size: 14px !important; line-height: 1.142857143 !important; } .luigi-ac-type-category .luigi-ac-text, .luigi-ac-type-category_brand .luigi-ac-text, .luigi-ac-item.luigi-ac-other.luigi-ac-other .luigi-ac-text, .luigi-ac-other-content .luigi-ac-text { padding: 0 !important; } .luigi-ac__highlighted { color: #f7b626 !important; font-weight: 700 !important; } .luigi-ac-other-content { padding: 0 !important; font-size: inherit !important; } .luigi-ac-other-content::before { content: '' !important; } .luigi-ac-highlight { display: inline !important; } .luigi-ac-type-product { display: -ms-flexbox !important; display: flex !important; width: calc(100% + 56px) !important; margin: 0 -28px !important; padding: 5px 28px !important; } .luigi-ac-type-product .luigi-ac-image { width: 54px !important; height: 54px !important; } .luigi-ac-type-product .luigi-ac-image::before { content: ''; display: block; padding-top: 100%; } .luigi-ac-type-product .luigi-ac-description { position: relative !important; padding: 9px 0 !important; font-size: 14px !important; line-height: 1.285714286 !important; } .luigi-ac-type-product .luigi-ac-text { padding: 0 !important; } .luigi-ac-type-product .luigi-ac-text .stiqty { margin-top: 2px; font-size: 12px; line-height: 1.166666667; } .luigi-ac-type-product .luigi-ac-text .stiqty > a { padding-left: 10px; } .luigi-ac-type-product .luigi-ac-text .stiqty > a::before { width: 5px; height: 5px; margin-top: -2px; } .luigi-ac-type-product .luigi-ac-text .price { position: absolute; top: 9px; right: 0; width: 90px; color: #4c4c4c; white-space: nowrap; text-align: right; } .luigi-ac-type-product .luigi-ac-text .price > * { margin-bottom: 0; } .luigi-ac-type-product .luigi-ac-text .wvat { color: #000000; font-weight: bold; } .luigi-ac-type-product .luigi-ac-text .mc, .luigi-ac-type-product .luigi-ac-text .wovat { font-size: 12px; line-height: 1.166666667; } .luigi-ac-type-product .luigi-ac-text .mc { text-decoration: line-through; } .luigi-ac-type-product .luigi-ac-text .mc + .wvat { color: #ff0000; } .luigi-ac-type-product .luigi-ac-attrs { min-height: 16px; } .luigi-ac-type-product .luigi-ac-name { color: #01447b !important; } .hoverevents .luigi-ac-button:hover { text-decoration: underline; } .hoverevents .luigi-ac-type-category:hover, .hoverevents .luigi-ac-type-category_brand:hover, .hoverevents .luigi-ac-item.luigi-ac-other.luigi-ac-other:hover { text-decoration: underline !important; } @media (max-width: 479.98px) { .luigi-ac-type-product .luigi-ac-attrs { display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column !important; flex-direction: column !important; min-height: 36px !important; } .luigi-ac-type-product .luigi-ac-text .stiqty { -ms-flex-order: 1 !important; order: 1 !important; } .luigi-ac-type-product .luigi-ac-text .price { position: static !important; width: 100% !important; margin-top: 2px !important; text-align: left !important; } } @media (min-width: 480px) { .luigi-ac-type-product .luigi-ac-description { padding-right: 110px !important; } } @media (min-width: 768px) { .luigi-ac-grid { top: 148px !important; } .luigi-ac-grid > div { max-height: calc(80vh - 148px) !important; padding: 32px 28px 0; } .luigi-ac-header.luigi-ac-header:first-child { margin-top: -14px !important; } html.scroll .luigi-ac-grid { top: 120px !important; } html.scroll .luigi-ac-grid > div { max-height: calc(80vh - 120px) !important; } } @media (min-width: 1024px) { .luigi-ac { max-width: 700px !important; } .luigi-ac-grid { top: 92px !important; } .luigi-ac-grid > div { max-height: calc(80vh - 92px) !important; } html.scroll .luigi-ac-grid { top: 64px !important; } html.scroll .luigi-ac-grid > div { max-height: calc(80vh - 64px) !important; } } .order-tools { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: -15px; margin-left: -30px; } .order-tools > * { margin-bottom: 20px; margin-left: 30px; } .order-tools .I6_basket_div.storno { margin-top: 0; } .ordxot1valname { position: relative; z-index: 1; text-align: center; } .ordxot1valname > span { display: inline-block; padding: 5px 15px; border-radius: 17px; } .ordxot1valname[class*='Vyřizuje'] { color: #f2c94c !important; } .ordxot1valname[class*='Vyřizuje'] > span { background-color: #f6eedc !important; } .ordxot1valname[class*='vyzvednutí'] { color: #4aaa2f !important; } .ordxot1valname[class*='vyzvednutí'] > span { background-color: #d7f3cf !important; } .ordxot1valname[class*='Expedujeme'] { color: #01447b !important; } .ordxot1valname[class*='Expedujeme'] > span { background-color: #cedfed !important; } .ordxot1valname[class*='přepravci'] { color: #0271c1 !important; } .ordxot1valname[class*='přepravci'] > span { background-color: #d4ebfb !important; } .ordxot1valname[class*='Vyřízeno'] { color: #4c4c4c !important; } .ordxot1valname[class*='Vyřízeno'] > span { background-color: #cccccc !important; } .ordxot1valname[class*='Zrušeno'] { color: #ececec !important; } .ordxot1valname[class*='Zrušeno'] > span { background-color: #000000 !important; } .ordxot1valname[class*='Čeká'] { color: #f2c94c !important; } .ordxot1valname[class*='Čeká'] > span { background-color: #f6eedc !important; } .ordxot1valname[class*='splátky'] { color: #eeb93f !important; } .ordxot1valname[class*='splátky'] > span { background-color: #fdf0d3 !important; } .ordxot1valname[class*='expedici'] { color: #01447b !important; } .ordxot1valname[class*='expedici'] > span { background-color: #cedfed !important; } .ordxot1valname[class*='Nepřevzato'] { color: #eb5757 !important; } .ordxot1valname[class*='Nepřevzato'] > span { background-color: #fce6e6 !important; } .oristaname { text-align: center; } .oristaname[class*='Vyřizuje'] { color: #e9a819 !important; } .oristaname[class*='vyzvednutí'] { color: #4aaa2f !important; } .oristaname[class*='Expedujeme'] { color: #01447b !important; } .oristaname[class*='přepravci'] { color: #0271c1 !important; } .oristaname[class*='Vyřízeno'] { color: #cccccc !important; } .oristaname[class*='Zrušeno'] { color: #000000 !important; } .oristaname[class*='expedici'] { color: #01447b !important; } .oristaname[class*='Přesun'] { color: #0271c1 !important; } .oristaname[class*='Termín'] { color: #eb5757 !important; } .oristaname[class*='Předobjednávka'] { color: #0271c1 !important; } .exthtml table, .packetery-hours { width: auto; margin-left: 0 !important; font-size: inherit !important; } .exthtml table, .exthtml table th, .exthtml table td, .packetery-hours, .packetery-hours th, .packetery-hours td { border: 0; } .exthtml table th, .exthtml table td, .packetery-hours th, .packetery-hours td { padding: 0 10px 0 0; } .exthtml table th:last-child, .exthtml table td:last-child, .packetery-hours th:last-child, .packetery-hours td:last-child { padding-right: 0; } .exthtml table th, .packetery-hours th { font-weight: normal; } .pagetext { display: none; } .fltrparams .pagetext { display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; -ms-flex-order: 1; order: 1; margin: 0 0 10px auto; padding: 2px 0 2px 20px; color: #bdbdbd; font-weight: 500; } .fltrparams .pagetext > * { margin-bottom: 0; margin-left: 4px; } #stoitem_detail .params { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; font-size: 13px; line-height: 18px; } #stoitem_detail .params .param:not(:last-child)::after { content: ','; margin-right: 5px; } @media (max-width: 767.98px) { #stoitem_detail .params { -ms-flex-pack: center; justify-content: center; } } @media (min-width: 768px) { #stoitem_detail .params { margin-bottom: 40px; } } .password-strength { margin-top: 20px; } .password-strength:not(:last-child) { margin-bottom: 15px; } .password-strength__lines { display: -ms-flexbox; display: flex; width: 230px; margin-left: -10px; } .password-strength__line { -ms-flex: 1 0 auto; flex: 1 0 auto; height: 5px; margin-left: 10px; border-radius: 5px; background-color: #e6e6e6; } .password-strength__label { display: block; font-weight: 500; font-size: 15px; } .password-strength--hidden { display: none; } .password-strength--weak { color: #ff0000; } .password-strength--weak .password-strength__line:nth-child(1) { background-color: currentColor; } .password-strength--medium { color: #f7b626; } .password-strength--medium .password-strength__line:nth-child(1), .password-strength--medium .password-strength__line:nth-child(2) { background-color: currentColor; } .password-strength--strong { color: #4aaa2f; } .password-strength--strong .password-strength__line:nth-child(1), .password-strength--strong .password-strength__line:nth-child(2), .password-strength--strong .password-strength__line:nth-child(3) { background-color: currentColor; } @media (max-width: 767.98px) { .password-strength__label { margin-top: 10px; } } @media (min-width: 768px) { .password-strength { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-top: 10px; } } #persoo-filters-toggle { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 60px; padding: 10px 10px 10px 60px; background-color: #0072c1; background-image: url("../img/icon/plus.svg"); background-position: 24px 50%; background-repeat: no-repeat; background-size: 24px 24px; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; transition: background-color 0.3s; cursor: pointer; } #persoo-filters-toggle::after { width: 0; height: 0; border-style: solid; border-width: 4px 8px 0 8px; border-color: #0072c1 transparent transparent transparent; content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; visibility: hidden; opacity: 0; transition: border-color 0.3s; } .hoverevents #persoo-filters-toggle:hover { background-color: #005499; } .hoverevents #persoo-filters-toggle:hover::after { border-top-color: #005499; } .persoo-filters-wrapper.is-toggled #persoo-filters-toggle, .persoo-search-results__filters--visible #persoo-filters-toggle { background-image: url("../img/icon/minus.svg"); } .persoo-filters-wrapper.is-toggled #persoo-filters-toggle::after, .persoo-search-results__filters--visible #persoo-filters-toggle::after { visibility: visible; opacity: 1; } @media (max-width: 767.98px) { #persoo-filters-toggle { margin: -15px; } .persoo-filters-wrapper.is-toggled #persoo-filters-toggle, .persoo-search-results__filters--visible #persoo-filters-toggle { margin-bottom: 15px; } .persoo-filters-wrapper.is-toggled #persoo-filters-toggle::before, .persoo-search-results__filters--visible #persoo-filters-toggle::before { content: ''; position: absolute; right: 15px; bottom: -16px; left: 15px; z-index: 1; height: 1px; background-color: #01447b; } } @media (min-width: 768px) { #persoo-filters-toggle { position: absolute; top: -70px; left: 0; z-index: 1; width: 280px; margin-bottom: 10px; background-image: url("../img/icon/minus.svg"); } #persoo-filters-toggle::after { visibility: visible; opacity: 1; } .persoo-filters-wrapper.is-toggled #persoo-filters-toggle, .persoo-search-results__filters--visible #persoo-filters-toggle { background-image: url("../img/icon/plus.svg"); } .persoo-filters-wrapper.is-toggled #persoo-filters-toggle::after, .persoo-search-results__filters--visible #persoo-filters-toggle::after { visibility: hidden; opacity: 0; } } @media (min-width: 1024px) { #persoo-filters-toggle { top: -80px; height: 70px; } } .persoo-loading { margin: 10% auto; } .persoo-loading:first-child { margin-top: 10%; } .persoo-loading-circle.persoo-loading-circle { width: 32px; height: 32px; border-width: 4px; border-style: solid; border-radius: 50%; border-top-color: #01447b; border-right-color: #f7b626; border-bottom-color: #01447b; border-left-color: #f7b626; animation: spinner 1s infinite linear; width: 128px; height: 128px; border-width: 16px; animation-duration: 2s; margin: 0 auto; } .ais-RefinementList-showMore, .ais-HierarchicalMenu-showMore { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 9px 19px; font-size: 15px; width: 100%; margin-top: 15px; } .hoverevents .ais-RefinementList-showMore:hover, .hoverevents .ais-HierarchicalMenu-showMore:hover { background-color: #005499; text-decoration: none; } .hoverevents .ais-RefinementList-showMore:hover, .hoverevents .ais-HierarchicalMenu-showMore:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .ais-RefinementList-showMore:first-child, .ais-HierarchicalMenu-showMore:first-child { margin-top: 15px; } .ais-RefinementList-showMore--disabled, .ais-HierarchicalMenu-showMore--disabled { display: none; } .pp_overlay, .pp_pic_holder { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .pp_overlay { z-index: 99; background-color: rgba(0, 0, 0, 0.6); opacity: 1 !important; } .pp_pic_holder { z-index: 100; display: -ms-flexbox; display: flex; padding: 15px; overflow-y: auto !important; pointer-events: none; } .pp_pic_holder .ppt, .pp_pic_holder .pp_top, .pp_pic_holder .pp_bottom { display: none !important; } .pp_pic_holder .pp_expand, .pp_pic_holder .pp_contract { display: none !important; } .pp_content_container { position: relative; max-width: 100%; max-height: 100%; margin: auto; padding: 49px 19px 138px; border: 1px solid #e6e6e6; background-color: #ffffff; overflow-x: hidden; overflow-y: auto; pointer-events: auto; } @media (min-width: 768px) { .pp_content_container { padding-bottom: 168px; } } @media (min-width: 1200px) { .pp_content_container { padding: 49px; } } .pp_content { width: auto !important; max-width: 100%; height: auto !important; min-height: 32px; max-height: 100%; } .pp_content iframe { max-width: 100%; max-height: 100%; } .pp_loaderIcon { width: 32px; height: 32px; border-width: 4px; border-style: solid; border-radius: 50%; border-top-color: #01447b; border-right-color: #f7b626; border-bottom-color: #01447b; border-left-color: #f7b626; animation: spinner 1s infinite linear; position: absolute; top: 50%; left: 50%; z-index: 1; margin: -16px 0 0 -16px; } .pp_loaderIcon:first-child { margin-top: -16px; } .pp_details { width: 100% !important; } .pp_close { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; position: absolute; top: -1px; right: -1px; display: block; width: 50px; height: 50px; background-image: url("../img/icon/close-thick.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; opacity: 0.25; transition: opacity 0.3s; cursor: pointer; } .pp_hoverContainer, .pp_fade { display: none; } .pp_description, .pp_social, .pp_play { display: none !important; } .pp_hoverContainer { position: absolute; top: 49px; right: 0; bottom: 138px; left: 0; width: auto !important; height: auto !important; } @media (min-width: 768px) { .pp_hoverContainer { bottom: 168px; } } @media (min-width: 1200px) { .pp_hoverContainer { bottom: 49px; } } .pp_next, .pp_previous { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; position: absolute; top: 0; bottom: 0; width: 33.333333333%; background-image: url("../img/icon/angle-thick-r.svg"); background-position: 80% 50%; background-repeat: no-repeat; background-size: 96px 96px; opacity: 0; transition: opacity 0.3s; } .pp_next { right: 0; } @media (min-width: 1200px) { .pp_next { right: 260px; } } .pp_previous { left: 0; transform: scaleX(-1); } .pp_nav { position: absolute; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1px 0; } .pp_arrow_previous, .pp_arrow_next { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; width: 48px; height: 48px; background-image: url("../img/icon/angle-thick-r.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; } .pp_arrow_previous { transform: scaleX(-1); } .currentTextHolder { margin: 0 10px; font-weight: 500; } .pp_fade { display: block; } #pp_full_res { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } #pp_full_res img { width: auto !important; max-width: 100%; height: auto !important; max-height: 100%; } .pp_gallery { position: absolute; right: 19px; bottom: 49px; left: 19px; z-index: 1; display: -ms-flexbox !important; display: flex !important; margin-left: 0 !important; padding-bottom: 10px; overflow-y: auto; opacity: 1 !important; } .pp_gallery > div { width: 100% !important; margin: auto 0; } .pp_gallery ul { position: static !important; left: auto !important; width: auto !important; } .pp_gallery li { transition: opacity 0.3s; } .pp_gallery li:not(.selected) { opacity: 0.15; } .pp_gallery li a { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 50px; height: 50px; } .pp_gallery img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { display: none !important; } .hoverevents .pp_gallery li:hover { opacity: 1; } @media (max-width: 1199.98px) { .pp_gallery { text-align: center; } .pp_gallery ul { display: -ms-inline-flexbox; display: inline-flex; margin-left: -15px; } .pp_gallery li { padding-left: 15px; } } @media (min-width: 768px) { .pp_gallery li a { width: 80px; height: 80px; } } @media (min-width: 768px) and (max-width: 1199.98px) { .pp_gallery ul { margin-left: -20px; } .pp_gallery li { padding-left: 20px; } } @media (min-width: 1200px) { .pp_gallery { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; top: 50px; right: 50px; bottom: 50px; left: auto; -ms-flex-direction: column; flex-direction: column; padding: 0 30px 30px; } .pp_gallery::-webkit-scrollbar { width: 10px; } .pp_gallery::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .pp_gallery ul { width: 100% !important; } .pp_gallery li { padding-top: 30px; } .pp_gallery li a { width: 100px; height: 100px; } } .pp_left, .pp_right, .pp_content, .pp_fade, #pp_full_res { width: 100% !important; height: 100% !important; } .pp_pic_holder.is-gallery .pp_content_container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } @media (min-width: 1200px) { .pp_pic_holder.is-gallery .pp_content_container { padding-right: 260px; } } .hoverevents .pp_close:hover { opacity: 1; } .hoverevents .pp_next:hover, .hoverevents .pp_previous:hover { opacity: 1; } .price[data-price-src] { font-size: 13px; line-height: 19px; } .price[data-price-src] .mc, .price[data-price-src] .wovat, .price[data-price-src] .wvat { margin-bottom: 0; } .price[data-price-src] .mc { text-decoration: line-through; } .price[data-price-src] .mc, .price[data-price-src] .wovat { color: #4c4c4c; } .price[data-price-src] .wvat { color: #000000; font-weight: 500; font-size: 21px; line-height: 1; } .price[data-price-src] .mc + .wvat { color: #ff0000; } .price[data-price-src]:not(.is-loaded) .mc, .price[data-price-src]:not(.is-loaded) .wvat, .price[data-price-src]:not(.is-loaded) .wovat { position: relative; color: transparent; white-space: nowrap; overflow: hidden; } .price[data-price-src]:not(.is-loaded) .mc::before, .price[data-price-src]:not(.is-loaded) .wvat::before, .price[data-price-src]:not(.is-loaded) .wovat::before { content: ''; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; z-index: 1; border-radius: 4px; background-color: currentColor; animation: loading-placeholder 2s infinite; } .price[data-price-src]:not(.is-loaded) .mc { max-width: 50px; text-decoration: none; } .price[data-price-src]:not(.is-loaded) .mc::before { background-color: #4c4c4c; } .price[data-price-src]:not(.is-loaded) .wvat { max-width: 80px; } .price[data-price-src]:not(.is-loaded) .wvat::before { background-color: #000000; } .price[data-price-src]:not(.is-loaded) .wovat { max-width: 100px; } .price[data-price-src]:not(.is-loaded) .wovat::before { background-color: #4c4c4c; } .price[data-price-src]:not(.is-loaded) .mc + .wvat::before { background-color: #ff0000; } #printedpage { max-width: 100%; } #prodlistanchor { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; margin-top: -64px; } @media (min-width: 768px) { #prodlistanchor { margin-top: -74px; } } .product-nav-info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; max-width: 350px; } .product-nav-info__bg { -ms-flex: 1 0 40px; flex: 1 0 40px; width: 40px; height: 40px; margin-right: 20px; border-radius: 50%; background-color: #ffffff; background-position: 50% 50%; background-size: cover; } .product-nav-info__title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 17px; } @media (max-width: 1023.98px) { .product-nav-info { display: none; } } @media (min-width: 1200px) { .product-nav-info { max-width: 450px; } } .product-tabs__title { margin-bottom: 0; } .product-tabs__holder { background-color: #ffffff; } .product-tabs__menu-list { border: 1px solid #e6e6e6; } .product-tabs__menu-item { position: relative; } .product-tabs__menu-item + .product-tabs__menu-item::before { content: ''; position: absolute; top: 0; right: 19px; left: 19px; z-index: -1; height: 1px; background-color: #e6e6e6; } .product-tabs__menu-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin: -1px; padding: 15px 19px; line-height: 20px; transition: color 0.3s, background-color 0.3s; } .product-tabs__menu-link::after { width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 10px; border-color: transparent transparent transparent #0072c1; content: ''; position: absolute; top: 0; left: 100%; opacity: 0; transition: opacity 0.3s; } .product-tabs__menu-link span { -ms-flex: 1 0 auto; flex: 1 0 auto; margin-left: 15px; color: #ff0000; font-weight: 500; text-align: right; } .product-tabs__item { display: none; } .product-tabs__item .c-product-alternatives { position: static; padding: 0; } .product-tabs__item .c-product-alternatives::before { display: none; } .product-tabs__item .c-product-alternatives__title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } .product-tabs__menu-link.is-active, .hoverevents .product-tabs__menu-link:hover { background-color: #0072c1; color: #ffffff; text-decoration: none; } .product-tabs__menu-link.is-active span, .hoverevents .product-tabs__menu-link:hover span { color: inherit; } .product-tabs__item.is-active { display: block; } @media (max-width: 767.98px) { .product-tabs__title { position: relative; padding: 15px 50px 15px 15px; background-color: #ffffff; font-size: 24px; line-height: 1.25; } .product-tabs__title::after { content: ''; position: absolute; top: 20px; right: 15px; width: 20px; height: 20px; background-image: url("../img/icon/angle-d-orange.svg"); background-size: 20px 20px; transition: transform 0.3s; } .product-tabs__holder { padding: 15px 15px 5px; } .product-tabs__list { padding-top: 10px; } .product-tabs.is-toggled .product-tabs__title::after { transform: scaleY(-1); } .product-tabs.is-toggled .product-tabs__item .c-product-alternatives__holder { display: block; } .product-tabs.is-toggled .product-tabs__item .c-product-alternatives__btns { display: -ms-flexbox; display: flex; } .product-tabs:not(.is-toggled) .product-tabs__holder { display: none; } } @media (min-width: 768px) { .product-tabs { position: relative; padding: 60px 0; } .product-tabs::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .product-tabs__title { margin-right: 120px; margin-bottom: 30px; } .product-tabs__holder { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .product-tabs__menu-list { -ms-flex: 1 0 180px; flex: 1 0 180px; max-width: 180px; margin-right: 15px; } .product-tabs__list { -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: calc(100% - 195px); } .product-tabs__item .c-product-alternatives__header { position: absolute; top: 60px; right: 0; } .product-tabs__menu-link.is-active::after { opacity: 1; } } @media (min-width: 768px) and (max-width: 1199.98px) { .product-tabs__menu-link { padding-right: 14px; padding-left: 14px; } } @media (min-width: 1200px) { .product-tabs__menu-list { -ms-flex-preferred-size: 205px; flex-basis: 205px; max-width: 205px; margin-right: 20px; } .product-tabs__list { max-width: calc(100% - 225px); } } .btnn.pswdchng { margin-bottom: 30px; text-align: center; } .btnn.pswdchng a > p, .btnn.pswdchng a > span { display: none; } @media (min-width: 768px) { .btnn.pswdchng { margin-bottom: 50px; } } .SaveContactDatamsg { position: fixed !important; top: 50% !important; left: 50% !important; z-index: 10; width: 300px; margin: -75px 0 0 -150px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #ffffff; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } .SaveContactDatamsg .hdr .l, .SaveContactDatamsg .hdr .c, .SaveContactDatamsg .ftr { display: none; } .SaveContactDatamsg .hdr .r { position: absolute; top: 0; right: 0; } .SaveContactDatamsg .popupclose { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; display: block; width: 30px; height: 30px; background-image: url("../img/icon/close-red.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .SaveContactDatamsg .cnt { padding: 30px; text-align: center; } .SaveContactDatamsg .cnt .in { font-weight: 500; } .SaveContactDatamsg .cnt .in::after { content: ''; display: block; width: 48px; height: 48px; margin: 0 auto; background-image: url("../img/icon/checkbox-green.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 48px 48px; } .SaveContactDatamsg .cnt .in p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-bottom: 10px; } .skyscraper { position: fixed; top: 122px; z-index: 1; } .skyscraper.skyscraperL { left: 50%; margin-left: -600px; transform: translateX(-100%); } .skyscraper.skyscraperR { right: 50%; margin-right: -600px; transform: translateX(100%); } @media (max-width: 1729.98px) { .skyscraper { display: none; } } @media (min-width: 1360px) { .skyscraper.skyscraperL { margin-left: -680px; } .skyscraper.skyscraperR { margin-right: -680px; } } @media (min-width: 1730px) and (max-width: 2289.98px) { .skyscraper.skyscraperL { display: none; } } .ui-slider { position: relative; width: calc(100% - 32px); height: 32px; margin-right: 16px; margin-left: 16px; } .ui-slider::before, .ui-slider-range { position: absolute; top: 13px; bottom: 13px; } .ui-slider::before { content: ''; right: -16px; left: -16px; border: 1px solid #e6e6e6; border-radius: 3px; } .ui-slider-range { background-color: #f7b626; } .ui-slider-handle { position: absolute; top: 0; bottom: 0; width: 32px; margin-left: -24px; outline: 0; } .ui-slider-handle::before { content: ''; position: absolute; top: 8px; left: 8px; width: 16px; height: 16px; border-radius: 50%; background-color: #01447b; } .ui-slider-handle ~ .ui-slider-handle { margin-left: -8px; } .sorting .paging { display: none; } .statuscont { overflow: hidden; } .statuscont .badge { display: table; padding: 3px 8px; border-radius: 4px; background-color: #0072c1; color: #ffffff; font-weight: 500; font-size: 14px; line-height: 1.142857143; } .statuscont .badge > * { margin-bottom: 0; } .statuscont .badge[class*='_hide'], .statuscont .case { display: none; } .statuscont > * { margin-bottom: 5px; } .statuscont .badge.sts1 { background-color: #71cb58; } .statuscont .badge.sts2 { background-color: #ff0000; } .statuscont .badge.sts3 { background-color: #ff0000; } .statuscont .badge.sts8 { background-color: #f38033; } .statuscont .badge.sts9 { background-color: #ff0000; } .statuscont .badge.sts12 { background-color: #71cb58; } .statuscont .badge.sts13 { background-color: #f7b626; } .statuscont .badge.sts14 { background-color: #01447b; } .statuscont .badge.sts15 { background-color: #ff0000; } .statuscont .badge.stixsicico { background-color: #f38033; } .statuscont .badge.stixsic2ico { background-color: #008000; } .statuscont .badge.discpercbox { background-color: #ff0000; } .statuscont .badge.sctid_8_scaid_1924, .statuscont .badge.sctid_8_scaid_1924_scatag_ { background-color: #000000; } .statuscont .badge.sctid_8_scaid_2536, .statuscont .badge.sctid_8_scaid_2536_scatag_ { position: absolute; top: 40px; right: 60px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 9px 10px 11px; background-color: #01447b; transform: translateX(50%) rotate(45deg); transform-origin: 50% 50%; } .stidetsmalltools { margin-bottom: 5px; border: 1px solid #e6e6e6; } .stidetsmalltools .calc { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; min-height: 70px; padding: 15px 20px 15px 42px; background-image: url("../img/icon/calc.svg"); background-position: 10px 50%; background-repeat: no-repeat; background-size: 24px 24px; font-size: 15px; line-height: 20px; cursor: pointer; min-height: 50px; padding-top: 5px; padding-bottom: 5px; } .stidetsmalltools .calc strong { -ms-flex-order: 1; order: 1; color: #000000; } .stidetsmalltools .calc u { text-decoration: none; } .hoverevents .stidetsmalltools .calc:hover { text-decoration: none; } .hoverevents .stidetsmalltools .calc:hover u { text-decoration: underline; } @media (max-width: 767.98px) { .stidetsmalltools .calc { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stidetsmalltools .calc u { margin-right: 5px; } } @media (min-width: 768px) { .stidetsmalltools .calc u { margin-right: 20px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .stidetsmalltools .calc::after { content: ''; display: block; min-height: inherit; font-size: 0; } .stidetsmalltools .calc span { margin-left: auto; } } html:not(.curid-0.ossid-0) .stidetsmalltools .calc { display: none; } #stilist_fltr_stores { min-height: 60px; padding: 0 10px 0 5px; background-color: #ffffff; } #stilist_fltr_stores .filter_switch > div { position: relative; padding: 21px 30px 21px 92px; background-image: url("../img/icon/angle-d-orange-2.svg"); background-position: top 50% right 6px; background-repeat: no-repeat; background-size: 10px 5px; color: #01447b; font-weight: 500; font-size: 15px; line-height: 18px; cursor: pointer; } #stilist_fltr_stores .filter_switch > div::before { content: 'Dostupnost:'; position: absolute; left: 10px; color: #4c4c4c; font-weight: normal; } #stilist_fltr_stores .incont { display: block !important; } #stilist_fltr_stores .stockfilterbox { display: none; } #stilist_fltr_stores .filterbox { display: none; margin: 0 -10px; padding-bottom: 10px; } #stilist_fltr_stores .filterbox .stckitem { display: block; margin-bottom: 10px; } #stilist_fltr_stores .filterbox .stckitem label { padding-right: 10px; padding-left: 50px; cursor: pointer; } #stilist_fltr_stores .filterbox .stckitem label::before, #stilist_fltr_stores .filterbox .stckitem label::after { left: 20px; } #stilist_fltr_stores .filterbox .stckitem label[for='stckid'] { padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; font-weight: bold; } @media (max-width: 1023.98px) { #stilist_fltr_stores { border-bottom: 1px solid #e6e6e6; } } @media (min-width: 768px) { #stilist_fltr_stores { position: absolute; top: 0; left: 0; z-index: 2; width: 50%; min-height: 70px; padding-left: 10px; } #stilist_fltr_stores .filter_switch > div { padding-top: 26px; padding-bottom: 26px; background-position: top 50% right 10px; } #stilist_fltr_stores .filterbox { box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } } @media (min-width: 1024px) { #stilist_fltr_stores { right: 220px; left: auto; z-index: 1; width: 250px; } } #stilistsortjx { padding: 0 10px 0 5px; background-color: #ffffff; } #stilistsortjx .orderselector { display: block; width: 100%; margin-bottom: 0; padding: 21px 30px 21px 65px; border: 0; background-color: transparent; background-image: url("../img/icon/angle-d-orange-2.svg"); background-position: top 50% right 6px; background-repeat: no-repeat; background-size: 10px 5px; color: #01447b; font-weight: 500; font-size: inherit; line-height: inherit; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #stilistsortjx .orderselector:focus { outline: 0; } #stilistsortjx #stilist_fltr_sort { position: relative; font-size: 15px; line-height: 18px; } #stilistsortjx #stilist_fltr_sort::before { content: '\0158\0061\007a\0065\006e\00ed\003a'; position: absolute; top: 0; left: 10px; padding: 21px 0; pointer-events: none; } @media (max-width: 1023.98px) { #stilistsortjx { border-bottom: 1px solid #e6e6e6; } } @media (min-width: 768px) { #stilistsortjx { width: 50%; margin-left: auto; border-left: 1px solid #e6e6e6; } #stilistsortjx .orderselector { padding-top: 26px; padding-bottom: 26px; background-position: top 50% right 10px; } #stilistsortjx #stilist_fltr_sort::before { padding: 26px 0; } } @media (min-width: 1024px) { #stilistsortjx { position: absolute; right: 71px; z-index: 1; width: 220px; padding-left: 0; } } .stiqty { font-weight: normal; line-height: 1.384615385; } .stiqty a { position: relative; display: inline-block; padding-left: 15px; color: inherit; font-weight: inherit; cursor: pointer; } .stiqty a::before, .stiqty [data-avail] > :first-child:not(em)::before, .stiqty .persoo-hwnd--avail::before { content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background-color: currentColor; } .stiqty [data-avail] > :first-child:not(em), .stiqty em { font-weight: bold; font-style: normal; } .stiqty [data-avail] > :first-child + *, .stiqty p { margin-bottom: 0; color: #4c4c4c; } .stiqty .persoo-hwnd--avail, .stiqty .sat_1, .stiqty.sat_1 > a { color: #4d9856; } .stiqty .persoo-hwnd--avail::before, .stiqty .sat_1::before, .stiqty.sat_1 > a::before { background-color: #4aaa2f; } .stiqty .sat_2, .stiqty.sat_2 > a, .stiqty .sat_5, .stiqty.sat_5 > a { color: #0072c1; } .stiqty .sat_3, .stiqty.sat_3 > a, .stiqty .sat_4, .stiqty.sat_4 > a { color: #f7b626; } .stiqty .sat_6, .stiqty.sat_6 > a { color: #ff0000; } .stiqty .sat_7, .stiqty.sat_7 > a { color: #aa6200; } .hoverevents .stiqty a:hover { text-decoration: none; } .hoverevents .stiqty a:hover em { text-decoration: underline; } .persoo-result-item__link .stiqty a::before { display: none; } .basketmainbox .stiqty:not(.is-loaded) a::before, .sti_info .stiqty:not(.is-loaded) a::before, .listbox .stiqty:not(.is-loaded) a::before, .productlistjx .prodbox .stiqty:not(.is-loaded) a::before, .stiqty.is-loading a::before { animation: loading-placeholder 2s infinite; } .basketmainbox .stiqty:not(.is-loaded) em, .basketmainbox .stiqty:not(.is-loaded) p, .sti_info .stiqty:not(.is-loaded) em, .sti_info .stiqty:not(.is-loaded) p, .listbox .stiqty:not(.is-loaded) em, .listbox .stiqty:not(.is-loaded) p, .productlistjx .prodbox .stiqty:not(.is-loaded) em, .productlistjx .prodbox .stiqty:not(.is-loaded) p, .stiqty.is-loading em, .stiqty.is-loading p { position: relative; } .basketmainbox .stiqty:not(.is-loaded) em::before, .basketmainbox .stiqty:not(.is-loaded) p::before, .sti_info .stiqty:not(.is-loaded) em::before, .sti_info .stiqty:not(.is-loaded) p::before, .listbox .stiqty:not(.is-loaded) em::before, .listbox .stiqty:not(.is-loaded) p::before, .productlistjx .prodbox .stiqty:not(.is-loaded) em::before, .productlistjx .prodbox .stiqty:not(.is-loaded) p::before, .stiqty.is-loading em::before, .stiqty.is-loading p::before { content: ''; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; z-index: 1; border-radius: 4px; background-color: currentColor; animation: loading-placeholder 2s infinite; } .basketmainbox .stiqty:not(.is-loaded) em, .sti_info .stiqty:not(.is-loaded) em, .listbox .stiqty:not(.is-loaded) em, .productlistjx .prodbox .stiqty:not(.is-loaded) em, .stiqty.is-loading em { display: inline-block; width: 80px; } .basketmainbox .stiqty:not(.is-loaded) p, .sti_info .stiqty:not(.is-loaded) p, .listbox .stiqty:not(.is-loaded) p, .productlistjx .prodbox .stiqty:not(.is-loaded) p, .stiqty.is-loading p { width: 100px; } .persoo-result-item__link .stiqty.is-loading em { height: 20px; } .basketmainbox .stiqty:not(.is-loaded) a::after, .sti_info .stiqty:not(.is-loaded) a::after, .listbox .stiqty:not(.is-loaded) a::after, .productlistjx .prodbox .stiqty:not(.is-loaded) a::after { content: ''; display: block; width: 100px; height: 16px; margin: 2px 0; border-radius: 4px; background-color: currentColor; animation: loading-placeholder 2s infinite; } .basketmainbox .stiqty:not(.is-loaded) em, .sti_info .stiqty:not(.is-loaded) em, .listbox .stiqty:not(.is-loaded) em, .productlistjx .prodbox .stiqty:not(.is-loaded) em { font-size: 0; } .basketmainbox .stiqty:not(.is-loaded) em::after, .sti_info .stiqty:not(.is-loaded) em::after, .listbox .stiqty:not(.is-loaded) em::after, .productlistjx .prodbox .stiqty:not(.is-loaded) em::after { content: '\00A0'; display: block; font-size: 15px; line-height: 20px; opacity: 0; } .stitab { width: calc(100% - 20px); margin: 10px 10px 30px; padding: 0; border: 0; border-bottom: 1px solid #e6e6e6; text-align: left; } .stitab th, .stitab td { display: block; padding: 0; border: 0; } .stitab tbody { display: block; } .stitab .hdr, .stitab .code, .stitab .producent, .stitab .wovat, .stitab .case { display: none !important; } .stitab .name { width: 100%; color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; line-height: 20px; } .stitab .name strong, .stitab .name h2 { margin-bottom: 0; color: #01447b; font-weight: inherit; font-size: 19px; } .stitab .name strong a, .stitab .name h2 a { color: inherit !important; font-weight: inherit; } .stitab .qty, .stitab .wvat { color: #f7b626; font-size: 13px; } .stitab .qty { display: -ms-flexbox; display: flex; pointer-events: none; } .stitab .qty::after { content: 'ks'; } .stitab .qty input { width: 22px !important; margin-bottom: 0; padding: 0 0 1px; border: 0; background: none; color: inherit; font-size: inherit; line-height: 1; text-align: right !important; } .stitab .wvat::before { content: '\00a0-\00a0'; } .stitab .wvat strong { font-weight: normal; } .stitab tr { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; padding-right: 22px; } .stitab .inforow { margin-bottom: 0; padding: 0 15px; background-color: #ffffff; color: #4aaa2f; font-weight: 500; } .stitab .inforow p { margin-bottom: 0; } .stitab .remove { position: absolute; top: 50%; right: -10px; width: 32px !important; margin-top: -16px; } .stitab .remove a { display: block; width: 32px; height: 32px; background-image: url("../img/icon/remove.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 12px 12px; overflow: hidden; } .stitab .remove img { opacity: 0; } .stitab .b-detail-countdown { margin: 10px 0 0; } .stitab .b-detail-countdown__countdown { -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } @media (min-width: 768px), print { .stitab .inforow { padding: 0 30px; } } .strip { padding-left: 10px; border-left: 3px solid #f7b626; } #strnameplussrch { position: relative; margin-bottom: 20px; } #strnameplussrch span, #strnameplussrch input[type='text'] { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; display: block; margin: 0; } @media (min-width: 768px) { #strnameplussrch span, #strnameplussrch input[type='text'] { font-size: 35px; } } #strnameplussrch input[type='text'] { position: relative; display: none; width: 100%; padding: 0; border: 0; background-color: transparent; caret-color: #f7b626; } table.contacts th, table.contacts td, .table-contacts th, .table-contacts td { min-width: 20%; } table.contacts th > :last-child, table.contacts td > :last-child, .table-contacts th > :last-child, .table-contacts td > :last-child { margin-bottom: 0; } table.contacts .mail, .table-contacts .mail { width: 250px; } table.contacts .phone, .table-contacts .phone { width: 130px; } @media (max-width: 767.98px) { table.contacts, .table-contacts { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; display: block; overflow-x: auto; } table.contacts::-webkit-scrollbar, .table-contacts::-webkit-scrollbar { width: 10px; } table.contacts::-webkit-scrollbar-thumb, .table-contacts::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } table.contacts th, table.contacts td, .table-contacts th, .table-contacts td { padding: 8px 10px; } } .tabpage .hdr .l, .tabpage .hdr .r { display: none; } .tabpage .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .tabpage .hdr .c p { font-size: 35px; } } @media (max-width: 767.98px) { .tabpage:not(.stiystt) { margin-bottom: 10px; } .tabpage:not(.stiystt) .hdr .c p { position: relative; padding: 15px 50px 15px 15px; background-color: #ffffff; font-size: 24px; line-height: 1.25; margin-bottom: 0; } .tabpage:not(.stiystt) .hdr .c p::after { content: ''; position: absolute; top: 20px; right: 15px; width: 20px; height: 20px; background-image: url("../img/icon/angle-d-orange.svg"); background-size: 20px 20px; transition: transform 0.3s; } #tabs .tabpage { display: block !important; } .tabpage:not(.stiystt).is-toggled .hdr .c p::after { transform: scaleY(-1); } } #tabs_wn .moreprod { display: none; } .to-top__btn { display: inline-block; padding-left: 30px; background-image: url("../img/icon/to-top.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 21px 21px; font-size: 14px; line-height: 1.714285714; } @media (min-width: 1024px) { .to-top { padding: 18px 0; } } .o-tooltip { position: relative; display: inline-block; vertical-align: middle; } .o-tooltip::before { content: ''; display: block; width: 24px; height: 24px; background-image: url("../img/icon/info.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px 24px; cursor: help; } .o-tooltip__content { position: absolute; top: 10px; right: 10px; z-index: 1; width: 240px; padding: 10px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #ffffff; font-size: 12px; line-height: 1.333333333; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } .o-tooltip__content :last-child { margin-bottom: 0; } .o-tooltip__content link:first-child + * { margin-top: 0; } .o-tooltip.is-toggled .o-tooltip__content, .hoverevents .o-tooltip:hover .o-tooltip__content { visibility: visible; opacity: 1; } @media (min-width: 768px) { .o-tooltip__content { right: auto; left: 50%; margin-left: -120px; } } .demsrvnote.cpvnote { position: relative; display: inline-block; vertical-align: middle; } .demsrvnote.cpvnote::before { content: '?'; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; padding-top: 1px; border: 1px solid currentColor; border-radius: 50%; color: #7fa1bc; font-size: 11px; cursor: help; } .demsrvnote.cpvnote > p { position: absolute; top: 10px; right: 10px; z-index: 1; width: 240px; padding: 10px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #ffffff; font-size: 12px; line-height: 1.333333333; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } .demsrvnote.cpvnote.is-toggled > p, .hoverevents .demsrvnote.cpvnote:hover > p { visibility: visible; opacity: 1; } @media (min-width: 768px) { .demsrvnote.cpvnote > p { right: auto; left: 50%; margin-left: -120px; } } .topbar-strip { position: relative; z-index: 2; padding: 10px 0; border-bottom: 1px solid #e6e6e6; background-color: #f7b626; color: #000000; font-size: 12px; } .topbar-strip > div { position: relative; padding-right: 47px; } .topbar-strip .close-strip { position: absolute; top: -6px; right: 0; width: 32px; height: 32px; background-image: url("../img/icon/close.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; cursor: pointer; } .vue-slider-component.vue-slider-component { margin-top: 20px; padding: 13px 8px !important; } .vue-slider-component.vue-slider-component .vue-slider { border: 1px solid #e6e6e6; border-radius: 3px; background-color: #ffffff; } .vue-slider-component.vue-slider-component .vue-slider-process { border-radius: 3px; background-color: #f7b626; } .vue-slider-component.vue-slider-component .vue-slider-process .vue-slider-tooltip-wrap { margin-bottom: 13px; } .vue-slider-component.vue-slider-component .vue-slider-dot { top: -13px !important; width: 32px !important; height: 32px !important; margin-left: -8px; border: 0; background: transparent; box-shadow: none; } .vue-slider-component.vue-slider-component .vue-slider-dot::before { content: ''; position: absolute; top: 8px; left: 8px; width: 16px; height: 16px; border-radius: 50%; background-color: #01447b; } .vue-slider-component.vue-slider-component .vue-slider-tooltip-wrap { top: auto !important; bottom: 100%; transform: translate(-50%, 0) !important; } .vue-slider-component.vue-slider-component .vue-slider-tooltip { padding: 0; border: 0; border-radius: 0; background-color: transparent; color: #000000; font-weight: 500; font-size: 13px; line-height: 1; } .vue-slider-component.vue-slider-component .vue-slider-tooltip::before { display: none; } .is-wysiwyg > p { font-size: 16px; line-height: 1.75; } .is-wysiwyg > p, .is-wysiwyg > ul, .is-wysiwyg > ol, .is-wysiwyg > table { margin-bottom: 30px; } .is-wysiwyg > figure { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; margin-left: -10px; } .is-wysiwyg > figure > * { -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 0; margin-bottom: 10px; margin-left: 10px; } @media (max-width: 767.98px) { .is-wysiwyg > table th, .is-wysiwyg > table td { padding: 8px 10px; } } .b-article-body form { max-width: 850px; margin: 0 auto 30px; } .b-article-body form input[type='button']:not([value='Vymazat']) { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .b-article-body form input[type='button']:not([value='Vymazat']):hover { background-color: #005499; text-decoration: none; } .b-article-body form input[type='button'][value='Vymazat'] { margin: 0; padding: 0; border: 0; background-color: transparent; color: #01447b; font-weight: 500; text-decoration: none; transition: color 0.3s; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; color: #ff0000; } .hoverevents .b-article-body form input[type='button'][value='Vymazat']:hover { text-decoration: underline; } .b-article-body form input[type='button'] + input[type='button'] { margin-left: 15px; } .b-article-body .msform form { margin-left: 0; } .b-article-body__main { color: #000000; } @media (min-width: 480px) { .b-article-body form .half { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; } .b-article-body form .half > * { -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; padding-left: 20px; } } @media (min-width: 768px) { .b-article-body form { margin-bottom: 60px; } .b-article-body__holder { display: -ms-flexbox; display: flex; margin-left: -30px; } .b-article-body__main, .b-article-body__side { padding-left: 30px; } .b-article-body__main { -ms-flex: 1 1 850px; flex: 1 1 850px; } .b-article-body__side { -ms-flex: 1 0 300px; flex: 1 0 300px; max-width: 300px; } } @media (min-width: 1024px) { .b-article-body__holder { margin-left: -70px; } .b-article-body__main, .b-article-body__side { padding-left: 70px; } .b-article-body__side { -ms-flex-preferred-size: 390px; flex-basis: 390px; max-width: 390px; } } .b-article-header { position: relative; display: -ms-flexbox; display: flex; margin-top: -30px; margin-bottom: 30px; background-color: #181819; color: #ffffff; } .b-article-header::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .b-article-header:first-child { margin-top: -30px; } .b-article-header::before { top: 0; bottom: 0; background-color: #181819; } .b-article-header__bg, .b-article-header__content { -ms-flex: 0 0 auto; flex: 0 0 auto; } .b-article-header__bg { position: relative; width: 100%; background-position: 50% 50%; background-size: cover; } .b-article-header__bg::before, .b-article-header__bg::after { content: ''; } .b-article-header__bg::before { display: block; padding-top: 29.6875%; } .b-article-header__bg::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top, #181819 0%, transparent 100%), linear-gradient(to right, #181819 0%, rgba(24, 24, 25, 0.75) 70px, transparent 25%), linear-gradient(to left, #181819 0%, rgba(24, 24, 25, 0.75) 70px, transparent 25%); } .b-article-header__content { position: relative; -ms-flex-item-align: end; align-self: flex-end; width: 100%; padding: 15px 0; } .b-article-header__content > :last-child { margin-bottom: 0; } .b-article-header__bg + .b-article-header__content { margin-left: -100%; } .b-article-header__title { margin-bottom: 0; color: inherit; } .b-article-header__subtitle { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; color: #f7b626; } @media (max-width: 767.98px) { .b-article-header__subtitle { margin-top: 10px; font-size: 18px; } } @media (min-width: 768px) { .b-article-header { margin-top: -60px; margin-bottom: 60px; } .b-article-header:first-child { margin-top: -60px; } .b-article-header__content { padding: 25px 0; } } @media (min-width: 1024px) { .b-article-header__content { padding: 50px 0; } } @media (min-width: 1440px) { .b-article-header__bg { width: calc(100% + 110px); margin: 0 -55px; } } /* stylelint-disable */ .tsb-basket-modal-map-container { height: 800px; border: none !important; border-radius: 10px; background-color: #ffffff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25) !important; } .tsb-basket-modal-map-content { display: -ms-flexbox; display: flex; margin-left: -20px; } .tsb-basket-modal-map-UI { display: -ms-flexbox; display: flex; -ms-flex: 0 0 50%; flex: 0 0 50%; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; border-left: 20px solid transparent; overflow: hidden; } .tsb-basket-modal-map-search { -ms-flex: 0 1 calc(100% - 10px); flex: 0 1 calc(100% - 10px); padding: 20px 0 20px 20px; } .tsb-basket-modal-map-search input { display: block; width: 100%; padding: 15px 9px 14px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #ffffff; color: #000000; font-size: 1rem; line-height: 1.333333333; transition: background-color 0.3s, border-color 0.3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tsb-basket-modal-map-search input:focus { border: 1px solid #4c4c4c; } .tsb-basket-modal-map-search input::-moz-placeholder { color: #4c4c4c; } .tsb-basket-modal-map-search input:-ms-input-placeholder { color: #4c4c4c; } .tsb-basket-modal-map-search input::-ms-input-placeholder { color: #4c4c4c; } .tsb-basket-modal-map-search input::placeholder { color: #4c4c4c; } .tsb-basket-modal-map-UI-bottom { display: -ms-flexbox; display: flex; -ms-flex: 0 1 100%; flex: 0 1 100%; height: 100%; margin-left: -10px; overflow: hidden; } .tsb-tab tsb-pickup, .tsb-basket-modal-map-list-side { height: 100%; overflow: hidden; } .tsb-basket-modal-map-list { height: calc(100% - 38px) !important; overflow-y: auto !important; } .tsb-basket-modal-map-filter { -ms-flex: 0 1 45%; flex: 0 1 45%; max-width: none !important; padding: 10px 0 10px 20px; border-left: 10px solid transparent; background-color: #f5f5f5; } .tsb-basket-modal-map-filter > div { margin-bottom: 20px; color: #0072c1; font-weight: bold; font-size: 16px; } .tsb-basket-modal-map-filter .tsb-map-type-filter:first-child { margin-top: 10px; } .tsb-basket-modal-map-filter .tsb-inp-place__holder { padding: 10px 0; border-top: 1px solid #dfdfdf; } .tsb-basket-modal-map-filter .tsb-inp-place__holder::after { top: 50%; right: auto; left: 0; width: 20px; height: 20px; border-radius: 5px; background-color: #dfdfdf; background-image: none; opacity: 1; transform: translateY(-50%); } .tsb-basket-modal-map-filter .tsb-inp-place__holder > div { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -10px; padding-right: 10px; padding-left: 30px; } .tsb-basket-modal-map-filter .tsb-inp-place__holder > div span { -ms-flex: 0 1 auto; flex: 0 1 auto; border-left: 10px solid transparent; color: #4c4c4c; font-size: 16px; line-height: 18px; } .tsb-basket-modal-map-filter .tsb-inp-place__holder > div .dmgico { position: relative; width: 40px; height: 40px; } .tsb-basket-modal-map-filter .tsb-inp-place__holder > div .dmgico img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .tsb-basket-modal-map-filter .tsb-inp-place__holder > div .o-tooltip { position: relative; z-index: 100; margin-left: auto; } .tsb-basket-modal-map-filter .tsb-inp-place__holder > div .o-tooltip__content { position: absolute; top: 0; right: auto; left: 100%; margin: 0; font-weight: normal; font-size: 12px; line-height: 14px; } .tsb-basket-modal-map-filter .inp-place__input:checked + .tsb-inp-place__holder::after { background-color: #0072c1; background-image: url(../img/icon/checkbox.svg), linear-gradient(0deg, transparent, transparent 0%, transparent 0%); } .tsb-basket-modal-map-list { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; -ms-flex: 0 1 55%; flex: 0 1 55%; max-width: none !important; height: auto; padding-right: 10px; border-left: 10px solid transparent; overflow-y: auto; } .tsb-basket-modal-map-list::-webkit-scrollbar { width: 10px; } .tsb-basket-modal-map-list::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .tsb-basket-modal-map-list .inp-place__holder { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; transition: background 0.3s; } .tsb-basket-modal-map-list .inp-place__holder::after { display: none; } .tsb-basket-modal-map-list .inp-place__holder .left { -ms-flex: 0 0 60px; flex: 0 0 60px; } .tsb-basket-modal-map-list .inp-place__holder .left .dmgico { position: relative; display: block; width: 60px; height: 60px; } .tsb-basket-modal-map-list .inp-place__holder .left .dmgico img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; margin: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .tsb-basket-modal-map-list .inp-place__holder .right { -ms-flex: 0 1 auto; flex: 0 1 auto; padding-left: 20px; font-size: 12px; } .tsb-basket-modal-map-list .inp-place__holder .right .inp-place__hours th { font-weight: bold; } .tsb-basket-modal-map-list .inp-place__holder .right button { display: inline-block; margin-top: 15px; padding: 10px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 14px; line-height: 16px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .tsb-basket-modal-map-list .inp-place:hover .inp-place__holder .right button { background-color: #005499; } .tsb-basket-modal-map-list .inp-place__input:checked ~ .inp-place__holder, .tsb-basket-modal-map-list .input_radio:checked ~ .inp-place__holder { background-color: #f4f9fe; } .tsb-basket-modal-map-view { -ms-flex: 0 1 50%; flex: 0 1 50%; border-left: 20px solid transparent; } @media (max-width: 1100px) { .tsb-basket-modal-map-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } .tsb-basket-modal-map-UI { -ms-flex: 0 1 100% !important; flex: 0 1 100% !important; -ms-flex-order: 2; order: 2; height: 70%; } .tsb-basket-modal-map-view { -ms-flex: 0 1 100% !important; flex: 0 1 100% !important; -ms-flex-order: 1; order: 1; height: 30%; } } @media (max-width: 600px) { .tsb-basket-modal-map-content { margin: 0; } .tsb-modal-title-bar { position: absolute; top: 70px; right: 0; left: 0; z-index: 99999; display: block !important; height: auto !important; } .tsb-modal-title-bar .tsb-modal-btn-box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .tsb-modal-title-bar h2 { position: absolute; top: 0; right: 5%; z-index: 99999; width: 100px; height: 45px; font-size: 0 !important; cursor: pointer; } .tsb-modal-title-bar h2::before { content: 'Filtr'; position: absolute; top: 0; left: 0; width: 100px; height: 45px; padding: 13px 15px 12px; background: #005499; font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 500; font-size: 16px !important; line-height: 20px; text-align: center; color: #ffffff; } .tsb-modal-title-bar .subhdr { position: static !important; -ms-flex: 0 1 calc(100% - 110px); flex: 0 1 calc(100% - 110px); max-width: calc(100% - 110px); -ms-flex-order: 1; order: 1; background: none !important; } .tsb-modal-title-bar .tsb-basket-modal-map-search { -ms-flex: 0 1 100%; flex: 0 1 100%; -ms-flex-order: 2; order: 2; } .tsb-basket-modal-map-UI { -ms-flex-flow: row; flex-flow: row; height: 50%; overflow: hidden; } .tsb-basket-modal-map-view { height: 50%; } .tsb-basket-modal-map-UI-bottom { -ms-flex: 0 1 100% !important; flex: 0 1 100% !important; height: 100%; overflow: hidden; } .tsb-basket-modal-map-UI-bottom .o-tooltip__content { left: auto !important; right: 100% !important; } .tsb-tab tsb-pickup, .tsb-basket-modal-map-list-side { height: 100%; overflow: hidden; } .tsb-basket-modal-map-list { height: 100%; overflow-y: auto; } .tsb-basket-modal-map-filter { position: absolute; top: 124px; right: 5%; z-index: 99999; display: none; width: 90%; height: calc(100% - 120px); overflow: hidden; overflow-y: auto; } .tsb-basket-modal-map-list-side { -ms-flex: 0 1 100% !important; flex: 0 1 100% !important; } .TSB-map-close { top: 10px !important; right: 10px !important; width: 20px !important; height: 20px !important; background-size: 10px 10px !important; } } @media (max-width: 540px) { .tsb-modal-title-bar { top: 90px; } .tsb-modal-title-bar h2 { top: -55px; right: 5%; left: 5%; width: 90%; } .tsb-modal-title-bar h2::before { right: 0; width: 100%; } .tsb-modal-title-bar .subhdr { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; } .tsb-basket-modal-map-filter { top: 90px; height: calc(100% - 90px); } } @media (max-width: 410px) { .subhdr button { font-size: 12px; } } .basketadd .rowbox { display: -ms-flexbox; display: flex; } .basketadd .rowbox > * { width: 100%; } .basketadd .rowbox > .sticode, .basketadd .rowbox > .prc, .basketadd .rowbox > .sti_relation_condoffer { display: none; } .basketadd .rowbox > .stiplname, .basketadd .rowbox > .img { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .basketadd .rowbox > .stiplname::before, .basketadd .rowbox > .img::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .basketadd .rowbox > .stiplname { padding-bottom: 60px; } .basketadd .rowbox > .img { -ms-flex-align: center; align-items: center; -ms-flex-order: -1; order: -1; margin-top: -30px; padding: 60px 30px 30px; } .basketadd .rowbox > .img img { max-width: 100%; height: auto; } .basketadd .stiplname { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: 24px; line-height: 1.2; } .basketadd .stiplname h1 { -ms-flex-order: 1; order: 1; margin: 0; color: #01447b; font-size: inherit; line-height: inherit; } .basketadd .stiplname strong { color: #71cb58; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; } .basketadd .stiplname strong::first-letter { text-transform: uppercase; } .basketadd .navbuttons { position: fixed; right: 0; bottom: 0; left: 0; z-index: 22; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 1200px; margin: 0 auto; padding: 15px 15px; } .basketadd .navbuttons::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .basketadd .navbuttons, .basketadd .navbuttons::before, .basketadd .navbuttons::after { background-color: #0072c1; } .basketadd .navbuttons .btnn#btnnorblitetobask { -ms-flex-order: 1; order: 1; margin-left: auto; } .basketadd .navbuttons .btnn#btnnorblitetobask a { background-color: #4aaa2f; } .hoverevents .basketadd .navbuttons .btnn#btnnorblitetobask a:hover { background-color: #54c135; } .basketadd .navbuttons .btnn q::before, .basketadd .navbuttons .btnn q::after { display: none; } .basketadd.popupcont > .outer { width: 100%; } .basketadd.popupcont .arrow, .basketadd.popupcont .basket, .basketadd.popupcont .status { display: none; } .basketadd.popupcont .status + p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; font-weight: 500; } @media (min-width: 768px) { .basketadd.popupcont .status + p { font-size: 35px; } } .basketadd.popupcont .status.ok + p { color: #71cb58; } .basketadd.popupcont .status + p, .basketadd.popupcont .thumbnail { text-align: center; } .basketadd.popupcont .rowbox > .stiplname, .basketadd.popupcont .rowbox > .img { margin-top: 0; padding-bottom: 60px; } .basketadd.popupcont .rowbox > .stiplname::before, .basketadd.popupcont .rowbox > .img::before { display: none; } .basketadd.popupcont .cnt { padding: 30px; background-color: #ffffff; } .basketadd.popupcont .hdr .l, .basketadd.popupcont .hdr .c, .basketadd.popupcont .ftr { display: none; } @media (max-width: 767.98px) { .basketadd .rowbox { -ms-flex-direction: column; flex-direction: column; } .basketadd .stiplname { text-align: center; } .basketadd.popupcont .cnt { padding: 15px; } .basketadd.popupcont .rowbox > .stiplname, .basketadd.popupcont .rowbox > .img { padding: 0; } .basketadd.popupcont .rowbox > .stiplname h1 { font-size: 21px; } .basketadd.popupcont .rowbox > .img { margin-bottom: 30px; } } @media (max-width: 479.98px) { .basketadd .navbuttons { padding: 20px 10px; } .basketadd .navbuttons .btnn > a { padding: 10px; font-size: 14px; } } @media (min-width: 768px) { .basketadd .rowbox { -ms-flex-wrap: wrap; flex-wrap: wrap; } .basketadd .rowbox > .stiplname, .basketadd .rowbox > .img { width: 50%; margin-top: -60px; padding-top: 60px; padding-bottom: 100px; } .basketadd .rowbox > .stiplname::before, .basketadd .rowbox > .img::before { right: calc((100vw - 200%) / -2); left: calc((100vw - 200%) / -2); } .basketadd .stiplname { font-size: 35px; } .basketadd .navbuttons { padding-top: 30px; padding-bottom: 30px; } .basketadd.popupcont .rowbox > .stiplname, .basketadd.popupcont .rowbox > .img { padding-top: 30px; padding-bottom: 30px; } .basketadd.popupcont .rowbox > .img { padding-left: 0; } } @media (min-width: 1360px) { .basketadd .navbuttons { max-width: 1360px; } } .basketbuttonsbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .basketbuttonsbox .sumtofreedeliv { -ms-flex-order: -1; order: -1; width: 100%; margin-bottom: 30px; } .basketbuttonsbox .btnback_box, .basketbuttonsbox .btnbuy_box { margin-bottom: 15px; font-size: 0; } .basketbuttonsbox .btnrc_box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .basketbuttonsbox .btnrc_box .btnn a { background-color: transparent; color: #01447b; } .basketbuttonsbox .btnbuy_box .btnn a { background-color: #4aaa2f; } .hoverevents .basketbuttonsbox .btnbuy_box .btnn a:hover { background-color: #54c135; } .basketbuttonsbox .btnnOrd1Calc { margin-bottom: 25px; } .basketbuttonsbox .btnnOrd1Calc .calc, .basketbuttonsbox .btnnOrd1Calc .hcsms { display: block; margin-bottom: 5px; background-color: #ffffff; text-align: left; } .basketbuttonsbox .btnnOrd1Calc .calc { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; min-height: 70px; padding: 15px 20px 15px 42px; background-image: url("../img/icon/calc.svg"); background-position: 10px 50%; background-repeat: no-repeat; background-size: 24px 24px; font-size: 15px; line-height: 20px; cursor: pointer; color: #01447b; } .basketbuttonsbox .btnnOrd1Calc .calc strong { -ms-flex-order: 1; order: 1; color: #000000; } .basketbuttonsbox .btnnOrd1Calc .calc u { text-decoration: none; } .hoverevents .basketbuttonsbox .btnnOrd1Calc .calc:hover { text-decoration: none; } .hoverevents .basketbuttonsbox .btnnOrd1Calc .calc:hover u { text-decoration: underline; } @media (max-width: 767.98px) { .basketbuttonsbox .btnnOrd1Calc .calc { -ms-flex-wrap: wrap; flex-wrap: wrap; } .basketbuttonsbox .btnnOrd1Calc .calc u { margin-right: 5px; } } @media (min-width: 768px) { .basketbuttonsbox .btnnOrd1Calc .calc u { margin-right: 20px; } } .basketbuttonsbox .btnnOrd1Calc .hcsms { position: relative; min-height: 70px; padding: 15px 20px 15px 42px; background-image: url("../img/icon/phone-sms.svg"); background-position: 10px 50%; background-repeat: no-repeat; background-size: 24px 24px; line-height: 20px; } .basketbuttonsbox .btnnOrd1Calc .hcsms a { display: block; margin-left: 2px; } .basketbuttonsbox .btnnOrd1Calc .hcsms a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .basketbuttonsbox .btnnOrd1Calc .hcsms br { display: none; } .basketbuttonsbox #btnnorbexp { display: none; } .hoverevents .basketbuttonsbox .btnrc_box .btnn > a:hover { text-decoration: underline; } .hoverevents .basketbuttonsbox .btnnOrd1Calc .calc:hover { background-color: #ffffff; } html:not(.curid-0.ossid-0) .basketbuttonsbox .btnnOrd1Calc { display: none; } @media (max-width: 1023.98px) { .basketbuttonsbox .btnrc_box { width: 100%; } } @media (max-width: 767.98px) { .basketbuttonsbox .btnnOrd1Calc .hcsms { display: none; } } @media (max-width: 479.98px) { .basketbuttonsbox .btnback_box, .basketbuttonsbox .btnbuy_box { width: 100%; text-align: center; } } @media (min-width: 480px) { .basketbuttonsbox .btnnOrd1Calc { width: calc(100% + 10px); } } @media (min-width: 768px) { .basketbuttonsbox .btnnOrd1Calc { display: -ms-flexbox; display: flex; margin: 0 0 20px -10px; } .basketbuttonsbox .btnnOrd1Calc .calc, .basketbuttonsbox .btnnOrd1Calc .hcsms { width: calc(50% - 10px); margin: 0 0 10px 10px; } } @media (min-width: 1024px) { .basketbuttonsbox .btnrc_box { margin-right: auto; margin-left: 15px; } .basketbuttonsbox .btnbuy_box { -ms-flex-order: 1; order: 1; } } .basketcont .basicswitchbox { display: none; } .basketcont #existinguser .subheader, .basketcont #newregistrationinfo .subheader { text-align: center; } .basketcont.currentstep0 { margin-bottom: 60px; } #basketconticont { max-width: 850px; margin: 0 auto 60px; } #basketconticont .navbar { display: none; } #basketconticont .summary > h2 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { #basketconticont .summary > h2 { font-size: 35px; } } #basketconticont .details { margin-bottom: 30px; padding: 15px; background-color: #ffffff; color: #000000; } #basketconticont .details form, #basketconticont .details .summary, #basketconticont .details .info, #basketconticont .details .tsbbox { max-width: 420px; margin-right: auto; margin-left: auto; } #basketconticont .details form { text-align: center; } #basketconticont .details .btnn { margin-bottom: 30px; } #basketconticont .subheader { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; margin-bottom: 30px; } #basketconticont .btnnlogin span, #basketconticont .btnconti span { display: none; } #basketconticont .btnbuy_box { font-size: 0; } #basketconticont .btnconti { display: none; margin-top: -130px; text-align: center; } #basketconticont .btnconti a { background-color: #4aaa2f; margin-top: 130px; } .hoverevents #basketconticont .btnconti a:hover { background-color: #54c135; } #basketconticont .btnconti.done { height: 0; visibility: hidden; opacity: 0; } #basketconticont .info { margin-bottom: 30px; } #basketconticont .info li { margin-bottom: 5px; } #basketconticont .contactbox, #basketconticont .contactdatabox .cnt .I6_basket_div_inbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } #basketconticont .contactbox > .rowbox, #basketconticont .contactdatabox .cnt .I6_basket_div_inbox > .rowbox { width: 100%; padding-left: 10px; } #basketconticont .contactbox > .rowbox .errmsg, #basketconticont .contactdatabox .cnt .I6_basket_div_inbox > .rowbox .errmsg { color: #ff0000; font-size: 12px; line-height: 1.333333333; } #basketconticont .contactdatabox .cnt .I6_basket_div_inbox > .rowbox:nth-child(1), #basketconticont .contactdatabox .cnt .I6_basket_div_inbox > .rowbox:nth-child(2), #basketconticont .contactdatabox .cnt .I6_basket_div_inbox > .rowbox:nth-child(4), #basketconticont .contactdatabox .cnt .I6_basket_div_inbox > .rowbox:nth-child(5), #basketconticont .contactdatabox .cnt .I6_basket_div_inbox > .rowbox:nth-child(7), #basketconticont .contactdatabox .cnt .I6_basket_div_inbox > .rowbox:nth-child(8) { width: 50%; } #basketconticont .contactbox > .rowbox:nth-child(1), #basketconticont .contactbox > .rowbox:nth-child(2), #basketconticont .contactbox > .rowbox:nth-child(4), #basketconticont .contactbox > .rowbox:nth-child(5), #basketconticont .contactbox > .rowbox:nth-child(7), #basketconticont .contactbox > .rowbox:nth-child(8), #basketconticont .contactbox > .rowbox:nth-child(11), #basketconticont .contactbox > .rowbox:nth-child(12) { width: 50%; } #basketconticont .contactdatabox .ftr, #basketconticont .contactdatabox .savecomp { display: none; } #basketconticont .contactdatabox .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; } #basketconticont .contactdatabox .btnn { text-align: right; } #basketconticont .contactdatabox .btnn.savecomp a { background-color: #4aaa2f; } .hoverevents #basketconticont .contactdatabox .btnn.savecomp a:hover { background-color: #54c135; } #basketconticont .discoupons input[disabled] ~ #isiccheckerresult, #basketconticont .discoupons .I6_basket_div_inbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } #basketconticont .discoupons input[disabled] ~ #isiccheckerresult > .rowbox, #basketconticont .discoupons .I6_basket_div_inbox > .rowbox { width: 50%; padding-left: 10px; } #basketconticont .discoupons .ftr { display: none; } #basketconticont .discoupons #isiccheckerresult, #basketconticont .discoupons #isiconlyregisteredinfo { font-size: 12px; line-height: 1.333333333; } #basketconticont .discoupons #isiccheckerresult .semivalid, #basketconticont .discoupons #isiconlyregisteredinfo .semivalid { color: #f7b626; } #basketconticont .discoupons #isiccheckerresult .invalid, #basketconticont .discoupons #isiconlyregisteredinfo .invalid { color: #ff0000; } #basketconticont .discoupons #isiccheckerresult .valid, #basketconticont .discoupons #isiconlyregisteredinfo .valid { color: #4aaa2f; } #basketconticont .iscompany, #basketconticont .customsign, #basketconticont .anonymousbuysendlogin, #basketconticont .gdpr .rowbox { display: block; margin-top: 10px; margin-bottom: 10px; cursor: default; } #basketconticont .iscompany label, #basketconticont .customsign label, #basketconticont .anonymousbuysendlogin label, #basketconticont .gdpr .rowbox label { display: inline-block; cursor: pointer; } #basketconticont .customsign .yournr { display: none; } #basketconticont .anonymousbuysendlogin #logpswdcont { display: none; margin-top: 20px; margin-bottom: 20px; } #basketconticont .infomail { display: none; } #basketconticont #logpswdcont { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } #basketconticont #logpswdcont > .rowbox { width: 100%; padding-left: 10px; } #basketconticont #logpswdcont > .rowbox:nth-child(2), #basketconticont #logpswdcont > .rowbox:nth-child(3) { width: 50%; } #basketconticont #logpswdcont > .rowbox .password-strength { width: calc(200% + 10px); margin-bottom: 15px; } #basketconticont #gdprcont { margin-top: -10px; } #basketconticont #gdprcont .input-required.err ~ label::before { border-color: #ff0000; } #basketconticont #btnnGetDemPayQuePart { display: block; } #basketconticont .customsign.active .yournr { display: block; } #basketconticont .anonymousbuysendlogin.active #logpswdcont { display: -ms-flexbox; display: flex; } #basketconticont .contactdatabox.editmode .updcomp { display: none; } #basketconticont .contactdatabox.editmode .savecomp { display: block; } #basketconticont #ordcstiddiv[rel='actdmgid_2'], #basketconticont #ordcstiddiv[rel='actdmgid_10'], #basketconticont #ordcstiddiv[rel='actdmgid_12'], #basketconticont #ordcstiddiv[rel='actdmgid_13'], #basketconticont #ordcstiddiv[rel='actdmgid_14'], #basketconticont #ordcstiddiv[rel='actdmgid_19'], #basketconticont #ordcstiddiv[rel='actdmgid_21'] { display: none !important; } #basketconticont #ordcstiddiv[rel='actdmgid_2'], #basketconticont #step_cstdiv[rel='actdmgid_2'], #basketconticont #step_cstdiv[rel='actdmgid_10'], #basketconticont #step_cstdiv[rel='actdmgid_12'], #basketconticont #step_cstdiv[rel='actdmgid_13'], #basketconticont #step_cstdiv[rel='actdmgid_14'], #basketconticont #step_cstdiv[rel='actdmgid_19'], #basketconticont #step_cstdiv[rel='actdmgid_21'], #basketconticont #ordcstiddiv[rel='actdmgid_10'] { display: none !important; } @media (min-width: 768px) { #basketconticont .details { margin-bottom: 50px; padding: 40px; } #basketconticont .btnconti { margin-top: -80px; } #basketconticont .btnconti a { margin-top: 80px; } } #step_cstcondiv { display: none; } .basketdetailsframe { position: fixed; top: 54px; right: -1px; bottom: 0; z-index: 10; display: none; width: 100%; transition: top 0.3s; will-change: top; } .basketdetailsframe > .cnt { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; height: 100%; margin-top: -1px; padding: 9px; border: 1px solid #e6e6e6; background-color: #ffffff; overflow-x: hidden; overflow-y: auto; } .basketdetailsframe > .cnt::-webkit-scrollbar { width: 10px; } .basketdetailsframe > .cnt::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .basketdetailsframe > .cnt::before, .basketdetailsframe > .cnt::after { content: ''; position: absolute; right: 61px; } .basketdetailsframe > .cnt::before { width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #e6e6e6 transparent transparent transparent; top: 0; } .basketdetailsframe > .cnt::after { width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #ffffff transparent transparent transparent; top: -1px; } .basketdetailsframe > .cnt > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; width: calc(100% - 20px); margin: 0 10px; margin-bottom: -1px; padding: 10px 0 15px; border-bottom: 1px solid #e6e6e6; } .basketdetailsframe > .cnt > .out { position: relative; min-height: calc(100% - 60px); padding-bottom: 184px; } .basketdetailsframe > .cnt > .out .loadingCont { padding-top: 20px; } .basketdetailsframe .basketbuttonsbox, .basketdetailsframe .refprice { display: none; } .basketdetailsframe .stitab { margin-bottom: 0; border-bottom: 0; } .basketdetailsframe .stitab tr { position: relative; margin-bottom: 0; padding: 28px 22px 28px 90px; } .basketdetailsframe .stitab tr:not([class]), .basketdetailsframe .stitab tr[class=''] { padding: 5px 0; color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; } .basketdetailsframe .stitab tr td:not([class]):first-child, .basketdetailsframe .stitab tr td:not([class]):first-child + .al_left.nowrap { display: none; } .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='1'], .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='2'] { width: 100%; } .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='1'] strong, .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='2'] strong { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; color: #01447b; } .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='1'] + .al_right, .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='1'] + .al_right + .al_right, .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='2'] + .al_right, .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='2'] + .al_right + .al_right { display: none; } .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='1'] + .al_right + .al_right + .al_right, .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='2'] + .al_right + .al_right + .al_right { color: #7f7f7f; font-size: 13px; } .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='1'] + .al_right + .al_right + .al_right strong, .basketdetailsframe .stitab tr td:not([class]):first-child ~ [colspan='2'] + .al_right + .al_right + .al_right strong { font-weight: normal; } .basketdetailsframe .stitab tr td:not([class]):first-child ~ [width='50'] { position: absolute; top: 50%; right: -10px; width: 32px !important; margin-top: -16px; } .basketdetailsframe .stitab tr td:not([class]):first-child ~ [width='50'] a { display: block; width: 32px; height: 32px; background-image: url("../img/icon/remove.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 12px 12px; overflow: hidden; } .basketdetailsframe .stitab tr td:not([class]):first-child ~ [width='50'] img { opacity: 0; } .basketdetailsframe .stitab tr td:not([class]):first-child ~ [width='50'] + td { display: none; } .basketdetailsframe .stitab tr + tr:not(.bundle) { border-top: 1px solid #e6e6e6; } .basketdetailsframe .stitab tr + .bundle { margin-top: -28px; } .basketdetailsframe .stitab .thimg { position: absolute; top: 10px; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 80px; height: 80px; padding: 10px; } .basketdetailsframe .stitab .thimg img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .basketdetailsframe .stitab .name h2 a { font-weight: inherit; } .basketdetailsframe .stitab .qty { -ms-flex-order: 1; order: 1; } .basketdetailsframe .stitab .qty::after { margin-left: 2px; } .basketdetailsframe .stitab .wvat { color: #7f7f7f; } .basketdetailsframe .stitab .wvat::before { display: none; } .basketdetailsframe .stitab .bundle h2, .basketdetailsframe .stitab .bundle .name { color: #000000; font-size: 15px; } .basketdetailsframe .stitab .bundle .name { margin-bottom: 2px; } .basketdetailsframe .stitab .bundle .thimg img { max-width: 66.666666667%; max-height: 66.666666667%; margin-top: -6px; } .basketdetailsframe .stitab .bundle .thimg + td:not([class]) { display: none; } .basketdetailsframe .stitab .bundle .thimg + td:not([class]) + td[colspan='2'] { width: 100%; } .basketdetailsframe .basketsumtab { position: fixed; bottom: 1px; display: block; max-width: calc(100% - 40px); margin: 0 10px; padding-top: 20px; padding-bottom: 80px; border-top: 1px solid #e6e6e6; background-color: #ffffff; } .basketdetailsframe .basketsumtab .price { margin-bottom: 15px; padding: 0; } .basketdetailsframe .basketsumtab .price span, .basketdetailsframe .basketsumtab .price u { color: #f7b626; } .basketdetailsframe .btn-favour { position: absolute; bottom: 20px; left: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 50px; padding-left: 28px; background-image: url("../img/icon/heart.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 18px 16px; } .no-hoverevents .basketdetailsframe { display: none !important; } @media (max-width: 479.98px) { .basketdetailsframe .basketsumtab { padding-top: 15px; padding-bottom: 105px; } .basketdetailsframe .basketsumtab .price { margin-bottom: 0; } .basketdetailsframe .basketsumtab .btn { bottom: 10px; left: 0; } .basketdetailsframe .basketsumtab .btn a { width: 100%; } .basketdetailsframe .btn-favour { bottom: 73px; left: 0; min-height: 0; } } @media (min-width: 375px) { .basketdetailsframe > .cnt::before, .basketdetailsframe > .cnt::after { right: 73px; } } @media (min-width: 768px) { .basketdetailsframe { top: 92px; width: 100%; max-width: 500px; } .basketdetailsframe > .cnt { padding: 19px; } .basketdetailsframe > .cnt::before, .basketdetailsframe > .cnt::after { right: 86px; } .basketdetailsframe > .cnt > p { padding-top: 0; } .basketdetailsframe > .cnt > .out { min-height: calc(100% - 50px); } .basketdetailsframe .stitab, .basketdetailsframe .basketsumtab { max-width: 430px; } html.scroll .basketdetailsframe { top: 64px; } } @media (min-width: 1200px) { .basketdetailsframe > .cnt::before, .basketdetailsframe > .cnt::after { right: 32px; } } @media (min-width: 1680px) { .basketdetailsframe { right: 50%; margin-right: -841px; } .basketdetailsframe > .cnt::before, .basketdetailsframe > .cnt::after { right: 49px; } } /* stylelint-disable */ .basketcont .basketmainbox .stitab, .basketcont .ordbasket_stilist .stitab { width: 100%; margin: 0; border: 0; } .basketcont .basketmainbox .stitab, .basketcont .basketmainbox .stitab tbody, .basketcont .ordbasket_stilist .stitab, .basketcont .ordbasket_stilist .stitab tbody { display: block; } .basketcont .basketmainbox .toprow, .basketcont .ordbasket_stilist .toprow { display: none; } .basketcont .basketmainbox .refprice, .basketcont .basketmainbox .bundleitems, .basketcont .basketmainbox .orbitem, .basketcont .basketmainbox .orbstiidpack, .basketcont .ordbasket_stilist .refprice, .basketcont .ordbasket_stilist .bundleitems, .basketcont .ordbasket_stilist .orbitem, .basketcont .ordbasket_stilist .orbstiidpack { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; margin: 0; background-color: #ffffff; } .basketcont .basketmainbox .refprice .wvat::before, .basketcont .basketmainbox .refprice .status, .basketcont .basketmainbox .refprice .colspan1, .basketcont .basketmainbox .refprice .colspan2, .basketcont .basketmainbox .refprice .lastcol, .basketcont .basketmainbox .bundleitems .wvat::before, .basketcont .basketmainbox .bundleitems .status, .basketcont .basketmainbox .bundleitems .colspan1, .basketcont .basketmainbox .bundleitems .colspan2, .basketcont .basketmainbox .bundleitems .lastcol, .basketcont .basketmainbox .orbitem .wvat::before, .basketcont .basketmainbox .orbitem .status, .basketcont .basketmainbox .orbitem .colspan1, .basketcont .basketmainbox .orbitem .colspan2, .basketcont .basketmainbox .orbitem .lastcol, .basketcont .basketmainbox .orbstiidpack .wvat::before, .basketcont .basketmainbox .orbstiidpack .status, .basketcont .basketmainbox .orbstiidpack .colspan1, .basketcont .basketmainbox .orbstiidpack .colspan2, .basketcont .basketmainbox .orbstiidpack .lastcol, .basketcont .ordbasket_stilist .refprice .wvat::before, .basketcont .ordbasket_stilist .refprice .status, .basketcont .ordbasket_stilist .refprice .colspan1, .basketcont .ordbasket_stilist .refprice .colspan2, .basketcont .ordbasket_stilist .refprice .lastcol, .basketcont .ordbasket_stilist .bundleitems .wvat::before, .basketcont .ordbasket_stilist .bundleitems .status, .basketcont .ordbasket_stilist .bundleitems .colspan1, .basketcont .ordbasket_stilist .bundleitems .colspan2, .basketcont .ordbasket_stilist .bundleitems .lastcol, .basketcont .ordbasket_stilist .orbitem .wvat::before, .basketcont .ordbasket_stilist .orbitem .status, .basketcont .ordbasket_stilist .orbitem .colspan1, .basketcont .ordbasket_stilist .orbitem .colspan2, .basketcont .ordbasket_stilist .orbitem .lastcol, .basketcont .ordbasket_stilist .orbstiidpack .wvat::before, .basketcont .ordbasket_stilist .orbstiidpack .status, .basketcont .ordbasket_stilist .orbstiidpack .colspan1, .basketcont .ordbasket_stilist .orbstiidpack .colspan2, .basketcont .ordbasket_stilist .orbstiidpack .lastcol { display: none; } .basketcont .basketmainbox .refprice .thimg, .basketcont .basketmainbox .bundleitems .thimg, .basketcont .basketmainbox .orbitem .thimg, .basketcont .basketmainbox .orbstiidpack .thimg, .basketcont .ordbasket_stilist .refprice .thimg, .basketcont .ordbasket_stilist .bundleitems .thimg, .basketcont .ordbasket_stilist .orbitem .thimg, .basketcont .ordbasket_stilist .orbstiidpack .thimg { display: -ms-flexbox; display: flex; -ms-flex: 1 0 80px; flex: 1 0 80px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; max-width: 80px; margin-right: 30px; } .basketcont .basketmainbox .refprice .thimg img, .basketcont .basketmainbox .bundleitems .thimg img, .basketcont .basketmainbox .orbitem .thimg img, .basketcont .basketmainbox .orbstiidpack .thimg img, .basketcont .ordbasket_stilist .refprice .thimg img, .basketcont .ordbasket_stilist .bundleitems .thimg img, .basketcont .ordbasket_stilist .orbitem .thimg img, .basketcont .ordbasket_stilist .orbstiidpack .thimg img { width: 80px; height: 80px; } .basketcont .basketmainbox .refprice .name, .basketcont .basketmainbox .bundleitems .name, .basketcont .basketmainbox .orbitem .name, .basketcont .basketmainbox .orbstiidpack .name, .basketcont .ordbasket_stilist .refprice .name, .basketcont .ordbasket_stilist .bundleitems .name, .basketcont .ordbasket_stilist .orbitem .name, .basketcont .ordbasket_stilist .orbstiidpack .name { padding-right: 20px; } .basketcont .basketmainbox .refprice .name .code, .basketcont .basketmainbox .bundleitems .name .code, .basketcont .basketmainbox .orbitem .name .code, .basketcont .basketmainbox .orbstiidpack .name .code, .basketcont .ordbasket_stilist .refprice .name .code, .basketcont .ordbasket_stilist .bundleitems .name .code, .basketcont .ordbasket_stilist .orbitem .name .code, .basketcont .ordbasket_stilist .orbstiidpack .name .code { display: block !important; color: #4c4c4c; font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: normal; font-size: 13px; } .basketcont .basketmainbox .refprice .name .code span, .basketcont .basketmainbox .bundleitems .name .code span, .basketcont .basketmainbox .orbitem .name .code span, .basketcont .basketmainbox .orbstiidpack .name .code span, .basketcont .ordbasket_stilist .refprice .name .code span, .basketcont .ordbasket_stilist .bundleitems .name .code span, .basketcont .ordbasket_stilist .orbitem .name .code span, .basketcont .ordbasket_stilist .orbstiidpack .name .code span { margin-right: 5px; } .basketcont .basketmainbox .refprice .ordcount, .basketcont .basketmainbox .bundleitems .ordcount, .basketcont .basketmainbox .orbitem .ordcount, .basketcont .basketmainbox .orbstiidpack .ordcount, .basketcont .ordbasket_stilist .refprice .ordcount, .basketcont .ordbasket_stilist .bundleitems .ordcount, .basketcont .ordbasket_stilist .orbitem .ordcount, .basketcont .ordbasket_stilist .orbstiidpack .ordcount { -ms-flex: 0 0 124px; flex: 0 0 124px; max-width: 124px; padding: 0 44px 0 20px; color: #000000; text-align: center; } .basketcont .basketmainbox .refprice .ordcount input, .basketcont .basketmainbox .bundleitems .ordcount input, .basketcont .basketmainbox .orbitem .ordcount input, .basketcont .basketmainbox .orbstiidpack .ordcount input, .basketcont .ordbasket_stilist .refprice .ordcount input, .basketcont .ordbasket_stilist .bundleitems .ordcount input, .basketcont .ordbasket_stilist .orbitem .ordcount input, .basketcont .ordbasket_stilist .orbstiidpack .ordcount input { margin-bottom: 0; padding-right: 9px; padding-left: 9px; text-align: center; } .basketcont .basketmainbox .refprice .ordcount input:focus, .basketcont .basketmainbox .bundleitems .ordcount input:focus, .basketcont .basketmainbox .orbitem .ordcount input:focus, .basketcont .basketmainbox .orbstiidpack .ordcount input:focus, .basketcont .ordbasket_stilist .refprice .ordcount input:focus, .basketcont .ordbasket_stilist .bundleitems .ordcount input:focus, .basketcont .ordbasket_stilist .orbitem .ordcount input:focus, .basketcont .ordbasket_stilist .orbstiidpack .ordcount input:focus { position: relative; z-index: 1; } .basketcont .basketmainbox .refprice .ordcount .up, .basketcont .basketmainbox .refprice .ordcount .down, .basketcont .basketmainbox .bundleitems .ordcount .up, .basketcont .basketmainbox .bundleitems .ordcount .down, .basketcont .basketmainbox .orbitem .ordcount .up, .basketcont .basketmainbox .orbitem .ordcount .down, .basketcont .basketmainbox .orbstiidpack .ordcount .up, .basketcont .basketmainbox .orbstiidpack .ordcount .down, .basketcont .ordbasket_stilist .refprice .ordcount .up, .basketcont .ordbasket_stilist .refprice .ordcount .down, .basketcont .ordbasket_stilist .bundleitems .ordcount .up, .basketcont .ordbasket_stilist .bundleitems .ordcount .down, .basketcont .ordbasket_stilist .orbitem .ordcount .up, .basketcont .ordbasket_stilist .orbitem .ordcount .down, .basketcont .ordbasket_stilist .orbstiidpack .ordcount .up, .basketcont .ordbasket_stilist .orbstiidpack .ordcount .down { display: none; } .basketcont .basketmainbox .refprice .ordcountcont, .basketcont .basketmainbox .bundleitems .ordcountcont, .basketcont .basketmainbox .orbitem .ordcountcont, .basketcont .basketmainbox .orbstiidpack .ordcountcont, .basketcont .ordbasket_stilist .refprice .ordcountcont, .basketcont .ordbasket_stilist .bundleitems .ordcountcont, .basketcont .ordbasket_stilist .orbitem .ordcountcont, .basketcont .ordbasket_stilist .orbstiidpack .ordcountcont { position: relative; margin-right: -24px; padding-right: 24px; } .basketcont .basketmainbox .refprice .stiqty, .basketcont .basketmainbox .bundleitems .stiqty, .basketcont .basketmainbox .orbitem .stiqty, .basketcont .basketmainbox .orbstiidpack .stiqty, .basketcont .ordbasket_stilist .refprice .stiqty, .basketcont .ordbasket_stilist .bundleitems .stiqty, .basketcont .ordbasket_stilist .orbitem .stiqty, .basketcont .ordbasket_stilist .orbstiidpack .stiqty { width: 160px; font-size: 15px; } .basketcont .basketmainbox .refprice .stiqty .garance, .basketcont .basketmainbox .bundleitems .stiqty .garance, .basketcont .basketmainbox .orbitem .stiqty .garance, .basketcont .basketmainbox .orbstiidpack .stiqty .garance, .basketcont .ordbasket_stilist .refprice .stiqty .garance, .basketcont .ordbasket_stilist .bundleitems .stiqty .garance, .basketcont .ordbasket_stilist .orbitem .stiqty .garance, .basketcont .ordbasket_stilist .orbstiidpack .stiqty .garance { padding-top: 3px; padding-bottom: 3px; font-size: 11px; } .basketcont .basketmainbox .refprice .prc.wvat, .basketcont .basketmainbox .refprice .totalprc, .basketcont .basketmainbox .bundleitems .prc.wvat, .basketcont .basketmainbox .bundleitems .totalprc, .basketcont .basketmainbox .orbitem .prc.wvat, .basketcont .basketmainbox .orbitem .totalprc, .basketcont .basketmainbox .orbstiidpack .prc.wvat, .basketcont .basketmainbox .orbstiidpack .totalprc, .basketcont .ordbasket_stilist .refprice .prc.wvat, .basketcont .ordbasket_stilist .refprice .totalprc, .basketcont .ordbasket_stilist .bundleitems .prc.wvat, .basketcont .ordbasket_stilist .bundleitems .totalprc, .basketcont .ordbasket_stilist .orbitem .prc.wvat, .basketcont .ordbasket_stilist .orbitem .totalprc, .basketcont .ordbasket_stilist .orbstiidpack .prc.wvat, .basketcont .ordbasket_stilist .orbstiidpack .totalprc { -ms-flex: 1 0 120px; flex: 1 0 120px; width: 120px; max-width: 120px; color: #000000; font-weight: 500; line-height: 1; white-space: nowrap; text-align: right; } .basketcont .basketmainbox .refprice .prc.wvat, .basketcont .basketmainbox .bundleitems .prc.wvat, .basketcont .basketmainbox .orbitem .prc.wvat, .basketcont .basketmainbox .orbstiidpack .prc.wvat, .basketcont .ordbasket_stilist .refprice .prc.wvat, .basketcont .ordbasket_stilist .bundleitems .prc.wvat, .basketcont .ordbasket_stilist .orbitem .prc.wvat, .basketcont .ordbasket_stilist .orbstiidpack .prc.wvat { font-weight: normal; } .basketcont .basketmainbox .refprice .prc.wvat:not(:empty):not(.one-piece)::after, .basketcont .basketmainbox .bundleitems .prc.wvat:not(:empty):not(.one-piece)::after, .basketcont .basketmainbox .orbitem .prc.wvat:not(:empty):not(.one-piece)::after, .basketcont .basketmainbox .orbstiidpack .prc.wvat:not(:empty):not(.one-piece)::after, .basketcont .ordbasket_stilist .refprice .prc.wvat:not(:empty):not(.one-piece)::after, .basketcont .ordbasket_stilist .bundleitems .prc.wvat:not(:empty):not(.one-piece)::after, .basketcont .ordbasket_stilist .orbitem .prc.wvat:not(:empty):not(.one-piece)::after, .basketcont .ordbasket_stilist .orbstiidpack .prc.wvat:not(:empty):not(.one-piece)::after { content: ' za kus'; } .basketcont .basketmainbox .refprice .prc-wovat, .basketcont .basketmainbox .bundleitems .prc-wovat, .basketcont .basketmainbox .orbitem .prc-wovat, .basketcont .basketmainbox .orbstiidpack .prc-wovat, .basketcont .ordbasket_stilist .refprice .prc-wovat, .basketcont .ordbasket_stilist .bundleitems .prc-wovat, .basketcont .ordbasket_stilist .orbitem .prc-wovat, .basketcont .ordbasket_stilist .orbstiidpack .prc-wovat { margin-top: 6px; color: #4c4c4c; font-size: 13px; } .basketcont .basketmainbox .refprice .buyout, .basketcont .basketmainbox .bundleitems .buyout, .basketcont .basketmainbox .orbitem .buyout, .basketcont .basketmainbox .orbstiidpack .buyout, .basketcont .ordbasket_stilist .refprice .buyout, .basketcont .ordbasket_stilist .bundleitems .buyout, .basketcont .ordbasket_stilist .orbitem .buyout, .basketcont .ordbasket_stilist .orbstiidpack .buyout { -ms-flex: 0 0 60px; flex: 0 0 60px; max-width: 60px; } .basketcont .basketmainbox .refprice .buyout > a, .basketcont .basketmainbox .refprice .buyout > img, .basketcont .basketmainbox .bundleitems .buyout > a, .basketcont .basketmainbox .bundleitems .buyout > img, .basketcont .basketmainbox .orbitem .buyout > a, .basketcont .basketmainbox .orbitem .buyout > img, .basketcont .basketmainbox .orbstiidpack .buyout > a, .basketcont .basketmainbox .orbstiidpack .buyout > img, .basketcont .ordbasket_stilist .refprice .buyout > a, .basketcont .ordbasket_stilist .refprice .buyout > img, .basketcont .ordbasket_stilist .bundleitems .buyout > a, .basketcont .ordbasket_stilist .bundleitems .buyout > img, .basketcont .ordbasket_stilist .orbitem .buyout > a, .basketcont .ordbasket_stilist .orbitem .buyout > img, .basketcont .ordbasket_stilist .orbstiidpack .buyout > a, .basketcont .ordbasket_stilist .orbstiidpack .buyout > img { display: block; width: 32px; height: 32px; margin-left: auto; background-image: url("../img/icon/close-red.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 12px 12px; } .basketcont .basketmainbox .refprice .buyout > a img, .basketcont .basketmainbox .refprice .buyout > img img, .basketcont .basketmainbox .bundleitems .buyout > a img, .basketcont .basketmainbox .bundleitems .buyout > img img, .basketcont .basketmainbox .orbitem .buyout > a img, .basketcont .basketmainbox .orbitem .buyout > img img, .basketcont .basketmainbox .orbstiidpack .buyout > a img, .basketcont .basketmainbox .orbstiidpack .buyout > img img, .basketcont .ordbasket_stilist .refprice .buyout > a img, .basketcont .ordbasket_stilist .refprice .buyout > img img, .basketcont .ordbasket_stilist .bundleitems .buyout > a img, .basketcont .ordbasket_stilist .bundleitems .buyout > img img, .basketcont .ordbasket_stilist .orbitem .buyout > a img, .basketcont .ordbasket_stilist .orbitem .buyout > img img, .basketcont .ordbasket_stilist .orbstiidpack .buyout > a img, .basketcont .ordbasket_stilist .orbstiidpack .buyout > img img { display: none; } .basketcont .basketmainbox .bundleitems, .basketcont .ordbasket_stilist .bundleitems { padding: 5px 30px 0; } .basketcont .basketmainbox .bundleitems .prc.wvat::after, .basketcont .ordbasket_stilist .bundleitems .prc.wvat::after { display: none; } .basketcont .basketmainbox .orbitem, .basketcont .basketmainbox .orbstiidpack, .basketcont .ordbasket_stilist .orbitem, .basketcont .ordbasket_stilist .orbstiidpack { padding: 20px 30px; } .basketcont .basketmainbox .orbitem .totalprc, .basketcont .basketmainbox .orbstiidpack .totalprc, .basketcont .ordbasket_stilist .orbitem .totalprc, .basketcont .ordbasket_stilist .orbstiidpack .totalprc { font-size: 21px; } .basketcont .basketmainbox .orbitem + .refprice, .basketcont .basketmainbox .orbitem + .bundleitems, .basketcont .basketmainbox .orbstiidpack + .refprice, .basketcont .basketmainbox .orbstiidpack + .bundleitems, .basketcont .ordbasket_stilist .orbitem + .refprice, .basketcont .ordbasket_stilist .orbitem + .bundleitems, .basketcont .ordbasket_stilist .orbstiidpack + .refprice, .basketcont .ordbasket_stilist .orbstiidpack + .bundleitems { position: relative; margin-top: -30px; padding-top: 10px; } .basketcont .basketmainbox .stiadvsrvsspitem, .basketcont .basketmainbox .stiadvsrvitem, .basketcont .basketmainbox .refprice, .basketcont .ordbasket_stilist .stiadvsrvsspitem, .basketcont .ordbasket_stilist .stiadvsrvitem, .basketcont .ordbasket_stilist .refprice { padding: 5px 30px 0 140px; } .basketcont .basketmainbox .stiadvsrvitem, .basketcont .ordbasket_stilist .stiadvsrvitem { min-height: 37px; } .basketcont .basketmainbox .stiadvsrvitem .sasname, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname { position: relative; display: block; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: none; margin-right: 0; color: #000000; font-weight: 500; } .basketcont .basketmainbox .stiadvsrvitem .sasname input, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname input { z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; clip: auto; } .basketcont .basketmainbox .stiadvsrvitem .name, .basketcont .ordbasket_stilist .stiadvsrvitem .name { display: none; } .basketcont .basketmainbox .stiadvsrvitem .status, .basketcont .ordbasket_stilist .stiadvsrvitem .status { display: block; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0 30px 0 5px; white-space: nowrap; } .basketcont .basketmainbox .stiadvsrvitem .status::before, .basketcont .ordbasket_stilist .stiadvsrvitem .status::before { content: '('; } .basketcont .basketmainbox .stiadvsrvitem .status::after, .basketcont .ordbasket_stilist .stiadvsrvitem .status::after { content: ')'; } .basketcont .basketmainbox .stiadvsrvitem .buyout img, .basketcont .ordbasket_stilist .stiadvsrvitem .buyout img { cursor: pointer; } .basketcont .basketmainbox .stiadvsrvsspitem, .basketcont .ordbasket_stilist .stiadvsrvsspitem { padding-top: 30px; padding-bottom: 10px; } .basketcont .basketmainbox .stiadvsrvsspitem .thimg, .basketcont .ordbasket_stilist .stiadvsrvsspitem .thimg { display: none; } .basketcont .basketmainbox .stiadvsrvsspitem .sspname, .basketcont .ordbasket_stilist .stiadvsrvsspitem .sspname { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-right: 60px; padding-right: 0; padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; } .basketcont .basketmainbox .stiadvsrvsspitem .sspname ~ td, .basketcont .ordbasket_stilist .stiadvsrvsspitem .sspname ~ td { display: none; } .basketcont .basketmainbox .btmrow, .basketcont .ordbasket_stilist .btmrow { display: -ms-flexbox; display: flex; margin-bottom: 10px; padding-bottom: 30px; background-color: #ffffff; } .basketcont .basketmainbox .btmrow td, .basketcont .ordbasket_stilist .btmrow td { display: none; } .basketcont .basketmainbox .b-detail-countdown, .basketcont .ordbasket_stilist .b-detail-countdown { font-size: 13px; } .basketcont .basketmainbox .b-detail-countdown .action-price-title, .basketcont .ordbasket_stilist .b-detail-countdown .action-price-title { color: #ff0000; font-weight: bold; } .basketcont .basketmainbox .b-detail-countdown .action-price-name, .basketcont .ordbasket_stilist .b-detail-countdown .action-price-name { display: none; } @media only screen and (max-width: 1023.98px) { .basketcont .basketmainbox .refprice .thimg, .basketcont .basketmainbox .bundleitems .thimg, .basketcont .basketmainbox .orbitem .thimg, .basketcont .basketmainbox .orbstiidpack .thimg, .basketcont .ordbasket_stilist .refprice .thimg, .basketcont .ordbasket_stilist .bundleitems .thimg, .basketcont .ordbasket_stilist .orbitem .thimg, .basketcont .ordbasket_stilist .orbstiidpack .thimg { margin-right: 15px; } .basketcont .basketmainbox .refprice .name, .basketcont .basketmainbox .bundleitems .name, .basketcont .basketmainbox .orbitem .name, .basketcont .basketmainbox .orbstiidpack .name, .basketcont .ordbasket_stilist .refprice .name, .basketcont .ordbasket_stilist .bundleitems .name, .basketcont .ordbasket_stilist .orbitem .name, .basketcont .ordbasket_stilist .orbstiidpack .name { padding-right: 15px; } .basketcont .basketmainbox .refprice .ordcount, .basketcont .basketmainbox .bundleitems .ordcount, .basketcont .basketmainbox .orbitem .ordcount, .basketcont .basketmainbox .orbstiidpack .ordcount, .basketcont .ordbasket_stilist .refprice .ordcount, .basketcont .ordbasket_stilist .bundleitems .ordcount, .basketcont .ordbasket_stilist .orbitem .ordcount, .basketcont .ordbasket_stilist .orbstiidpack .ordcount { -ms-flex-preferred-size: 84px; flex-basis: 84px; margin-left: 15px; padding: 0 24px 0 0; } .basketcont .basketmainbox .orbitem, .basketcont .basketmainbox .orbstiidpack, .basketcont .ordbasket_stilist .orbitem, .basketcont .ordbasket_stilist .orbstiidpack { padding: 15px; } .basketcont .basketmainbox .orbitem + .refprice, .basketcont .basketmainbox .orbitem + .bundleitems, .basketcont .basketmainbox .orbstiidpack + .refprice, .basketcont .basketmainbox .orbstiidpack + .bundleitems, .basketcont .ordbasket_stilist .orbitem + .refprice, .basketcont .ordbasket_stilist .orbitem + .bundleitems, .basketcont .ordbasket_stilist .orbstiidpack + .refprice, .basketcont .ordbasket_stilist .orbstiidpack + .bundleitems { margin-top: -15px; padding-top: 15px; } .basketcont .basketmainbox .stiadvsrvsspitem, .basketcont .basketmainbox .stiadvsrvitem, .basketcont .ordbasket_stilist .stiadvsrvsspitem, .basketcont .ordbasket_stilist .stiadvsrvitem { padding-top: 15px; padding-right: 15px; padding-left: 15px; } .basketcont .basketmainbox .stiadvsrvsspitem .h2, .basketcont .basketmainbox .stiadvsrvitem .h2, .basketcont .ordbasket_stilist .stiadvsrvsspitem .h2, .basketcont .ordbasket_stilist .stiadvsrvitem .h2 { margin-bottom: 5px; } .basketcont .basketmainbox .stiadvsrvitem, .basketcont .ordbasket_stilist .stiadvsrvitem { padding-top: 5px; padding-bottom: 5px; } .basketcont .basketmainbox .stiadvsrvitem .prc.wvat, .basketcont .basketmainbox .stiadvsrvitem .totalprc, .basketcont .ordbasket_stilist .stiadvsrvitem .prc.wvat, .basketcont .ordbasket_stilist .stiadvsrvitem .totalprc { display: none; } .basketcont .basketmainbox .refprice, .basketcont .ordbasket_stilist .refprice { padding-right: 30px; padding-left: 30px; } .basketcont .basketmainbox .bundleitems .thimg, .basketcont .ordbasket_stilist .bundleitems .thimg { display: none; } } @media only screen and (max-width: 1023.98px) and (min-width: 768px) { .basketcont .basketmainbox .refprice .prc.wvat, .basketcont .basketmainbox .bundleitems .prc.wvat, .basketcont .basketmainbox .orbitem .prc.wvat, .basketcont .basketmainbox .orbstiidpack .prc.wvat, .basketcont .ordbasket_stilist .refprice .prc.wvat, .basketcont .ordbasket_stilist .bundleitems .prc.wvat, .basketcont .ordbasket_stilist .orbitem .prc.wvat, .basketcont .ordbasket_stilist .orbstiidpack .prc.wvat { display: none; } } @media only screen and (max-width: 767.98px) { .basketcont .basketmainbox .refprice, .basketcont .basketmainbox .bundleitems, .basketcont .basketmainbox .orbitem, .basketcont .basketmainbox .orbstiidpack, .basketcont .ordbasket_stilist .refprice, .basketcont .ordbasket_stilist .bundleitems, .basketcont .ordbasket_stilist .orbitem, .basketcont .ordbasket_stilist .orbstiidpack { -ms-flex-wrap: wrap; flex-wrap: wrap; } .basketcont .basketmainbox .refprice .thimg, .basketcont .basketmainbox .refprice .name, .basketcont .basketmainbox .bundleitems .thimg, .basketcont .basketmainbox .bundleitems .name, .basketcont .basketmainbox .orbitem .thimg, .basketcont .basketmainbox .orbitem .name, .basketcont .basketmainbox .orbstiidpack .thimg, .basketcont .basketmainbox .orbstiidpack .name, .basketcont .ordbasket_stilist .refprice .thimg, .basketcont .ordbasket_stilist .refprice .name, .basketcont .ordbasket_stilist .bundleitems .thimg, .basketcont .ordbasket_stilist .bundleitems .name, .basketcont .ordbasket_stilist .orbitem .thimg, .basketcont .ordbasket_stilist .orbitem .name, .basketcont .ordbasket_stilist .orbstiidpack .thimg, .basketcont .ordbasket_stilist .orbstiidpack .name { margin-bottom: 10px; } .basketcont .basketmainbox .refprice .name, .basketcont .basketmainbox .bundleitems .name, .basketcont .basketmainbox .orbitem .name, .basketcont .basketmainbox .orbstiidpack .name, .basketcont .ordbasket_stilist .refprice .name, .basketcont .ordbasket_stilist .bundleitems .name, .basketcont .ordbasket_stilist .orbitem .name, .basketcont .ordbasket_stilist .orbstiidpack .name { -ms-flex-preferred-size: calc(100% - 95px); flex-basis: calc(100% - 95px); -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 25px; } .basketcont .basketmainbox .refprice .ordcount, .basketcont .basketmainbox .bundleitems .ordcount, .basketcont .basketmainbox .orbitem .ordcount, .basketcont .basketmainbox .orbstiidpack .ordcount, .basketcont .ordbasket_stilist .refprice .ordcount, .basketcont .ordbasket_stilist .bundleitems .ordcount, .basketcont .ordbasket_stilist .orbitem .ordcount, .basketcont .ordbasket_stilist .orbstiidpack .ordcount { margin-left: auto; } .basketcont .basketmainbox .refprice .buyout, .basketcont .basketmainbox .bundleitems .buyout, .basketcont .basketmainbox .orbitem .buyout, .basketcont .basketmainbox .orbstiidpack .buyout, .basketcont .ordbasket_stilist .refprice .buyout, .basketcont .ordbasket_stilist .bundleitems .buyout, .basketcont .ordbasket_stilist .orbitem .buyout, .basketcont .ordbasket_stilist .orbstiidpack .buyout { position: absolute; top: 39px; right: 4px; -ms-flex-preferred-size: 32px; flex-basis: 32px; } .basketcont .basketmainbox .refprice .stiqty, .basketcont .basketmainbox .bundleitems .stiqty, .basketcont .basketmainbox .orbitem .stiqty, .basketcont .basketmainbox .orbstiidpack .stiqty, .basketcont .ordbasket_stilist .refprice .stiqty, .basketcont .ordbasket_stilist .bundleitems .stiqty, .basketcont .ordbasket_stilist .orbitem .stiqty, .basketcont .ordbasket_stilist .orbstiidpack .stiqty { text-align: left; } .basketcont .basketmainbox .refprice .prc.wvat, .basketcont .basketmainbox .refprice .totalprc, .basketcont .basketmainbox .bundleitems .prc.wvat, .basketcont .basketmainbox .bundleitems .totalprc, .basketcont .basketmainbox .orbitem .prc.wvat, .basketcont .basketmainbox .orbitem .totalprc, .basketcont .basketmainbox .orbstiidpack .prc.wvat, .basketcont .basketmainbox .orbstiidpack .totalprc, .basketcont .ordbasket_stilist .refprice .prc.wvat, .basketcont .ordbasket_stilist .refprice .totalprc, .basketcont .ordbasket_stilist .bundleitems .prc.wvat, .basketcont .ordbasket_stilist .bundleitems .totalprc, .basketcont .ordbasket_stilist .orbitem .prc.wvat, .basketcont .ordbasket_stilist .orbitem .totalprc, .basketcont .ordbasket_stilist .orbstiidpack .prc.wvat, .basketcont .ordbasket_stilist .orbstiidpack .totalprc { -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-item-align: baseline; align-self: baseline; max-width: none; margin-bottom: 15px; } .basketcont .basketmainbox .refprice .prc.wvat, .basketcont .basketmainbox .bundleitems .prc.wvat, .basketcont .basketmainbox .orbitem .prc.wvat, .basketcont .basketmainbox .orbstiidpack .prc.wvat, .basketcont .ordbasket_stilist .refprice .prc.wvat, .basketcont .ordbasket_stilist .bundleitems .prc.wvat, .basketcont .ordbasket_stilist .orbitem .prc.wvat, .basketcont .ordbasket_stilist .orbstiidpack .prc.wvat { text-align: left; } .basketcont .basketmainbox .orbitem .thimg, .basketcont .basketmainbox .orbitem .name, .basketcont .basketmainbox .orbitem .prc.wvat, .basketcont .basketmainbox .orbitem .totalprc, .basketcont .basketmainbox .orbitem .status, .basketcont .ordbasket_stilist .orbitem .thimg, .basketcont .ordbasket_stilist .orbitem .name, .basketcont .ordbasket_stilist .orbitem .prc.wvat, .basketcont .ordbasket_stilist .orbitem .totalprc, .basketcont .ordbasket_stilist .orbitem .status { -ms-flex-order: -1; order: -1; } .basketcont .basketmainbox .stiadvsrvsspitem .name, .basketcont .basketmainbox .stiadvsrvitem .name, .basketcont .basketmainbox .refprice .name, .basketcont .ordbasket_stilist .stiadvsrvsspitem .name, .basketcont .ordbasket_stilist .stiadvsrvitem .name, .basketcont .ordbasket_stilist .refprice .name { margin-right: 0; padding-right: 0; } .basketcont .basketmainbox .stiadvsrvsspitem .ordcount, .basketcont .basketmainbox .stiadvsrvitem .ordcount, .basketcont .basketmainbox .refprice .ordcount, .basketcont .ordbasket_stilist .stiadvsrvsspitem .ordcount, .basketcont .ordbasket_stilist .stiadvsrvitem .ordcount, .basketcont .ordbasket_stilist .refprice .ordcount { margin-bottom: 10px; } .basketcont .basketmainbox .refprice, .basketcont .basketmainbox .bundleitems, .basketcont .ordbasket_stilist .refprice, .basketcont .ordbasket_stilist .bundleitems { padding-right: 15px; padding-left: 15px; } .basketcont .basketmainbox .refprice, .basketcont .ordbasket_stilist .refprice { padding-top: 5px; } .basketcont .basketmainbox .stiadvsrvsspitem .name, .basketcont .ordbasket_stilist .stiadvsrvsspitem .name { margin-bottom: 0; } .basketcont .basketmainbox .stiadvsrvitem, .basketcont .ordbasket_stilist .stiadvsrvitem { padding-bottom: 10px; } .basketcont .basketmainbox .stiadvsrvitem .sasname, .basketcont .basketmainbox .stiadvsrvitem .status, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname, .basketcont .ordbasket_stilist .stiadvsrvitem .status { -ms-flex-item-align: start; align-self: flex-start; } .basketcont .basketmainbox .stiadvsrvitem .sasname, .basketcont .ordbasket_stilist .stiadvsrvitem .sasname { width: calc(100% - 100px); margin: 0 0 5px; } .basketcont .basketmainbox .stiadvsrvitem .status, .basketcont .ordbasket_stilist .stiadvsrvitem .status { width: 100px; margin: 0 0 5px; padding-left: 15px; text-align: right; } .basketcont .basketmainbox .stiadvsrvitem .buyout, .basketcont .basketmainbox .stiadvsrvitem .ordcount, .basketcont .ordbasket_stilist .stiadvsrvitem .buyout, .basketcont .ordbasket_stilist .stiadvsrvitem .ordcount { display: none; } .basketcont .basketmainbox .stiadvsrvitem .prc.wvat, .basketcont .basketmainbox .stiadvsrvitem .totalprc, .basketcont .ordbasket_stilist .stiadvsrvitem .prc.wvat, .basketcont .ordbasket_stilist .stiadvsrvitem .totalprc { margin-bottom: 0; } } .basketcont #summarypart .ordbasket_stilist .bundleitems { padding: 16px 0; border-top: 1px solid #e6e6e6; } .basketcont #summarypart .ordbasket_stilist .bundleitems h3 { margin-bottom: 0; } /* stylelint-enable */ #bsktcont { position: relative; display: -ms-flexbox; display: flex; padding: 8px 4px; cursor: pointer; } #bsktcont > .hdr { position: relative; width: 38px; height: 38px; border-radius: 50%; background-color: #01447b; background-image: url("../img/icon/cart.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 18px 18px; } #bsktcont > .hdr > a { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #bsktcont > .hdr #i6_basket_count { position: absolute; top: -2px; right: -1px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 15px; height: 15px; border-radius: 50%; background-color: #f7b626; color: #ffffff; font-weight: 500; font-size: 10px; pointer-events: none; } #bsktcont > .hdr #i6_basket_count.count_0 { display: none; } #bsktcont #i6_basket_price { display: block; margin-left: -22px; padding: 14px 13px 14px 29px; border-radius: 0 22px 22px 0; background-color: #0072c1; color: #ffffff; font-size: 14px; line-height: 1.142857143; } @media (min-width: 375px) { #bsktcont { padding-right: 8px; padding-left: 8px; } } @media (min-width: 768px) { #bsktcont { padding: 10px; border-left: 1px solid #e6e6e6; } #bsktcont > .hdr { width: 44px; height: 44px; background-size: 24px 24px; } } @media (min-width: 1024px) { #bsktcont { padding: 10px 15px; } } @media (min-width: 1200px) { #bsktcont { padding-right: 18px; padding-left: 18px; } #logedcont + #bsktcont { border-left: 0; } } @media (min-width: 1360px) { #bsktcont:not(.empty) .amount { display: block !important; } } @media (min-width: 1440px) { #bsktcont { padding-right: 35px; } } #bsktfailure { margin-bottom: 10px; } #bsktfailure .bsktfailurecont p { margin-bottom: 0; } .b-card { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 30px 20px; background-color: #eeeeee; line-height: 1.5; text-align: center; } .b-card > :last-child { margin-bottom: 0; } .b-card__img { margin-bottom: 30px; } .b-card__title { font-weight: 500; font-size: 16px; } .cat-info-box.cat-info-box { position: relative; display: -ms-flexbox; display: flex; float: none; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; width: 100%; height: auto; min-height: 280px; margin: 0; padding-left: 300px; border: 0; } .cat-info-box.cat-info-box > a:first-child { position: absolute; top: 50%; left: 0; display: block; width: 280px; transform: translateY(-50%); } .cat-info-box.cat-info-box > a:first-child::before { content: ''; display: block; padding-top: 100%; } .cat-info-box.cat-info-box > a:first-child img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } .cat-info-box.cat-info-box > a:last-child { display: inline-block; margin-top: 20px; } .cat-info-box.cat-info-box .cat-info-img { float: none; margin: 0; } .cat-info-box.cat-info-box .cat-info-link { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin: 0 0 20px; color: #01447b; } @media (min-width: 768px) { .cat-info-box.cat-info-box .cat-info-link { font-size: 35px; } } .cat-info-box.cat-info-box .cat-info-link a { color: inherit; font-weight: inherit; } .cat-info-box.cat-info-box .cat-info-price-st, .cat-info-box.cat-info-box .cat-info-price { position: relative; top: auto; left: auto; margin-bottom: 0; padding-left: 100px; } .cat-info-box.cat-info-box .cat-info-price-st::before, .cat-info-box.cat-info-box .cat-info-price::before { position: absolute; top: 0; left: 0; width: 100px; color: #4c4c4c; font-weight: normal; font-size: 15px; } .cat-info-box.cat-info-box .cat-info-price-st { display: inline-block; color: #000000; font-weight: 500; font-size: 17px; line-height: 28px; text-decoration: none; } .cat-info-box.cat-info-box .cat-info-price-st::before { content: '\0042\011b\017e\006e\00e1\0020\0063\0065\006e\0061\003a'; } .cat-info-box.cat-info-box .cat-info-price-st::after { content: ''; position: absolute; top: 50%; right: 0; width: calc(100% - 100px); height: 1px; background-color: currentColor; } .cat-info-box.cat-info-box .cat-info-price { color: #ff0000; font-weight: 900; font-size: 21px; line-height: 28px; } .cat-info-box.cat-info-box .cat-info-price::before { content: 'Cena dnes:'; } .cat-info-box.cat-info-box .cat-info-button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; background-color: #4aaa2f; position: relative; padding-right: 81px; padding-left: 30px; top: auto; left: auto; } .hoverevents .cat-info-box.cat-info-box .cat-info-button:hover { background-color: #005499; text-decoration: none; } .hoverevents .cat-info-box.cat-info-box .cat-info-button:hover { background-color: #54c135; } .cat-info-box.cat-info-box .cat-info-button::after { content: ''; position: absolute; top: 0; right: 0; width: 51px; height: 100%; border-left: 1px solid #358d1c; background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .cat-info-box.cat-info-box .cat-info-button::after { background-image: url("../img/icon/angle-r.svg"); } @media (max-width: 767.98px) { .cat-info-box.cat-info-box { -ms-flex-align: center; align-items: center; padding: 15px; text-align: center; } .cat-info-box.cat-info-box > a:first-child { position: relative; top: auto; left: auto; max-width: 150px; margin-bottom: 20px; transform: none; } .cat-info-box.cat-info-box .cat-info-link { -ms-flex-positive: 1; flex-grow: 1; max-width: 240px; font-size: 19px; } } .b-category-filter { width: 100%; } @media (max-width: 767.98px) { .b-category-filter { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-category-filter > * { width: 100%; } .b-category-filter #stiprcsrch { width: calc(100% - 71px); border-bottom: 1px solid #e6e6e6; } .b-category-filter #stilist_fltr_stores { -ms-flex-order: -1; order: -1; } } @media (min-width: 768px) { .b-category-filter { position: relative; z-index: 2; } .b-category-filter #stiprcsrch { position: absolute; top: 71px; right: 71px; left: 230px; } .b-category-filter .showstyle { position: absolute; top: 71px; right: 0; } } @media (min-width: 1024px) { .b-category-filter #stiprcsrch { top: 0; right: 541px; } .b-category-filter #stilist_fltr_stores { right: 291px; border-left: 1px solid #e6e6e6; } .b-category-filter .showstyle { top: 0; } } .b-category-head { margin-bottom: 20px; } .b-category-head__search #strnameplussrch, .b-category-head__search > :last-child, .b-category-head__guide #strnameplussrch, .b-category-head__guide > :last-child { margin-bottom: 0; } .b-category-head__guide { color: #000000; } @media (max-width: 767.98px) { .b-category-head__guide { margin-top: 5px; } } @media (min-width: 768px) { .b-category-head { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; } .b-category-head__search { -ms-flex: 1 0 auto; flex: 1 0 auto; margin-right: 30px; } } .b-category-help { position: fixed; right: 0; bottom: 0; left: 0; z-index: 20; background-color: #0072c1; color: #ffffff; } .b-category-help__holder { position: relative; min-height: 120px; padding: 15px 0; } .b-category-help__bg { position: absolute; bottom: 0; left: 20px; width: 100px; height: 190px; background-image: url("../img/bg/category-help@2x.png"); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .b-category-help__content { font-size: 14px; line-height: 20px; } .b-category-help__content h2 { margin-bottom: 0; color: inherit; } .b-category-help__content > :last-child { margin-bottom: 0; } .b-category-help__btns { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -10px; } .b-category-help__btns > * { margin-left: 10px; } .b-category-help__btn { white-space: nowrap; } .b-category-help__btn:not(.b-category-help__btn--link) { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .b-category-help__btn:not(.b-category-help__btn--link):hover { background-color: #005499; text-decoration: none; } .b-category-help__btn--link { padding: 8px 0; color: #7fcbff; } @media (max-width: 1023.98px) { .b-category-help__btns { margin-top: 20px; } } @media (max-width: 767.98px) { .b-category-help__bg { display: none; } .b-category-help__btns { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 15px; margin-bottom: -10px; } .b-category-help__btns > * { margin-bottom: 10px; } .b-category-help__btn:not(.b-category-help__btn--link) { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 768px) { .b-category-help__holder { padding: 20px 0 20px 150px; } .b-category-help__btn--link { margin-left: 30px; padding: 13px 0; } } @media (min-width: 1024px) { .b-category-help__holder { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -50px; } .b-category-help__bg { left: 70px; } .b-category-help__content, .b-category-help__btns { padding-left: 50px; } .b-category-help__content { -ms-flex: 1 1 auto; flex: 1 1 auto; } } #categoryparams { padding: 15px 22px 0; background-color: #ffffff; } #categoryparams #go_filter { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; margin-bottom: 20px; } .hoverevents #categoryparams #go_filter:hover { background-color: #005499; text-decoration: none; } #categoryparams .groupparams { background-color: #01447b; color: #ffffff; } #categoryparams .group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 28px; background-color: inherit; background-image: url("../img/icon/angle-r.svg"); background-position: top 50% right 26px; background-repeat: no-repeat; background-size: 12px 12px; font-weight: 500; line-height: 20px; transition: background-color 0.3s; cursor: pointer; } #categoryparams .group span { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; min-width: 18px; margin-left: 10px; padding: 1px 6px 3px; border-radius: 9px; background-color: #f4f9fd; color: #0072c1; font-size: 12px; line-height: 1.166666667; text-align: center; } #categoryparams .group + .group { margin-top: 1px; } #categoryparams .group + .group::before { content: ''; position: absolute; top: -1px; right: 28px; left: 28px; height: 1px; background-color: #0072c1; transition: background-color 0.3s; } #categoryparams .group.act, .hoverevents #categoryparams .group:hover { background-color: #0072c1; } #categoryparams .group.act::before, #categoryparams .group.act + .group::before, .hoverevents #categoryparams .group:hover::before, .hoverevents #categoryparams .group:hover + .group::before { background-color: transparent; } #categoryparams .group.act { background-image: none; } #categoryparams .group.act + .group::before, #categoryparams .group + .group.act::before { background-color: transparent; } #categoryparams .group[rel='fulltext'] { padding-right: 62px; background-image: url("../img/icon/search-white.svg"); background-position: top 50% right 28px; background-size: 16px 16px; } @media (max-width: 767.98px) { #categoryparams .groupparams { margin: -25px -22px 22px; padding: 0 28px; } #categoryparams .group { margin-right: -28px; margin-left: -28px; } } @media (min-width: 768px) { #categoryparams { padding: 18px 38px 10px 268px; background-image: linear-gradient(to right, #01447b, #01447b 230px, #ffffff 230px, #ffffff); } #categoryparams::before, #categoryparams::after { content: ''; display: table; } #categoryparams::after { clear: both; } #categoryparams #go_filter { margin-bottom: 35px; } #categoryparams .groupparams { position: -webkit-sticky; position: sticky; top: 64px; float: left; width: 230px; margin: -18px 0 -10px -268px; } } .cls_invoice .valtable.tabform { table-layout: auto; } .b-compare-help { position: relative; background-color: #0072c1; color: #ffffff; } .b-compare-help::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .b-compare-help::before { background-color: #0072c1; } .b-compare-help__holder { padding: 15px 0; } .b-compare-help__content { font-size: 16px; } .b-compare-help__content h2 { margin-bottom: 5px; color: inherit; } .b-compare-help__content > :last-child { margin-bottom: 0; } .b-compare-help__btn a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .b-compare-help__btn a:hover { background-color: #005499; text-decoration: none; } .b-compare-help__contact { display: block; color: inherit; } .b-compare-help__contact h2 { color: inherit; } .b-compare-help__contact strong, .b-compare-help__contact span { display: block; } .b-compare-help__contact strong { margin-bottom: 5px; font-weight: 900; font-size: 24px; line-height: 1; } .b-compare-help__contact span { font-size: 16px; } .hoverevents .b-compare-help__contact:hover { text-decoration: none; } @media (max-width: 767.98px) { .b-compare-help { text-align: center; } .b-compare-help__contact { margin-top: 15px; } .b-compare-help__btn { margin-top: -5px; } } @media (min-width: 768px) { .b-compare-help__holder { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-left: -15px; padding: 30px 0; } .b-compare-help__holder > * { margin-left: 15px; } .b-compare-help__content { min-height: 60px; padding-left: 90px; background-image: url("../img/icon/lightbulb.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 54px 60px; } .b-compare-help__contact { padding-left: 75px; background-image: url("../img/icon/phone.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 54px 54px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .b-compare-help__content h2, .b-compare-help__contact h2 { font-size: 24px; } } @media (min-width: 1024px) { .b-compare-help__contact strong { font-size: 32px; } } @media (min-width: 1200px) { .b-compare-help__holder { margin-left: -50px; padding: 50px 0; } .b-compare-help__holder > * { margin-left: 50px; } .b-compare-help__content { min-height: 80px; padding-left: 120px; background-size: 72px 80px; } .b-compare-help__contact { padding-left: 100px; background-size: 70px 70px; } } .contact.detailtabcont, .comshipto.detailtabcont { max-width: 850px; } .contact.detailtabcont form[name='frmTB'] .tabform, .contact.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform, .contact.detailtabcont form[name='frmcomshipto'] .tabform, .contact.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform, .comshipto.detailtabcont form[name='frmTB'] .tabform, .comshipto.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform, .comshipto.detailtabcont form[name='frmcomshipto'] .tabform, .comshipto.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform { display: block; padding-top: 15px; padding-bottom: 15px; background-color: #ffffff; } .contact.detailtabcont form[name='frmTB'] .tabform tbody, .contact.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform tbody, .contact.detailtabcont form[name='frmcomshipto'] .tabform tbody, .contact.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform tbody, .comshipto.detailtabcont form[name='frmTB'] .tabform tbody, .comshipto.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform tbody, .comshipto.detailtabcont form[name='frmcomshipto'] .tabform tbody, .comshipto.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform tbody { display: block; } .contact.detailtabcont form[name='frmTB'] .tabform td, .contact.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform td, .contact.detailtabcont form[name='frmcomshipto'] .tabform td, .contact.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform td, .comshipto.detailtabcont form[name='frmTB'] .tabform td, .comshipto.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform td, .comshipto.detailtabcont form[name='frmcomshipto'] .tabform td, .comshipto.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform td { width: 100%; } .contact.detailtabcont form[name='frmTB'] .tabform td > div, .contact.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform td > div, .contact.detailtabcont form[name='frmcomshipto'] .tabform td > div, .contact.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform td > div, .comshipto.detailtabcont form[name='frmTB'] .tabform td > div, .comshipto.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform td > div, .comshipto.detailtabcont form[name='frmcomshipto'] .tabform td > div, .comshipto.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform td > div { width: 100% !important; text-align: left !important; } .contact.detailtabcont .btnn.delete a, .comshipto.detailtabcont .btnn.delete a { width: 32px; height: 32px; padding: 0; background-color: transparent; background-image: url("../img/icon/remove.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; font-size: 0; } @media (min-width: 768px) { .contact.detailtabcont form[name='frmTB'] .tabform, .contact.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform, .contact.detailtabcont form[name='frmcomshipto'] .tabform, .contact.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform, .comshipto.detailtabcont form[name='frmTB'] .tabform, .comshipto.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform, .comshipto.detailtabcont form[name='frmcomshipto'] .tabform, .comshipto.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform { padding-top: 30px; padding-bottom: 30px; } .contact.detailtabcont form[name='frmTB'] .tabform td, .contact.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform td, .contact.detailtabcont form[name='frmcomshipto'] .tabform td, .contact.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform td, .comshipto.detailtabcont form[name='frmTB'] .tabform td, .comshipto.detailtabcont form[name='frmTB'] ~ .tabdetailpart .tabform td, .comshipto.detailtabcont form[name='frmcomshipto'] .tabform td, .comshipto.detailtabcont form[name='frmcomshipto'] ~ .tabdetailpart .tabform td { width: 50%; } } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr { margin-bottom: 10px; } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr:nth-child(1) th { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; font-size: 21px !important; } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr:last-child { margin-bottom: 0; } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr:last-child td { font-size: 0 !important; } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr td { font-size: 15px !important; } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr select, .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr input { margin-bottom: 0; } .contact.detailtabcont form ~ .tabdetailpart ~ .tabdetailpart { display: none; } @media (max-width: 767.98px) { .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr:not(:first-child):not(:last-child) td { width: 40%; margin-bottom: 0 !important; } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr:not(:first-child):not(:last-child) td:last-child { width: 20%; } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr .btnn.delete { text-align: right !important; } } @media (min-width: 768px) { .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr { padding-right: 15px !important; padding-left: 15px !important; } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr th, .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr td { padding-right: 15px !important; padding-left: 15px !important; } .contact.detailtabcont form ~ .tabdetailpart .tabform tbody > tr:nth-child(1) th { font-size: 24px !important; } } .comshiptos.tabformcont { position: relative; } .comshiptos.tabformcont > .hdr { padding-right: 80px; } .comshiptos.tabformcont .newparship { position: absolute; top: -2px; right: 0; margin: 0; } .comshiptos.tabformcont .tabformtoolsbtncont { margin-top: 0; padding: 0; } @media (min-width: 768px) { .comshiptos.tabformcont .newparship { top: 3px; } } form[name='ConEditPswd'] .tabedit tbody tr:first-child, form[name='ConEditPswd'] .tabedit .btncell .btnn.cancel { display: none; } .confbox .hdr, .confbox .ftr { display: none; } .confbox .cnt { height: 100%; padding: 15px; background-color: #ffffff; } .confbox .cnt > .out { height: 100%; } .confbox .cnt > .out > .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } .confbox .cnt > .out > .in > * { width: 100%; } .confbox .cnt > .out > .in > .price, .confbox .cnt > .out > .in > .makeconf { -ms-flex-item-align: end; align-self: flex-end; } .confbox .cnt > .out > .in > .price { width: 45%; } .confbox .cnt > .out > .in > .makeconf { width: 55%; } .confbox .toppart { margin-bottom: 15px; } .confbox .img { margin-bottom: 20px; padding: 15px 0; text-align: center; } .confbox .note { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; color: #01447b; } .confbox .price { line-height: 1.2; } .confbox .price p { display: none; } .confbox .price strong { font-weight: inherit; } .confbox .wvat { color: #000000; font-weight: 500; font-size: 21px; } .confbox .wvat strong { display: none; } .confbox .wovat { font-size: 13px; } .confbox .rabat { display: none; } .confbox .makeconf { text-align: right; } .confbox .btnn a { background-color: #4aaa2f; padding: 10px 15px; font-size: 15px; } .hoverevents .confbox .btnn a:hover { background-color: #54c135; } .confbox .btnn a > p, .confbox .btnn a > span { display: none; } .confbox .modelitems { height: auto !important; margin-bottom: 20px; } .confbox .moditemshead { display: none; } .confbox .modelitem { display: -ms-flexbox; display: flex; padding: 9px 0 10px; border-top: 1px solid #e6e6e6; font-size: 13px; line-height: 1.2; } .confbox .modelitem p { -ms-flex: 0 0 40%; flex: 0 0 40%; margin-bottom: 0; padding-right: 15px; } .confbox .modelitem span { -ms-flex: 0 0 60%; flex: 0 0 60%; color: #000000; } @media (min-width: 768px) { .confbox .cnt { padding: 20px; } .confbox .cnt > .out > .in > .price, .confbox .cnt > .out > .in > .makeconf { width: 50%; } .confbox .img { padding: 30px 0; } } #confignew { margin-bottom: 30px; } #confignew h1 { margin-top: 0; } #confignew h1 + span { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; display: block; margin-bottom: 20px; } @media (min-width: 768px) { #confignew h1 + span { font-size: 35px; } } #confignew h1 ~ div[style*='text-align: right; margin-top: -10px'] { display: none; } #confignew .counttypebox { margin-bottom: 20px; } #confignew .counttypebox + table { display: none; } #confignew .cocgroup { display: block; margin-bottom: 0; } #confignew .cocgroup, #confignew .cocgroup th, #confignew .cocgroup td { padding: 0; border: 0; } #confignew .cocgroup tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #confignew .cocgroup tr { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: auto !important; margin-bottom: 10px; } #confignew .cocgroup tr:not(.header) { background-color: #ffffff; } #confignew .cocgroup tr[style*='height:14px'] { width: 100%; padding: 20px 15px 0; color: #01447b; line-height: 1.333333333; } #confignew .cocgroup tr[style*='height:14px'] td { padding: 0 !important; font-weight: normal !important; } #confignew .cocgroup tr[style*='height:22px'] { width: 100%; padding: 0 15px 20px; font-size: 0; } #confignew .cocgroup tr[style*='height:22px'] td:first-child { display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-align: center; align-items: center; padding: 0 !important; } #confignew .cocgroup tr[style*='height:22px'] td:last-child { position: relative; width: auto !important; padding: 0 0 0 30px !important; } #confignew .cocgroup select { width: 100% !important; margin-bottom: 0; font-size: 14px !important; } #confignew .cocgroup .confimgcombo { -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0 -15px; padding: 30px 54px 30px 15px; border: 0; background-image: url("../img/icon/angle-d-orange-2.svg"); background-position: top 50% right 15px; background-size: 24px 12px; color: #000000; font-weight: bold; line-height: 20px; text-overflow: ellipsis; cursor: pointer; } #confignew .cocgroup .header { width: 100%; } #confignew .cocgroup .header .inner > span { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; display: block; text-align: left; } #confignew .totaltbl, #confignew .legend { margin: 0 auto; padding: 20px 15px; border: 0; background-color: #0072c1; color: #ffffff; } #confignew .totaltbl, #confignew .totaltbl tbody, #confignew .totaltbl tr, #confignew .legend, #confignew .legend tbody, #confignew .legend tr { display: block; } #confignew .totaltbl th, #confignew .totaltbl td, #confignew .legend th, #confignew .legend td { padding: 0; border: 0; } #confignew .totaltbl th { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: baseline; align-items: baseline; } #confignew .totaltbl th:nth-of-type(1) { display: none; } #confignew .totaltbl th > span { -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; } #confignew .totaltbl th > input { width: 100% !important; margin-bottom: 0; padding: 0; border: 0; background-color: transparent; font-weight: 500; } #confignew .totaltbl span { width: 100%; font-weight: normal; } #confignew .totaltbl span:first-child, #confignew .totaltbl span:first-child + input { display: none; } #confignew .legend tbody, #confignew .legend td { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } #confignew .legend tbody { margin-left: -20px; } #confignew .legend td { padding: 0 !important; } #confignew .legend tr { margin-bottom: 10px; margin-left: 20px; } #confignew .legend tr:last-child { margin-bottom: 0; } #confignew .legend tr:nth-child(1) input[type='text'] { width: 60px !important; margin: 0 0 0 5px; padding-right: 9px; padding-left: 9px; font-size: inherit !important; text-align: center !important; } #confignew .legend tr:nth-child(1) input[type='radio'] { margin: 0 5px 0 20px; } #confignew .legend tr:nth-child(3) { width: 100%; } #confignew .legend tr:nth-child(3) td { margin-bottom: -10px; margin-left: -10px; font-size: 0; } #confignew .legend tr:nth-child(3) td .btnn { margin-bottom: 10px; margin-left: 10px; } #confignew .legend .btnn a { padding: 10px 15px; font-size: 15px; } #confignew .legend .btnn a > p, #confignew .legend .btnn a > span { display: none; } #confignew .legend .btnn.tobskt a { background-color: #4aaa2f; } .hoverevents #confignew .legend .btnn.tobskt a:hover { background-color: #54c135; } #confignew #totalVAT { color: inherit; font-weight: 900; font-size: 38px; } #confignew div.legend, #confignew #tabs { display: none; } @media (max-width: 1199.98px) { #confignew .cocgroup tr[style*='height:14px'] { margin-bottom: 0; } #confignew .totaltbl, #confignew .legend { width: calc(100% + 2 * 15px) !important; margin-right: -15px; margin-left: -15px; } #confignew .totaltbl th, #confignew #totalVAT { text-align: center; } #confignew .legend { padding-top: 0; } #confignew .legend tbody { display: block; margin-left: 0; } #confignew .legend td { -ms-flex-pack: center; justify-content: center; } #confignew .legend tr { margin-left: 0; } } @media (max-width: 1023.98px) { #confignew .cocgroup tr[style*='height:22px'] { -ms-flex-wrap: wrap; flex-wrap: wrap; } #confignew .cocgroup tr[style*='height:22px'] > td:first-child, #confignew .cocgroup tr[style*='height:22px'] > td:last-child { width: 100% !important; } #confignew .cocgroup tr[style*='height:22px'] > td:first-child { -ms-flex-wrap: wrap; flex-wrap: wrap; } #confignew .cocgroup tr[style*='height:22px'] > td:last-child { padding-left: 0 !important; } #confignew .cocgroup .confimgcombo ~ select { margin-bottom: 20px; } } @media (max-width: 767.98px) { #confignew .legend tr:nth-child(1) td { display: block; } #confignew .legend tr:nth-child(1) input[type='text'] { margin: 5px auto 10px; } #confignew .legend tr:nth-child(1) input[type='radio'] { display: block; margin: 15px auto 5px; } } @media (min-width: 1024px) { #confignew { margin-bottom: 60px; } #confignew .counttypebox { margin-bottom: 30px; } #confignew .cocgroup tr[style*='height:14px'] { padding: 20px 20px 0; } #confignew .cocgroup tr[style*='height:22px'] { padding: 10px 30px 10px 0; } #confignew .cocgroup select { width: auto !important; } #confignew .cocgroup .confimgcombo { margin: -10px 0; padding: 30px 44px 30px 20px; background-position: top 50% right 0; } #confignew .cocgroup .confimgcombo ~ select { margin-left: 30px; } } @media (min-width: 1200px) { #confignew .cocgroup tr[style*='height:14px'] { width: 200px; margin-bottom: 10px; padding: 10px 0 10px 30px; } #confignew .cocgroup tr[style*='height:22px'] { width: calc(100% - 200px); } #confignew .totaltbl, #confignew .legend { position: fixed; right: 0; bottom: 0; left: 0; max-width: 600px; min-height: 180px; } #confignew .totaltbl { z-index: 20; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transform: translateX(-50%); } #confignew .totaltbl th > span { width: calc(100% - 120px); padding-right: 10px; } #confignew .totaltbl th > input { width: auto !important; } #confignew .legend { z-index: 19; transform: translateX(50%); } #confignew .legend::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } #confignew .legend, #confignew .legend::before { background-color: #0072c1; } #confignew .legend::before { right: calc(100vw / -2); left: calc(100vw / -2); } } @media (min-width: 1360px) { #confignew .totaltbl, #confignew .legend { max-width: 680px; } } #configsti { padding: 15px; } #configsti > div:first-child { float: none !important; margin-bottom: 0 !important; } #configsti img { margin-bottom: 40px; } #configsti .sti_detail { display: table; margin-bottom: 30px; padding: 0; word-break: break-all; } #configsti .sti_detail th { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; display: block; margin-bottom: 10px; } #configsti .sti_detail tr { display: table-row !important; } #configsti .sti_detail tr td { padding: 10px; border: solid #e6e6e6; border-width: 1px 0; } #configsti .sti_detail tr td:first-child { padding-left: 0; } #configsti .sti_detail tr td:last-child { padding-right: 0; } #configsti .closeconfigsti a > p, #configsti .closeconfigsti a > span { display: none; } @media (min-width: 768px) { #configsti { padding: 60px; } } .phone.box, .mail.box { font-size: 21px; } .phone.box a, .mail.box a { display: inline-block; padding-left: 39px; background-position: 0 50%; background-repeat: no-repeat; background-size: 24px 24px; } .phone.box a { background-image: url("../img/icon/phone-orange.svg"); color: #000000; } .phone.box span { display: none; } .mail.box a { background-image: url("../img/icon/paper-plane.svg"); } .contacts.tabformcont { position: relative; } .contacts.tabformcont > .hdr { padding-right: 80px; } .contacts.tabformcont .newcontact { position: absolute; top: -2px; right: 0; margin: 0; } .contacts.tabformcont .legend tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -5px -5px; } .contacts.tabformcont .legend td { margin: 0 0 5px 5px; } .contacts.tabformcont .tabformtoolsbtncont { padding: 0; } @media (min-width: 768px) { .contacts.tabformcont .newcontact { top: 3px; } } .b-content { margin-bottom: 5px; padding: 20px; background-color: #ffffff; } .b-content__text strong + a { margin-left: 5px; } .b-content__text a { word-break: break-all; } .b-content__text > :last-child { margin-bottom: 0; } .b-content__logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .b-content__logo img { max-width: 100%; height: auto; } .b-content__title { margin-bottom: 25px; } .b-content__files { margin-top: 30px; } @media (max-width: 767.98px) { .b-content__title { position: relative; padding: 15px 50px 15px 15px; background-color: #ffffff; font-size: 24px; line-height: 1.25; margin: -20px; } .b-content__title::after { content: ''; position: absolute; top: 20px; right: 15px; width: 20px; height: 20px; background-image: url("../img/icon/angle-d-orange.svg"); background-size: 20px 20px; transition: transform 0.3s; } .b-content__title:first-child { margin-top: -20px; } .b-content__logo { margin-top: 20px; } .b-content.is-toggled .b-content__title { margin-bottom: 20px; } .b-content:not(.is-toggled) .b-content__title ~ *, .b-content:not(.is-toggled) .b-content__files, .b-content:not(.is-toggled) .b-content__logo { display: none; } } @media (min-width: 768px) { .b-content { padding: 30px; } .b-content__holder { display: -ms-flexbox; display: flex; } .b-content__text { -ms-flex: 1 0 60%; flex: 1 0 60%; } .b-content__logo { -ms-flex: 1 0 40%; flex: 1 0 40%; -ms-flex-pack: end; justify-content: flex-end; padding: 0 25px; } } .createrec.tabformcont > .cnt > .out > .in > table.tabform { table-layout: fixed; color: #000000; font-size: 14px; line-height: 1.714285714; margin-bottom: 20px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform, .createrec.tabformcont > .cnt > .out > .in > table.tabform table, .createrec.tabformcont > .cnt > .out > .in > table.tabform th, .createrec.tabformcont > .cnt > .out > .in > table.tabform td { border: 0; } .createrec.tabformcont > .cnt > .out > .in > table.tabform table { margin-bottom: 0; } .createrec.tabformcont > .cnt > .out > .in > table.tabform tr { background-color: #ffffff; } .createrec.tabformcont > .cnt > .out > .in > table.tabform.has-items.color_row tr, .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.color_row { background-color: #f5fbff; } .createrec.tabformcont > .cnt > .out > .in > table.tabform th, .createrec.tabformcont > .cnt > .out > .in > table.tabform td { vertical-align: middle; padding: 10px 8px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform th { background-color: #0072c1; color: #ffffff; font-weight: normal; } .createrec.tabformcont > .cnt > .out > .in > table.tabform th a { color: inherit; } .createrec.tabformcont > .cnt > .out > .in > table.tabform td { border-bottom: 4px solid #f8f8f8; background-clip: padding-box !important; background-color: inherit; } .createrec.tabformcont > .cnt > .out > .in > table.tabform select { margin-bottom: 0; padding-top: 7px; padding-bottom: 6px; border-color: currentColor; color: #01447b; font-size: 14px; line-height: 1.428571429; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .o-icon-check { margin-left: 4px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem { margin-bottom: 0; border: 0; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem th, .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem td { border-bottom: 1px solid #e5f1f9; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem th:first-child, .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem td:first-child { padding-left: 0; border-left: 1px solid #e5f1f9; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem th:last-child, .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem td:last-child { border-right: 1px solid #e5f1f9; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem th { background-color: #e5f1f9; color: #4c4c4c; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem th:first-child { border-top-left-radius: 4px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem th:last-child { border-top-right-radius: 4px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem td { border-bottom-color: #eeeeee; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem td[colspan='3'][align='left'] + td[align='right'] { display: none; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .btnn a { padding: 10px 15px; font-size: 15px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform + table:not([class]) { display: none; } .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.tabform th, .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.tabform td { display: table-cell; padding: 10px 8px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.tabform th table, .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.tabform td table { margin-bottom: 10px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .prc { display: block; white-space: nowrap; text-align: right; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .prc.wovat { color: #4c4c4c; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .prc.wvat { font-weight: bold; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .way, .createrec.tabformcont > .cnt > .out > .in > table.tabform .avd { display: inline-block; margin-bottom: 0; font-weight: bold; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .avd { margin-right: 4px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .avd + .avd { color: #4aaa2f; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .onstock, .createrec.tabformcont > .cnt > .out > .in > table.tabform .stockout { font-weight: bold; font-style: normal; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .onstock { color: #4aaa2f; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .stockout { color: #ff0000; } .createrec.tabformcont > .cnt > .out > .in > table.tabform.has-items { margin-bottom: 4px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform.has-items > tbody > tr > th, .createrec.tabformcont > .cnt > .out > .in > table.tabform.has-items > tbody > tr > td { background-color: inherit; color: inherit; } .createrec.tabformcont > .cnt > .out > .in > table.tabform.has-items > tbody > tr > td { padding: 0 18px 6px 14px; border-bottom: 0; } @media (min-width: 768px) { .createrec.tabformcont > .cnt > .out > .in > table.tabform th:first-child, .createrec.tabformcont > .cnt > .out > .in > table.tabform td:first-child, .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.tabform th:first-child, .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.tabform td:first-child { padding-right: 0; padding-left: 22px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform th:last-child, .createrec.tabformcont > .cnt > .out > .in > table.tabform td:last-child, .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.tabform th:last-child, .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.tabform td:last-child { padding-right: 18px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform th, .createrec.tabformcont > .cnt > .out > .in > table.tabform td, .createrec.tabformcont > .cnt > .out > .in > table.tabform tr.tabform td { padding-top: 16px; padding-bottom: 16px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem th, .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem td { padding-top: 10px; padding-bottom: 10px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem td { background-color: #ffffff; } .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem td[colspan='3'][align='left'], .createrec.tabformcont > .cnt > .out > .in > table.tabform .tabitem td[colspan='11'][align='left'] { padding-top: 16px; padding-bottom: 16px; } } .createrec.tabformcont > .cnt > .out > .in > table.tabform > tbody > tr, .createrec.tabformcont > .cnt > .out > .in > table.tabform > tbody > tr > th, .createrec.tabformcont > .cnt > .out > .in > table.tabform > tbody > tr > td { background-color: #eeeeee; } .createrec.tabformcont > .cnt > .out > .in > table.tabform > tbody > tr > th { margin-bottom: 0; color: #000000; } .createrec.tabformcont > .cnt > .out > .in > table.tabform > tbody > tr > td { padding: 0 8px; border-bottom: 0; } .createrec.tabformcont > .cnt > .out > .in > table.tabform select { width: auto !important; } .createrec.tabformcont > .cnt > .out > .in > table.tabform + table:not([class]) { display: none; } @media (max-width: 1023.98px) { .createrec.tabformcont > .cnt > .out > .in > table.tabform { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; display: block; overflow-x: auto; } .createrec.tabformcont > .cnt > .out > .in > table.tabform::-webkit-scrollbar { width: 10px; } .createrec.tabformcont > .cnt > .out > .in > table.tabform::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } } @media (min-width: 768px) { .createrec.tabformcont > .cnt > .out > .in > table.tabform > tbody > tr > td { padding: 0 10px; } } .b-crossroad { padding: 20px; border: 1px solid #e6e6e6; text-align: center; } .b-crossroad:not(:last-child) { margin-bottom: 30px; } .b-crossroad__img { margin-bottom: 20px; } .b-crossroad__img img { width: 100%; height: auto; } .b-crossroad__title { margin-bottom: 0; color: inherit; } .b-crossroad__img--bleed { margin-top: -21px; margin-right: -21px; margin-left: -21px; } .b-crossroad__img--bleed:first-child { margin-top: -21px; } .b-crossroad__title--lg { margin-top: -5px; font-size: 20px; } .c-crossroad__item > .b-crossroad { height: 100%; } .b-daily-offer { margin-bottom: 25px; } .b-daily-offer__title a { font-weight: inherit; } .b-daily-offer__left, .b-daily-offer__right { margin-bottom: 5px; padding: 30px; background-color: #ffffff; } .b-daily-offer__left .b-daily-offer__title { margin-bottom: 10px; } .b-daily-offer__right .b-daily-offer__title { margin-bottom: 20px; } .b-daily-offer__content { line-height: 1.333333333; } .b-daily-offer__content > :last-child { margin-bottom: 0; } .b-daily-offer__img-wrap { position: relative; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 100%; max-width: 300px; margin-right: 30px; margin-bottom: 0; } .b-daily-offer__img-wrap::before { content: ''; display: block; padding-top: 100%; } .b-daily-offer__img { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .b-daily-offer__img img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .b-daily-offer__badge { position: absolute; top: -20px; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; background-color: #ff0000; color: #ffffff; font-weight: bold; font-size: 24px; line-height: 1; } .b-daily-offer__desc { margin-bottom: 30px; } .b-daily-offer__subtitle { margin-bottom: 10px; color: #000000; } .b-daily-offer__countdown { color: #ff0000; font-weight: bold; font-size: 50px; line-height: 1; white-space: nowrap; } .b-daily-offer__link::before { content: ''; position: relative; top: 0; left: 0; width: 100%; height: 100%; } .b-daily-offer__params { margin-bottom: 15px; } .b-daily-offer__params, .b-daily-offer__params th, .b-daily-offer__params td { border: 0; } .b-daily-offer__params th, .b-daily-offer__params td { vertical-align: middle; } .b-daily-offer__params th { width: 100px; padding: 2px 10px 2px 0; font-weight: normal; } .b-daily-offer__params td { padding: 2px 0; font-weight: 500; font-size: 17px; } .b-daily-offer__params s { color: #000000; white-space: nowrap; } .b-daily-offer__price, .b-daily-offer__discount { color: #ff0000; } .b-daily-offer__price { font-weight: 900; font-size: 21px; white-space: nowrap; } .b-daily-offer__btn { margin-bottom: 10px; } .b-daily-offer__btn form { display: inline-block; } .b-daily-offer__btn a { position: relative; padding-right: 81px; padding-left: 30px; } .b-daily-offer__btn a::after { content: ''; position: absolute; top: 0; right: 0; width: 51px; height: 100%; border-left: 1px solid #358d1c; background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .b-daily-offer__btn a::after { background-image: url("../img/icon/angle-r.svg"); } @media (max-width: 1023.98px) { .b-daily-offer__left { text-align: center; } } @media (max-width: 767.98px) { .b-daily-offer__right { text-align: center; } .b-daily-offer__img-wrap { margin-right: auto; margin-left: auto; } .b-daily-offer__params { width: auto; margin-right: auto; margin-left: auto; } } @media (min-width: 768px) { .b-daily-offer__right { position: relative; display: -ms-flexbox; display: flex; padding: 50px 30px; } } @media (min-width: 1024px) { .b-daily-offer { display: -ms-flexbox; display: flex; margin-left: -5px; } .b-daily-offer__left, .b-daily-offer__right { padding: 50px 30px; border-left: 5px solid transparent; background-clip: padding-box; } .b-daily-offer__left { -ms-flex: 1 0 33.333333333%; flex: 1 0 33.333333333%; max-width: 33.333333333%; } .b-daily-offer__right { -ms-flex: 1 0 66.666666667%; flex: 1 0 66.666666667%; max-width: 66.666666667%; } .b-daily-offer__content { padding-top: 30px; } .b-daily-offer__left .b-daily-offer__content { max-width: 250px; margin: 0 auto; } .b-daily-offer__desc { margin-bottom: 50px; } } .delbkm { display: none; padding: 0 15px 15px; background-color: #ffffff; } .delbkm .exthtml h2 { width: auto !important; margin: 30px 0 10px !important; border-top: 0 !important; } .delbkm .exthtml .subheader { float: none !important; width: auto !important; height: auto !important; margin: 0 0 15px !important; padding-left: 0 !important; } .delbkm .subheader { margin-bottom: 15px; font-size: 17px; } @media (min-width: 768px) { .delbkm { padding: 0 30px 30px; } } .delbookmark { padding: 15px; background-color: #ffffff; } .delbookmark > .ftr { display: none; } @media (min-width: 768px) { .delbookmark { padding: 30px; } } #delivaddrpart { display: none; } #paytabs { display: none; } #paybkms .paybkm { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } #paybkms .paybkm .o-tooltip { margin-left: 5px; } #paybkms .paybkm .o-tooltip::before { content: '?'; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; padding-top: 1px; border: 1px solid currentColor; border-radius: 50%; color: #7fa1bc; font-size: 11px; cursor: help; background: none; } #paybkms .exthtml img { max-width: 100%; height: auto; } #paybkms .pwdnote { position: relative; min-height: 32px; } #paybkms .pwdnote h3 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-top: 0; margin-bottom: 20px; } #paybkms .pwdnote > :last-child { margin-bottom: 0; } #paybkms .pwdnote::before { width: 32px; height: 32px; border-width: 4px; border-style: solid; border-radius: 50%; border-top-color: #01447b; border-right-color: #f7b626; border-bottom-color: #01447b; border-left-color: #f7b626; animation: spinner 1s infinite linear; content: ''; position: absolute; top: 0; left: 50%; margin-left: -16px; } #paybkms .rowbox { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; padding: 14px 10px; } #paybkms .rowbox input[type='radio'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } #paybkms .rowbox label { margin-right: auto; color: #000000; font-weight: 500; } #paybkms .rowbox label::before, #paybkms .rowbox label::after { content: ''; position: absolute; top: 10px; } #paybkms .rowbox label::before { right: 0; bottom: 0; left: 0; border: 1px solid #e6e6e6; transition: border-color 0.3s; cursor: pointer; } #paybkms .rowbox label::after { right: 0; width: 34px; height: 34px; background-image: url("../img/icon/checkbox.svg"), linear-gradient(45deg, transparent, transparent 50%, #0072c1 50%); background-position: top 2px right 2px, 50% 50%; background-repeat: no-repeat; background-size: 16px 16px, 100% 100%; opacity: 0; transition: opacity 0.3s; pointer-events: none; } #paybkms .rowbox .paycost { margin-left: 15px; font-weight: 500; } #paybkms .rowbox .freepaycost { color: #4aaa2f; } #paybkms .rowbox.ds_block { display: -ms-flexbox !important; display: flex !important; } #paybkms .paybkm.ds_block { display: -ms-flexbox !important; display: flex !important; } #paybkms .paybkm.ds_block .exthtml { display: block; } #paybkms .pwdnote.is-loaded::before { display: none; } #paybkms .rowbox input[type='radio']:checked + label::before { border-color: #0072c1; } #paybkms .rowbox input[type='radio']:checked + label::after { opacity: 1; } .hoverevents #paybkms .paybkm:hover .rowbox label::before { border-color: #0072c1; } @media (max-width: 767.98px) { #paybkms .paybkm .o-tooltip__content { right: auto; left: 50%; width: 180px; margin-left: -90px; } #paybkms .paycost { display: block; } } @media (min-width: 768px) { #paybkms .rowbox { padding: 25px 30px; } #paybkms .paycost { margin-left: 0; } } #deliveryservicess { margin-top: 30px; } #deliveryservicess h2 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { #deliveryservicess h2 { font-size: 35px; } } #deliveryservicess .cnt { padding: 15px; background-color: #ffffff; } #deliveryservicess .demsrvitem:not(:last-child) { margin-bottom: 15px; } #deliveryservicess .demsrvitem > img { display: none; } #deliveryservicess .demsrvitem > :last-child { margin-bottom: 0; } #deliveryservicess .leftcont { display: -ms-flexbox; display: flex; } #deliveryservicess .leftcont > :last-child { margin-bottom: 0; } #deliveryservicess .inp-checkbox label { font-weight: 500; cursor: pointer; } #deliveryservicess .demsrvnote.cpvnote { margin-left: 5px; } #deliveryservicess .prcwwat { margin-left: 5px; color: #4c4c4c; } @media (min-width: 768px) { #deliveryservicess { margin-top: 50px; } #deliveryservicess .cnt { padding: 30px; } } .delivmodegroup { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding: 14px; } .delivmodegroup > input[type='radio'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .delivmodegroup > label { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding-right: 20px; } .delivmodegroup .o-tooltip { margin-left: 5px; } .delivmodegroup .o-tooltip::before { content: '?'; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; padding-top: 1px; border: 1px solid currentColor; border-radius: 50%; color: #7fa1bc; font-size: 11px; cursor: help; background: none; } .delivmodegroup .dmgico { width: 65px; margin-top: -9px; margin-bottom: -9px; padding-right: 15px; } .delivmodegroup .dmgico img { max-width: 100%; height: auto; } .delivmodegroup .dmgprice { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-order: 1; order: 1; width: 100%; } .delivmodegroup .demnoteext { position: relative; width: 20px; height: 20px; margin-bottom: 0; margin-left: 10px; } .delivmodegroup .demnoteext::before { content: '?'; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; padding-top: 1px; border: 1px solid currentColor; border-radius: 50%; color: #7fa1bc; font-size: 11px; cursor: help; } .delivmodegroup .demnoteext span { position: absolute; top: 10px; left: 10px; z-index: 1; width: 500px; margin: 0; padding: 10px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #ffffff; color: #4c4c4c; font-size: 12px; line-height: 1.333333333; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } .delivmodegroup .availbasket, .delivmodegroup .dorucimednes { width: 100%; margin-bottom: 0; } .delivmodegroup .ermsg { -ms-flex-order: 1; order: 1; width: 100%; margin-top: 10px; color: #ff0000; font-weight: 500; line-height: 1.333333333; } .delivmodegroup .ermsg p { margin-bottom: 0; } .delivmodegroup .rowbox { -ms-flex-order: 1; order: 1; height: 0; margin: 0; overflow: hidden; visibility: hidden; } .delivmodegroup.showdelivery { -ms-flex-align: stretch; align-items: stretch; margin-left: -10px; } .delivmodegroup.showdelivery > * { border-left: 10px solid transparent; } .delivmodegroup.showdelivery .rowbox { height: auto; margin-bottom: 10px; overflow: visible; visibility: visible; } .delivmodegroup.showdelivery .rowbox[data-demid='95'] { display: none !important; } .delivmodegroup.showdelivery.dmgxid_10 { padding: 0; } .delivmodegroup.showdelivery.dmgxid_10 > label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } .delivmodegroup.showdelivery.dmgxid_10 > label + .rowbox { margin-top: 0; } .delivmodegroup + .delivmodegroup { margin-top: 10px; } .delivmodegroup.ds_block { display: -ms-flexbox !important; display: flex !important; } .hoverevents .delivmodegroup .demnoteext:hover span { visibility: visible; opacity: 1; } @media (max-width: 767.98px) { .delivmodegroup > label { margin-bottom: 5px; } .delivmodegroup .o-tooltip__content { right: auto; left: 50%; width: 180px; margin-left: -90px; } .delivmodegroup .availbasket, .delivmodegroup .dorucimednes { margin-top: 10px; } } @media (max-width: 479.98px) { .delivmodegroup .dmgprice { margin-top: 10px; } } @media (min-width: 480px) { .delivmodegroup { padding-right: 148px; } .delivmodegroup .dmgprice { position: absolute; top: 0; right: 19px; bottom: 0; -ms-flex-pack: end; justify-content: flex-end; width: 120px; } .delivmodegroup .dmgprice::before, .delivmodegroup .dmgprice::after { display: none; } } @media (min-width: 768px) { .delivmodegroup { padding: 19px 158px 19px 19px; } .delivmodegroup .dmgico { width: 90px; margin-top: -14px; margin-bottom: -14px; padding-right: 20px; } .delivmodegroup .availbasket, .delivmodegroup .dorucimednes { width: 200px; margin-left: auto; } } @media (min-width: 1024px) { .delivmodegroup .availbasket, .delivmodegroup .dorucimednes { width: 250px; } } .delivmodegroup.showdelivery.dmgxid_10 .rowbox:not(.inp-place) > label { color: #01447b; font-weight: 500; } @media (min-width: 768px) { #ordcstiddiv .ordcstbox { min-height: 102px; } } #dempayquepart { display: none; } #dempayquepart .details { padding: 0; background-color: transparent; } #dempayquepart .as-link { margin-bottom: 10px; padding-top: 10px; } #dempayquepart .as-link .localization-switch { position: relative; display: block; padding-left: 35px; } #dempayquepart .as-link .localization-switch .localization-switch__label { position: relative; padding: 2px 0 2px 25px; color: #54c135; line-height: 22px; } #dempayquepart .as-link .localization-switch .localization-switch__label::before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-image: url("../img/icon/reload.svg"); background-position: center center; background-repeat: no-repeat; background-size: 18px 18px; transition: transform 0.3s; } #dempayquepart .as-link .localization-switch .localization-switch__flag { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; background-size: 20px; transform: translateY(-50%); } .ossid-0 #dempayquepart .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-cz.svg"); } .ossid-1 #dempayquepart .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-at.svg"); } .ossid-11 #dempayquepart .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-de.svg"); } .ossid-30 #dempayquepart .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-pl.svg"); } .ossid-35 #dempayquepart .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-sk.svg"); } .hoverevents #dempayquepart .as-link:hover .localization-switch .localization-switch__label::before { transform: rotate(180deg); } .dempayquetab { position: relative; margin-bottom: 10px; background-color: #ffffff; } .dempayquetab > a { display: block; padding: 15px 36px 15px 40px; } .dempayquetab > a::before, .dempayquetab > a::after { content: ''; position: absolute; border-radius: 50%; pointer-events: none; } .dempayquetab > a::before { top: 17px; left: 10px; width: 20px; height: 20px; border: 1px solid #e6e6e6; transition: border-color 0.3s, background-color 0.3s; } .dempayquetab > a::after { top: 22px; left: 15px; width: 10px; height: 10px; background-color: #ffffff; opacity: 0; transition: opacity 0.3s; } .dempayquetab > a p { margin-bottom: 0; } .dempayquetab.active > a::before { border-color: #0072c1; background-color: #0072c1; } .dempayquetab.active > a::after { opacity: 1; } .dempayquetab.disabled { display: none; } @media (min-width: 768px) { .dempayquetab { margin-bottom: 20px; } .dempayquetab > a { padding: 28px 84px 28px 70px; } .dempayquetab > a::before { top: 30px; left: 30px; } .dempayquetab > a::after { top: 35px; left: 35px; } } #demquetabs { margin-bottom: 30px; } @media (min-width: 768px) { #demquetabs { margin-bottom: 50px; } } .b-detail-countdown { margin-bottom: 5px; color: #4c4c4c; font-weight: normal; font-size: 14px; line-height: 1.6; } .b-detail-countdown__countdown { display: -ms-flexbox; display: flex; margin-left: 10px; color: #ff0000; font-weight: bold; white-space: nowrap; text-align: center; } .b-detail-countdown__countdown div:first-child + .separator { display: none; } .b-detail-countdown__countdown .dd::after { content: 'd'; margin-right: 5px; } .b-detail-countdown__countdown .smalltext { display: none; } @media (max-width: 767.98px) { .b-detail-countdown__note { margin-bottom: 10px; } } .sti_info .b-detail-countdown { margin-top: -5px; margin-bottom: 15px; padding: 10px; background-color: rgba(226, 176, 101, 0.08); } .sti_info .b-detail-countdown__label, .sti_info .b-detail-countdown__note { width: 100%; } .sti_info .b-detail-countdown__label { padding-left: 30px; background-image: url("../img/icon/price-hit-circle.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 20px 20px; color: #e8b10d; font-weight: 500; font-size: 18px; line-height: 1.333333333; } .sti_info .b-detail-countdown__note { margin-top: 8px; font-size: 12px; } .sti_info .b-detail-countdown__countdown { -ms-flex-pack: center; justify-content: center; margin-left: 0; padding: 8px 10px; border: 1px solid #e2d7cb; border-radius: 6px; color: #000000; font-weight: 500; font-size: 22px; line-height: 1; } .sti_info .b-detail-countdown__countdown .dd::after { display: none; } .sti_info .b-detail-countdown__countdown .smalltext, .sti_info .b-detail-countdown__countdown div:first-child + .separator { display: block; } .sti_info .b-detail-countdown__countdown .smalltext { margin-top: 3px; color: #f2af00; font-weight: normal; font-size: 10px; } .sti_info .b-detail-countdown__countdown .separator { margin: 0 7px; } .sti_info .b-detail-countdown.ds_none { display: none !important; } @media (min-width: 480px) { .sti_info .b-detail-countdown { position: relative; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; min-height: 90px; padding-right: 200px; } .sti_info .b-detail-countdown__note { margin-bottom: 0; } .sti_info .b-detail-countdown__countdown { position: absolute; top: 50%; right: 10px; margin-top: -25px; } } @media (min-width: 1024px) { .sti_info .b-detail-countdown { padding: 20px; padding-right: 220px; } .sti_info .b-detail-countdown__countdown { right: 20px; } } .detail-top-info { width: 100%; margin-bottom: 30px; } .detail-top-info::after { display: none; } .params + .detail-top-info { margin-top: -5px; } @media (min-width: 768px) { .params + .detail-top-info { margin-top: -25px; } } .detailtabcont .toolbox { margin-bottom: 30px; padding: 15px; background-color: #ffffff; } .detailtabcont .toolbox table { margin-bottom: 0; } .detailtabcont .toolbox table + * { margin-top: 10px; } .detailtabcont .toolbox table, .detailtabcont .toolbox th, .detailtabcont .toolbox td { padding: 0; border: 0; } .detailtabcont .toolbox tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; margin-left: -10px; } .detailtabcont .toolbox tr > * { margin-bottom: 10px; } .detailtabcont .toolbox tr > * > input { margin-left: 10px; } .detailtabcont .toolbox .hdr { display: none; } .detailtabcont .toolbar { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding: 10px 15px; font-size: 15px; width: auto !important; font-family: inherit !important; font-size: 15px !important; cursor: pointer !important; } .hoverevents .detailtabcont .toolbar:hover { background-color: #005499; text-decoration: none; } .detailtabcont .toolbar_submit_active, .detailtabcont .toolbar_submit_disable { background-color: #4aaa2f; } .hoverevents .detailtabcont .toolbar_submit_active:hover, .hoverevents .detailtabcont .toolbar_submit_disable:hover { background-color: #54c135; } .detailtabcont .toolbar_new_active, .detailtabcont .toolbar_new_disable, .detailtabcont .toolbar_new_with_active, .detailtabcont .toolbar_new_with_disable, .detailtabcont .toolbar_delete_active, .detailtabcont .toolbar_delete_disable, .detailtabcont .toolbar_reset_active, .detailtabcont .toolbar_reset_disable, .detailtabcont .toolbar_change_disable, .detailtabcont .toolbar_submit_disable { display: none; } .detailtabcont .links { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; margin-left: -10px; font-size: 0; } .detailtabcont .links a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding: 10px 15px; font-size: 15px; display: block; font-size: 15px; } .hoverevents .detailtabcont .links a:hover { background-color: #005499; text-decoration: none; } .detailtabcont .link { margin-bottom: 10px; margin-left: 10px; } @media (min-width: 768px) { .detailtabcont .toolbox { margin-bottom: 50px; padding: 30px; } } .discformholder { padding: 20px; background-color: #ffffff; margin-bottom: 60px; background-color: #eeeeee; color: #000000; } @media (min-width: 768px) { .discformholder { padding: 30px 40px; } } .discformholder form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; } .discformholder form > * { width: 100%; padding-left: 15px; } .discformholder form > .discprezdivka, .discformholder form > .disemail { width: 50%; } .discformholder form > .discodeb { margin-bottom: 20px; } .discformholder h3 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .discformholder h3 { font-size: 35px; } } .discformholder .rowbox { margin-bottom: 10px; } .discformholder .rowbox input[type='text'], .discformholder .rowbox textarea { margin-bottom: 0; } .discformholder .rowbox .button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .discformholder .rowbox .button:hover { background-color: #005499; text-decoration: none; } .discformholder .dislegend { display: none; } .discformholder .discaptcha { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .discformholder .discaptcha label, .discformholder .discaptcha #antispamimg, .discformholder .discaptcha input { margin-right: 10px; } .discformholder .discaptcha label { margin-bottom: 0; } .discformholder .discaptcha input { max-width: 80px; text-align: center; } .discformholder .discodeb label { margin-bottom: 0; } .discformholder .changevertex { margin: 0; padding: 0; border: 0; background-color: transparent; color: #01447b; font-weight: 500; text-decoration: none; transition: color 0.3s; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; } .hoverevents .discformholder .changevertex:hover { text-decoration: underline; } .discrequest { padding: 20px; background-color: #ffffff; color: #000000; } @media (min-width: 768px) { .discrequest { padding: 30px 40px; } } .discrequest > b { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; display: block; margin-bottom: 20px; } @media (min-width: 768px) { .discrequest > b { font-size: 35px; } } #discuscont .cnt { padding: 20px; background-color: #ffffff; position: relative; } @media (min-width: 768px) { #discuscont .cnt { padding: 30px 40px; } } #discuscont .discformholder, #discuscont .discanswer { border-top: 2px solid #f8f8f8; } #discuscont .discreag .discformholder { margin-top: 10px; border-top: 0; } #discuscont .discanswer { margin-right: -40px; margin-left: -40px; padding: 30px 40px 0; } #discuscont .newthread, #discuscont .discsubscribe { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 9px 19px; font-size: 15px; } .hoverevents #discuscont .newthread:hover, .hoverevents #discuscont .discsubscribe:hover { background-color: #005499; text-decoration: none; } .hoverevents #discuscont .newthread:hover, .hoverevents #discuscont .discsubscribe:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } #discuscont .discformholder { display: none; margin-bottom: 0; } #discuscont .discenter { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 9px 19px; font-size: 15px; width: auto; margin-top: 15px; } .hoverevents #discuscont .discenter:hover { background-color: #005499; text-decoration: none; } .hoverevents #discuscont .discenter:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } #discuscont .nodisc { padding: 50px 0; text-align: center; } #discuscont .nodisc p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 0; color: #dadada; font-weight: 500; } @media (min-width: 768px) { #discuscont .nodisc p { font-size: 35px; } } @media (max-width: 767.98px) { #discuscont .cnt { padding-top: 10px; } #discuscont:not(.is-toggled) .hdr ~ * { display: none; } } @media (min-width: 768px) { #discuscont .nodisc { padding: 100px 0; } #discuscont .discenter { margin-top: 0; margin-left: auto; } } .discusitem { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; font-size: 16px; } .discusitem > * { width: 100%; } .discusitem > .discreag, .discusitem > .deldisc { width: auto; } .discusitem .dissubject, .discusitem .disnname { color: #000000; } .discusitem .disnname { font-weight: 500; } .discusitem .disbody > :last-child { margin-bottom: 0; } .discusitem .discreag { margin-right: 15px; } .discusitem .deldisc img { display: none; } .discusitem .deldisc a { display: inline-block; padding-left: 20px; background-image: url("../img/icon/remove.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 12px 12px; color: #ff0000 !important; } .discusitem .disc { font-size: 13px; } .discusitem:not(.level1):not(.level0) { position: relative; } .discusitem:not(.level1):not(.level0)::before { content: ''; position: absolute; top: -7px; left: 5px; width: 15px; height: 20px; border: solid #cccccc; border-width: 0 0 1px 1px; } .discusitem.intro:not(tr), .discusitem.intro > td { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .discusitem.intro:not(tr) p, .discusitem.intro:not(tr) span, .discusitem.intro > td p, .discusitem.intro > td span { width: 100%; } .discusitem.intro:not(tr) a[href='#discformholder'], .discusitem.intro > td a[href='#discformholder'] { display: none; } .discusitem.level1 { margin-right: -40px; margin-left: -40px; padding: 0 40px; } .discusitem.level1:not(:first-child) { padding-top: 25px; border-top: 2px solid #f8f8f8; } .discusitem.level2 { padding-left: 30px; } .discusitem.level3 { padding-left: 60px; } .discusitem.level3::before { left: 35px; } .discusitem.level4 { padding-left: 90px; } .discusitem.level4::before { left: 65px; } .discusitem.level5 { padding-left: 120px; } .discusitem.level5::before { left: 95px; } @media (min-width: 768px) { .discusitem:not(.level1):not(.level0)::before { width: 30px; } .discusitem.intro:not(tr) span, .discusitem.intro > td span { width: auto; margin-right: 20px; } .discusitem.level2 { padding-left: 45px; } .discusitem.level3 { padding-left: 90px; } .discusitem.level3::before { left: 50px; } .discusitem.level4 { padding-left: 135px; } .discusitem.level4::before { left: 95px; } .discusitem.level5 { padding-left: 180px; } .discusitem.level5::before { left: 140px; } } .discussions { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .discussions > * { width: 100%; margin-bottom: 30px; } .discussions > a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 9px 19px; font-size: 15px; width: auto; } .hoverevents .discussions > a:hover { background-color: #005499; text-decoration: none; } .hoverevents .discussions > a:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .discussions > h1 { -ms-flex-positive: 1; flex-grow: 1; width: calc(100% - 55px); } .discussions > img { -ms-flex-order: -1; order: -1; width: 40px; height: 40px; margin-right: 15px; border-radius: 50%; } .discussions > img ~ img { display: none; } .discussions > .disc_tools { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 15px); margin-left: -15px; } .discussions > .disc_tools > * { margin-left: 15px; } .discussions > .disc_tools > a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; width: 100%; } .hoverevents .discussions > .disc_tools > a:hover { background-color: #005499; text-decoration: none; } .discussions > .disc_tools .comp, .discussions > .disc_tools .stifavour { margin-top: 15px; } .discussions > .disc_tools .comp a, .discussions > .disc_tools .stifavour a { display: inline-block; padding-left: 32px; background-position: 0 50%; background-repeat: no-repeat; background-size: 24px 24px; } .discussions > .disc_tools .comp a { background-image: url("../img/icon/compare-gray.svg"); } .discussions > .disc_tools .stifavour a { background-image: url("../img/icon/favorite-gray.svg"); } .discussions > .sti_detail_head::before { display: none; } .discussions > .sti_detail_head tbody { display: block; margin-bottom: -10px; } .discussions > .sti_detail_head tr { display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .discussions > .sti_detail_head th, .discussions > .sti_detail_head td { width: 100%; } @media (max-width: 767.98px) { .discussions > .disc_tools { -ms-flex-pack: center; justify-content: center; } } @media (min-width: 768px) { .discussions > h1 { width: calc(100% - 90px - 290px); } .discussions > img { width: 60px; height: 60px; margin-right: 30px; } .discussions > .disc_tools { width: 260px; margin-left: 15px; } .discussions > .sti_detail_head { margin-bottom: 30px; } .discussions > .sti_detail_head:last-child { margin-bottom: 60px; } .discussions > .sti_detail_head th, .discussions > .sti_detail_head td { width: 50%; } } @media (min-width: 1024px) { .discussions > h1 { width: calc(100% - 150px - 290px); } .discussions > img { width: 120px; height: 120px; } .discussions > .sti_detail_head tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .discussions > .sti_detail_head tr { width: 50%; } } #dtplist { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; background-color: #ffffff; } #dtplist > * { width: 100%; } #dtplist .cnt { margin-bottom: 15px; } #dtplist .I6_basket_div_inbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #dtplist .I6_basket_div_inbox label { width: 100%; } #dtplist .I6_basket_div_inbox input { width: calc(100% - 100px); margin-bottom: 0; } #dtplist .I6_basket_div_inbox .btnn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; width: 100px; margin-bottom: 0; } .hoverevents #dtplist .I6_basket_div_inbox .btnn:hover { background-color: #005499; text-decoration: none; } #dtplist.ds_block { display: -ms-flexbox !important; display: flex !important; } @media (min-width: 768px) { #dtplist { padding-top: 30px; } } #bsktfailure .bsktfailurecont, .ermsg.notfount, .msgbox:not(.stiout):not(.newordcreated):not(.success), .msgbox.overstock .hdr .c p, #ordcstselectordiv .ermsg, .persoo-autocompleteDataset__empty, .persoo-hits-empty-root > h2, .msgbox.success, .msgbox.newordcreated, #hcpaymentcont .payout, #onlinepaydiv .orderscscardpay, #essoxpaymentcont .payout, #onstoreinfo, .sumtofreedeliv, .sti_field { padding: 14px 9px; border: 2px solid currentColor; border-radius: 10px; background-color: #f8f8f8; font-weight: 500; line-height: 1.333333333; text-align: center; } #bsktfailure .bsktfailurecont > :last-child, .ermsg.notfount > :last-child, .msgbox:not(.stiout):not(.newordcreated):not(.success) > :last-child, .msgbox.overstock .hdr .c p > :last-child, #ordcstselectordiv .ermsg > :last-child, .persoo-autocompleteDataset__empty > :last-child, .persoo-hits-empty-root > h2 > :last-child, .msgbox.success > :last-child, .msgbox.newordcreated > :last-child, #hcpaymentcont .payout > :last-child, #onlinepaydiv .orderscscardpay > :last-child, #essoxpaymentcont .payout > :last-child, #onstoreinfo > :last-child, .sumtofreedeliv > :last-child, .sti_field > :last-child { margin-bottom: 0; } @media (min-width: 768px) { #bsktfailure .bsktfailurecont, .ermsg.notfount, .msgbox:not(.stiout):not(.newordcreated):not(.success), .msgbox.overstock .hdr .c p, #ordcstselectordiv .ermsg, .persoo-autocompleteDataset__empty, .persoo-hits-empty-root > h2, .msgbox.success, .msgbox.newordcreated, #hcpaymentcont .payout, #onlinepaydiv .orderscscardpay, #essoxpaymentcont .payout, #onstoreinfo, .sumtofreedeliv, .sti_field { padding: 28px 19px; } } #bsktfailure .bsktfailurecont, .ermsg.notfount, .msgbox:not(.stiout):not(.newordcreated):not(.success), .msgbox.overstock .hdr .c p, #ordcstselectordiv .ermsg, .persoo-autocompleteDataset__empty, .persoo-hits-empty-root > h2 { background-color: #fff3f3; color: #ff0000; } .msgbox.success, .msgbox.newordcreated, #hcpaymentcont .payout, #onlinepaydiv .orderscscardpay, #essoxpaymentcont .payout, #onstoreinfo, .sumtofreedeliv { background-color: #e5ffe7; color: #4aaa2f; } .error-page { width: auto !important; margin-bottom: 60px; } .error-page img { display: none; } .error-page h1 { margin: 0 0 10px; color: #f7b626; font-weight: bold; font-size: 30px; } .error-page h2 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin: 0; color: #000000; } @media (min-width: 768px) { .error-page h2 { font-size: 35px; } } .error-page p, .error-page h3 { color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit !important; line-height: inherit; } .error-page .center { float: none !important; text-align: center; } @media (min-width: 768px) { .error-page h1 { margin-bottom: 0; font-size: 60px; } } .exp-ap { margin-top: 60px; overflow: visible !important; } @media (max-width: 767.98px) { #stoitem_detail #tabs ~ .exp-ap { margin-top: 10px; } #stoitem_detail #tabs + .exp-ap { margin-top: -20px; } } .exp-comp-hint { overflow: visible !important; } .exp-countdown-local { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 5px; padding: 10px; background-color: rgba(74, 170, 47, 0.08); } .exp-countdown-local .p-info { margin-bottom: 0; font-size: 12px; } .exp-countdown-local .p-info > br { display: none; } .exp-countdown-local .p-info strong { display: block; margin-bottom: 3px; color: #000000 !important; font-weight: inherit; font-size: 18px !important; line-height: 1.333338889; } .exp-countdown-local .p-info a { display: inline-block; padding-left: 25px; background-image: url("../img/icon/home-circle.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 20px 20px; color: #4aaa2f; text-decoration: underline; } .exp-countdown-local .exponea-countdown-timer-local { margin-left: 20px; } .hoverevents .exp-countdown-local .p-info a:hover { text-decoration: none; } .sti_inftbl_prc + .exp-countdown-local { margin-top: -5px; } @media (max-width: 479.98px), (min-width: 768px) and (max-width: 1023.98px) { .exp-countdown-local { -ms-flex-wrap: wrap; flex-wrap: wrap; } .exp-countdown-local .p-info { width: 100%; } .exp-countdown-local .exponea-countdown-timer-local { width: 100%; margin-top: 10px; margin-left: 0; } } @media (min-width: 1024px) { .exp-countdown-local { padding: 15px 20px; } } .exp-moc { overflow: visible !important; } .exp-ac + .exp-moc { margin-top: 60px; } @media (max-width: 767.98px) { #stoitem_detail #tabs ~ .exp-moc { margin-top: 10px; } #stoitem_detail #tabs + .exp-moc { margin-top: -20px; } } .exp-reco-hp-category { overflow: visible !important; } .exp-reco-hp { overflow: visible !important; } .spcsused:not(:empty), .exp-sale-code, .exponea-prompt-banner { width: 100%; margin-bottom: 20px; padding: 10px 20px 10px 44px; border-radius: 22px; background-color: #faf3e0; background-image: url("../img/icon/sale-circle.svg"); background-position: 10px 10px; background-repeat: no-repeat; background-size: 24px 24px; } .spcsused:not(:empty) img, .exp-sale-code img, .exponea-prompt-banner img { display: none; } .spcsused:not(:empty) strong, .spcsused:not(:empty) b, .exp-sale-code strong, .exp-sale-code b, .exponea-prompt-banner strong, .exponea-prompt-banner b { color: #f8b700 !important; } @media (min-width: 768px) { .spcsused:not(:empty), .exp-sale-code, .exponea-prompt-banner { margin-bottom: 40px; } } .productlistjx .exponea-prompt-banner { margin-bottom: 10px; } .params + .exp-sale-code { margin-top: -10px; } @media (min-width: 768px) { .params + .exp-sale-code { margin-top: -30px; } } .spcsused:not(:empty) { margin-bottom: 5px; } .spcsused:not(:empty) .spcitem:last-child { margin-bottom: 0; } .exp-web-opinion { overflow: visible !important; } .exp-web-opinion .b-compare-help { z-index: 1; } .exponea-cat-heading { position: relative; margin-bottom: 30px; padding: 30px 0; overflow: visible !important; } .exponea-cat-heading::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .exponea-cat-heading::before, .exponea-cat-heading::after { content: ''; display: table; } .exponea-cat-heading::after { clear: both; } .exponea-cat-heading img { max-width: 100%; height: auto; } .exponea-cat-heading .cat-heading-header { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 10px; } @media (min-width: 768px) { .exponea-cat-heading .cat-heading-header { font-size: 35px; } } .exponea-cat-heading + .wnfilterbox { margin-top: -30px; } .exponea-cat-heading .cat-heading-button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 14px 19px; font-size: 17px; } .hoverevents .exponea-cat-heading .cat-heading-button:hover { background-color: #005499; text-decoration: none; } .hoverevents .exponea-cat-heading .cat-heading-button:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .hoverevents .exponea-cat-heading a:hover { text-decoration: none; } @media (max-width: 767.98px) { .exponea-cat-heading .cat-heading-header { margin-top: 20px; } } @media (min-width: 768px) { .exponea-cat-heading { padding-left: 255px; } .exponea-cat-heading > style + a { float: left; width: 225px; margin-left: -255px; } } .exponea-cat-info { position: relative; height: auto !important; margin: 0 0 20px !important; padding: 30px 0 !important; overflow: visible !important; } .exponea-cat-info::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .exponea-cat-info .cat-info-header { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; } .exponea-cat-info #recommendations { margin: 0 !important; } .exponea-cat-info + .wnfilterbox { margin-top: -20px; padding-top: 0; } .exponea-cat-info .cat-info-more { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 14px 19px; font-size: 17px; display: table; margin: 20px auto 0; } .hoverevents .exponea-cat-info .cat-info-more:hover { background-color: #005499; text-decoration: none; } .hoverevents .exponea-cat-info .cat-info-more:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .exponea-cat-info.multiple-products #recommendations > div { display: -ms-flexbox; display: flex; } .exponea-cat-info.multiple-products #recommendations .cat-info-box { -ms-flex: 1 0 33.333333333%; flex: 1 0 33.333333333%; -ms-flex-align: center; align-items: center; max-width: 33.333333333%; padding: 15px; text-align: center; } .exponea-cat-info.multiple-products #recommendations .cat-info-box > a:first-child { position: relative; top: auto; left: auto; max-width: 150px; margin-bottom: 20px; transform: none; } .exponea-cat-info.multiple-products #recommendations .cat-info-box .cat-info-link { -ms-flex-positive: 1; flex-grow: 1; max-width: 240px; font-size: 19px; } .hoverevents .exponea-cat-info.multiple-products #recommendations .cat-info-box > a:first-child:hover + .cat-info-link { text-decoration: underline; } @media (max-width: 1023.98px) { .exponea-cat-info.multiple-products #recommendations > div { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; overflow-x: auto; } .exponea-cat-info.multiple-products #recommendations > div::-webkit-scrollbar { width: 10px; } .exponea-cat-info.multiple-products #recommendations > div::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .exponea-cat-info.multiple-products #recommendations > div::after { content: ''; -ms-flex: 1 0 15px; flex: 1 0 15px; max-width: 15px; } .exponea-cat-info.multiple-products #recommendations .cat-info-box { min-width: 240px; } } @media (min-width: 1024px) { .exponea-cat-info.multiple-products #recommendations > div { -ms-flex-pack: center; justify-content: center; } } .exponea-fs-info { display: -ms-flexbox; display: flex; height: auto !important; margin: 0 0 30px !important; border: 0 !important; } .exponea-fs-info > div:first-of-type, .exponea-fs-info #fs-product { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 40px; background-color: #ffffff !important; } .exponea-fs-info > div:first-of-type { float: none !important; -ms-flex: 1 0 33.333333333%; flex: 1 0 33.333333333%; width: 33.333333333% !important; height: auto !important; padding-left: 70px; } .exponea-fs-info > div:first-of-type img { display: none; } .exponea-fs-info #fs-product { -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: 4px !important; } .exponea-fs-info .cat-info-header { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin: 0 0 40px; color: #000000; text-align: left; } @media (min-width: 768px) { .exponea-fs-info .cat-info-header { font-size: 35px; } } .f_subscribe_out { position: relative; margin-bottom: 30px; padding: 30px 0; background-color: #0072c1; color: #ffffff; } .f_subscribe_out::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .f_subscribe_out::before { background-color: #0072c1; } .f_subscribe_out .nadpis, .f_subscribe_out .popis { text-align: center; } .f_subscribe_out .nadpis { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 5px; color: inherit; } @media (min-width: 768px) { .f_subscribe_out .nadpis { font-size: 35px; } } .f_subscribe_out .popis { margin-bottom: 0; line-height: 1.2; } .f_subscribe_out form { margin-top: 20px; } .f_subscribe_out table { margin-bottom: 0; } .f_subscribe_out table, .f_subscribe_out table th, .f_subscribe_out table td { padding: 0; border: 0; } .f_subscribe_out table th, .f_subscribe_out table td { width: auto !important; } .f_subscribe_out table th { display: none; } .f_subscribe_out table td { display: -ms-flexbox; display: flex; } .f_subscribe_out table tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .f_subscribe_out table tr { display: block; margin-left: 10px; } .f_subscribe_out table tr:nth-child(1) { -ms-flex: 1 1 0px; flex: 1 1 0; } .f_subscribe_out table tr:nth-child(2) { -ms-flex-order: 1; order: 1; width: 100%; margin-top: 10px; } .f_subscribe_out input[type='submit'] { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .f_subscribe_out input[type='submit']:hover { background-color: #005499; text-decoration: none; } .f_subscribe_out input[type='text'] { margin-bottom: 0; border-color: #01447b; background-color: transparent; color: #ffffff; } .f_subscribe_out input[type='text']::-moz-placeholder { color: inherit; transition: opacity 0.3s; } .f_subscribe_out input[type='text']:-ms-input-placeholder { color: inherit; transition: opacity 0.3s; } .f_subscribe_out input[type='text']::-ms-input-placeholder { color: inherit; transition: opacity 0.3s; } .f_subscribe_out input[type='text']::placeholder { color: inherit; transition: opacity 0.3s; } .f_subscribe_out input[type='text']:focus { border-color: #005499; } .f_subscribe_out input[type='text']:focus::-moz-placeholder { opacity: 0.5; } .f_subscribe_out input[type='text']:focus:-ms-input-placeholder { opacity: 0.5; } .f_subscribe_out input[type='text']:focus::-ms-input-placeholder { opacity: 0.5; } .f_subscribe_out input[type='text']:focus::placeholder { opacity: 0.5; } .f_subscribe_out label span::after { background-color: transparent; background-image: url("../img/icon/checkbox-blue.svg"); } .f_subscribe_out label > input:checked ~ span::before, .f_subscribe_out label > input:checked ~ label::before { border-color: #e6e6e6; background-color: #ffffff; } @media (min-width: 768px) { .f_subscribe_out { padding: 30px 0 35px; } .f_subscribe_out .f_subscribe_wrap { display: -ms-grid; display: grid; grid-template-areas: 'nadpis form' 'popis form'; } .f_subscribe_out .nadpis, .f_subscribe_out .popis { max-width: 450px; text-align: left; } .f_subscribe_out .nadpis { grid-area: nadpis; align-self: flex-end; } .f_subscribe_out .popis { grid-area: popis; align-self: flex-start; } .f_subscribe_out form { grid-area: form; -ms-grid-row-align: center; align-self: center; max-width: 470px; margin-top: 5px; margin-left: 30px; justify-self: flex-end; } } @media (min-width: 768px){ .f_subscribe_out .nadpis { -ms-grid-row: 1; -ms-grid-column: 1; } .f_subscribe_out .popis { -ms-grid-row: 2; -ms-grid-column: 1; } .f_subscribe_out form { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; } } .filters-items-wrapper { position: relative; padding-top: 193px; } @media (min-width: 768px) { .filters-items-wrapper { display: -ms-flexbox; display: flex; padding-top: 98px; } .filters-items-wrapper .persoo-filters-wrapper { position: relative; -ms-flex: 1 0 290px; flex: 1 0 290px; max-width: 290px; padding-right: 10px; } .filters-items-wrapper .persoo-search-results__items { -ms-flex-preferred-size: calc(100% - 290px); flex-basis: calc(100% - 290px); -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; max-width: calc(100% - 290px); } .filters-items-wrapper .persoo-filters-wrapper.is-toggled + .persoo-search-results__items { -ms-flex-preferred-size: calc(100% + 290px); flex-basis: calc(100% + 290px); max-width: calc(100% + 290px); margin-left: -290px; } } @media (min-width: 1024px) { .filters-items-wrapper { padding-top: 80px; } } #flix-inpage #flix-lg-inpage.flix-lg5 .flix-lghead .flix-key-feature li::before { top: 5px; } .fltrparams .hdr { position: relative; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 60px; margin-bottom: 10px; padding: 10px 10px 10px 60px; background-color: #0072c1; background-image: url("../img/icon/plus.svg"); background-position: 24px 50%; background-repeat: no-repeat; background-size: 24px 24px; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; transition: background-color 0.3s; cursor: pointer; } .fltrparams .hdr p { margin-bottom: 0; } .fltrparams .cnt, .fltrparams .ftr { position: relative; } .fltrparams .cnt { display: none !important; margin-bottom: 10px; } .fltrparams .ftr { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; padding: 15px 15px 5px 0; background-color: #ffffff; } .fltrparams .ftr.act { display: -ms-flexbox; display: flex; } .fltrparams .filter { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: 5px; margin-left: 10px; font-size: 14px; line-height: 1.142857143; } .fltrparams .filter p { margin: 3px 0 8px 5px; color: #000000; } .fltrparams .filter .value { position: relative; display: -ms-flexbox; display: flex; margin: 0 0 5px 5px; padding: 5px 30px 5px 10px; border: 1px solid #e6e6e6; border-radius: 14px; color: #01447b; font-weight: 500; } .fltrparams .filter .remove { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; background-image: url("../img/icon/close-orange.svg"); background-position: top 50% right 11px; background-repeat: no-repeat; background-size: 12px 12px; cursor: pointer; } .fltrparams .btnn { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 10px; margin-left: 15px; } .fltrparams .btnn > a { padding: 0 20px 0 0; background-color: transparent; background-image: url("../img/icon/close-red.svg"); background-position: top 50% right 0; background-repeat: no-repeat; background-size: 10px 10px; color: #ff0000; font-size: 15px; line-height: 1.2; } .fltrparams .btnn > a > p, .fltrparams .btnn > a > span { display: none; } .fltrparams #clear_param_fitler { -ms-flex-item-align: start; align-self: flex-start; -ms-flex-order: 1; order: 1; margin: 0 0 5px 10px; padding: 5px 23px 5px 3px; background-image: url("../img/icon/close-red.svg"); background-position: top 50% right 3px; background-repeat: no-repeat; background-size: 10px 10px; color: #ff0000; font-weight: 500; font-size: 15px; line-height: 1.2; cursor: pointer; } .hoverevents .fltrparams .hdr:hover { background-color: #005499; } .hoverevents .fltrparams .filter .value:hover { text-decoration: underline; } .hoverevents .fltrparams .btnn > a:hover { background-color: transparent; text-decoration: underline; } .hoverevents .fltrparams #clear_param_fitler:hover { text-decoration: underline; } .fltrparams.contopened .hdr { background-image: url("../img/icon/minus.svg"); } .fltrparams.contopened .cnt { display: block !important; } @media (min-width: 768px) { .fltrparams .hdr { width: 230px; height: 70px; } .fltrparams .cnt { margin-top: -10px; } .fltrparams .cnt::after { content: ''; position: absolute; top: 0; right: 0; left: 230px; height: 1px; background-color: #e6e6e6; } .fltrparams .ftr { padding: 24px 18px 14px 3px; } } #stilist_fltr_fltrparams #loadingCont { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; margin-bottom: 0; background-color: rgba(255, 255, 255, 0.8); } #stilist_fltr_fltrparams #loadingCont span { position: fixed; top: 50%; left: 50%; background-color: rgba(255, 255, 255, 0.8); transform: translate(-50%, -50%); } @media (max-width: 767.98px) { #stilist_fltr_fltrparams #loadingCont { display: none; } } .fltrprcinterv .cnt { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 60px; padding: 10px 15px 5px; background-color: #ffffff; } .fltrprcinterv #stipricedeafrominfo, .fltrprcinterv #stipricedeatoinfo { width: 50%; color: #000000; font-weight: 500; font-size: 13px; line-height: 1; } .fltrprcinterv #stipricedeatoinfo { text-align: right; } .fltrprcinterv input[type='text'] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } .fltrprcinterv .ui-slider { -ms-flex-order: 1; order: 1; } @media (min-width: 768px) { .fltrprcinterv .cnt { min-height: 70px; padding: 15px 30px 10px; } } #frqsrchword-box { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; display: none; height: auto !important; max-height: calc(85vh - 125px); margin: 1px auto 0 !important; padding: 15px !important; border: 1px solid #e6e6e6; background-color: #ffffff; overflow: visible !important; overflow-y: auto !important; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } #frqsrchword-box::-webkit-scrollbar { width: 10px; } #frqsrchword-box::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } #frqsrchword-box .fk { display: none; } #frqsrchword-box > span { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; display: block; margin-bottom: 10px; } #frqsrchword-box > p { margin-bottom: 0; padding: 5px 0; color: #01447b; font-weight: 500; cursor: pointer; } #frqsrchword-box > p:not(.fk) + span { margin-top: 30px; } .hoverevents #frqsrchword-box > p:hover { text-decoration: underline; } @media (min-width: 768px) { #frqsrchword-box { max-height: calc(85vh - 300px); padding: 30px !important; } } @media (min-width: 1200px) { #frqsrchword-box { max-height: calc(100vh - 300px); } } .gdprpermiss.tabformcont > .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .gdprpermiss.tabformcont > .hdr .c p { font-size: 35px; } } .gdprpermiss.tabformcont .tools a.btn { margin-right: 15px; } .gdprpermiss.tabformcont .tools form { display: inline-block; } .gdprpermiss.tabformcont button.btn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .gdprpermiss.tabformcont button.btn:hover { background-color: #005499; text-decoration: none; } .gdprpermiss.tabformcont button.btn::before { display: none; } .gdprpermiss.tabformcont .srchformcont { padding-right: 15px; } .gdprpermiss.tabformcont .srchformcont form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: -10px; margin-left: -15px; } .gdprpermiss.tabformcont .srchformcont .filteritem { margin-bottom: 10px; padding-left: 15px; } .gdprpermiss.tabformcont .srchformcont .filteritem > p { display: block; } .gdprpermiss.tabformcont .srchformcont .filteritem .btnn { padding-top: 24px; } .gdprpermiss.tabformcont .srchformcont .filteritem .inp-checkbox { margin-top: 29px; } @media (max-width: 1023.98px) { .gdprpermiss.tabformcont .valtable { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; display: block; overflow-x: auto; } .gdprpermiss.tabformcont .valtable::-webkit-scrollbar { width: 10px; } .gdprpermiss.tabformcont .valtable::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } } .gdprpermis.tabformcont > .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .gdprpermis.tabformcont > .hdr .c p { font-size: 35px; } } .gdprpermis.tabformcont > .cnt { padding: 20px; background-color: #ffffff; color: #000000; } @media (min-width: 768px) { .gdprpermis.tabformcont > .cnt { padding: 30px 40px; } } .gdprpermis.tabformcont > .cnt .ftr { display: block; padding-top: 20px; border-top: 1px solid #e6e6e6; } .gdprpermis.tabformcont > .cnt .rowbox { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; margin-left: -15px; } .gdprpermis.tabformcont > .cnt .rowbox > * { margin-bottom: 0; padding-left: 15px; } .gdprpermis.tabformcont > .cnt .rowbox + .rowbox { margin-top: 10px; } .gdprpermis.tabformcont > .cnt .label { min-width: 120px; font-weight: 500; font-size: 17px; } .gdprpermis.tabformcont > .cnt .btn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .gdprpermis.tabformcont > .cnt .btn:hover { background-color: #005499; text-decoration: none; } .I6_basket_div.storno { margin-top: 15px; } .I6_basket_div.storno a { display: inline-block; padding-left: 24px; background-image: url("../img/icon/close-red.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 12px 12px; color: #ff0000; } .include_hp_middle_new { margin-bottom: 30px; } .include_hp_middle_new .f_usp_out { margin-bottom: 15px; } .include_hp_middle_new .f_usp_out .f_usp_wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-left: -20px; } .include_hp_middle_new .f_usp_out .f_usp_wrap a { -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; padding: 15px 0 15px 20px; color: #000000; font-size: 17px; line-height: 22px; text-align: center; } .include_hp_middle_new .f_usp_out .f_usp_wrap a::before { content: ''; display: block; width: 100%; height: 40px; margin-bottom: 20px; background-position: 50% 100%; background-repeat: no-repeat; } .include_hp_middle_new .f_usp_out .f_usp_wrap a span { display: block; margin-top: 5px; color: #4c4c4c; font-weight: normal; font-size: 15px; line-height: 1.2; } .include_hp_middle_new .f_usp_out .f_usp_wrap a.doprava::before { background-image: url("../img/icon/transport.svg"); } .include_hp_middle_new .f_usp_out .f_usp_wrap a.doruceni::before { background-image: url("../img/icon/delivery.svg"); } .include_hp_middle_new .f_usp_out .f_usp_wrap a.prodejny::before { background-image: url("../img/icon/venues.svg"); } .include_hp_middle_new .f_usp_out .f_usp_wrap a.shoproku::before { background-image: url("../img/icon/star-winner.svg"); } .include_hp_middle_new .f_usp_out .f_usp_wrap a.studenti::before { background-image: url("../img/icon/students.svg"); } .include_hp_middle_new .f_usp_out .f_usp_wrap a:not([href]) { cursor: default; } .hoverevents .include_hp_middle_new .f_usp_out .f_usp_wrap a:not([href]):hover { text-decoration: none; } @media (min-width: 768px), print { .include_hp_middle_new .f_usp_out .f_usp_wrap { margin-left: 0; } .include_hp_middle_new .f_usp_out .f_usp_wrap a { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; padding: 0 15px 30px; } } @media (min-width: 1024px), print { .include_hp_middle_new .f_usp_out .f_usp_wrap a { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; padding-top: 30px; } } .include_hp_middle_new .f_services_out .f_services_wrap { margin-bottom: 30px; } .include_hp_middle_new .f_services_out .f_services_wrap a { position: relative; display: block; margin-bottom: 10px; padding: 20px 20px 20px 80px; background-clip: padding-box; background-color: #ffffff; font-weight: normal; font-size: 17px; line-height: 22px; } .include_hp_middle_new .f_services_out .f_services_wrap a::before { content: ''; position: absolute; top: 0; left: 20px; width: 40px; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; } .include_hp_middle_new .f_services_out .f_services_wrap a span { display: block; margin-top: 5px; color: #4c4c4c; font-size: 15px; line-height: 1.2; } .include_hp_middle_new .f_services_out .f_services_wrap a.zaruky::before { background-image: url("../img/icon/insurance.svg"); } .include_hp_middle_new .f_services_out .f_services_wrap a.vynos::before { background-image: url("../img/icon/service.svg"); } .include_hp_middle_new .f_services_out .f_services_wrap a.skladani-pc::before { background-image: url("../img/icon/tools.svg"); } .include_hp_middle_new .f_services_out .f_services_wrap a.splatky::before { background-image: url("../img/icon/installments.svg"); } @media (min-width: 768px) { .include_hp_middle_new .f_services_out .f_services_wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-left: -10px; } .include_hp_middle_new .f_services_out .f_services_wrap a { -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; border-left: 10px solid transparent; } } @media (min-width: 1024px) { .include_hp_middle_new .f_services_out .f_services_wrap { margin-bottom: 40px; margin-left: -10px; text-align: center; } .include_hp_middle_new .f_services_out .f_services_wrap a { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; margin-bottom: 10px; padding: 20px; border-left-width: 10px; } .include_hp_middle_new .f_services_out .f_services_wrap a::before { position: static; display: block; width: 100%; height: 40px; margin-bottom: 20px; background-position: 50% 100%; } } @media (min-width: 768px) { .include_hp_middle_new .f_usp_out { margin-bottom: 0; } } @media (min-width: 1024px) { .wn5 + .include_hp_middle_new .f_usp_out:first-child, .wn5 + script + .include_hp_middle_new .f_usp_out:first-child { margin-top: -30px; } } .incnewpswd { max-width: 500px; margin: 60px auto; padding: 30px 20px; background-color: #ffffff; } .incnewpswd > .hdr { margin-bottom: 30px; } .incnewpswd > .hdr .c p { display: none; } .incnewpswd .cnt .in br:first-child { display: none; } .incnewpswd .tabform { margin-bottom: 0; } .incnewpswd .tabform .email th b { font-weight: inherit; } .incnewpswd .btnn { text-align: center; } .incnewpswd .btnn a { min-width: 160px; } @media (min-width: 768px) { .incnewpswd { padding: 40px 50px; } } .msgbox + #emailnotfound { margin-top: 60px; } .b-info-header { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; text-align: center; } .b-info-header::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .b-info-header::before { top: 0; bottom: 0; } .b-info-header__bg { width: calc(100% + (2 * 15px)); margin: 0 -15px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 1440px auto; } .b-info-header__bg::before { content: ''; display: block; padding-top: 19.861111111%; } .b-info-header__body { width: 100%; padding: 35px 0 25px; } .b-info-header__bg + .b-info-header__body { margin-left: -100%; } .b-info-header__title { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 15px; font-weight: 500; } @media (min-width: 768px) { .b-info-header__title { font-size: 35px; } } .b-info-header__title strong { color: #f7b626; font-weight: bold; } .b-info-header__content { font-size: 14px; } .b-info-header__content > :last-child { margin-bottom: 0; } .b-info-header--light { background-color: #f8f8f8; } .b-info-header--light::before { background-color: #f8f8f8; } .b-info-header--light .b-info-header__title { color: #01447b; } .b-info-header--dark { color: #ffffff; } .b-info-header--dark::before { background-image: linear-gradient(243deg, #0072c1 0%, #12437c 95%); } .b-info-header--dark .b-info-header__title { color: inherit; } @media (min-width: 768px) { .b-info-header__body { padding: 70px 0 50px; } } @media (min-width: 1200px) { .b-info-header { width: calc(100% + 270px); margin: 0 -135px; } } .b-inline-search { max-width: 600px; margin: 0 auto 30px; } .b-inline-search__title { margin-bottom: 20px; text-align: center; } .b-inline-search__holder { padding: 20px; background-color: #ffffff; } .b-inline-search__group, .b-inline-search__btns { margin-bottom: -10px; } .b-inline-search__group > *, .b-inline-search__btns > * { margin-bottom: 10px; } .b-inline-search__group button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; min-width: 120px; } .hoverevents .b-inline-search__group button:hover { background-color: #005499; text-decoration: none; } .b-inline-search__btns { margin-top: 20px; } .b-inline-search__btns a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 14px; } .hoverevents .b-inline-search__btns a:hover { background-color: #005499; text-decoration: none; } .hoverevents .b-inline-search__btns a:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } @media (max-width: 479.98px) { .b-inline-search__group button, .b-inline-search__btns a { width: 100%; } } @media (min-width: 480px) { .b-inline-search__group, .b-inline-search__btns { display: -ms-flexbox; display: flex; margin-left: -10px; } .b-inline-search__group > *, .b-inline-search__btns > * { margin-left: 10px; } .b-inline-search__btns { margin-top: 30px; } .b-inline-search__btns a { -ms-flex-positive: 1; flex-grow: 1; } } @media (min-width: 768px) { .b-inline-search { margin-bottom: 60px; } .b-inline-search__holder { padding: 30px; } } .invoices.tabformcont .tabformtoolsbtncont { margin-top: -19px; } .invoices.tabformcont .valtable.tabform { table-layout: auto; } @media (min-width: 1200px) { .invoices.tabformcont .srchtabform tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .invoices.tabformcont .srchtabform th, .invoices.tabformcont .srchtabform td { display: block; } } /* stylelint-disable */ html[data-products-view='listbox'] .productlistjx .prodbox, .listbox { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 104px; margin-bottom: 8px; padding: 15px; background-color: #ffffff; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top, .listbox .prodbox-top { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: center; align-items: center; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .TSB-description, .listbox .prodbox-top .TSB-description { display: -ms-flexbox; display: flex; -ms-flex: 1 1 20%; flex: 1 1 20%; -ms-flex-align: center; align-items: center; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .img, .listbox .prodbox-top .img { -ms-flex: 0 0 72px; flex: 0 0 72px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty, .listbox .prodbox-top .stiqty { -ms-flex: 0 0 170px; flex: 0 0 170px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom, .listbox .prodbox-bottom { display: -ms-flexbox; display: flex; -ms-flex: 0 0 330px; flex: 0 0 330px; -ms-flex-align: center; align-items: center; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom form, .listbox .prodbox-bottom form { margin-bottom: 0; } html[data-products-view='listbox'] .productlistjx .prodbox h2, .listbox h2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -ms-flex: 0 0 calc(100% - 68px); flex: 0 0 calc(100% - 68px); margin-bottom: 0; font-size: 16px; line-height: 1.25; } html[data-products-view='listbox'] .productlistjx .prodbox h2 a, .listbox h2 a { display: block; } html[data-products-view='listbox'] .productlistjx .prodbox .img, .listbox .img { position: relative; -ms-flex: 0 0 48px; flex: 0 0 48px; -ms-flex-order: -1; order: -1; margin-right: 20px; overflow: hidden; } html[data-products-view='listbox'] .productlistjx .prodbox .img::before, .listbox .img::before { content: ''; display: block; padding-top: 100%; } html[data-products-view='listbox'] .productlistjx .prodbox .img a, .listbox .img a { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } html[data-products-view='listbox'] .productlistjx .prodbox .img img, .listbox .img img { width: auto; max-width: 100%; height: auto; max-height: 100%; } html[data-products-view='listbox'] .productlistjx .prodbox .note, html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, html[data-products-view='listbox'] .productlistjx .prodbox .price, .listbox .note, .listbox .stiqty, .listbox .price { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; margin-right: 18px; padding-left: 18px; border-left: 1px solid #e8e8e8; } html[data-products-view='listbox'] .productlistjx .prodbox .note, .listbox .note { -ms-flex: 1 1 100%; flex: 1 1 100%; color: #000000; font-size: 13px; line-height: 1.384615385; word-break: break-word; } html[data-products-view='listbox'] .productlistjx .prodbox .note > p, .listbox .note > p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; margin-bottom: 0; } html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, .listbox .stiqty { -ms-flex: 0 0 100%; flex: 0 0 100%; } html[data-products-view='listbox'] .productlistjx .prodbox .stiqty a p, .listbox .stiqty a p { margin-top: 5px; font-size: 13px; line-height: 1.153846154; } html[data-products-view='listbox'] .productlistjx .prodbox .b-detail-countdown, .listbox .b-detail-countdown { -ms-flex-order: 0; order: 0; margin: 6px 0 -6px; } html[data-products-view='listbox'] .productlistjx .prodbox .price, .listbox .price { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; white-space: nowrap; } html[data-products-view='listbox'] .productlistjx .prodbox .price > *, .listbox .price > * { margin-bottom: 0; } html[data-products-view='listbox'] .productlistjx .prodbox .price[data-price-src]:not(.is-loaded) .wvat, .listbox .price[data-price-src]:not(.is-loaded) .wvat { color: transparent; } html[data-products-view='listbox'] .productlistjx .prodbox .wvat, .listbox .wvat { color: #000000; font-weight: bold; font-size: 22px; line-height: 1.181818182; } html[data-products-view='listbox'] .productlistjx .prodbox .mc, html[data-products-view='listbox'] .productlistjx .prodbox .wovat, .listbox .mc, .listbox .wovat { font-size: 12px; line-height: 1.166666667; } html[data-products-view='listbox'] .productlistjx .prodbox .mc, .listbox .mc { text-decoration: line-through; } html[data-products-view='listbox'] .productlistjx .prodbox .mc + .wvat, .listbox .mc + .wvat { color: #ff0000; } html[data-products-view='listbox'] .productlistjx .prodbox .buy_menu_out, .listbox .buy_menu_out { -ms-flex-order: 1; order: 1; } html[data-products-view='listbox'] .productlistjx .prodbox .buy_menu, .listbox .buy_menu { z-index: 2; width: auto; white-space: nowrap; } html[data-products-view='listbox'] .productlistjx .prodbox .btnn.buy > a, .listbox .btnn.buy > a { padding: 10px; } html[data-products-view='listbox'] .productlistjx .prodbox .statuscont, html[data-products-view='listbox'] .productlistjx .prodbox .inp_txt_qty, .listbox .statuscont, .listbox .inp_txt_qty { display: none; } html[data-products-view='listbox'] .productlistjx .prodbox .buying-progress.buying-progress .btnn.buy, .listbox .buying-progress.buying-progress .btnn.buy { position: relative; } @media (max-width: 1023.98px) { html[data-products-view='listbox'] .productlistjx .prodbox, .listbox { -ms-flex-align: start; align-items: flex-start; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top, .listbox .prodbox-top { -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .TSB-description, .listbox .prodbox-top .TSB-description { -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .TSB-description h2, .listbox .prodbox-top .TSB-description h2 { -ms-flex: 0 1 100%; flex: 0 1 100%; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .TSB-description .note, .listbox .prodbox-top .TSB-description .note { -ms-flex: 0 1 100%; flex: 0 1 100%; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty, .listbox .prodbox-top .stiqty { margin-top: 0; margin-left: 92px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom, .listbox .prodbox-bottom { -ms-flex: 0 0 170px; flex: 0 0 170px; -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-products-view='listbox'] .productlistjx .prodbox .note, .listbox .note { padding-left: 0; border-left: 0; } html[data-products-view='listbox'] .productlistjx .prodbox .note, html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, html[data-products-view='listbox'] .productlistjx .prodbox .price, .listbox .note, .listbox .stiqty, .listbox .price { margin-top: 16px; } html[data-products-view='listbox'] .productlistjx .prodbox .price, .listbox .price { margin-right: 0; } } @media (max-width: 767.98px) { html[data-products-view='listbox'] .productlistjx .prodbox, .listbox { -ms-flex-wrap: wrap; flex-wrap: wrap; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top, .listbox .prodbox-top { -ms-flex: 0 0 100%; flex: 0 0 100%; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .TSB-description, .listbox .prodbox-top .TSB-description { -ms-flex: 0 0 calc(100% - 92px); flex: 0 0 calc(100% - 92px); } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty, .listbox .prodbox-top .stiqty { margin-top: 20px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom, .listbox .prodbox-bottom { margin-top: -40px; margin-left: auto; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .price, .listbox .prodbox-bottom .price { margin-top: 0; } html[data-products-view='listbox'] .productlistjx .prodbox form, html[data-products-view='listbox'] .productlistjx .prodbox .buy_menu_out, .listbox form, .listbox .buy_menu_out { display: none; } html[data-products-view='listbox'] .productlistjx .prodbox .note, .listbox .note { margin-right: 0; } html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, .listbox .stiqty { padding-left: 0; border-left: 0; } } @media (max-width: 479.98px) { html[data-products-view='listbox'] .productlistjx .prodbox, .listbox { position: relative; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty, .listbox .prodbox-top .stiqty { margin-left: 92px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom, .listbox .prodbox-bottom { margin-top: 20px; margin-left: 92px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .price, .listbox .prodbox-bottom .price { padding-left: 0; border: none; } html[data-products-view='listbox'] .productlistjx .prodbox .buy_menu_out, html[data-products-view='listbox'] .productlistjx .prodbox .btnn.buy, .listbox .buy_menu_out, .listbox .btnn.buy { position: absolute; right: 15px; bottom: 15px; left: 15px; } html[data-products-view='listbox'] .productlistjx .prodbox .btnn.buy > a, .listbox .btnn.buy > a { width: calc(100% - 31px); margin-right: 31px; } html[data-products-view='listbox'] .productlistjx .prodbox .buy_menu, .listbox .buy_menu { width: 100%; } html[data-products-view='listbox'] .productlistjx .prodbox .buying-progress.buying-progress .btnn.buy, .listbox .buying-progress.buying-progress .btnn.buy { position: absolute; } } @media (max-width: 374.98px) { html[data-products-view='listbox'] .productlistjx .prodbox .price, html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, .listbox .price, .listbox .stiqty { margin-right: 0; } html[data-products-view='listbox'] .productlistjx .prodbox .price, .listbox .price { padding-left: 0; border-left: 0; } } @media (min-width: 375px) { html[data-products-view='listbox'] .productlistjx .prodbox .price, html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, .listbox .price, .listbox .stiqty { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, .listbox .stiqty { max-width: calc(50% - 20px); } } @media (min-width: 375px) and (max-width: 1023.98px) { html[data-products-view='listbox'] .productlistjx .prodbox .note, html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, html[data-products-view='listbox'] .productlistjx .prodbox .price, .listbox .note, .listbox .stiqty, .listbox .price { -ms-flex-order: 2; order: 2; } } @media (min-width: 480px) { html[data-products-view='listbox'] .productlistjx .prodbox, .listbox { padding: 16px 18px 16px 20px; } html[data-products-view='listbox'] .productlistjx .prodbox h2, .listbox h2 { -ms-flex-preferred-size: calc(100% - 92px); flex-basis: calc(100% - 92px); } html[data-products-view='listbox'] .productlistjx .prodbox form, .listbox form { margin-left: auto; } html[data-products-view='listbox'] .productlistjx .prodbox .img, .listbox .img { -ms-flex-preferred-size: 72px; flex-basis: 72px; } html[data-products-view='listbox'] .productlistjx .prodbox .buying-progress.buying-progress .btnn.buy::before, .listbox .buying-progress.buying-progress .btnn.buy::before { right: -31px; } } @media (min-width: 768px) { html[data-products-view='listbox'] .productlistjx .prodbox h2, .listbox h2 { -ms-flex-preferred-size: calc(100% - 280px); flex-basis: calc(100% - 280px); margin-right: 18px; } html[data-products-view='listbox'] .productlistjx .prodbox .note, .listbox .note { -ms-flex: 0 0 calc(100% - 376px); flex: 0 0 calc(100% - 376px); } html[data-products-view='listbox'] .productlistjx .prodbox .price, html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, .listbox .price, .listbox .stiqty { -ms-flex-preferred-size: 170px; flex-basis: 170px; max-width: 170px; } html[data-products-view='listbox'] .productlistjx .prodbox .b-detail-countdown, .listbox .b-detail-countdown { position: absolute; top: 10px; right: 18px; margin: 0; font-size: 12px; } } @media (min-width: 1024px) { html[data-products-view='listbox'] .productlistjx .prodbox h2, .listbox h2 { -ms-flex-preferred-size: 15%; flex-basis: 15%; } html[data-products-view='listbox'] .productlistjx .prodbox .img, .listbox .img { -ms-flex-preferred-size: 48px; flex-basis: 48px; } html[data-products-view='listbox'] .productlistjx .prodbox .note, .listbox .note { -ms-flex: 1 1 auto; flex: 1 1 auto; } html[data-products-view='listbox'] .productlistjx .prodbox .b-detail-countdown, .listbox .b-detail-countdown { top: 50%; right: 18px; max-width: 200px; margin-top: -37px; } html[data-products-view='listbox'] .productlistjx .prodbox .b-detail-countdown__label, .listbox .b-detail-countdown__label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } html[data-products-view='listbox'] .productlistjx .prodbox .buy_menu_btn, .listbox .buy_menu_btn { width: 21px; height: 34px; } html[data-products-view='listbox'] .productlistjx .prodbox .buy_menu_btn::before, .listbox .buy_menu_btn::before { top: 9px; left: 2px; } html[data-products-view='listbox'] .productlistjx .prodbox .btnn.buy, .listbox .btnn.buy { white-space: nowrap; } html[data-products-view='listbox'] .productlistjx .prodbox .btnn.buy > a, .listbox .btnn.buy > a { padding: 7px 10px; font-weight: normal; font-size: 14px; } html[data-products-view='listbox'] .productlistjx .prodbox .buying-progress.buying-progress .btnn.buy::before, .listbox .buying-progress.buying-progress .btnn.buy::before { right: -21px; } } @media (min-width: 1200px) { html[data-products-view='listbox'] .productlistjx .prodbox h2, .listbox h2 { -ms-flex-preferred-size: 20%; flex-basis: 20%; } html[data-products-view='listbox'] .productlistjx .prodbox .img, .listbox .img { -ms-flex-preferred-size: 72px; flex-basis: 72px; } } html[data-products-view='listbox'] .productlistjx .prodbox .stiqty { -ms-flex-order: 3; order: 3; } html[data-products-view='listbox'] .productlistjx .prodbox .price { -ms-flex-order: 4; order: 4; } @media (min-width: 1024px) { html[data-products-view='listbox'] .productlistjx .prodbox .stiqty { -ms-flex-order: 1; order: 1; } html[data-products-view='listbox'] .productlistjx .prodbox form, html[data-products-view='listbox'] .productlistjx .prodbox .price { -ms-flex-order: 2; order: 2; } html[data-products-view='listbox'] .productlistjx .prodbox .buy_menu_out { -ms-flex-order: 3; order: 3; } } .lngpswdchng1.tabformcont { max-width: 500px; margin: 60px auto; padding: 30px 20px; background-color: #ffffff; } .lngpswdchng1.tabformcont > .hdr { margin-bottom: 30px; } .lngpswdchng1.tabformcont > .hdr .c p { display: none; } .lngpswdchng1.tabformcont .tabdetailpart, .lngpswdchng1.tabformcont .tabedit { margin-bottom: 0; } .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead) { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; padding: 0; } .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead):first-child + tr { padding: 0; } .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead):first-child + tr ~ tr { margin-top: 0; } .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead):first-child + tr ~ tr.btncell { margin-top: 20px; } .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead) th, .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead) td { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding: 0 !important; } .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead) input { margin-bottom: 0; } .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead).btncell { -ms-flex-pack: center; justify-content: center; margin: 20px 0 0 -20px; } .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead).btncell th, .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead).btncell td { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 20px; } .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead).btncell th .btnn a { background-color: #4aaa2f; } .hoverevents .lngpswdchng1.tabformcont .tabdetailpart.editing tr:not(.tabdetailparthead).btncell th .btnn a:hover { background-color: #54c135; } .lngpswdchng1.tabformcont .tabedit, .lngpswdchng1.tabformcont .tabedit th, .lngpswdchng1.tabformcont .tabedit td { padding: 0; border: 0; } @media (min-width: 768px) { .lngpswdchng1.tabformcont { padding: 40px 50px; } } .logincont.tabformcont { margin: 0 auto 50px; } #loginform { max-width: 500px; margin: 60px auto; padding: 30px 20px; background-color: #ffffff; } #loginform .logincont { width: auto; margin: 0; padding: 0; } #loginform .logincont > .hdr { margin-bottom: 30px; } @media (min-width: 768px) { #loginform { padding: 40px 50px; } } #popupbckg:not(.productlistpopupbckg):not(.SaveContactDatamsg), .popupcont:not(.productlistpopupbckg):not(.SaveContactDatamsg), #loginpop:not(.productlistpopupbckg):not(.SaveContactDatamsg), #loginPopBckg:not(.productlistpopupbckg):not(.SaveContactDatamsg) { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } #loginpop, #loginPopBckg { visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; } #loginpop.opened, #loginPopBckg.opened { visibility: visible; opacity: 1; } .popupcont, #loginpop { z-index: 100 !important; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 15px; } .popupcont > form, .popupcont > .outer, #loginpop > form, #loginpop > .outer { max-width: 100%; margin: auto; overflow-y: auto; } .popupcont:not(.SaveContactDatamsg) { background-color: rgba(0, 0, 0, 0.6); } .popupcont:not(.SaveContactDatamsg) > .outer { position: relative; max-width: 920px; max-height: calc(100% - 150px); border: 1px solid #e6e6e6; background-color: #ffffff; } .popupcont:not(.SaveContactDatamsg) .popupclose { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 50px; height: 50px; background-image: url("../img/icon/close-thick.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; opacity: 0.25; transition: opacity 0.3s; } .hoverevents .popupcont:not(.SaveContactDatamsg) .popupclose:hover { opacity: 1; } @media (min-width: 768px) { .popupcont:not(.SaveContactDatamsg) > .outer { max-height: calc(100% - 300px); } } #loginpop { pointer-events: none; } #loginpop > form { max-height: 100%; pointer-events: auto; } #popupbckg, #loginPopBckg { z-index: 99; background-color: rgba(0, 0, 0, 0.6); } #popupbckg.productlistpopupbckg, #loginPopBckg.productlistpopupbckg { background-color: rgba(255, 255, 255, 0.8); } @media (max-width: 767.98px) { #popupbckg.productlistpopupbckg, #loginPopBckg.productlistpopupbckg { position: fixed !important; top: 45px !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: auto !important; height: auto !important; opacity: 1 !important; } } .logneword.tabformcont .cnt .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: -10px; margin-left: -10px; } .logneword.tabformcont .cnt .in > * { margin-bottom: 10px; margin-left: 10px; } .logoff.tabformcont { text-align: center; } .logoff.tabformcont .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .logoff.tabformcont .hdr .c p { font-size: 35px; } } .logsuccess.tabformcont { position: relative; margin-top: -30px; padding: 30px 0; color: #ffffff; } .logsuccess.tabformcont::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .logsuccess.tabformcont::before { background-color: #01447b; } .logsuccess.tabformcont > .hdr { display: none; } .logsuccess.tabformcont .confname { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; color: inherit; } @media (min-width: 768px) { .logsuccess.tabformcont .confname { font-size: 35px; } } .logsuccess.tabformcont .conid, .logsuccess.tabformcont .comname { color: #a3d1ff; font-size: 17px; } .logsuccess.tabformcont .ex_01 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 500; font-size: 16px; line-height: 20px; overflow: hidden; } .logsuccess.tabformcont .ex_01 li { padding: 5px 0 5px 20px; } .logsuccess.tabformcont .ex_01 li + li { border-left: 1px solid rgba(248, 248, 248, 0.4); } .logsuccess.tabformcont .ex_01 b { color: #f7b626; } .logsuccess.tabformcont .btn_logout { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding: 14px 19px; border: 1px solid #ffffff; background-color: #01447b; color: #ffffff; font-size: 15px; } .hoverevents .logsuccess.tabformcont .btn_logout:hover { background-color: #005499; text-decoration: none; } .hoverevents .logsuccess.tabformcont .btn_logout:hover { background-color: #ffffff; color: #01447b; } @media (max-width: 767.98px) { .logsuccess.tabformcont { text-align: center; } .logsuccess.tabformcont .ex_01 { -ms-flex-pack: center; justify-content: center; } .logsuccess.tabformcont .btn_logout { margin-top: 30px; } } @media (min-width: 768px) { .logsuccess.tabformcont { margin-top: -60px; padding: 60px 0; } .logsuccess.tabformcont .user { position: relative; padding-right: 150px; padding-left: 130px; } .logsuccess.tabformcont .user::before { content: ''; position: absolute; top: 0; left: 0; width: 100px; height: 100px; border-radius: 50%; background-color: #f7b626; background-image: url("../img/icon/user-white.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 50px 50px; } .logsuccess.tabformcont .confname { font-size: 38px; line-height: 1.25; } .logsuccess.tabformcont .btn_logout { position: absolute; top: 95px; right: 0; } .logsuccess.tabformcont .ex_01 { margin: 60px 0 -1px -20px; border: solid transparent; border-width: 0 150px 0 130px; } .logsuccess.tabformcont .ex_01 li { margin: 0 20px 1px -1px; padding-top: 10px; padding-bottom: 10px; } } .msgbox, .msgbox ~ form { text-align: center; } .msgbox .cnt table { margin-bottom: 0; } .msgbox .cnt p:last-child { margin-bottom: 0; } .msgbox .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-bottom: 0; color: inherit; } .msgbox ~ form .btnnlogin { margin-bottom: 30px; } .msgbox ~ form .btnnlogin span { display: none; } .msgbox:not(.stiout):not(.newordcreated):not(.success) { margin-bottom: 50px; } .msgbox:not(.stiout):not(.newordcreated):not(.success) .cnt tbody tr:first-child td:first-child:not(:empty) { padding-top: 15px; } .msgbox:not(.stiout):not(.newordcreated):not(.success) .btnn { float: none !important; margin: 25px 0 0 !important; } .msgbox.success, .msgbox.newordcreated { margin-bottom: 50px; } .msgbox.success .hdr p, .msgbox.newordcreated .hdr p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-bottom: 0; color: inherit; } .msgbox.stiout { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; background-image: url("../img/icon/sad-smiley.svg"); background-position: 50% 10px; background-repeat: no-repeat; background-size: 60px 60px; text-align: left; } .msgbox.stiout .hdr .c p { max-width: none; margin: 0 0 5px; color: #ff0000; font-size: 35px; } .msgbox.stiout .cnt { display: block; color: #000000; font-weight: 500; } .msgbox.stiout .cnt table, .msgbox.stiout .cnt p { margin-bottom: 0; } .msgbox.overstock .hdr .c p { max-width: none; margin: 0 0 10px; font-family: inherit; font-weight: inherit; font-size: inherit; } .msgbox.overstock .cnt { display: none; } @media (max-width: 767.98px) { .msgbox.stiout { padding-top: 80px; text-align: center; } } @media (min-width: 768px) { .msgbox.stiout { min-height: 120px; padding-left: 200px; background-position: 40px 50%; background-size: 120px 120px; } } .newordcreated { margin-bottom: 50px; } .newordcreated .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; max-width: none; color: #4aaa2f; font-weight: 500; font-size: 35px; } @media (min-width: 768px) { .newordcreated .hdr .c p { font-size: 35px; } } .newordcreated .hdr .c p::before { content: ''; display: block; width: 42px; height: 42px; margin: 0 auto 15px; border: 2px solid currentColor; border-radius: 50%; background-image: url("../img/icon/checkbox-green.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px 24px; } .newordcreated .cnt { display: block; max-width: 580px; margin: 0 auto; color: #000000; } .newordcreated .cnt table, .newordcreated .cnt table th, .newordcreated .cnt table td { padding: 0; border: 0; } .newreg.tabformcont { padding-top: 0; } .newreg.tabformcont input + .msg { margin-top: -25px; } .newreg.tabformcont .hdr .c h1 { margin-bottom: 30px; font-size: 32px; } .newreg.tabformcont .hdr .c > p { display: none; } .newreg.tabformcont .cnt { max-width: 600px; margin: 0 auto; padding: 30px; background-color: #ffffff; } .newreg.tabformcont #strongPass, .newreg.tabformcont #passMsg, .newreg.tabformcont .msg, .newreg.tabformcont .legend { display: block; margin-bottom: 20px; font-size: 12px; line-height: 1.333333333; } .newreg.tabformcont #strongPass { display: none; } .newreg.tabformcont #strongPass .line { display: none; } .newreg.tabformcont .legend { text-align: center; } #newregistrationinfo > h2 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { #newregistrationinfo > h2 { font-size: 35px; } } #newregistrationinfo .details > .info { padding: 11px 15px; border-radius: 22px; background-color: #f8f4e8; color: #4c4c4c; font-size: 14px; text-align: center; } #newregistrationinfo .details > .info > :last-child { margin-bottom: 0; } #newregistrationinfo .details > .info a { color: #f7b626; } #hcpaymentcont .payout, #onlinepaydiv .orderscscardpay, #essoxpaymentcont .payout { margin-bottom: 30px; font-weight: normal; } #hcpaymentcont .payout > p, #onlinepaydiv .orderscscardpay > p, #essoxpaymentcont .payout > p { color: #000000; font-weight: 500; } #hcpaymentcont .payout h2, #onlinepaydiv .orderscscardpay h2, #essoxpaymentcont .payout h2 { color: inherit; font-weight: 500; } #hcpaymentcont .payout table, #onlinepaydiv .orderscscardpay table, #essoxpaymentcont .payout table { margin-bottom: 0; } #hcpaymentcont .payout table, #hcpaymentcont .payout table tbody, #onlinepaydiv .orderscscardpay table, #onlinepaydiv .orderscscardpay table tbody, #essoxpaymentcont .payout table, #essoxpaymentcont .payout table tbody { display: block; } #hcpaymentcont .payout table tr, #onlinepaydiv .orderscscardpay table tr, #essoxpaymentcont .payout table tr { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 0 0 -10px -10px; } #hcpaymentcont .payout table tr > *, #onlinepaydiv .orderscscardpay table tr > *, #essoxpaymentcont .payout table tr > * { margin: 0 0 10px 10px; } #hcpaymentcont .payout table td:first-child a, #onlinepaydiv .orderscscardpay table td:first-child a, #essoxpaymentcont .payout table td:first-child a { background-color: #4aaa2f; } .hoverevents #hcpaymentcont .payout table td:first-child a:hover, .hoverevents #onlinepaydiv .orderscscardpay table td:first-child a:hover, .hoverevents #essoxpaymentcont .payout table td:first-child a:hover { background-color: #54c135; } #hcpaymentcont .payout table a, #onlinepaydiv .orderscscardpay table a, #essoxpaymentcont .payout table a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents #hcpaymentcont .payout table a:hover, .hoverevents #onlinepaydiv .orderscscardpay table a:hover, .hoverevents #essoxpaymentcont .payout table a:hover { background-color: #005499; text-decoration: none; } #hcpaymentcont .payout .go_hc, #onlinepaydiv .orderscscardpay .go_hc, #essoxpaymentcont .payout .go_hc { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; background-color: #4aaa2f; } .hoverevents #hcpaymentcont .payout .go_hc:hover, .hoverevents #onlinepaydiv .orderscscardpay .go_hc:hover, .hoverevents #essoxpaymentcont .payout .go_hc:hover { background-color: #005499; text-decoration: none; } .hoverevents #hcpaymentcont .payout .go_hc:hover, .hoverevents #onlinepaydiv .orderscscardpay .go_hc:hover, .hoverevents #essoxpaymentcont .payout .go_hc:hover { background-color: #54c135; } @media (min-width: 768px) { #hcpaymentcont .payout, #onlinepaydiv .orderscscardpay, #essoxpaymentcont .payout { margin-bottom: 60px; } } #onstoreinfo { margin-bottom: 30px; } #onthepostoffice { padding: 15px; background-color: #ffffff; } @media (min-width: 768px) { #onthepostoffice { padding: 30px; } } #ordcstiddiv .cnt > .I6_basket_div_inbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } #ordcstiddiv .cnt > .I6_basket_div_inbox > * { border-left: 10px solid transparent; } #ordcstiddiv .subhdr { margin-bottom: 15px; } #ordcstiddiv .ordcstbox:first-child { margin-top: 0; border-top: 0; } #ordcstselectordiv { padding: 15px; background-color: #ffffff; } #ordcstselectordiv > :last-child { margin-bottom: 0; } #ordcstselectordiv .I6_basket_div_inbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #ordcstselectordiv .I6_basket_div_inbox label { width: 100%; } #ordcstselectordiv .I6_basket_div_inbox input { width: calc(100% - 100px); margin-bottom: 0; } #ordcstselectordiv .I6_basket_div_inbox .btnn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; width: 100px; margin-bottom: 0; } .hoverevents #ordcstselectordiv .I6_basket_div_inbox .btnn:hover { background-color: #005499; text-decoration: none; } #ordcstselectordiv .cnt + p { margin-top: 5px; } #ordcstselectordiv .ermsg { margin-top: 30px; } @media (min-width: 768px) { #ordcstselectordiv { padding: 30px; } } .orddocuments .cnt p { margin-bottom: 0; } .orddocuments > .cnt > .out > .in > p:first-child, .orddocuments > .cnt > .out > .in > p:first-child + div:not([class]) { display: none; } .ordercommondetails > .hdr { display: none; } .ordercommondetails .I6_basket_div { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } .ordercommondetails .I6_basket_div .cnt { -ms-flex-positive: 1; flex-grow: 1; padding: 15px; background-color: #ffffff; color: #000000; } .ordercommondetails .I6_basket_div .item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 0; } .ordercommondetails .I6_basket_div .item + .item { border-top: 1px solid #e6e6e6; } .ordercommondetails .I6_basket_div .itmname { margin-right: 15px; } .ordercommondetails .I6_basket_div .orddoc .itmval, .ordercommondetails .I6_basket_div .invdoc .itmval, .ordercommondetails .I6_basket_div .deldoc .itmval, .ordercommondetails .I6_basket_div .expdoc .itmval { position: relative; padding-left: 28px; text-align: right; } .ordercommondetails .I6_basket_div .orddoc .itmval > div:not([class]), .ordercommondetails .I6_basket_div .invdoc .itmval > div:not([class]), .ordercommondetails .I6_basket_div .deldoc .itmval > div:not([class]), .ordercommondetails .I6_basket_div .expdoc .itmval > div:not([class]) { position: relative; margin-left: -28px; padding-left: 28px; } .ordercommondetails .I6_basket_div .orddoc .itmval > div:not([class]) + div:not([class]), .ordercommondetails .I6_basket_div .invdoc .itmval > div:not([class]) + div:not([class]), .ordercommondetails .I6_basket_div .deldoc .itmval > div:not([class]) + div:not([class]), .ordercommondetails .I6_basket_div .expdoc .itmval > div:not([class]) + div:not([class]) { margin-top: 5px; } .ordercommondetails .I6_basket_div .orddoc .pdfico, .ordercommondetails .I6_basket_div .invdoc .pdfico, .ordercommondetails .I6_basket_div .deldoc .pdfico, .ordercommondetails .I6_basket_div .expdoc .pdfico { position: absolute; top: 2px; left: 0; } .ordercommondetails .I6_basket_div .orddoc .pdfico a, .ordercommondetails .I6_basket_div .invdoc .pdfico a, .ordercommondetails .I6_basket_div .deldoc .pdfico a, .ordercommondetails .I6_basket_div .expdoc .pdfico a { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; min-width: 20px; height: 20px; margin-right: 8px; padding: 2px; border-radius: 3px; background-color: #d20000; color: #ffffff; font-weight: 900; font-size: 8px; text-transform: uppercase; } .ordercommondetails .I6_basket_div .orddoc .pdfico a::before, .ordercommondetails .I6_basket_div .invdoc .pdfico a::before, .ordercommondetails .I6_basket_div .deldoc .pdfico a::before, .ordercommondetails .I6_basket_div .expdoc .pdfico a::before { content: 'PDF'; } .ordercommondetails .I6_basket_div .orddoc .pdfico img, .ordercommondetails .I6_basket_div .invdoc .pdfico img, .ordercommondetails .I6_basket_div .deldoc .pdfico img, .ordercommondetails .I6_basket_div .expdoc .pdfico img { display: none; } .ordercommondetails .I6_basket_div .expdoc .itmval a { display: inline-block; padding-left: 28px; background-image: url("../img/icon/delivery.svg"); background-position: 4px 50%; background-repeat: no-repeat; background-size: 20px 19px; } @media (max-width: 767.98px) { .ordercommondetails .I6_basket_div .orddoc .itmdate, .ordercommondetails .I6_basket_div .invdoc .itmdate, .ordercommondetails .I6_basket_div .deldoc .itmdate, .ordercommondetails .I6_basket_div .expdoc .itmdate { display: block; } } @media (min-width: 768px) { .ordercommondetails > .cnt > .out > .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .ordercommondetails > .cnt > .out > .in > * { border-left: 10px solid transparent; } .ordercommondetails > .cnt > .out > .in .ordermoredetails { width: 100%; } .ordercommondetails > .cnt > .out > .in .orddocuments, .ordercommondetails > .cnt > .out > .in .orderclientdetails, .ordercommondetails > .cnt > .out > .in .qrcode { width: 50%; } .ordercommondetails .I6_basket_div .cnt { padding: 30px; } } @media (min-width: 768px) { .ordermoredetails .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -70px; } .ordermoredetails .item { width: calc(50% - 70px); margin-left: 70px; } .ordermoredetails .item + .item:nth-child(2) { border-top: 0; } } .orditems.tabformcont, .conparsets.tabformcont, .contact.tabformcont, .contacts.tabformcont, .comshipto.tabformcont, .comshiptos.tabformcont, .comstatistics.tabformcont, .createrec.tabformcont, .waranties.tabformcont, .reclaim.tabformcont, .reclaims.tabformcont, .invoices.tabformcont, .invitems.tabformcont, .deliveries.tabformcont, .orderss.tabformcont, .orders.tabformcont { padding-top: 0; } .orditems.tabformcont > .cnt > .out > .in, .conparsets.tabformcont > .cnt > .out > .in, .contact.tabformcont > .cnt > .out > .in, .contacts.tabformcont > .cnt > .out > .in, .comshipto.tabformcont > .cnt > .out > .in, .comshiptos.tabformcont > .cnt > .out > .in, .comstatistics.tabformcont > .cnt > .out > .in, .createrec.tabformcont > .cnt > .out > .in, .waranties.tabformcont > .cnt > .out > .in, .reclaim.tabformcont > .cnt > .out > .in, .reclaims.tabformcont > .cnt > .out > .in, .invoices.tabformcont > .cnt > .out > .in, .invitems.tabformcont > .cnt > .out > .in, .deliveries.tabformcont > .cnt > .out > .in, .orderss.tabformcont > .cnt > .out > .in, .orders.tabformcont > .cnt > .out > .in { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .orditems.tabformcont > .cnt > .out > .in > br, .conparsets.tabformcont > .cnt > .out > .in > br, .contact.tabformcont > .cnt > .out > .in > br, .contacts.tabformcont > .cnt > .out > .in > br, .comshipto.tabformcont > .cnt > .out > .in > br, .comshiptos.tabformcont > .cnt > .out > .in > br, .comstatistics.tabformcont > .cnt > .out > .in > br, .createrec.tabformcont > .cnt > .out > .in > br, .waranties.tabformcont > .cnt > .out > .in > br, .reclaim.tabformcont > .cnt > .out > .in > br, .reclaims.tabformcont > .cnt > .out > .in > br, .invoices.tabformcont > .cnt > .out > .in > br, .invitems.tabformcont > .cnt > .out > .in > br, .deliveries.tabformcont > .cnt > .out > .in > br, .orderss.tabformcont > .cnt > .out > .in > br, .orders.tabformcont > .cnt > .out > .in > br { display: none; } .orditems.tabformcont > .hdr .c p, .orditems.tabformcont > .hdr .c h1, .conparsets.tabformcont > .hdr .c p, .conparsets.tabformcont > .hdr .c h1, .contact.tabformcont > .hdr .c p, .contact.tabformcont > .hdr .c h1, .contacts.tabformcont > .hdr .c p, .contacts.tabformcont > .hdr .c h1, .comshipto.tabformcont > .hdr .c p, .comshipto.tabformcont > .hdr .c h1, .comshiptos.tabformcont > .hdr .c p, .comshiptos.tabformcont > .hdr .c h1, .comstatistics.tabformcont > .hdr .c p, .comstatistics.tabformcont > .hdr .c h1, .createrec.tabformcont > .hdr .c p, .createrec.tabformcont > .hdr .c h1, .waranties.tabformcont > .hdr .c p, .waranties.tabformcont > .hdr .c h1, .reclaim.tabformcont > .hdr .c p, .reclaim.tabformcont > .hdr .c h1, .reclaims.tabformcont > .hdr .c p, .reclaims.tabformcont > .hdr .c h1, .invoices.tabformcont > .hdr .c p, .invoices.tabformcont > .hdr .c h1, .invitems.tabformcont > .hdr .c p, .invitems.tabformcont > .hdr .c h1, .deliveries.tabformcont > .hdr .c p, .deliveries.tabformcont > .hdr .c h1, .orderss.tabformcont > .hdr .c p, .orderss.tabformcont > .hdr .c h1, .orders.tabformcont > .hdr .c p, .orders.tabformcont > .hdr .c h1 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; text-align: left; } @media (min-width: 768px) { .orditems.tabformcont > .hdr .c p, .orditems.tabformcont > .hdr .c h1, .conparsets.tabformcont > .hdr .c p, .conparsets.tabformcont > .hdr .c h1, .contact.tabformcont > .hdr .c p, .contact.tabformcont > .hdr .c h1, .contacts.tabformcont > .hdr .c p, .contacts.tabformcont > .hdr .c h1, .comshipto.tabformcont > .hdr .c p, .comshipto.tabformcont > .hdr .c h1, .comshiptos.tabformcont > .hdr .c p, .comshiptos.tabformcont > .hdr .c h1, .comstatistics.tabformcont > .hdr .c p, .comstatistics.tabformcont > .hdr .c h1, .createrec.tabformcont > .hdr .c p, .createrec.tabformcont > .hdr .c h1, .waranties.tabformcont > .hdr .c p, .waranties.tabformcont > .hdr .c h1, .reclaim.tabformcont > .hdr .c p, .reclaim.tabformcont > .hdr .c h1, .reclaims.tabformcont > .hdr .c p, .reclaims.tabformcont > .hdr .c h1, .invoices.tabformcont > .hdr .c p, .invoices.tabformcont > .hdr .c h1, .invitems.tabformcont > .hdr .c p, .invitems.tabformcont > .hdr .c h1, .deliveries.tabformcont > .hdr .c p, .deliveries.tabformcont > .hdr .c h1, .orderss.tabformcont > .hdr .c p, .orderss.tabformcont > .hdr .c h1, .orders.tabformcont > .hdr .c p, .orders.tabformcont > .hdr .c h1 { font-size: 35px; } } .orditems.tabformcont > .hdr .c p:empty, .orditems.tabformcont > .hdr .c h1:empty, .conparsets.tabformcont > .hdr .c p:empty, .conparsets.tabformcont > .hdr .c h1:empty, .contact.tabformcont > .hdr .c p:empty, .contact.tabformcont > .hdr .c h1:empty, .contacts.tabformcont > .hdr .c p:empty, .contacts.tabformcont > .hdr .c h1:empty, .comshipto.tabformcont > .hdr .c p:empty, .comshipto.tabformcont > .hdr .c h1:empty, .comshiptos.tabformcont > .hdr .c p:empty, .comshiptos.tabformcont > .hdr .c h1:empty, .comstatistics.tabformcont > .hdr .c p:empty, .comstatistics.tabformcont > .hdr .c h1:empty, .createrec.tabformcont > .hdr .c p:empty, .createrec.tabformcont > .hdr .c h1:empty, .waranties.tabformcont > .hdr .c p:empty, .waranties.tabformcont > .hdr .c h1:empty, .reclaim.tabformcont > .hdr .c p:empty, .reclaim.tabformcont > .hdr .c h1:empty, .reclaims.tabformcont > .hdr .c p:empty, .reclaims.tabformcont > .hdr .c h1:empty, .invoices.tabformcont > .hdr .c p:empty, .invoices.tabformcont > .hdr .c h1:empty, .invitems.tabformcont > .hdr .c p:empty, .invitems.tabformcont > .hdr .c h1:empty, .deliveries.tabformcont > .hdr .c p:empty, .deliveries.tabformcont > .hdr .c h1:empty, .orderss.tabformcont > .hdr .c p:empty, .orderss.tabformcont > .hdr .c h1:empty, .orders.tabformcont > .hdr .c p:empty, .orders.tabformcont > .hdr .c h1:empty { display: none; } .orditems.tabformcont .I6_basket_div .hdr .c p, .conparsets.tabformcont .I6_basket_div .hdr .c p, .contact.tabformcont .I6_basket_div .hdr .c p, .contacts.tabformcont .I6_basket_div .hdr .c p, .comshipto.tabformcont .I6_basket_div .hdr .c p, .comshiptos.tabformcont .I6_basket_div .hdr .c p, .comstatistics.tabformcont .I6_basket_div .hdr .c p, .createrec.tabformcont .I6_basket_div .hdr .c p, .waranties.tabformcont .I6_basket_div .hdr .c p, .reclaim.tabformcont .I6_basket_div .hdr .c p, .reclaims.tabformcont .I6_basket_div .hdr .c p, .invoices.tabformcont .I6_basket_div .hdr .c p, .invitems.tabformcont .I6_basket_div .hdr .c p, .deliveries.tabformcont .I6_basket_div .hdr .c p, .orderss.tabformcont .I6_basket_div .hdr .c p, .orders.tabformcont .I6_basket_div .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .orditems.tabformcont .I6_basket_div .hdr .c p, .conparsets.tabformcont .I6_basket_div .hdr .c p, .contact.tabformcont .I6_basket_div .hdr .c p, .contacts.tabformcont .I6_basket_div .hdr .c p, .comshipto.tabformcont .I6_basket_div .hdr .c p, .comshiptos.tabformcont .I6_basket_div .hdr .c p, .comstatistics.tabformcont .I6_basket_div .hdr .c p, .createrec.tabformcont .I6_basket_div .hdr .c p, .waranties.tabformcont .I6_basket_div .hdr .c p, .reclaim.tabformcont .I6_basket_div .hdr .c p, .reclaims.tabformcont .I6_basket_div .hdr .c p, .invoices.tabformcont .I6_basket_div .hdr .c p, .invitems.tabformcont .I6_basket_div .hdr .c p, .deliveries.tabformcont .I6_basket_div .hdr .c p, .orderss.tabformcont .I6_basket_div .hdr .c p, .orders.tabformcont .I6_basket_div .hdr .c p { font-size: 35px; } } .orditems.tabformcont .I6_basket_div .hdr .c p:empty, .conparsets.tabformcont .I6_basket_div .hdr .c p:empty, .contact.tabformcont .I6_basket_div .hdr .c p:empty, .contacts.tabformcont .I6_basket_div .hdr .c p:empty, .comshipto.tabformcont .I6_basket_div .hdr .c p:empty, .comshiptos.tabformcont .I6_basket_div .hdr .c p:empty, .comstatistics.tabformcont .I6_basket_div .hdr .c p:empty, .createrec.tabformcont .I6_basket_div .hdr .c p:empty, .waranties.tabformcont .I6_basket_div .hdr .c p:empty, .reclaim.tabformcont .I6_basket_div .hdr .c p:empty, .reclaims.tabformcont .I6_basket_div .hdr .c p:empty, .invoices.tabformcont .I6_basket_div .hdr .c p:empty, .invitems.tabformcont .I6_basket_div .hdr .c p:empty, .deliveries.tabformcont .I6_basket_div .hdr .c p:empty, .orderss.tabformcont .I6_basket_div .hdr .c p:empty, .orders.tabformcont .I6_basket_div .hdr .c p:empty { display: none; } .orditems.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .conparsets.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .contact.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .contacts.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .comshipto.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .comshiptos.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .comstatistics.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .createrec.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .waranties.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .reclaim.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .reclaims.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .invoices.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .invitems.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .deliveries.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .orderss.tabformcont .I6_basket_div .hdr .c p.ordxot1valname, .orders.tabformcont .I6_basket_div .hdr .c p.ordxot1valname { font-size: 20px; } .orditems.tabformcont .valtable, .conparsets.tabformcont .valtable, .contact.tabformcont .valtable, .contacts.tabformcont .valtable, .comshipto.tabformcont .valtable, .comshiptos.tabformcont .valtable, .comstatistics.tabformcont .valtable, .createrec.tabformcont .valtable, .waranties.tabformcont .valtable, .reclaim.tabformcont .valtable, .reclaims.tabformcont .valtable, .invoices.tabformcont .valtable, .invitems.tabformcont .valtable, .deliveries.tabformcont .valtable, .orderss.tabformcont .valtable, .orders.tabformcont .valtable { margin-bottom: 4px; } .orditems.tabformcont .legend, .conparsets.tabformcont .legend, .contact.tabformcont .legend, .contacts.tabformcont .legend, .comshipto.tabformcont .legend, .comshiptos.tabformcont .legend, .comstatistics.tabformcont .legend, .createrec.tabformcont .legend, .waranties.tabformcont .legend, .reclaim.tabformcont .legend, .reclaims.tabformcont .legend, .invoices.tabformcont .legend, .invitems.tabformcont .legend, .deliveries.tabformcont .legend, .orderss.tabformcont .legend, .orders.tabformcont .legend { display: block; margin-top: 30px; margin-bottom: 0; padding: 15px; border: 0; background-color: #ffffff; color: #000000; } .orditems.tabformcont .legend * :last-child, .conparsets.tabformcont .legend * :last-child, .contact.tabformcont .legend * :last-child, .contacts.tabformcont .legend * :last-child, .comshipto.tabformcont .legend * :last-child, .comshiptos.tabformcont .legend * :last-child, .comstatistics.tabformcont .legend * :last-child, .createrec.tabformcont .legend * :last-child, .waranties.tabformcont .legend * :last-child, .reclaim.tabformcont .legend * :last-child, .reclaims.tabformcont .legend * :last-child, .invoices.tabformcont .legend * :last-child, .invitems.tabformcont .legend * :last-child, .deliveries.tabformcont .legend * :last-child, .orderss.tabformcont .legend * :last-child, .orders.tabformcont .legend * :last-child { margin-bottom: 0; } .orditems.tabformcont .legend th, .orditems.tabformcont .legend td, .conparsets.tabformcont .legend th, .conparsets.tabformcont .legend td, .contact.tabformcont .legend th, .contact.tabformcont .legend td, .contacts.tabformcont .legend th, .contacts.tabformcont .legend td, .comshipto.tabformcont .legend th, .comshipto.tabformcont .legend td, .comshiptos.tabformcont .legend th, .comshiptos.tabformcont .legend td, .comstatistics.tabformcont .legend th, .comstatistics.tabformcont .legend td, .createrec.tabformcont .legend th, .createrec.tabformcont .legend td, .waranties.tabformcont .legend th, .waranties.tabformcont .legend td, .reclaim.tabformcont .legend th, .reclaim.tabformcont .legend td, .reclaims.tabformcont .legend th, .reclaims.tabformcont .legend td, .invoices.tabformcont .legend th, .invoices.tabformcont .legend td, .invitems.tabformcont .legend th, .invitems.tabformcont .legend td, .deliveries.tabformcont .legend th, .deliveries.tabformcont .legend td, .orderss.tabformcont .legend th, .orderss.tabformcont .legend td, .orders.tabformcont .legend th, .orders.tabformcont .legend td { padding: 0; border: 0; } .orditems.tabformcont .legend span, .conparsets.tabformcont .legend span, .contact.tabformcont .legend span, .contacts.tabformcont .legend span, .comshipto.tabformcont .legend span, .comshiptos.tabformcont .legend span, .comstatistics.tabformcont .legend span, .createrec.tabformcont .legend span, .waranties.tabformcont .legend span, .reclaim.tabformcont .legend span, .reclaims.tabformcont .legend span, .invoices.tabformcont .legend span, .invitems.tabformcont .legend span, .deliveries.tabformcont .legend span, .orderss.tabformcont .legend span, .orders.tabformcont .legend span { padding: 4px; } .orditems.tabformcont .legend u, .conparsets.tabformcont .legend u, .contact.tabformcont .legend u, .contacts.tabformcont .legend u, .comshipto.tabformcont .legend u, .comshiptos.tabformcont .legend u, .comstatistics.tabformcont .legend u, .createrec.tabformcont .legend u, .waranties.tabformcont .legend u, .reclaim.tabformcont .legend u, .reclaims.tabformcont .legend u, .invoices.tabformcont .legend u, .invitems.tabformcont .legend u, .deliveries.tabformcont .legend u, .orderss.tabformcont .legend u, .orders.tabformcont .legend u { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; display: block; margin-bottom: 10px; } .orditems.tabformcont .legend u:not(:first-child), .conparsets.tabformcont .legend u:not(:first-child), .contact.tabformcont .legend u:not(:first-child), .contacts.tabformcont .legend u:not(:first-child), .comshipto.tabformcont .legend u:not(:first-child), .comshiptos.tabformcont .legend u:not(:first-child), .comstatistics.tabformcont .legend u:not(:first-child), .createrec.tabformcont .legend u:not(:first-child), .waranties.tabformcont .legend u:not(:first-child), .reclaim.tabformcont .legend u:not(:first-child), .reclaims.tabformcont .legend u:not(:first-child), .invoices.tabformcont .legend u:not(:first-child), .invitems.tabformcont .legend u:not(:first-child), .deliveries.tabformcont .legend u:not(:first-child), .orderss.tabformcont .legend u:not(:first-child), .orders.tabformcont .legend u:not(:first-child) { margin-top: 20px; } .orditems.tabformcont .legend u::first-letter, .conparsets.tabformcont .legend u::first-letter, .contact.tabformcont .legend u::first-letter, .contacts.tabformcont .legend u::first-letter, .comshipto.tabformcont .legend u::first-letter, .comshiptos.tabformcont .legend u::first-letter, .comstatistics.tabformcont .legend u::first-letter, .createrec.tabformcont .legend u::first-letter, .waranties.tabformcont .legend u::first-letter, .reclaim.tabformcont .legend u::first-letter, .reclaims.tabformcont .legend u::first-letter, .invoices.tabformcont .legend u::first-letter, .invitems.tabformcont .legend u::first-letter, .deliveries.tabformcont .legend u::first-letter, .orderss.tabformcont .legend u::first-letter, .orders.tabformcont .legend u::first-letter { text-transform: uppercase; } .orditems.tabformcont .legend u + br, .conparsets.tabformcont .legend u + br, .contact.tabformcont .legend u + br, .contacts.tabformcont .legend u + br, .comshipto.tabformcont .legend u + br, .comshiptos.tabformcont .legend u + br, .comstatistics.tabformcont .legend u + br, .createrec.tabformcont .legend u + br, .waranties.tabformcont .legend u + br, .reclaim.tabformcont .legend u + br, .reclaims.tabformcont .legend u + br, .invoices.tabformcont .legend u + br, .invitems.tabformcont .legend u + br, .deliveries.tabformcont .legend u + br, .orderss.tabformcont .legend u + br, .orders.tabformcont .legend u + br { display: none; } @media (max-width: 1199.98px) { .orditems.tabformcont .valtable, .conparsets.tabformcont .valtable, .contact.tabformcont .valtable, .contacts.tabformcont .valtable, .comshipto.tabformcont .valtable, .comshiptos.tabformcont .valtable, .comstatistics.tabformcont .valtable, .createrec.tabformcont .valtable, .waranties.tabformcont .valtable, .reclaim.tabformcont .valtable, .reclaims.tabformcont .valtable, .invoices.tabformcont .valtable, .invitems.tabformcont .valtable, .deliveries.tabformcont .valtable, .orderss.tabformcont .valtable, .orders.tabformcont .valtable { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; display: block; overflow-x: auto; } .orditems.tabformcont .valtable::-webkit-scrollbar, .conparsets.tabformcont .valtable::-webkit-scrollbar, .contact.tabformcont .valtable::-webkit-scrollbar, .contacts.tabformcont .valtable::-webkit-scrollbar, .comshipto.tabformcont .valtable::-webkit-scrollbar, .comshiptos.tabformcont .valtable::-webkit-scrollbar, .comstatistics.tabformcont .valtable::-webkit-scrollbar, .createrec.tabformcont .valtable::-webkit-scrollbar, .waranties.tabformcont .valtable::-webkit-scrollbar, .reclaim.tabformcont .valtable::-webkit-scrollbar, .reclaims.tabformcont .valtable::-webkit-scrollbar, .invoices.tabformcont .valtable::-webkit-scrollbar, .invitems.tabformcont .valtable::-webkit-scrollbar, .deliveries.tabformcont .valtable::-webkit-scrollbar, .orderss.tabformcont .valtable::-webkit-scrollbar, .orders.tabformcont .valtable::-webkit-scrollbar { width: 10px; } .orditems.tabformcont .valtable::-webkit-scrollbar-thumb, .conparsets.tabformcont .valtable::-webkit-scrollbar-thumb, .contact.tabformcont .valtable::-webkit-scrollbar-thumb, .contacts.tabformcont .valtable::-webkit-scrollbar-thumb, .comshipto.tabformcont .valtable::-webkit-scrollbar-thumb, .comshiptos.tabformcont .valtable::-webkit-scrollbar-thumb, .comstatistics.tabformcont .valtable::-webkit-scrollbar-thumb, .createrec.tabformcont .valtable::-webkit-scrollbar-thumb, .waranties.tabformcont .valtable::-webkit-scrollbar-thumb, .reclaim.tabformcont .valtable::-webkit-scrollbar-thumb, .reclaims.tabformcont .valtable::-webkit-scrollbar-thumb, .invoices.tabformcont .valtable::-webkit-scrollbar-thumb, .invitems.tabformcont .valtable::-webkit-scrollbar-thumb, .deliveries.tabformcont .valtable::-webkit-scrollbar-thumb, .orderss.tabformcont .valtable::-webkit-scrollbar-thumb, .orders.tabformcont .valtable::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } } @media (min-width: 768px) { .orditems.tabformcont .legend, .conparsets.tabformcont .legend, .contact.tabformcont .legend, .contacts.tabformcont .legend, .comshipto.tabformcont .legend, .comshiptos.tabformcont .legend, .comstatistics.tabformcont .legend, .createrec.tabformcont .legend, .waranties.tabformcont .legend, .reclaim.tabformcont .legend, .reclaims.tabformcont .legend, .invoices.tabformcont .legend, .invitems.tabformcont .legend, .deliveries.tabformcont .legend, .orderss.tabformcont .legend, .orders.tabformcont .legend { padding: 30px; } } .orders.tabformcont.availshowstyle_0 .tabform col[style*='width:4%'], .orders.tabformcont.availshowstyle_0 .tabform [title='stornováno'], .orders.tabformcont.availshowstyle_0 .tabform [title='blokováno'], .orders.tabformcont.availshowstyle_0 .tabform [title='vydáváno'], .orders.tabformcont.availshowstyle_0 .tabform [title='vyskladněno'], .orders.tabformcont.availshowstyle_0 .tabform [title='nedodáno'], .orders.tabformcont.availshowstyle_0 .tabitem col[style*='width:4%'], .orders.tabformcont.availshowstyle_0 .tabitem [title='stornováno'], .orders.tabformcont.availshowstyle_0 .tabitem [title='blokováno'], .orders.tabformcont.availshowstyle_0 .tabitem [title='vydáváno'], .orders.tabformcont.availshowstyle_0 .tabitem [title='vyskladněno'], .orders.tabformcont.availshowstyle_0 .tabitem [title='nedodáno'], .orderss.tabformcont.availshowstyle_0 .tabform col[style*='width:4%'], .orderss.tabformcont.availshowstyle_0 .tabform [title='stornováno'], .orderss.tabformcont.availshowstyle_0 .tabform [title='blokováno'], .orderss.tabformcont.availshowstyle_0 .tabform [title='vydáváno'], .orderss.tabformcont.availshowstyle_0 .tabform [title='vyskladněno'], .orderss.tabformcont.availshowstyle_0 .tabform [title='nedodáno'], .orderss.tabformcont.availshowstyle_0 .tabitem col[style*='width:4%'], .orderss.tabformcont.availshowstyle_0 .tabitem [title='stornováno'], .orderss.tabformcont.availshowstyle_0 .tabitem [title='blokováno'], .orderss.tabformcont.availshowstyle_0 .tabitem [title='vydáváno'], .orderss.tabformcont.availshowstyle_0 .tabitem [title='vyskladněno'], .orderss.tabformcont.availshowstyle_0 .tabitem [title='nedodáno'] { display: none; } .orderss.tabformcont .srchtabform tbody tr:nth-child(2) { display: none; } .orderss.tabformcont .tabform.valtable > colgroup > col:nth-child(1) { width: 134px !important; } .orderss.tabformcont .tabform.valtable > colgroup > col:nth-child(2) { width: auto !important; min-width: 110px; } .orderss.tabformcont .tabform.valtable > colgroup > col:nth-child(3) { width: 142px !important; } .orderss.tabformcont .tabform.valtable > colgroup > col:nth-child(4) { display: none !important; } .orderss.tabformcont .tabform.valtable > colgroup > col:nth-child(5) { width: 140px !important; } .orderss.tabformcont .tabform.valtable > colgroup > col:nth-child(6) { width: 130px !important; } .orderss.tabformcont .tabform.valtable > colgroup > col:nth-child(7), .orderss.tabformcont .tabform.valtable > colgroup > col:nth-child(8) { width: 170px !important; } .orderss.tabformcont .tabform.valtable > colgroup > col:nth-child(9) { width: 178px !important; } .orderss.tabformcont .tabform.valtable > tbody > tr > td:nth-child(4), .orderss.tabformcont .tabform.valtable > tbody > tr > th:nth-child(4) { display: none !important; } .orderss.tabformcont .tabform.valtable > tbody > tr > td:nth-child(7), .orderss.tabformcont .tabform.valtable > tbody > tr > td:nth-child(8), .orderss.tabformcont .tabform.valtable > tbody > tr > th:nth-child(7), .orderss.tabformcont .tabform.valtable > tbody > tr > th:nth-child(8) { text-align: right; } .orderss.tabformcont .tabform.valtable > tbody > tr > td:nth-child(9), .orderss.tabformcont .tabform.valtable > tbody > tr > th:nth-child(9) { width: 178px !important; text-align: right; } .orderss.tabformcont .tabitem col:nth-child(1) { width: 0 !important; } .orderss.tabformcont .tabitem col:nth-child(2) { width: 120px !important; } .orderss.tabformcont .tabitem col:nth-child(3) { width: 0 !important; } .orderss.tabformcont .tabitem col:nth-child(4) { width: 532px !important; } .orderss.tabformcont .tabitem col:nth-child(5), .orderss.tabformcont .tabitem col:nth-child(6), .orderss.tabformcont .tabitem col:nth-child(7), .orderss.tabformcont .tabitem col:nth-child(8), .orderss.tabformcont .tabitem col:nth-child(9), .orderss.tabformcont .tabitem col:nth-child(10) { width: 40px !important; } .orderss.tabformcont .tabitem col:nth-child(11) { width: 130px !important; } .orderss.tabformcont .tabitem col:nth-child(12), .orderss.tabformcont .tabitem col:nth-child(13) { width: 170px !important; } .orderss.tabformcont .tabitem col:nth-child(14), .orderss.tabformcont .tabitem col:nth-child(15), .orderss.tabformcont .tabitem th:nth-child(15), .orderss.tabformcont .tabitem td:nth-child(15) { width: 80px !important; } .orderss.tabformcont .tabitem th:nth-child(5), .orderss.tabformcont .tabitem th:nth-child(6), .orderss.tabformcont .tabitem th:nth-child(7), .orderss.tabformcont .tabitem th:nth-child(8), .orderss.tabformcont .tabitem th:nth-child(9), .orderss.tabformcont .tabitem th:nth-child(10), .orderss.tabformcont .tabitem td:nth-child(5), .orderss.tabformcont .tabitem td:nth-child(6), .orderss.tabformcont .tabitem td:nth-child(7), .orderss.tabformcont .tabitem td:nth-child(8), .orderss.tabformcont .tabitem td:nth-child(9), .orderss.tabformcont .tabitem td:nth-child(10) { text-align: center; } .orderss.tabformcont .tabitem th:nth-child(12), .orderss.tabformcont .tabitem th:nth-child(13), .orderss.tabformcont .tabitem td:nth-child(12), .orderss.tabformcont .tabitem td:nth-child(13), .orderss.tabformcont .tabitem .rf, .orderss.tabformcont .tabitem .af { text-align: right; } .orderss.tabformcont.availshowstyle_1 .tabitem col[style*='width:4%'] + col[style*='width:10%'], .orderss.tabformcont.availshowstyle_1 .tabitem .oristaname { display: none; } .orderss.tabformcont.availshowstyle_1 .tabitem col:nth-child(4) { width: 422px !important; } @media (max-width: 1359.98px) { .orderss.tabformcont .valtable { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; display: block; overflow-x: auto; } .orderss.tabformcont .valtable::-webkit-scrollbar { width: 10px; } .orderss.tabformcont .valtable::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } } .orditems.tabformcont { padding-top: 0; } .orditems.tabformcont .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .orditems.tabformcont .hdr .c p { font-size: 35px; } } .orditems.tabformcont .valtable th.rf, .orditems.tabformcont .valtable th.af, .orditems.tabformcont .valtable td.rf, .orditems.tabformcont .valtable td.af { display: none; } .orditems.tabformcont .pagetext { display: block; text-align: center; } .orditems.tabformcont .pagetext .hdr, .orditems.tabformcont .pagetext .ftr, .orditems.tabformcont .pagetext .separ, .orditems.tabformcont .pagetext .pagecount { display: none; } .orditems.tabformcont .pagetext .recordcount { font-size: 14px; line-height: 1.2; } .orditems.tabformcont .pagetext .recordcount p { margin-bottom: 0; } @media (min-width: 1200px) { .orditems.tabformcont .srchtabform tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .orditems.tabformcont .srchtabform th, .orditems.tabformcont .srchtabform td { display: block; } } .ordstilist .valtable { display: block; } .ordstilist .valtable th[title], .ordstilist .valtable td[title] { text-align: center; } .ordstilist .valtable .prc { display: block; white-space: nowrap; text-align: right; } .ordstilist .valtable .prc.wovat, .ordstilist .valtable .prc.wvat { line-height: 1.2; } .ordstilist .valtable .prc.wovat { color: #4c4c4c; font-size: 13px; } .ordstilist .valtable .prc.wvat { font-weight: 500; font-size: 21px; } .ordstilist .valtable .oristaname + th, .ordstilist .valtable .oristaname + th + th { text-align: right; } .ordstilist .valtable th:not([colspan]):nth-child(1), .ordstilist .valtable td:not([colspan]):nth-child(1), .ordstilist .valtable col[style='text-align:left']:nth-child(1), .ordstilist .valtable col[style='width:1%']:nth-last-child(1), .ordstilist .valtable col[style='width:1%']:nth-last-child(2), .ordstilist .valtable td[colspan='2'][align='left'] + td[align='right'], .ordstilist .valtable .rf, .ordstilist .valtable .af { display: none; } .orders.availshowstyle_1 .ordstilist .valtable .oristaname { display: none; } .tabformcont .ordsumtab.tabform { display: block; margin-bottom: 30px; padding: 15px; background-color: #ffffff; color: #000000; } .tabformcont .ordsumtab.tabform tbody { display: block; } .tabformcont .ordsumtab.tabform tr { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; padding: 14px 0; } .tabformcont .ordsumtab.tabform tr + tr { border-top: 1px solid #e6e6e6; } .tabformcont .ordsumtab.tabform th { margin-right: 15px; margin-bottom: 0; line-height: 1.6; } .tabformcont .ordsumtab.tabform .totalsum, .tabformcont .ordsumtab.tabform .tax { -ms-flex-pack: end; justify-content: flex-end; padding: 30px 0 0; border-top: 0; } .tabformcont .ordsumtab.tabform .totalsum b, .tabformcont .ordsumtab.tabform .tax b { font-weight: inherit; } .tabformcont .ordsumtab.tabform .totalsum td, .tabformcont .ordsumtab.tabform .tax td { min-width: 200px; font-weight: 500; text-align: right; } .tabformcont .ordsumtab.tabform .totalsum.wvat td, .tabformcont .ordsumtab.tabform .tax.wvat td { font-weight: bold; font-size: 21px; } .tabformcont .ordsumtab.tabform .totalsum:not(.wvat) { border-top: 1px solid #e6e6e6; } .tabformcont .ordsumtab.tabform .totalsum + .totalsum, .tabformcont .ordsumtab.tabform .totalsum + .tax { padding-top: 5px; } .tabformcont .ordsumtab.tabform .bottom-tools { padding-bottom: 0; border-top: 0; } @media (max-width: 767.98px) { .tabformcont .ordsumtab.tabform .totalsum, .tabformcont .ordsumtab.tabform .tax { display: block; } .tabformcont .ordsumtab.tabform .totalsum th, .tabformcont .ordsumtab.tabform .tax th { width: 100%; margin-right: 0; text-align: right; } } @media (min-width: 768px) { .tabformcont .ordsumtab.tabform { padding: 30px; } } .paramitem { margin-bottom: 20px; } .paramitem .name, .paramitem .note { margin-bottom: 18px; } .paramitem .name { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; } .paramitem .note { max-width: 530px; font-size: 13px; line-height: 1.384615385; } .paramitem .name + .note { margin-top: -2px; } .paramitem .value { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -38px; } .paramitem .value > * { -ms-flex: 1 0 100%; flex: 1 0 100%; border-left: 38px solid transparent; } .paramitem .param.val { position: relative; margin-bottom: 18px; padding-left: 30px; color: #000000; font-size: 15px; line-height: 20px; } .paramitem .param.val input[type='checkbox'] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } .paramitem .param.val q { position: relative; display: inline-block; vertical-align: top; margin-top: 2px; padding: 1px 6px 3px; border-radius: 9px; background-color: #f4f9fd; color: #01447b; font-size: 12px; line-height: 1.166666667; pointer-events: none; } .paramitem .param.val q::before, .paramitem .param.val q::after { display: none; } .paramitem .param.val img { position: relative; z-index: 1; width: auto; max-width: 22px; height: auto; max-height: 22px; margin-top: -2px; margin-right: 6px; pointer-events: none; } .paramitem .param.val span { margin-right: 10px; cursor: pointer; } .paramitem .param.val input[type='checkbox'] ~ span { position: relative; z-index: 0; } .paramitem .param.val input[type='checkbox'] ~ span::before { content: ''; position: absolute; top: -8px; right: -50px; bottom: -8px; left: -38px; z-index: -1; border-radius: 4px; background-color: #ffffff; opacity: 0; transition: opacity 0.3s; cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } .paramitem .param.val input[type='checkbox'] ~ img:not(.ds_none) ~ span::before { left: -66px; } .paramitem .param.val .DECprCheck { position: absolute; top: 0; left: 0; z-index: 1; width: 20px; height: 20px; border: 1px solid #bdbdbd; border-radius: 2px; cursor: pointer; } .paramitem .param.val .DECprCheck::after { content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: inherit; background-color: #01447b; background-image: url("../img/icon/checkbox.svg"); background-position: 50% 50%; background-size: 20px 20px; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; } .paramitem .param.val .DECprCheck.on::after { visibility: visible; opacity: 1; } .paramitem .param.val .DECprCheck.on ~ input[type='checkbox'] ~ span::before { opacity: 1; } .paramitem .param.fulltext { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-left: 0; } .paramitem .param.fulltext input { margin-bottom: 0; } .paramitem .param.fulltext button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .paramitem .param.fulltext button:hover { background-color: #005499; text-decoration: none; } .paramitem .param.out { display: none; } .paramitem .slider_value { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 56px; } .paramitem .slider_value > input { opacity: 0; } .paramitem .slider_value .frominfo, .paramitem .slider_value .toinfo { width: 50%; color: #000000; } .paramitem .slider_value .toinfo { text-align: right; } .paramitem.paramgrouptitle, .paramitem.prodparamitem .name { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 18px; } @media (min-width: 768px) { .paramitem.paramgrouptitle, .paramitem.prodparamitem .name { font-size: 35px; } } .paramitem.paramslider .value { max-width: 550px; } .hoverevents .paramitem .param.val input[type='checkbox'] ~ span:hover::before { opacity: 1; } .paramitem .param.notavail.val { color: #bdbdbd; } .paramitem .param.notavail.val > .DECprCheck { border-color: #e6e6e6; } .paramitem .param.notavail.val q { background-color: #f2f2f2; color: inherit; } .paramitem .param.notavail.val span, .paramitem .param.notavail.val .DECprCheck { cursor: not-allowed; } @media (min-width: 768px) { .paramitem { margin-bottom: 35px; } } @media (min-width: 1024px) { .paramitem .param.val { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1200px) { .paramitem .param.val { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } .paramitemtab .paramhead { padding-top: 0; } .paramitemtab .btns { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin-left: -10px; } .paramitemtab .back, .paramitemtab .contact { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; margin: 0 0 10px 10px; } .hoverevents .paramitemtab .back:hover, .hoverevents .paramitemtab .contact:hover { background-color: #005499; text-decoration: none; } .paramitemtab .contact { -ms-flex-order: 1; order: 1; } .paramitemtab header { margin-top: -1px; } .paramitemtab header a { display: block; } .paramitemtab header h3:not(.act) { margin-bottom: 0; padding: 15px 50px 15px 15px; border: 1px solid #e6e6e6; background-image: url("../img/icon/angle-d-orange.svg"); background-position: top 50% right 15px; background-repeat: no-repeat; background-size: 20px 20px; color: #01447b; font-weight: 500; font-size: 15px; } .paramitemtab header h3:not(.act)::before { display: none; } .hoverevents .paramitemtab header a:hover { text-decoration: none; } .hoverevents .paramitemtab header h3:hover { text-decoration: underline; } .paramitemtab header h3.act { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; pointer-events: none; } @media (min-width: 768px) { .paramitemtab header h3.act { font-size: 35px; } } .paramitemtab content[style*='display: inline'] { display: block !important; } .parsets { line-height: 1.25; } .parsets h3 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 20px; } @media (min-width: 768px) { .parsets h3 { font-size: 35px; } } .parsets .tabform { background-color: #ffffff; } .parsets .paramnode { display: -ms-flexbox; display: flex; } .parsets .pacname, .parsets .paramname, .parsets .paramvalue, .parsets .sti_catimg { padding: 7px 15px; } .parsets .pacname:nth-child(even), .parsets .paramnode:nth-child(even) { background-color: #f8f8f8; } .parsets .pacname { width: 100%; margin-bottom: 0; color: #000000; font-weight: 500; } .parsets .paramname, .parsets .paramvalue { -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; } .parsets .paramname a, .parsets .paramvalue a { word-break: break-all; } .parsets .paramname { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .parsets .paramvalue { color: #000000; } .parsets .paramnote { position: relative; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; margin-left: 5px; border: 1px solid currentColor; border-radius: 50%; color: #7fa1bc; font-size: 11px; cursor: help; } .parsets .paramnote::before { content: '?'; margin-top: 1px; } .parsets .paramnote span { position: absolute; top: 10px; left: 10px; z-index: 1; width: 160px; padding: 10px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #ffffff; color: #4c4c4c; font-size: 13px; line-height: 1.384615385; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; cursor: default; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } .parsets .sti_catimg img { max-width: 100%; height: auto; } .parsets .ftr { display: none; } .parsets .paramnote.is-toggled span, .hoverevents .parsets .paramnote:hover span { visibility: visible; opacity: 1; } @media (max-width: 767.98px) { .parsets { margin-top: 10px; } .parsets h3 { position: relative; padding: 15px 50px 15px 15px; background-color: #ffffff; font-size: 24px; line-height: 1.25; margin-bottom: 0; } .parsets h3::after { content: ''; position: absolute; top: 20px; right: 15px; width: 20px; height: 20px; background-image: url("../img/icon/angle-d-orange.svg"); background-size: 20px 20px; transition: transform 0.3s; } .parsets > .cnt { padding-top: 10px; background-color: #ffffff; } .parsets:not(.is-toggled) > .cnt { display: none; } .parsets.is-toggled h3::after { transform: scaleY(-1); } } @media (min-width: 768px) { .parsets { font-size: 16px; } .parsets .paramnote span { width: 200px; } .parsets .pacname, .parsets .paramname, .parsets .paramvalue, .parsets .sti_catimg { padding-right: 12px; padding-left: 12px; } } .persoo-ac-pobocky { position: relative; padding: 0 14px 14px; border: solid #e6e6e6; border-width: 0 1px 1px; line-height: 1.333333333; } .persoo-ac-pobocky__image { position: relative; margin: 0 -15px 15px -15px; } .persoo-ac-pobocky__image::before { content: ''; display: block; padding-top: 75%; } .persoo-ac-pobocky__image > * { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .persoo-ac-pobocky__image img { max-width: 100%; height: auto; } .persoo-ac-pobocky__address { margin-top: 5px; margin-bottom: 15px; } .persoo-ac-pobocky__hours { color: #000000; } .persoo-ac-pobocky__mapa { margin-top: 15px; } .persoo-ac-pobocky__mapa a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding: 8px; font-size: 15px; } .hoverevents .persoo-ac-pobocky__mapa a:hover { background-color: #005499; text-decoration: none; } .srchcont > .cnt > form, .persoo-ac-search-bar__form { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .srchcont > .cnt > form > input[type='text'], .persoo-ac-search-bar__input.persoo-ac-search-bar__input { margin-bottom: 0; padding: 22px 18px 22px 8px; border: 0; background-color: transparent; color: #01447b; font-size: 16px; line-height: 1.25; caret-color: #f7b626; } .srchcont > .cnt > form > input[type='text']::-moz-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input::-moz-placeholder { color: #828282; font-style: italic; } .srchcont > .cnt > form > input[type='text']:-ms-input-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:-ms-input-placeholder { color: #828282; font-style: italic; } .srchcont > .cnt > form > input[type='text']::-ms-input-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input::-ms-input-placeholder { color: #828282; font-style: italic; } .srchcont > .cnt > form > input[type='text']::placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input::placeholder { color: #828282; font-style: italic; } .srchcont > .cnt > form > input[type='button'], .persoo-ac-search-bar__submit { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding: 8px; font-size: 15px; min-width: 80px; border-radius: 2px; background-color: #0072c1; } .hoverevents .srchcont > .cnt > form > input[type='button']:hover, .hoverevents .persoo-ac-search-bar__submit:hover { background-color: #005499; text-decoration: none; } .srchcont #frqsrchword-box, .persoo-ac-search-bar__dropdown { position: absolute; top: 100%; right: 0; left: 0; transition: visibility 0.3s, opacity 0.3s; transition-delay: 0.3s; } .srchcont > .cnt > form > input[type='text']:focus::-moz-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:focus::-moz-placeholder { color: rgba(130, 130, 130, 0.6); } .srchcont > .cnt > form > input[type='text']:focus:-ms-input-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:focus:-ms-input-placeholder { color: rgba(130, 130, 130, 0.6); } .srchcont > .cnt > form > input[type='text']:focus::-ms-input-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:focus::-ms-input-placeholder { color: rgba(130, 130, 130, 0.6); } .srchcont > .cnt > form > input[type='text']:focus::placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:focus::placeholder { color: rgba(130, 130, 130, 0.6); } html:not(.search-opened) .srchcont #frqsrchword-box, html:not(.search-opened) .persoo-ac-search-bar__dropdown { visibility: hidden; opacity: 0; transition: none; } @media (max-width: 1023.98px) { .srchcont > .cnt > form, .persoo-ac-search-bar__form { position: relative; padding: 10px; background-color: #01447b; } .srchcont > .cnt > form > input[type='text'], .persoo-ac-search-bar__input.persoo-ac-search-bar__input { padding-top: 8px; padding-bottom: 8px; color: #ffffff; } .srchcont > .cnt > form > input[type='text']::-moz-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input::-moz-placeholder { color: #ffffff; } .srchcont > .cnt > form > input[type='text']:-ms-input-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:-ms-input-placeholder { color: #ffffff; } .srchcont > .cnt > form > input[type='text']::-ms-input-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input::-ms-input-placeholder { color: #ffffff; } .srchcont > .cnt > form > input[type='text']::placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input::placeholder { color: #ffffff; } .hoverevents .srchcont > .cnt > form > input[type='button']:hover, .hoverevents .persoo-ac-search-bar__submit:hover { background-color: #ffffff; color: #0072c1; } .srchcont > .cnt > form > input[type='text']:focus::-moz-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:focus::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } .srchcont > .cnt > form > input[type='text']:focus:-ms-input-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:focus:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } .srchcont > .cnt > form > input[type='text']:focus::-ms-input-placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:focus::-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } .srchcont > .cnt > form > input[type='text']:focus::placeholder, .persoo-ac-search-bar__input.persoo-ac-search-bar__input:focus::placeholder { color: rgba(255, 255, 255, 0.6); } } @media (min-width: 768px) { .srchcont > .cnt > form > input[type='text'], .persoo-ac-search-bar__input.persoo-ac-search-bar__input { padding-left: 18px; } } @media (min-width: 1024px) { .persoo-ac-search-bar { position: relative; } .srchcont > .cnt > form > input[type='button'], .persoo-ac-search-bar__submit { padding-right: 44px; background-image: url("../img/icon/search-header-white.svg"); background-position: top 50% right 8px; background-repeat: no-repeat; background-size: 20px 20px; } .srchcont > .cnt > form > input[type='button'], .persoo-ac-search-bar__submit { display: none; } .srchcont #frqsrchword-box, .persoo-ac-search-bar__dropdown { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); } html.search-opened .srchcont > .cnt > form, html.search-opened .persoo-ac-search-bar__form { position: relative; z-index: 1; padding-right: 20px; padding-left: 10px; background-color: #ffffff; } html.search-opened .srchcont > .cnt > form > input[type='button'], html.search-opened .persoo-ac-search-bar__submit { display: block; } } .persoo-category-result { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 0 5px 5px; padding: 10px; background-color: #ffffff; line-height: 20px; } .persoo-category-result-container { margin-bottom: 30px; } .persoo-category-result__header { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 20px; } @media (min-width: 768px) { .persoo-category-result__header { font-size: 35px; } } .persoo-category-result__items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: none !important; margin: 0 0 -5px -5px; } .persoo-category-result-container:not(.persoo-category-result-container__expanded) .persoo-category-result:nth-child(2) ~ .persoo-category-result { display: none; } @media (min-width: 768px) { .persoo-category-result { padding: 15px; } } .persoo-showhide-categories { margin-top: 20px; text-align: center; } .persoo-showhide-categories__button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 9px 19px; font-size: 15px; } .hoverevents .persoo-showhide-categories__button:hover { background-color: #005499; text-decoration: none; } .hoverevents .persoo-showhide-categories__button:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .persoo-showhide-categories__button.persoo-hide-all-categories { display: none !important; } .persoo-showhide-categories__button.persoo-show-all-categories { display: inline-block !important; } .persoo-category-result-container__expanded .persoo-showhide-categories__button.persoo-show-all-categories { display: none !important; } .persoo-category-result-container__expanded .persoo-showhide-categories__button.persoo-hide-all-categories { display: inline-block !important; } .persoo-refinement-root { margin-bottom: 10px; } .persoo-refinement-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -5px -5px; } .persoo-refinement-list:empty { margin-bottom: -10px; } .persoo-refinement-item { margin: 0 0 5px 5px; font-size: 13px; line-height: 16px; } .persoo-refinement-label { display: none; } .persoo-refinement-category { position: relative; display: -ms-flexbox; display: flex; padding: 6px 9px 6px 30px; border: 1px solid #e6e6e6; color: #01447b; font-weight: 500; } .persoo-refinement-category::before { content: ''; position: absolute; top: -1px; left: 0; width: 30px; height: 30px; background-image: url(../img/icon/close-orange.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .persoo-refinement-delete { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; } .hoverevents .persoo-refinement-category:hover { text-decoration: underline; } .persoo-custom-select-menu { position: absolute; top: 0; right: 0; left: 0; z-index: 1; padding: 45px 0 10px; background-color: #ffffff; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); } .persoo-custom-select-menu.persoo-custom-sort-by-menu { z-index: 3; } .persoo-custom-select-menu--visible { visibility: visible; opacity: 1; } .persoo-custom-select-option { display: block; padding: 7px 16px; } @media (max-width: 767.98px) { .persoo-custom-sort-by-menu .persoo-custom-select-option { padding-left: 70px; } .persoo-custom-hits-per-page-select-menu .persoo-custom-select-option { padding-left: 80px; } } @media (min-width: 768px) { .persoo-custom-select-menu { padding-top: 55px; padding-bottom: 15px; } } @media (min-width: 1024px) { .persoo-custom-select-menu { padding-top: 65px; } } @media (min-width: 1200px) { .persoo-custom-sort-by-menu .persoo-custom-select-option { padding-left: 65px; } .persoo-custom-hits-per-page-select-menu .persoo-custom-select-option { padding-left: 75px; } } .persoo-items-header { position: absolute; top: 0; right: 0; width: 100%; margin-bottom: 10px; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr, .persoo-items-header #persoo-sort-by, .persoo-items-header #persoo-hits-per-page { background-color: #ffffff; line-height: 1.2; } .persoo-items-header #persoo-sort-by, .persoo-items-header #persoo-hits-per-page { position: relative; min-width: 0; } .persoo-items-header #persoo-sort-by:not(:empty)::before, .persoo-items-header #persoo-hits-per-page:not(:empty)::before { position: absolute; top: 0; left: 15px; z-index: 2; padding: 16px 0; color: #4c4c4c; pointer-events: none; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-Panel-header, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-count, .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-showMore { display: none; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList { padding: 15px; color: #4aaa2f; font-weight: 500; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-label { display: -ms-flexbox; display: flex; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -15px; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-item { margin-left: 15px; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList-item .label { color: #4c4c4c; font-weight: normal; } .persoo-items-header #persoo-sort-by:not(:empty)::before { content: '\0158\0061\007a\0065\006e\00ed\003a'; z-index: 4; } .persoo-items-header #persoo-hits-per-page:not(:empty)::before { content: 'Zobrazit: '; } .persoo-items-header #persoo-stats { line-height: 1.2; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList, .persoo-items-header .persoo-custom-sort-by-toggler, .persoo-items-header .persoo-custom-hits-per-page-select-toggler { margin-bottom: 5px; } .persoo-items-header .persoo-custom-sort-by-toggler, .persoo-items-header .persoo-custom-hits-per-page-select-toggler { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; z-index: 2; display: block; width: 100%; max-width: 100%; padding: 16px 40px 16px 80px; border: 0; background-color: transparent; background-image: url("../img/icon/angle-d-orange-2.svg"); background-position: top 50% right 20px; background-repeat: no-repeat; background-size: 10px 5px; color: #01447b; font-weight: 500; line-height: inherit; text-align: left; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .persoo-items-header .persoo-custom-sort-by-toggler { z-index: 4; padding-left: 70px; } @media (max-width: 1023.98px) { .persoo-items-header #persoo-stats { margin-bottom: 10px; } } @media (min-width: 768px) { .persoo-items-header { display: -ms-flexbox; display: flex; } .persoo-items-header #persoo-sort-by:not(:empty)::before, .persoo-items-header #persoo-hits-per-page:not(:empty)::before { padding-top: 21px; padding-bottom: 21px; } .persoo-items-header .persoo-custom-sort-by-toggler, .persoo-items-header .persoo-custom-hits-per-page-select-toggler { margin-bottom: 0; padding-top: 21px; padding-bottom: 21px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .persoo-items-header { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 290px; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr { position: absolute; top: -1px; right: 0; background-color: transparent; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList { padding: 0; } .persoo-items-header #persoo-stats { width: calc(100% + 290px); min-height: 18px; margin-left: -290px; } .persoo-items-header #persoo-sort-by, .persoo-items-header #persoo-hits-per-page { width: 50%; min-height: 60px; } } @media (min-width: 1024px) { .persoo-items-header { width: calc(100% - 290px); min-height: 70px; margin-left: 290px; padding: 0 5px; background-color: #ffffff; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr { margin-right: auto; } .persoo-items-header #persoo-search-results__filters_dostupnostProFiltr .ais-RefinementList { margin-bottom: 0; padding-top: 25px; padding-bottom: 25px; } .persoo-items-header #persoo-sort-by, .persoo-items-header #persoo-hits-per-page { padding: 0 5px; } .persoo-items-header #persoo-sort-by:not(:empty)::before, .persoo-items-header #persoo-hits-per-page:not(:empty)::before { left: 10px; padding-top: 26px; padding-bottom: 26px; } .persoo-items-header #persoo-stats { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; max-width: 20%; padding: 20px 15px; } .persoo-items-header #persoo-stats .persoo-stats-root { max-width: 100%; } .persoo-items-header #persoo-stats .persoo-stats-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .persoo-items-header .persoo-custom-sort-by-toggler, .persoo-items-header .persoo-custom-hits-per-page-select-toggler { padding: 26px 30px 26px 70px; background-position: top 50% right 10px; } .persoo-items-header .persoo-custom-sort-by-toggler { padding-left: 60px; } .persoo-items-header .persoo-custom-hits-per-page-select-menu { right: -5px; } } @media (min-width: 1200px) { .persoo-items-header #persoo-stats { max-width: none; } .persoo-items-header .persoo-custom-sort-by-toggler { min-width: 260px; } } #persoo-pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 14px 0; } @media (min-width: 768px) { #persoo-pagination { -ms-flex-pack: end; justify-content: flex-end; } } .persoo-pagination-list { display: -ms-flexbox; display: flex; font-size: 17px; } .persoo-pagination-link { display: block; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; } .persoo-pagination-first-page-item .persoo-pagination-link, .persoo-pagination-previous-page-item .persoo-pagination-link, .persoo-pagination-next-page-item .persoo-pagination-link, .persoo-pagination-last-page-item .persoo-pagination-link { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; background-image: url("../img/icon/angle-thick-blue-r.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 32px 32px; } .persoo-pagination-first-page-item .persoo-pagination-link, .persoo-pagination-previous-page-item .persoo-pagination-link { transform: scaleX(-1); } .persoo-pagination-first-page-item .persoo-pagination-link, .persoo-pagination-last-page-item .persoo-pagination-link { background-image: url("../img/icon/angle-thick-blue-r.svg"), url("../img/icon/angle-thick-blue-r.svg"); background-position: -3px 50%, 3px 50%; } .persoo-pagination-disabled-item { display: none; } .persoo-pagination-selected-item .persoo-pagination-link { color: #cccccc; pointer-events: none; } .persoo-pobocky-search { margin-bottom: 30px; } .persoo-pobocky-result { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; padding-left: 10px; } .persoo-pobocky-result__header { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 20px; } @media (min-width: 768px) { .persoo-pobocky-result__header { font-size: 35px; } } .persoo-pobocky-result__link { position: relative; display: block; height: 100%; padding: 14px; background-color: #ffffff; font-weight: normal; line-height: 1.333333333; } .persoo-pobocky-result__link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; box-shadow: inset -1px -1px 0 0 #e6e6e6; } .persoo-pobocky-result__img-container { position: relative; margin-bottom: 15px; } .persoo-pobocky-result__img-container::before { content: ''; display: block; padding-top: 75%; } .persoo-pobocky-result__img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } .persoo-pobocky-result__title { display: block; } .persoo-pobocky-result__address { display: block; margin-top: 5px; margin-bottom: 15px; color: #4c4c4c; } .persoo-pobocky-result__openinghours { color: #000000; } .hoverevents .persoo-pobocky-result__link:hover { text-decoration: none; } .hoverevents .persoo-pobocky-result__link:hover::before { opacity: 1; } .hoverevents .persoo-pobocky-result__link:hover .persoo-pobocky-result__title { text-decoration: underline; } @media (min-width: 480px) { .persoo-pobocky-result { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 768px) { .persoo-pobocky-result { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .persoo-pobocky-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -10px -10px; } #persoo-search, #persoo-search-results { min-height: 75vh; } .persoo-search-results { position: relative; margin-bottom: 50px; color: #000000; } .persoo-search-results__header { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .persoo-search-results__header__title { margin-right: 10px; } .persoo-search-results__header__title, .persoo-search-results__header__input.persoo-search-results__header__input, .persoo-search-results__header-query { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .persoo-search-results__header__title, .persoo-search-results__header__input.persoo-search-results__header__input, .persoo-search-results__header-query { font-size: 35px; } } .persoo-search-results__header__input.persoo-search-results__header__input { -ms-flex-positive: 1; flex-grow: 1; width: auto; margin-bottom: 0; padding: 0; border: 0; background-color: transparent; caret-color: #f7b626; } .persoo-search-results__header-query { margin-bottom: 30px; } .persoo-search-results-header__title { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; display: block; margin-top: 0; margin-bottom: 15px; } @media (min-width: 768px) { .persoo-search-results-header__title { font-size: 35px; } } @media (max-width: 767.98px) { .persoo-search-results #persoo-search-results__filters { margin-bottom: 10px; padding: 15px; background-color: #01447b; } .persoo-search-results .persoo-filters-wrapper.is-lb:not(.is-toggled) #persoo-search-results__filters-content { position: absolute; left: 0; width: calc(100% - 30px); visibility: hidden; opacity: 0; } .persoo-search-results .persoo-filters-wrapper:not(.is-lb) #persoo-search-results__filters:not(.persoo-search-results__filters--visible) > :not(#persoo-filters-toggle) { display: none; } } @media (min-width: 768px) { .persoo-search-results .persoo-filters-wrapper.is-lb.is-toggled #persoo-search-results__filters-content, .persoo-search-results #persoo-search-results__filters.persoo-search-results__filters--visible > :not(#persoo-filters-toggle) { display: none; } } #persooAutocompleteDropdown { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; position: static !important; max-height: calc(80vh - 110px); margin-bottom: 38px; padding: 22px 18px 0; border-top: 1px solid #e6e6e6; background-color: #ffffff; overflow-y: auto; transition: max-height 0.3s; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08); will-change: max-height; } #persooAutocompleteDropdown::-webkit-scrollbar { width: 10px; } #persooAutocompleteDropdown::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } @media (min-width: 768px) { #persooAutocompleteDropdown { max-height: calc(80vh - 148px); padding: 32px 28px 0; } html.scroll #persooAutocompleteDropdown { max-height: calc(80vh - 120px); } } @media (min-width: 1024px) { #persooAutocompleteDropdown { max-height: calc(80vh - 92px); } html.scroll #persooAutocompleteDropdown { max-height: calc(80vh - 64px); } } .persoo-autocompleteDropdown__root { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .persoo-autocompleteDropdown__group { width: 100%; } .persoo-autocompleteDataset__root + .persoo-autocompleteDataset__root { border-top: 1px solid #f2f2f2; } .persoo-autocompleteDataset__header { margin-bottom: 12px; font-size: 16px; line-height: 1.25; } .persoo-autocompleteDataset__items__item b { color: #f7b626; } .persoo-autocompleteDataset__items__item__img-container { position: relative; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 54px; margin-right: 20px; } .persoo-autocompleteDataset__items__item__img-container::before { content: ''; display: block; padding-top: 100%; } .persoo-autocompleteDataset__items__item__img-container > img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } .persoo-autocompleteDataset__items__item__content { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; padding: 9px 0; font-size: 14px; line-height: 1.285714286; } .persoo-autocompleteDataset__items__item__content .price { margin-top: 2px; color: #4c4c4c; white-space: nowrap; } .persoo-autocompleteDataset__items__item__content .price > * { margin-bottom: 0; } .persoo-autocompleteDataset__items__item__content .wvat { color: #000000; font-weight: bold; } .persoo-autocompleteDataset__items__item__content .mc, .persoo-autocompleteDataset__items__item__content .wovat { font-size: 12px; line-height: 1.166666667; } .persoo-autocompleteDataset__items__item__content .mc { text-decoration: line-through; } .persoo-autocompleteDataset__items__item__content .mc + .wvat { color: #ff0000; } .persoo-autocompleteDataset__items__item__content .stiqty { margin-top: 2px; font-size: 12px; line-height: 1.166666667; } .persoo-autocompleteDataset__items__item__content .stiqty [data-avail] { position: relative; padding-left: 10px; } .persoo-autocompleteDataset__items__item__content .stiqty [data-avail] > :first-child::before { width: 5px; height: 5px; margin-top: -2px; } .persoo-autocompleteDataset__items__item__content .stiqty [data-avail] > * + * { display: none; } .persoo-autocompleteDataset__items__item__perex { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #4c4c4c; font-weight: normal; } .persoo-autocompleteDataset__column--left:not(:empty) { margin-top: -22px; } .persoo-autocompleteDataset__column--left:not(:empty) + .persoo-autocompleteDataset__column--right .persoo-autocompleteDataset-1__root { padding-top: 22px; border-top: 1px solid #f2f2f2; } .persoo-autocompleteDataset__column--right:empty::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 38px; background-color: #ffffff; } .persoo-autocompleteDataset-1__root { padding-bottom: 22px; } .persoo-autocompleteDataset-1__header { margin-bottom: 12px; } .persoo-autocompleteDataset-1__items__item > a { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin-right: -18px; margin-left: -18px; padding: 5px 18px; transition: background-color 0.3s; } .persoo-autocompleteDataset-1__footer { position: absolute; right: 0; bottom: 0; left: 0; } .persoo-autocompleteDataset-1__footer > a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; padding: 11px 18px; background-color: #f4f9fd; font-weight: normal; font-size: 14px; line-height: 1.142857143; text-align: center; } .persoo-autocompleteDataset-2__root, .persoo-autocompleteDataset-3__root, .persoo-autocompleteDataset-4__root { padding: 18px 0; } .persoo-autocompleteDataset-2__items, .persoo-autocompleteDataset-3__items, .persoo-autocompleteDataset-4__items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -4px; padding-left: 25px; background-image: url("../img/icon/arrow-r.svg"); background-position: 0 7px; background-repeat: no-repeat; background-size: 10px 8px; } .persoo-autocompleteDataset-2__items__item, .persoo-autocompleteDataset-3__items__item, .persoo-autocompleteDataset-4__items__item { margin-bottom: 4px; margin-left: 4px; } .persoo-autocompleteDataset-2__items__item > a, .persoo-autocompleteDataset-3__items__item > a, .persoo-autocompleteDataset-4__items__item > a { display: block; padding: 3px 4px; border-radius: 4px; background-color: #f4f9fd; font-weight: normal; font-size: 14px; line-height: 1.142857143; } .persoo-autocompleteDataset-2__items__item > a b, .persoo-autocompleteDataset-3__items__item > a b, .persoo-autocompleteDataset-4__items__item > a b { font-weight: 700; } .hoverevents .persoo-autocompleteDataset-1__items__item > a:hover { background-color: #eeeeee; text-decoration: none; } .persoo-result-item__link .price.is-loading .mc, .persoo-result-item__link .price.is-loading .wvat, .persoo-result-item__link .price.is-loading .wovat, .price.is-loading .mc, .price.is-loading .wvat, .price.is-loading .wovat { position: relative; } .persoo-result-item__link .price.is-loading .mc::before, .persoo-result-item__link .price.is-loading .wvat::before, .persoo-result-item__link .price.is-loading .wovat::before, .price.is-loading .mc::before, .price.is-loading .wvat::before, .price.is-loading .wovat::before { content: ''; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; z-index: 1; border-radius: 4px; background-color: currentColor; animation: loading-placeholder 2s infinite; } .persoo-result-item__link .price.is-loading .mc::after, .persoo-result-item__link .price.is-loading .wvat::after, .persoo-result-item__link .price.is-loading .wovat::after, .price.is-loading .mc::after, .price.is-loading .wvat::after, .price.is-loading .wovat::after { content: '\00A0'; } .persoo-result-item__link .price.is-loading .mc, .price.is-loading .mc { max-width: 50px; text-decoration: none; } .persoo-result-item__link .price.is-loading .wvat, .price.is-loading .wvat { max-width: 80px; } .persoo-result-item__link .price.is-loading .wovat, .price.is-loading .wovat { max-width: 100px; } .persoo-result-item__link .stiqty.is-loading [data-avail], .stiqty.is-loading [data-avail] { position: relative; max-width: 80px; color: #4c4c4c; } .persoo-result-item__link .stiqty.is-loading [data-avail]::before, .stiqty.is-loading [data-avail]::before { content: ''; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; z-index: 1; border-radius: 4px; background-color: currentColor; animation: loading-placeholder 2s infinite; } .persoo-result-item__link .stiqty.is-loading [data-avail]::before, .stiqty.is-loading [data-avail]::before { left: 10px; } .persoo-result-item__link .stiqty.is-loading [data-avail]::after, .stiqty.is-loading [data-avail]::after { content: '\00A0'; } .persoo-result-item__link .stiqty.is-loading [data-avail] > *, .stiqty.is-loading [data-avail] > * { color: inherit; } .persoo-result-item__link .stiqty.is-loading [data-avail] > *:first-child::before, .stiqty.is-loading [data-avail] > *:first-child::before { animation: loading-placeholder 2s infinite; } .persoo-result-item__link .stiqty.is-loading [data-avail]::before { top: auto; bottom: 0; left: 15px; display: block; width: 100px; height: 16px; margin: 0; } @media (min-width: 480px) { .persoo-autocompleteDataset__items__item__content { padding-right: 110px; } .persoo-autocompleteDataset__items__item__content .price { position: absolute; top: 9px; right: 0; width: 90px; margin-top: 0; text-align: right; } .persoo-autocompleteDataset__items__item__content .price.is-loading .mc, .persoo-autocompleteDataset__items__item__content .price.is-loading .wvat, .persoo-autocompleteDataset__items__item__content .price.is-loading .wovat { margin-left: auto; } } @media (min-width: 768px) { .persoo-autocompleteDataset__column--left:not(:empty) { margin-top: -32px; } .persoo-autocompleteDataset-1__items__item > a { margin-right: -28px; margin-left: -28px; padding-right: 28px; padding-left: 28px; } .persoo-autocompleteDataset-1__footer > a { padding-right: 28px; padding-left: 28px; } .persoo-autocompleteDataset-2__root, .persoo-autocompleteDataset-3__root, .persoo-autocompleteDataset-4__root { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .persoo-autocompleteDataset-2__header, .persoo-autocompleteDataset-3__header, .persoo-autocompleteDataset-4__header { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; margin-bottom: 0; } } .place { margin-bottom: 10px; } .place header { margin-top: -1px !important; padding: 0 !important; border: 1px solid #e6e6e6 !important; background-color: #ffffff; font-size: inherit !important; } .place header::after { display: none; } .place header h3 { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 !important; padding: 15px 50px 15px 15px !important; color: #01447b; font-weight: 500; font-size: inherit; } .place header h3::after { content: ''; position: absolute; top: 50%; right: 15px; width: 20px; height: 20px; margin-top: -10px; background-image: url("../img/icon/angle-d-orange.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; transition: transform 0.3s; } .place header img { float: none !important; height: 32px !important; margin: -7px 0 -7px auto !important; padding-left: 8px; } .place header img + img { margin-left: 0 !important; } .place .details.details { padding: 0 15px !important; border: solid #e6e6e6 !important; border-width: 0 1px 1px !important; background-color: #ffffff; color: #000000; } .place .details.details::before, .place .details.details::after { content: ''; display: table; } .place .details.details::after { clear: both; } .place .details.details .leftpart, .place .details.details .rightpart, .place .details.details > :first-child { margin-top: 20px !important; } .place .details.details > :last-child { margin-bottom: 20px !important; } .place .details.details .leftpart { padding-top: 0 !important; } .place .details.details .transport img { min-width: 32px; } .hoverevents .place header h3:hover { text-decoration: underline; } .place header.active h3::after { transform: scaleY(-1); } @media (max-width: 767.98px) { .place .details.details .leftpart { float: none; } .place .details.details .rightpart { padding-top: 0; padding-left: 0; } .place .details.details .description li { margin-left: 0; } .place .details.details .place_img { text-align: center; } } @media (max-width: 479.98px) { .place .details.details .transport { width: calc(100% + 32px); margin-right: -16px; margin-left: -16px; } .place .details.details .transport th, .place .details.details .transport td { padding: 5px; } .place .details.details .transport img { min-width: 24px; } } @media (min-width: 480px) { .place .details.details .rightpart .column { width: 50%; } .place .details.details .rightpart .column:first-child { padding-right: 30px; } } .places .map { max-width: 100%; } .pricelogs .cnt { padding: 20px; background-color: #ffffff; } @media (min-width: 768px) { .pricelogs .cnt { padding: 30px 40px; } } .pricelogs .tabform { margin-bottom: 0; } .pricelogs .tabform, .pricelogs .tabform th, .pricelogs .tabform td { padding: 0; border: 0; } .pricelogs .tabform th { display: none; } .pricelogs .ftr { display: none; } @media (max-width: 767.98px) { .pricelogs:not(.is-toggled) .cnt { display: none; } } .prmfltact { display: none; } /* stylelint-disable */ .prodbox .b-detail-countdown { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; -ms-flex-order: 1; order: 1; margin: 10px 0 0; font-size: 13px; } .prodbox .b-detail-countdown .action-price-title { color: #ff0000; font-weight: bold; } .prodbox .b-detail-countdown .action-price-name { display: none; } @media (max-width: 374.98px) { .prodbox .b-detail-countdown { -ms-flex-order: 2; order: 2; } } @media (min-width: 375px) { .prodbox .b-detail-countdown { margin: 0 0 0 auto; } } @media (min-width: 480px) { .prodbox .b-detail-countdown { margin: -10px 0 -10px auto; } } .c-product-alternatives .prodbox, html:not(.productlist-page) .prodbox, html .sti_relation_block .prodbox, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 15px 15px 70px; background-color: #ffffff; } .c-product-alternatives .prodbox h2, html:not(.productlist-page) .prodbox h2, html .sti_relation_block .prodbox h2, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox h2 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; margin-bottom: 20px; line-height: 1.222222222; } .c-product-alternatives .prodbox .img, html:not(.productlist-page) .prodbox .img, html .sti_relation_block .prodbox .img, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .img { position: relative; -ms-flex-order: -1; order: -1; width: 100%; max-width: 220px; margin: 0 auto 15px; overflow: hidden; } .c-product-alternatives .prodbox .img::before, html:not(.productlist-page) .prodbox .img::before, html .sti_relation_block .prodbox .img::before, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .img::before { content: ''; display: block; padding-top: 100%; } .c-product-alternatives .prodbox .img a, html:not(.productlist-page) .prodbox .img a, html .sti_relation_block .prodbox .img a, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .img a { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .c-product-alternatives .prodbox .img img, html:not(.productlist-page) .prodbox .img img, html .sti_relation_block .prodbox .img img, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .img img { width: auto; max-width: 250px; height: auto; max-height: 100%; } .c-product-alternatives .prodbox .hdr + .cnt, html:not(.productlist-page) .prodbox .hdr + .cnt, html .sti_relation_block .prodbox .hdr + .cnt, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .hdr + .cnt { margin-top: 15px; } .c-product-alternatives .prodbox .hdr + .cnt .img, html:not(.productlist-page) .prodbox .hdr + .cnt .img, html .sti_relation_block .prodbox .hdr + .cnt .img, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .hdr + .cnt .img { margin-top: 0; } .c-product-alternatives .prodbox .note, html:not(.productlist-page) .prodbox .note, html .sti_relation_block .prodbox .note, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .note { -ms-flex-positive: 1; flex-grow: 1; font-size: 14px; line-height: 1.571428571; } .c-product-alternatives .prodbox .price, html:not(.productlist-page) .prodbox .price, html .sti_relation_block .prodbox .price, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .price { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-order: 2; order: 2; width: 50%; min-height: 57px; margin-top: auto; font-size: 13px; line-height: 1.384615385; } .c-product-alternatives .prodbox .price[data-price-src]:not(.is-loaded) .wvat, html:not(.productlist-page) .prodbox .price[data-price-src]:not(.is-loaded) .wvat, html .sti_relation_block .prodbox .price[data-price-src]:not(.is-loaded) .wvat, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .price[data-price-src]:not(.is-loaded) .wvat { color: transparent; } .c-product-alternatives .prodbox .mc, .c-product-alternatives .prodbox .wvat, .c-product-alternatives .prodbox .wovat, html:not(.productlist-page) .prodbox .mc, html:not(.productlist-page) .prodbox .wvat, html:not(.productlist-page) .prodbox .wovat, html .sti_relation_block .prodbox .mc, html .sti_relation_block .prodbox .wvat, html .sti_relation_block .prodbox .wovat, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .mc, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .wvat, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .wovat { margin-bottom: 0; } .c-product-alternatives .prodbox .wvat, html:not(.productlist-page) .prodbox .wvat, html .sti_relation_block .prodbox .wvat, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .wvat { color: #000000; font-weight: 500; font-size: 21px; line-height: 1; } .c-product-alternatives .prodbox .mc, html:not(.productlist-page) .prodbox .mc, html .sti_relation_block .prodbox .mc, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .mc { text-decoration: line-through; } .c-product-alternatives .prodbox .mc + .wvat, .c-product-alternatives .prodbox .stiadvprcafrf + .wvat, html:not(.productlist-page) .prodbox .mc + .wvat, html:not(.productlist-page) .prodbox .stiadvprcafrf + .wvat, html .sti_relation_block .prodbox .mc + .wvat, html .sti_relation_block .prodbox .stiadvprcafrf + .wvat, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .mc + .wvat, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .stiadvprcafrf + .wvat { color: #ff0000; } .c-product-alternatives .prodbox .stiqty, html:not(.productlist-page) .prodbox .stiqty, html .sti_relation_block .prodbox .stiqty, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .stiqty { -ms-flex-order: 1; order: 1; margin-bottom: 15px; } .c-product-alternatives .prodbox .statuscont, html:not(.productlist-page) .prodbox .statuscont, html .sti_relation_block .prodbox .statuscont, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .statuscont { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15px; pointer-events: none; } .c-product-alternatives .prodbox .tools .stirelinbasket, .c-product-alternatives .prodbox .tools .buyout, html:not(.productlist-page) .prodbox .tools .stirelinbasket, html:not(.productlist-page) .prodbox .tools .buyout, html .sti_relation_block .prodbox .tools .stirelinbasket, html .sti_relation_block .prodbox .tools .buyout, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .tools .stirelinbasket, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .tools .buyout { display: none; } .c-product-alternatives .prodbox .stiadvprcafrf, html:not(.productlist-page) .prodbox .stiadvprcafrf, html .sti_relation_block .prodbox .stiadvprcafrf, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .stiadvprcafrf { color: #4c4c4c; font-size: 13px; line-height: 1.384615385; text-decoration: line-through; } .c-product-alternatives .prodbox .buy_menu_out, .c-product-alternatives .prodbox .btnn, html:not(.productlist-page) .prodbox .buy_menu_out, html:not(.productlist-page) .prodbox .btnn, html .sti_relation_block .prodbox .buy_menu_out, html .sti_relation_block .prodbox .btnn, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .btnn { position: absolute; right: 15px; bottom: 15px; left: 15px; } .c-product-alternatives .prodbox .buy_menu_out, html:not(.productlist-page) .prodbox .buy_menu_out, html .sti_relation_block .prodbox .buy_menu_out, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out { z-index: 6; } .c-product-alternatives .prodbox .btnn, html:not(.productlist-page) .prodbox .btnn, html .sti_relation_block .prodbox .btnn, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .btnn { text-align: right; } .c-product-alternatives .prodbox .btnn button, .c-product-alternatives .prodbox .btnn a, html:not(.productlist-page) .prodbox .btnn button, html:not(.productlist-page) .prodbox .btnn a, html .sti_relation_block .prodbox .btnn button, html .sti_relation_block .prodbox .btnn a, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .btnn button, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .btnn a { position: relative; z-index: 6; width: 100%; min-height: 40px; padding: 10px 10px 11px; font-size: 15px; line-height: 19px; } .c-product-alternatives .prodbox .buy_menu_out ~ form .btnn button, .c-product-alternatives .prodbox .buy_menu_out ~ form .btnn a, html:not(.productlist-page) .prodbox .buy_menu_out ~ form .btnn button, html:not(.productlist-page) .prodbox .buy_menu_out ~ form .btnn a, html .sti_relation_block .prodbox .buy_menu_out ~ form .btnn button, html .sti_relation_block .prodbox .buy_menu_out ~ form .btnn a, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out ~ form .btnn button, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out ~ form .btnn a { width: calc(100% - 31px); margin-right: 31px; } .c-product-alternatives .prodbox .inp_txt_qty, .c-product-alternatives .prodbox .clear, html:not(.productlist-page) .prodbox .inp_txt_qty, html:not(.productlist-page) .prodbox .clear, html .sti_relation_block .prodbox .inp_txt_qty, html .sti_relation_block .prodbox .clear, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .inp_txt_qty, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .clear { display: none; } .c-product-alternatives .prodbox .hdr .c a::before, html:not(.productlist-page) .prodbox .hdr .c a::before, html .sti_relation_block .prodbox .hdr .c a::before, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .hdr .c a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .c-product-alternatives .prodbox .cnt, html:not(.productlist-page) .prodbox .cnt, html .sti_relation_block .prodbox .cnt, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .cnt { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; } .c-product-alternatives .prodbox .cnt .wvat, html:not(.productlist-page) .prodbox .cnt .wvat, html .sti_relation_block .prodbox .cnt .wvat, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .cnt .wvat { -ms-flex-order: 1; order: 1; } .c-product-alternatives .prodbox .cnt .timecounter, html:not(.productlist-page) .prodbox .cnt .timecounter, html .sti_relation_block .prodbox .cnt .timecounter, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .cnt .timecounter { margin-bottom: 15px; color: #ff0000; font-weight: 500; } .c-product-alternatives .prodbox .cnt .timecounter p, html:not(.productlist-page) .prodbox .cnt .timecounter p, html .sti_relation_block .prodbox .cnt .timecounter p, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .cnt .timecounter p { margin-bottom: 0; } html.compact-products-view .gallarea .c-product-alternatives .prodbox h2, html.compact-products-view .gallarea html:not(.productlist-page) .prodbox h2, html.compact-products-view .gallarea html .sti_relation_block .prodbox h2, html.compact-products-view .gallarea html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox h2 { -ms-flex-positive: 1; flex-grow: 1; } html.compact-products-view .gallarea .c-product-alternatives .prodbox .note, html.compact-products-view .gallarea html:not(.productlist-page) .prodbox .note, html.compact-products-view .gallarea html .sti_relation_block .prodbox .note, html.compact-products-view .gallarea html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .note { display: none; } @media (max-width: 374.98px) { .c-product-alternatives .prodbox .buy_menu_out ~ form .btnn button, .c-product-alternatives .prodbox .buy_menu_out ~ form .btnn a, html:not(.productlist-page) .prodbox .buy_menu_out ~ form .btnn button, html:not(.productlist-page) .prodbox .buy_menu_out ~ form .btnn a, html .sti_relation_block .prodbox .buy_menu_out ~ form .btnn button, html .sti_relation_block .prodbox .buy_menu_out ~ form .btnn a, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out ~ form .btnn button, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out ~ form .btnn a { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 375px) { .c-product-alternatives .prodbox, html:not(.productlist-page) .prodbox, html .sti_relation_block .prodbox, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox { padding-bottom: 15px; } .c-product-alternatives .prodbox .buy_menu_out, .c-product-alternatives .prodbox .btnn, html:not(.productlist-page) .prodbox .buy_menu_out, html:not(.productlist-page) .prodbox .btnn, html .sti_relation_block .prodbox .buy_menu_out, html .sti_relation_block .prodbox .btnn, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .btnn { right: 15px; bottom: 15px; left: auto; } .c-product-alternatives .prodbox .buy_menu_out, .c-product-alternatives .prodbox .buy_menu_out ~ form .btnn, html:not(.productlist-page) .prodbox .buy_menu_out, html:not(.productlist-page) .prodbox .buy_menu_out ~ form .btnn, html .sti_relation_block .prodbox .buy_menu_out, html .sti_relation_block .prodbox .buy_menu_out ~ form .btnn, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out ~ form .btnn { width: calc(50% - 15px); min-width: 160px; } .c-product-alternatives .prodbox .b-detail-countdown, html:not(.productlist-page) .prodbox .b-detail-countdown, html .sti_relation_block .prodbox .b-detail-countdown, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .b-detail-countdown { width: 50%; min-width: 160px; } } @media (min-width: 1200px) { .c-product-alternatives .prodbox, html:not(.productlist-page) .prodbox, html .sti_relation_block .prodbox, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox { padding: 20px; } .c-product-alternatives .prodbox .img, html:not(.productlist-page) .prodbox .img, html .sti_relation_block .prodbox .img, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .img { margin: 0 auto 20px; } .c-product-alternatives .prodbox .hdr + .cnt, html:not(.productlist-page) .prodbox .hdr + .cnt, html .sti_relation_block .prodbox .hdr + .cnt, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .hdr + .cnt { margin-top: 20px; } .c-product-alternatives .prodbox .statuscont, html:not(.productlist-page) .prodbox .statuscont, html .sti_relation_block .prodbox .statuscont, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .statuscont { padding: 20px; } .c-product-alternatives .prodbox .buy_menu_out, .c-product-alternatives .prodbox .btnn, html:not(.productlist-page) .prodbox .buy_menu_out, html:not(.productlist-page) .prodbox .btnn, html .sti_relation_block .prodbox .buy_menu_out, html .sti_relation_block .prodbox .btnn, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .btnn { right: 20px; bottom: 20px; } .c-product-alternatives .prodbox .buy_menu_out, .c-product-alternatives .prodbox .buy_menu_out ~ form .btnn, html:not(.productlist-page) .prodbox .buy_menu_out, html:not(.productlist-page) .prodbox .buy_menu_out ~ form .btnn, html .sti_relation_block .prodbox .buy_menu_out, html .sti_relation_block .prodbox .buy_menu_out ~ form .btnn, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .buy_menu_out ~ form .btnn { width: calc(50% - 20px); } } @media (min-width: 1360px) { .c-product-alternatives .prodbox .img, html:not(.productlist-page) .prodbox .img, html .sti_relation_block .prodbox .img, html.productlist-page:not([data-products-view='listbox']) .productlistjx .prodbox .img { max-width: 200px; } } /* stylelint-enable */ .b-product-alternative { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 15px; border: 1px solid #e6e6e6; background-color: #ffffff; } .b-product-alternative__img-wrap { position: relative; margin-bottom: 20px; padding-top: 60%; } .b-product-alternative__img { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .b-product-alternative__img img { width: 58.255%; max-width: 100%; height: auto; max-height: 100%; } .b-product-alternative__title { margin: 0 0 20px; } .b-product-alternative__link::before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .b-product-alternative__tags { position: absolute; top: 20px; left: 20px; } .b-product-alternative__tags > * { margin-bottom: 5px; } .b-product-alternative__params { margin-bottom: 30px; font-size: 13px; line-height: 20px; } .b-product-alternative__params, .b-product-alternative__params th, .b-product-alternative__params td { border: 0; } .b-product-alternative__params th, .b-product-alternative__params td { padding: 10px 0; } .b-product-alternative__params th { width: 35%; font-weight: normal; } .b-product-alternative__params td { padding-left: 28px; color: #000000; } .b-product-alternative__params tr + tr { border-top: 1px solid #e6e6e6; } .b-product-alternative__footer { margin-top: auto; } .b-product-alternative__price { font-size: 13px; line-height: 1; white-space: nowrap; } .b-product-alternative__price s, .b-product-alternative__price strong { display: block; } .b-product-alternative__price strong { margin: 2px 0; color: #000000; font-size: 21px; } .b-product-alternative__price s + strong { color: #ff0000; } .b-product-alternative__price, .b-product-alternative__btn-wrap { margin-bottom: 0; } .b-product-alternative__btn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding: 10px 15px; font-size: 15px; background-color: #4aaa2f; position: relative; z-index: 1; width: 100%; } .hoverevents .b-product-alternative__btn:hover { background-color: #005499; text-decoration: none; } .hoverevents .b-product-alternative__btn:hover { background-color: #54c135; } .b-product-alternative--current { border-color: #005499; } .b-product-alternative--current::before { content: ''; position: absolute; top: 0; right: 0; width: 54px; height: 54px; background-image: url("../img/icon/check.svg"), linear-gradient(45deg, transparent, transparent 50%, #0072c1 50%, #0072c1); background-position: top 6px right 8px, 0 0; background-repeat: no-repeat; background-size: 16px 16px, 100% 100%; } .b-product-alternative__params td.is-highlighted { position: relative; font-weight: bold; } .b-product-alternative__params td.is-highlighted::before { content: ''; position: absolute; top: 15px; left: 10px; width: 8px; height: 8px; border-radius: 50%; background-color: #0072c1; } @media (max-width: 1199.98px) { .b-product-alternative__price { margin-bottom: 15px; text-align: center; } } @media (min-width: 1200px) { .b-product-alternative { padding: 20px; } .b-product-alternative__footer { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; } .b-product-alternative__price { margin-right: 15px; } } .b-product-vs { position: relative; } .b-product-vs__holder { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 15px; background-color: #ffffff; } .b-product-vs__img-wrap { position: relative; width: 100px; margin: 0 auto 10px; } .b-product-vs__img-wrap::before { content: ''; display: block; padding-top: 90%; } .b-product-vs__img { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .b-product-vs__img img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .b-product-vs__title, .b-product-vs__price { margin-bottom: 0; } .b-product-vs__title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } .b-product-vs__link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .b-product-vs__price { color: #000000; white-space: nowrap; } @media (min-width: 768px) { .b-product-vs__holder { padding: 20px; } .b-product-vs__img-wrap { margin-bottom: 20px; } } .qrcode figure { margin-bottom: 0; } .qrcode .tabinfo, .qrcode .tabinfo th, .qrcode .tabinfo td { padding: 0; border: 0; } .qrcode .tabinfo tr { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 14px 0; } .qrcode .tabinfo tr + tr { border-top: 1px solid #e6e6e6; } .qrcode .tabinfo th { margin-right: 15px; } .reclaim.tabformcont .tabform:not(.valtable) { margin-bottom: 0; padding: 15px; background-color: #ffffff; color: #000000; } .reclaim.tabformcont .tabform:not(.valtable), .reclaim.tabformcont .tabform:not(.valtable) tbody { display: block; } .reclaim.tabformcont .tabform:not(.valtable) > tbody > tr > td { width: auto !important; padding: 14px 0; } .reclaim.tabformcont .tabform:not(.valtable) > tbody > tr > td:first-child { margin-right: 15px; } .reclaim.tabformcont .tabform:not(.valtable) > tbody > tr > td:last-child { text-align: right; } .reclaim.tabformcont .tabform:not(.valtable) tr { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #e6e6e6; } .reclaim.tabformcont .tabform:not(.valtable) tr:nth-child(1) { border-top: 0; } @media (min-width: 768px) { .reclaim.tabformcont .tabform:not(.valtable) { padding: 30px; } .reclaim.tabformcont .tabform:not(.valtable) tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -70px; } .reclaim.tabformcont .tabform:not(.valtable) tr { width: calc(50% - 70px); margin-left: 70px; } .reclaim.tabformcont .tabform:not(.valtable) tr:nth-child(2) { border-top: 0; } } .reclaims.tabformcont .valtable td:nth-child(3) { min-width: 200px; word-break: break-word; } #recommendation-fs-hp .prodbox .statuscont { top: -15px; right: -15px; bottom: -15px; left: -15px; display: block; } @media (min-width: 1200px) { #recommendation-fs-hp .prodbox .statuscont { top: -20px; right: -20px; bottom: -20px; left: -20px; } } .registration_tab.tabform { margin-bottom: 0; } .registration_tab.tabform .headpart th, .registration_tab.tabform .headpart td { text-align: center; } .registration_tab.tabform .headpart th b, .registration_tab.tabform .headpart td b { font-weight: inherit; } .registration_tab.tabform .headpart th { margin-bottom: 30px; } .registration_tab.tabform .headpart td { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; padding-top: 30px !important; } .registration_tab.tabform .headpart td span { display: block; margin: -25px 0 20px; font-size: 14px; line-height: 1.2; } .registration_tab.tabform .headpart .inp-checkbox { margin: 0 10px; font-weight: 500; text-transform: uppercase; } .registration_tab.tabform .gdpr { text-align: center; } .registration_tab.tabform .gdpr-1 { padding-top: 20px; text-align: left; } .registration_tab.tabform .gdpr-1 label { cursor: pointer; } .registration_tab.tabform .btnn { text-align: center; } .registration_tab.tabform .btnn a { background-color: #4aaa2f; } .hoverevents .registration_tab.tabform .btnn a:hover { background-color: #54c135; } .search_inv.tabformcont { padding-top: 0; } .search_inv.tabformcont table, .search_inv.tabformcont table th, .search_inv.tabformcont table td { padding: 0; border: 0; } .search_inv.tabformcont > .hdr .c h1 { text-align: left; } .search_inv.tabformcont > .hdr .c h5 { margin-bottom: 0; } .search_inv.tabformcont > .hdr .c h5 select { margin-bottom: 0; } .search_inv.tabformcont > .hdr .c table th, .search_inv.tabformcont > .hdr .c table td { vertical-align: bottom; } .search_inv.tabformcont > .hdr .c > p { display: none; } .search_inv.tabformcont > .cnt { padding: 20px; background-color: #ffffff; color: #000000; } @media (min-width: 768px) { .search_inv.tabformcont > .cnt { padding: 30px 40px; } } .search_inv.tabformcont > .cnt .in > :last-child { margin-bottom: 0; } .search_inv.tabformcont .tabform { display: block; } .search_inv.tabformcont .tabform tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .search_inv.tabformcont .tabform tbody tr { width: 100%; padding-left: 10px; } .search_inv.tabformcont .dneworder { margin-bottom: 30px; text-align: right; } .search_inv.tabformcont .fombuttons { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: -10px; margin-left: -10px; } .search_inv.tabformcont .fombuttons > * { margin-bottom: 10px; margin-left: 10px; } .search_inv.tabformcont .btnn.reset > a { background-color: transparent; color: #01447b; color: #ff0000; } .hoverevents .search_inv.tabformcont .btnn.reset > a:hover { text-decoration: underline; } @media (max-width: 767.98px) { .search_inv.tabformcont > .hdr table, .search_inv.tabformcont > .hdr tbody, .search_inv.tabformcont > .hdr tr, .search_inv.tabformcont > .hdr th, .search_inv.tabformcont > .hdr td { display: block; } } @media (min-width: 768px) { .search_inv.tabformcont > .hdr .c h1 { margin-bottom: 0; } .search_inv.tabformcont > .hdr .c h5 { padding-left: 30px; } .search_inv.tabformcont .tabform tbody tr { width: 50%; } } .search_inv.tabformcont .tabform.tabform { margin-bottom: 40px; } .search_inv.tabformcont .tabform.tabform tr { width: calc(100% + 10px); margin-left: -10px; } .search_inv.tabformcont .tabform.tabform tr > * { padding-left: 10px; } .search_inv.tabformcont .tabform.tabform tr:nth-child(3) { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .search_inv.tabformcont .tabform.tabform tr:nth-child(3) td:nth-child(3) { display: none; } .search_inv.tabformcont .tabform.tabform tr:nth-child(3) td:nth-child(6) { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-bottom: 10px; } .search_inv.tabformcont .tabform.tabform tr:nth-child(3) td:nth-child(6) input[type='checkbox'] { -ms-flex-order: 1; order: 1; margin-left: 15px; } .search_inv.tabformcont .tabform.tabform tr:nth-child(6) { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 0; } .search_inv.tabformcont .tabform.tabform tr:nth-child(6) th, .search_inv.tabformcont .tabform.tabform tr:nth-child(6) td { width: auto; padding: 0 !important; } .search_inv.tabformcont .tabform.tabform tr:nth-child(6) th { margin: 0 -5px 0 0 !important; } .search_inv.tabformcont .tabform.tabform tr:nth-child(6) td { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .search_inv.tabformcont .tabform.tabform tr:nth-child(6) td input[type='radio'] { margin: 0 5px 0 20px; } .search_inv.tabformcont .tabform.tabform th, .search_inv.tabformcont .tabform.tabform td { width: 100%; } .search_inv.tabformcont .tabform.tabform td + td { display: none; } @media (max-width: 767.98px) { .search_inv.tabformcont .tabform.tabform { margin-bottom: 40px; } .search_inv.tabformcont .tabform.tabform tr:nth-child(6) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .search_inv.tabformcont .tabform.tabform tr:nth-child(6) th { width: 100%; margin: 0 0 5px !important; } .search_inv.tabformcont .tabform.tabform tr:nth-child(6) td input[type='radio']:first-child { margin-left: 0; } } @media (min-width: 768px) { .search_inv.tabformcont .tabform.tabform tr { display: -ms-grid; display: grid; grid-auto-columns: 1fr; } .search_inv.tabformcont .tabform.tabform tr th { -ms-grid-row: 1; grid-row: 1; } .search_inv.tabformcont .tabform.tabform tr td { -ms-grid-row: 2; grid-row: 2; } } .search_ord.tabformcont { padding-top: 0; } .search_ord.tabformcont table, .search_ord.tabformcont table th, .search_ord.tabformcont table td { padding: 0; border: 0; } .search_ord.tabformcont > .hdr .c h1 { text-align: left; } .search_ord.tabformcont > .hdr .c h5 { margin-bottom: 0; } .search_ord.tabformcont > .hdr .c h5 select { margin-bottom: 0; } .search_ord.tabformcont > .hdr .c table th, .search_ord.tabformcont > .hdr .c table td { vertical-align: bottom; } .search_ord.tabformcont > .hdr .c > p { display: none; } .search_ord.tabformcont > .cnt { padding: 20px; background-color: #ffffff; color: #000000; } @media (min-width: 768px) { .search_ord.tabformcont > .cnt { padding: 30px 40px; } } .search_ord.tabformcont > .cnt .in > :last-child { margin-bottom: 0; } .search_ord.tabformcont .tabform { display: block; } .search_ord.tabformcont .tabform tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .search_ord.tabformcont .tabform tbody tr { width: 100%; padding-left: 10px; } .search_ord.tabformcont .dneworder { margin-bottom: 30px; text-align: right; } .search_ord.tabformcont .fombuttons { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: -10px; margin-left: -10px; } .search_ord.tabformcont .fombuttons > * { margin-bottom: 10px; margin-left: 10px; } .search_ord.tabformcont .btnn.reset > a { background-color: transparent; color: #01447b; color: #ff0000; } .hoverevents .search_ord.tabformcont .btnn.reset > a:hover { text-decoration: underline; } @media (max-width: 767.98px) { .search_ord.tabformcont > .hdr table, .search_ord.tabformcont > .hdr tbody, .search_ord.tabformcont > .hdr tr, .search_ord.tabformcont > .hdr th, .search_ord.tabformcont > .hdr td { display: block; } } @media (min-width: 768px) { .search_ord.tabformcont > .hdr .c h1 { margin-bottom: 0; } .search_ord.tabformcont > .hdr .c h5 { padding-left: 30px; } .search_ord.tabformcont .tabform tbody tr { width: 50%; } } .search_ord.tabformcont .searchorde.tabform { margin-bottom: 40px; } .search_ord.tabformcont .searchorde.tabform tr { width: calc(100% + 10px); margin-left: -10px; } .search_ord.tabformcont .searchorde.tabform tr > * { padding-left: 10px; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(5) td { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(5) td input[type='checkbox'] { -ms-flex-order: 1; order: 1; margin-left: 15px; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(7) { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 0; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(7) th, .search_ord.tabformcont .searchorde.tabform tr:nth-child(7) td { width: auto; padding: 0 !important; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(7) th { margin: 0 -5px 0 0 !important; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(7) td { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(7) td input[type='radio'] { margin: 0 5px 0 20px; } .search_ord.tabformcont .searchorde.tabform th, .search_ord.tabformcont .searchorde.tabform td { width: 100%; } .search_ord.tabformcont .searchorde.tabform td + td { display: none; } .search_ord.tabformcont .searchorde.tabform select { width: 100% !important; } @media (max-width: 767.98px) { .search_ord.tabformcont .searchorde.tabform tr:nth-child(7) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(7) th { width: 100%; margin-bottom: 5px !important; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(7) td input[type='radio']:first-child { margin-left: 0; } } @media (min-width: 768px) { .search_ord.tabformcont .searchorde.tabform tr { display: -ms-grid; display: grid; grid-auto-columns: 1fr; } .search_ord.tabformcont .searchorde.tabform tr th { -ms-grid-row: 1; grid-row: 1; } .search_ord.tabformcont .searchorde.tabform tr:nth-child(3), .search_ord.tabformcont .searchorde.tabform tr:nth-child(4) { width: calc(50% + 10px); } } .search_ori.tabformcont { padding-top: 0; } .search_ori.tabformcont table, .search_ori.tabformcont table th, .search_ori.tabformcont table td { padding: 0; border: 0; } .search_ori.tabformcont > .hdr .c h1 { text-align: left; } .search_ori.tabformcont > .hdr .c h5 { margin-bottom: 0; } .search_ori.tabformcont > .hdr .c h5 select { margin-bottom: 0; } .search_ori.tabformcont > .hdr .c table th, .search_ori.tabformcont > .hdr .c table td { vertical-align: bottom; } .search_ori.tabformcont > .hdr .c > p { display: none; } .search_ori.tabformcont > .cnt { padding: 20px; background-color: #ffffff; color: #000000; } @media (min-width: 768px) { .search_ori.tabformcont > .cnt { padding: 30px 40px; } } .search_ori.tabformcont > .cnt .in > :last-child { margin-bottom: 0; } .search_ori.tabformcont .tabform { display: block; } .search_ori.tabformcont .tabform tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .search_ori.tabformcont .tabform tbody tr { width: 100%; padding-left: 10px; } .search_ori.tabformcont .dneworder { margin-bottom: 30px; text-align: right; } .search_ori.tabformcont .fombuttons { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: -10px; margin-left: -10px; } .search_ori.tabformcont .fombuttons > * { margin-bottom: 10px; margin-left: 10px; } .search_ori.tabformcont .btnn.reset > a { background-color: transparent; color: #01447b; color: #ff0000; } .hoverevents .search_ori.tabformcont .btnn.reset > a:hover { text-decoration: underline; } @media (max-width: 767.98px) { .search_ori.tabformcont > .hdr table, .search_ori.tabformcont > .hdr tbody, .search_ori.tabformcont > .hdr tr, .search_ori.tabformcont > .hdr th, .search_ori.tabformcont > .hdr td { display: block; } } @media (min-width: 768px) { .search_ori.tabformcont > .hdr .c h1 { margin-bottom: 0; } .search_ori.tabformcont > .hdr .c h5 { padding-left: 30px; } .search_ori.tabformcont .tabform tbody tr { width: 50%; } } .search_ori.tabformcont .tabform.tabform { margin-bottom: 40px; } .search_ori.tabformcont .tabform.tabform tr { width: calc(100% + 10px); margin-left: -10px; } .search_ori.tabformcont .tabform.tabform tr > * { padding-left: 10px; } .search_ori.tabformcont .tabform.tabform tr:nth-child(4) { display: -ms-flexbox; display: flex; margin-left: -30px; padding-top: 10px; } .search_ori.tabformcont .tabform.tabform tr:nth-child(4) th, .search_ori.tabformcont .tabform.tabform tr:nth-child(4) td:nth-child(3), .search_ori.tabformcont .tabform.tabform tr:nth-child(4) td:nth-child(5) { display: none !important; } .search_ori.tabformcont .tabform.tabform tr:nth-child(4) td { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: auto; padding-left: 30px; } .search_ori.tabformcont .tabform.tabform tr:nth-child(4) td input[type='checkbox'] { -ms-flex-order: 1; order: 1; margin-left: 15px; } .search_ori.tabformcont .tabform.tabform tr:nth-child(6) { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 0; } .search_ori.tabformcont .tabform.tabform tr:nth-child(6) th, .search_ori.tabformcont .tabform.tabform tr:nth-child(6) td { width: auto; padding: 0 !important; } .search_ori.tabformcont .tabform.tabform tr:nth-child(6) th { margin: 0 -5px 0 0 !important; } .search_ori.tabformcont .tabform.tabform tr:nth-child(6) td { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .search_ori.tabformcont .tabform.tabform tr:nth-child(6) td input[type='radio'] { margin: 0 5px 0 20px; } .search_ori.tabformcont .tabform.tabform th, .search_ori.tabformcont .tabform.tabform td { width: 100%; } .search_ori.tabformcont .tabform.tabform td + td { display: none; } .search_ori.tabformcont .tabform.tabform input[type='text'] { width: 100% !important; } @media (max-width: 767.98px) { .search_ori.tabformcont .tabform.tabform tr:nth-child(4) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .search_ori.tabformcont .tabform.tabform tr:nth-child(4) td + td { margin-top: 10px; } .search_ori.tabformcont .tabform.tabform tr:nth-child(6) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .search_ori.tabformcont .tabform.tabform tr:nth-child(6) th { width: 100%; margin: 0 0 5px !important; } .search_ori.tabformcont .tabform.tabform tr:nth-child(6) td input[type='radio']:first-child { margin-left: 0; } } @media (min-width: 768px) { .search_ori.tabformcont .tabform.tabform tr { display: -ms-grid; display: grid; grid-auto-columns: 1fr; } .search_ori.tabformcont .tabform.tabform tr th { -ms-grid-row: 1; grid-row: 1; } } .search_sti.tabformcont { padding-top: 0; } .search_sti.tabformcont table, .search_sti.tabformcont table th, .search_sti.tabformcont table td { padding: 0; border: 0; } .search_sti.tabformcont > .hdr .c h1 { text-align: left; } .search_sti.tabformcont > .hdr .c h5 { margin-bottom: 0; } .search_sti.tabformcont > .hdr .c h5 select { margin-bottom: 0; } .search_sti.tabformcont > .hdr .c table th, .search_sti.tabformcont > .hdr .c table td { vertical-align: bottom; } .search_sti.tabformcont > .hdr .c > p { display: none; } .search_sti.tabformcont > .cnt { padding: 20px; background-color: #ffffff; color: #000000; } @media (min-width: 768px) { .search_sti.tabformcont > .cnt { padding: 30px 40px; } } .search_sti.tabformcont > .cnt .in > :last-child { margin-bottom: 0; } .search_sti.tabformcont .tabform { display: block; } .search_sti.tabformcont .tabform tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .search_sti.tabformcont .tabform tbody tr { width: 100%; padding-left: 10px; } .search_sti.tabformcont .dneworder { margin-bottom: 30px; text-align: right; } .search_sti.tabformcont .fombuttons { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: -10px; margin-left: -10px; } .search_sti.tabformcont .fombuttons > * { margin-bottom: 10px; margin-left: 10px; } .search_sti.tabformcont .btnn.reset > a { background-color: transparent; color: #01447b; color: #ff0000; } .hoverevents .search_sti.tabformcont .btnn.reset > a:hover { text-decoration: underline; } @media (max-width: 767.98px) { .search_sti.tabformcont > .hdr table, .search_sti.tabformcont > .hdr tbody, .search_sti.tabformcont > .hdr tr, .search_sti.tabformcont > .hdr th, .search_sti.tabformcont > .hdr td { display: block; } } @media (min-width: 768px) { .search_sti.tabformcont > .hdr .c h1 { margin-bottom: 0; } .search_sti.tabformcont > .hdr .c h5 { padding-left: 30px; } .search_sti.tabformcont .tabform tbody tr { width: 50%; } } .search_sti.tabformcont .tabform tbody tr.que, .search_sti.tabformcont .tabform tbody tr.orderby, .search_sti.tabformcont .tabform tbody tr.fombuttonsrow, .search_sti.tabformcont .tabform tbody tr:not([class]) { width: 100%; } .search_sti.tabformcont .tabform tr.que, .search_sti.tabformcont .tabform tr.orderby { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 10px; padding-bottom: 10px; } .search_sti.tabformcont .tabform tr.que th, .search_sti.tabformcont .tabform tr.orderby th { margin: 0 15px 0 0 !important; padding: 0 !important; } .search_sti.tabformcont .tabform tr.que td, .search_sti.tabformcont .tabform tr.orderby td { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .search_sti.tabformcont .tabform tr.que td label, .search_sti.tabformcont .tabform tr.orderby td label { margin: 0 20px 0 5px; } .search_sti.tabformcont .srcheditems { margin-bottom: 30px; text-align: center; } @media (max-width: 767.98px) { .search_sti.tabformcont .tabform tr.orderby { -ms-flex-wrap: wrap; flex-wrap: wrap; } .search_sti.tabformcont .tabform tr.orderby th { width: 100%; margin: 0 0 5px !important; } } @media (min-width: 480px) { .search_sti.tabformcont .tabform tr.name td { display: -ms-flexbox !important; display: flex !important; margin-left: -10px; } .search_sti.tabformcont .tabform tr.name td > * { margin-left: 10px; } .search_sti.tabformcont .tabform tr.name td select { -ms-flex: 0 0 170px; flex: 0 0 170px; } .search_sti.tabformcont .tabform tr.name td input[type='text'] { -ms-flex: 1 0 auto; flex: 1 0 auto; width: calc(100% - 190px) !important; } } @media (min-width: 1024px) { .search_sti.tabformcont .tabform tr.name td select { -ms-flex-preferred-size: 200px; flex-basis: 200px; } .search_sti.tabformcont .tabform tr.name td input[type='text'] { width: calc(100% - 220px) !important; } } .sendmailcont .tabpage { padding: 20px; background-color: #ffffff; margin-bottom: 15px; } @media (min-width: 768px) { .sendmailcont .tabpage { padding: 30px 40px; } } .sendmailcont .tabpage .hdr .c p { font-size: 24px; } .sendmailcont a[name='stilowprice'], .sendmailcont .ftr { display: none; } .sendmailcont .tabform, .sendmailcont .tabform th, .sendmailcont .tabform td { padding: 0; border: 0; } .sendmailcont .tabform tr, .sendmailcont .tabform th, .sendmailcont .tabform td { display: block; } .sendmailcont .tabform .enquiry + tr td span { display: block; margin-top: -30px; } .sendmailcont .tabform .youremail { margin-top: 10px; } .sendmailcont .btnn { display: inline-block; } .sendmailcont .btnn.reset > a { border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 14px; } .hoverevents .sendmailcont .btnn.reset > a:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } @media (max-width: 767.98px) { .sendmailcont .tabpage { margin-bottom: 0; } .sendmailcont .tabpage .hdr .c p { margin-bottom: 15px; padding: 0; font-size: 19px; } .sendmailcont .tabpage .hdr .c p::after { display: none; } .sendmailcont:not(.is-toggled) .cnt { display: none; } } @media (max-width: 374.98px) { .sendmailcont #stilowprice_recaptcha, .sendmailcont #stisendinfo_recaptcha, .sendmailcont #stiask_recaptcha, .sendmailcont #stiusrerrmsg_recaptcha { margin-right: -54px; transform: scale(0.822368421); transform-origin: 0 0; } .sendmailcont #stilowprice_recaptcha > div, .sendmailcont #stilowprice_recaptcha iframe, .sendmailcont #stisendinfo_recaptcha > div, .sendmailcont #stisendinfo_recaptcha iframe, .sendmailcont #stiask_recaptcha > div, .sendmailcont #stiask_recaptcha iframe, .sendmailcont #stiusrerrmsg_recaptcha > div, .sendmailcont #stiusrerrmsg_recaptcha iframe { width: auto !important; max-width: 100%; } } @media (min-width: 768px) { .sendmailcont .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; } .sendmailcont .tabpage .in { display: block; margin-left: auto; } .sendmailcont .tabpage { width: calc(50% - 15px); margin-left: 15px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .sendmailcont .tabpage { padding: 20px; } } #sendsmscont { max-width: 480px; margin: 0 auto; padding: 0 15px; } #sendsmscont form[name='frmTB'] { margin-bottom: 20px; } #sendsmscont > :last-child { margin-bottom: 0; } @media (min-width: 768px) { #sendsmscont { padding: 0 30px; } } form[name='setpswd'] { max-width: 500px; margin: 60px auto; padding: 30px 20px; background-color: #ffffff; } form[name='setpswd'] .tabedit { margin-bottom: 0; } form[name='setpswd'] .tabedit, form[name='setpswd'] .tabedit th, form[name='setpswd'] .tabedit td { padding: 0; border: 0; } form[name='setpswd'] .tabedit td { width: 100%; } form[name='setpswd'] .tabedit tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } form[name='setpswd'] .tabedit tr:not(:last-child) { margin-bottom: 15px; } form[name='setpswd'] .tabedit input { margin-bottom: 0; } form[name='setpswd'] .tabedit .btncell { -ms-flex-pack: center; justify-content: center; margin-top: 30px; margin-left: -20px; } form[name='setpswd'] .tabedit .btncell > * { margin-left: 20px; } form[name='setpswd'] .tabedit .btncell td { width: auto; } form[name='setpswd'] .pswdchng a { background-color: #4aaa2f; } .hoverevents form[name='setpswd'] .pswdchng a:hover { background-color: #54c135; } form[name='setpswd'] .btnn a > span { display: none; } @media (min-width: 768px) { form[name='setpswd'] { padding: 40px 50px; } } .showstyle { position: relative; z-index: 2; display: block; width: 71px; height: 61px; border: solid #e6e6e6; border-width: 0 0 1px 1px; background-color: #ffffff; } .showstyle.btm, .showstyle .cnt { display: none !important; } .showstyle__list { position: absolute; top: 100%; right: 0; left: 0; } .showstyle__list::before { content: ''; position: absolute; top: -61px; right: 0; bottom: 0; left: 0; display: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .showstyle__item { position: relative; display: block; width: 100%; height: 44px; background-color: #ffffff; } .showstyle__btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; background-position: 50% 50%; background-repeat: no-repeat; background-size: 22px 22px; transition: background-color 0.3s; } .hoverevents .showstyle__btn:hover { background-color: #f4f9fd; } .showstyle__btn--prodbox { background-image: url("../img/icon/category-cards.svg"); } .showstyle__btn--listbox { background-image: url("../img/icon/category-list.svg"); } .showstyle.is-init::after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-image: url("../img/icon/angle-d-orange-2.svg"); background-position: top 50% right 16px; background-repeat: no-repeat; background-size: 10px 5px; pointer-events: none; } .showstyle.is-opened { border-left-color: transparent; } .showstyle.is-opened .showstyle__list::before, .showstyle.is-opened .showstyle__item:not(.is-active) { display: block; } .showstyle__item.is-active { position: absolute; right: 0; bottom: 100%; left: 0; height: 60px; } .showstyle__item.is-active .showstyle__btn { background-position: 16px 50%; } .showstyle__item:not(.is-active) { display: none; } @media (min-width: 768px) { .showstyle { height: 70px; border-bottom: 0; } .showstyle__list::before { top: -71px; } .showstyle__item.is-active { height: 70px; } } .social.box a { display: -ms-flexbox; display: flex; width: 28px; height: 28px; border-radius: 50%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px 24px; transition: background-color 0.3s; } .social.box a.facebook { background-color: #3d5391; background-image: url("../img/icon/facebook.svg"); } .social.box a.instagram { background-color: #e1306c; background-image: url("../img/icon/instagram.svg"); } .social.box a.youtube { background-color: #c92b29; background-image: url("../img/icon/youtube.svg"); } .hoverevents .social.box a:hover { background-color: #f7b626; } .srchcont > .hdr > button { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; display: -ms-flexbox; display: flex; padding: 8px 4px; transition: background-color 0.3s; } .srchcont > .hdr > button::before { content: ''; width: 38px; height: 38px; border-radius: 50%; background-image: url("../img/icon/search-header.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 18px 18px; } @media (max-width: 1023.98px) { .srchcont > .cnt { position: absolute; top: 100%; right: 0; left: 0; z-index: -1; transform: translateY(-200%); transition: transform 0.3s ease-out; } html.search-opened .srchcont > .cnt { transform: none; } } @media (max-width: 1023.98px) { html.search-opened .srchcont .hdr > button { background-color: #01447b; } html.search-opened .srchcont .hdr > button::before { background-image: url("../img/icon/menu-close.svg"); } } @media (min-width: 375px) { .srchcont > .hdr > button { padding-right: 8px; padding-left: 8px; } } @media (min-width: 768px) { .srchcont { border-left: 1px solid #e6e6e6; } .srchcont > .hdr > button { padding: 10px 5px; } .srchcont > .hdr > button::before { width: 44px; height: 44px; background-size: 24px 24px; } } @media (min-width: 1024px) { .srchcont { position: relative; z-index: 2; display: -ms-flexbox; display: flex; border-left: 0; } .srchcont > .hdr { -ms-flex-order: 1; order: 1; } .srchcont > .cnt { -ms-flex: 1 0 auto; flex: 1 0 auto; border-left: 1px solid #e6e6e6; transition: border-width 0.3s, margin-left 0.3s, width 0.3s; will-change: margin-left, width; } html.search-opened .srchcont > .cnt { margin-right: -54px; margin-left: -230px; border-left-width: 0; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); } } @media (min-width: 1024px) and (max-width: 1599.98px) { .srchcont { width: 55px; } .srchcont > .cnt { width: 0; overflow: hidden; } html.search-opened .srchcont { width: 320px; } html.search-opened .srchcont > .cnt { width: 100%; overflow: visible; } } @media (min-width: 1200px) { html.search-opened .srchcont > .cnt { margin-left: -380px; } } @media (min-width: 1600px) { .srchcont { width: 280px; } html.search-opened .srchcont > .cnt { margin-left: -420px; } } @media (min-width: 1730px) { .srchcont { width: 320px; } html.search-opened .srchcont > .cnt { margin-left: -380px; } } .srchfltxt .productlistjx { margin-bottom: 30px; } @media (min-width: 768px) { .srchfltxt .productlistjx { margin-bottom: 50px; } } #step_cstcondiv { margin-bottom: 30px; padding: 15px; background-color: #ffffff; } @media (min-width: 768px) { #step_cstcondiv { margin-bottom: 50px; padding: 30px; } #step_cstcondiv .I6_basket_div_inbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } #step_cstcondiv .I6_basket_div_inbox > .rowbox { width: 50%; padding-left: 10px; } } #step_cstdiv { padding: 0 15px 15px; background-color: #ffffff; text-align: center; } #step_cstdiv > h2 { margin-bottom: 10px; } #step_cstdiv .subhdr, #step_cstdiv .btn-new { text-align: center; } #step_cstdiv .btn-new { margin-bottom: 10px; } #step_cstdiv > .cnt { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; text-align: left; } #step_cstdiv > .cnt > * { width: 100%; } #step_cstdiv .I6_basket_div_inbox { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: calc(420px + 10px); margin-left: -10px; } #step_cstdiv .I6_basket_div_inbox > * { width: 50%; padding-left: 10px; } #step_cstdiv .I6_basket_div_inbox > .rowbox:nth-child(2), #step_cstdiv .I6_basket_div_inbox > .rowbox:nth-child(3), #step_cstdiv .I6_basket_div_inbox > .rowbox:nth-child(6) { width: 100%; } #step_cstdiv .I6_basket_div_inbox .errmsg { color: #ff0000; font-size: 12px; line-height: 1.333333333; } #step_cstdiv .input_radio { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } #step_cstdiv:not(.is-toggled) > h2 { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents #step_cstdiv:not(.is-toggled) > h2:hover { background-color: #005499; text-decoration: none; } #step_cstdiv:not(.is-toggled) > .cnt { display: none; } @media (min-width: 768px) { #step_cstdiv { padding: 0 30px 30px; } } .sti_cattree ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -5px; font-size: 13px; line-height: 16px; } .sti_cattree ul li { margin-right: 12px; margin-bottom: 5px; } .sti_cattree ul li span, .sti_cattree ul li p { display: none; } .sti_cattree ul li a { display: block; } .sti_cattree ul li h1 { margin: 0; color: #4c4c4c; font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: normal; font-size: inherit; line-height: inherit; } .sti_cattree ul li + li { position: relative; margin-left: 28px; } .sti_cattree ul li + li::before { content: ''; position: absolute; top: 0; left: -28px; width: 16px; height: 16px; background-image: url("../img/icon/angle-thick-r.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .sti_cattree ul li.hp a { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; width: 16px; height: 16px; background-image: url("../img/icon/home.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .sti_cattree ul + ul { margin-top: 20px; } .sti_cattree .cnt { padding: 20px; background-color: #ffffff; } @media (min-width: 768px) { .sti_cattree .cnt { padding: 30px 40px; } } .sti_cattree .ftr { display: none; } @media (max-width: 767.98px) { .sti_cattree ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; } .sti_cattree .cnt { padding-top: 10px; } .sti_cattree .cnt > .out { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; margin-bottom: -10px; padding-bottom: 10px; overflow: hidden; overflow-x: auto; } .sti_cattree .cnt > .out::-webkit-scrollbar { width: 10px; } .sti_cattree .cnt > .out::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .sti_cattree:not(.is-toggled) .cnt { display: none; } } .sti_detail_head { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 30px; } .sti_detail_head::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .sti_detail_head + .exp-reco-hp { margin-top: 40px !important; } .sti_detail_head h1 { -ms-flex-order: -1; order: -1; margin: 0; color: #01447b; } .sti_detail_head h1, .sti_detail_head .params, .sti_detail_head .sti_img, .sti_detail_head .msgbox.stiout, .sti_detail_head > .cnt { width: 100%; } .sti_detail_head .params { position: relative; } .sti_detail_head .sti_img .hdr, .sti_detail_head .sti_img .clear { display: none; } .sti_detail_head .sti_img .cnt { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .sti_detail_head .sti_img .statuscont { position: absolute; top: 0 !important; right: 0; bottom: 0; left: 0; pointer-events: none; } .sti_detail_head .sti_img .params { -ms-flex-order: -1; order: -1; width: 200%; } .sti_detail_head .sti_bigimg { position: relative; margin-bottom: 30px; padding-top: 100%; overflow: hidden; } .sti_detail_head .sti_bigimg a { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .sti_detail_head .sti_bigimg img { max-width: 100%; max-height: 100%; } .sti_detail_head .attinflist { margin-top: 20px; margin-bottom: 10px; } .sti_detail_head .attinflist + .unpacket { margin-top: -5px; } .sti_detail_head .unpacket { margin-bottom: 10px; } .sti_detail_head .msgbox.stiout ~ .cnt, .sti_detail_head .stibigimgoverload { display: none; } .sti_detail_head .exponea-free-delivery { width: 100% !important; } .sti_detail_head .nadd { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; display: block; margin-bottom: 20px; } @media (max-width: 767.98px) { .sti_detail_head h1 { margin-bottom: 5px; text-align: center; } .sti_detail_head .nadd { text-align: center; } .sti_detail_head .sti_catimg { display: none; } .sti_detail_head .sti_bigimg + #stigalleryul { margin-top: -20px; } } @media (min-width: 768px) { .sti_detail_head { padding-bottom: 50px; } .sti_detail_head h1, .sti_detail_head .params { padding-right: 200px; } .sti_detail_head .msgbox.stiout, .sti_detail_head > .cnt { width: 50%; } .sti_detail_head .msgbox.stiout { -ms-flex-item-align: start; align-self: flex-start; margin-top: 85px; } .sti_detail_head .sti_img { width: 50%; padding-right: 15px; } .sti_detail_head .sti_bigimg { margin-bottom: 20px; } .sti_detail_head .sti_catimg { position: absolute; right: 0; bottom: 15px; display: -ms-flexbox; display: flex; max-width: 150px; } .sti_detail_head .sti_catimg a { display: block; width: 100%; } .sti_detail_head .sti_catimg img { max-width: 100%; height: auto; max-height: 80px; } } @media (min-width: 1024px) { .sti_detail_head .msgbox.stiout, .sti_detail_head > .cnt { width: 55%; } .sti_detail_head .sti_img { width: 45%; padding-right: 30px; } .sti_detail_head .exponea-free-delivery { width: auto !important; } } @media (min-width: 1200px) { .sti_detail_head .sti_img, .sti_detail_head .msgbox.stiout, .sti_detail_head > .cnt { width: 50%; } .sti_detail_head .sti_bigimg { padding-top: 56.25%; } } .sti_detail { padding: 20px; background-color: #ffffff; display: block; margin-bottom: 30px; border: 0; font-size: 16px; } @media (min-width: 768px) { .sti_detail { padding: 30px 40px; } } .sti_detail th, .sti_detail td { padding: 0; border: 0; } .sti_detail tbody tr { display: block; background-color: transparent !important; } .sti_detail tbody tr img[src='img/no3.gif'] { display: none; } .sti_detail tbody tr img[src='img/no3.gif'] + a { display: inline-block; padding-left: 20px; background-image: url("../img/icon/remove.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 12px 12px; color: #ff0000 !important; } .sti_detail tbody tr:not([class]):first-child { display: none; } .sti_detail tbody tr.intro ~ tr.xxx, .sti_detail tbody tr.xxx ~ tr.xxx { position: relative; padding-top: 52px; } .sti_detail tbody tr.intro ~ tr.xxx::before, .sti_detail tbody tr.xxx ~ tr.xxx::before { content: ''; position: absolute; top: 25px; right: -40px; left: -40px; border-top: 2px solid #f8f8f8; } .sti_detail tbody tr.xxx th, .sti_detail tbody tr.xxx td { display: block; } .sti_detail tbody tr.xxx td:first-child { margin-left: -7px; } .sti_detail tbody tr.xxx td:last-child { color: #000000 !important; font-weight: 500; text-align: left !important; } .sti_detail tbody tr.xxx td:last-child span { color: #4c4c4c; font-weight: normal; font-size: 13px !important; } .sti_detail tbody tr.xxx a { color: #01447b !important; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] { position: relative; padding-top: 25px !important; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7'], .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr { padding-left: 45px; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7']::before { display: none; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7']::after { content: ''; position: absolute; top: 18px; left: 5px; width: 30px; height: 20px; border: solid #cccccc; border-width: 0 0 1px 1px; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] img:first-child { display: none; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7']::after { left: 50px; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'], .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr { padding-left: 90px; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7']::after { left: 95px; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'], .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr { padding-left: 135px; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7']::after { left: 140px; } .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'], .sti_detail tbody tr.xxx[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr + tr[style*='background:#f7f7f7'] + tr { padding-left: 180px; } .sti_detail tbody td { color: #4c4c4c !important; } .sti_detail tbody td > [style*='margin-left'] { margin-left: 0 !important; } @media (min-width: 768px) { .sti_detail { margin-bottom: 60px; } } .sti_field { position: relative; margin-bottom: 30px; } .sti_field::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .sti_field legend { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-bottom: -10px !important; padding: 0 10px; color: inherit; font-weight: normal; } .sti_field::before { bottom: -31px; background-color: #ffffff; } .sti_info .hdr, .sti_info .ftr { display: none; } .sti_info .scathtml img:not([alt='empty']) { width: 100%; height: auto; } .sti_info .scathtml + .scathtml { margin-top: 5px; } .sti_inftbl { position: relative; } .sti_inftbl, .sti_inftbl th, .sti_inftbl td, .sti_inftbl tr { display: block; padding: 0; border: 0; } .sti_inftbl th { font-weight: normal; } .sti_inftbl tbody { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .sti_inftbl .buy-tools { position: absolute; top: 20px; right: 20px; z-index: 1; } .sti_inftbl .buy-tools form { display: -ms-flexbox; display: flex; } .sti_inftbl .shortnote { margin-top: 10px; color: #000000; font-size: 14px; line-height: 1.571428571; } .sti_inftbl .stiqty { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 40px; } .sti_inftbl .apekinet { display: block; padding: 8px 0 8px 26px; background-image: url("../img/icon/location.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 16px 20px; color: #01447b; font-weight: 500; line-height: 1.2; cursor: pointer; } .sti_inftbl .order { -ms-flex-order: -1; order: -1; } .sti_inftbl .order td { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .sti_inftbl .btnn { -ms-flex-order: 1; order: 1; } .sti_inftbl .inp_txt_qty { position: relative; width: 90px; margin-right: 10px; padding-right: 24px; } .sti_inftbl .inp_txt_qty input[type='text'] { margin-bottom: 0; padding: 13px 9px 12px; font-size: 19px; line-height: 1; text-align: center; } .sti_inftbl .inp_txt_qty input[type='text']:focus { position: relative; z-index: 1; } .hoverevents .sti_inftbl .apekinet:hover { text-decoration: underline; } .sti_inftbl .endprc.is-loading td { position: relative; max-width: 70px; text-decoration: none; } .sti_inftbl .endprc.is-loading td::before { content: ''; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; z-index: 1; border-radius: 4px; background-color: currentColor; animation: loading-placeholder 2s infinite; } .sti_inftbl .prc.is-loading .price { position: relative; max-width: 120px; } .sti_inftbl .prc.is-loading .price::before { content: ''; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; z-index: 1; border-radius: 4px; background-color: currentColor; animation: loading-placeholder 2s infinite; } .sti_inftbl .prc.is-loading .price::before { bottom: 21px; } .sti_inftbl .prc.is-loading .price p { position: relative; max-width: 100px; } .sti_inftbl .prc.is-loading .price p::before { content: ''; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; z-index: 1; border-radius: 4px; background-color: currentColor; animation: loading-placeholder 2s infinite; } @media (max-width: 1023.98px) { .sti_inftbl .buy-tools { top: auto; right: 10px; bottom: 10px; left: 10px; } .sti_inftbl .order td { -ms-flex-wrap: wrap; flex-wrap: wrap; } .sti_inftbl .exponea-free-delivery, .sti_inftbl .stiqty { margin-bottom: 10px !important; } .sti_inftbl .exponea-free-delivery, .sti_inftbl .apekinet { -ms-flex-order: 1; order: 1; } .sti_inftbl .apekinet { width: 100%; } .sti_inftbl .btnn, .sti_inftbl .inp_submit { width: 100%; } .sti_inftbl .inp_txt_qty { position: absolute; right: 0; bottom: 100%; margin-right: 0; margin-bottom: 20px; } .sti_inftbl .inp_txt_qty .btn_qty { display: block; } } @media (max-width: 374.98px) { .sti_inftbl .exponea-free-delivery, .sti_inftbl .stiqty { width: 100% !important; } .sti_inftbl .exponea-free-delivery { margin-bottom: 5px !important; } .sti_inftbl .inp_txt_qty { display: none; } } @media (min-width: 375px) and (max-width: 1023.98px) { .sti_inftbl .exponea-free-delivery { width: auto !important; max-width: 180px !important; } .sti_inftbl .stiqty { width: calc(100% - 180px); margin-right: auto; padding-right: 15px; } } @media (min-width: 1024px) { .sti_inftbl .order { margin-bottom: 10px; } .sti_inftbl .stiqty { margin-right: 15px; margin-left: auto; } } .sti_inftbl_prc { margin-bottom: 5px; padding: 10px 10px 70px; border: 1px solid #515151; box-shadow: 0 11px 12px 0 rgba(0, 0, 0, 0.07), 0 2px 4px 0 rgba(0, 0, 0, 0.04); } .sti_inftbl_prc tbody { -ms-flex-pack: center; justify-content: center; min-height: 70px; } .sti_inftbl_prc .price .wvat { font-size: 32px; } .sti_inftbl_prc .price[data-price-src]:not(.is-loaded) .wvat { max-width: 125px; } @media (min-width: 1024px) { .sti_inftbl_prc { padding: 10px 250px 10px 20px; } } .sti_relation_block { position: relative; padding: 30px 0; } .sti_relation_block::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .exponea-rec-info + .sti_relation_block { margin-top: -40px; } @media (max-width: 1023.98px) { .sti_relation_block .expandbtn { display: none; } } @media (min-width: 1024px) { .sti_relation_block .expandbtn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 14px 19px; font-size: 17px; display: table; margin: 20px auto 10px; } .hoverevents .sti_relation_block .expandbtn:hover { background-color: #005499; text-decoration: none; } .hoverevents .sti_relation_block .expandbtn:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .sti_relation_block.opened .expandbtn { display: none; } } .sti_relation.sti_relation > div > .hdr p, .sti_relation.sti_relation > .hdr p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 20px; } @media (min-width: 768px) { .sti_relation.sti_relation > div > .hdr p, .sti_relation.sti_relation > .hdr p { font-size: 35px; } } .sti_relation.sti_relation > div > .cnt, .sti_relation.sti_relation > .cnt { display: -ms-flexbox !important; display: flex !important; } .sti_relation.sti_relation > div > .cnt > .grpdelimiter, .sti_relation.sti_relation > div > .cnt > .grpheader, .sti_relation.sti_relation > .cnt > .grpdelimiter, .sti_relation.sti_relation > .cnt > .grpheader { display: none; } .sti_relation.sti_relation .prodbox { -ms-flex: 1 0 20%; flex: 1 0 20%; max-width: 20%; text-align: center; transition: transform 0.3s; } .sti_relation.sti_relation .prodbox .hdr { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; padding: 15px 15px 110px; } .sti_relation.sti_relation .prodbox .hdr a { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; height: 72px; } .sti_relation.sti_relation .prodbox .hdr a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .sti_relation.sti_relation .prodbox .hdr a::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #f1f1f1; opacity: 0; transition: opacity 0.3s; box-shadow: 0 2px 0 0 #e6e6e6; } .sti_relation.sti_relation .prodbox .hdr + .cnt { margin-top: 0; } .sti_relation.sti_relation .prodbox .cnt { position: relative; height: auto; } .sti_relation.sti_relation .prodbox .img { max-width: 194px; margin: 0 auto 92px; } .sti_relation.sti_relation .prodbox .img img { max-width: 80%; } .sti_relation.sti_relation .prodbox .sirysre { position: absolute; top: 0; left: 0; display: table; margin-bottom: 0; padding: 3px 8px; border-radius: 4px; background-color: #0072c1; color: #ffffff; font-weight: 500; font-size: 14px; line-height: 1.142857143; pointer-events: none; } .sti_relation.sti_relation .prodbox .price { display: block; -ms-flex-order: 0; order: 0; width: 100%; min-height: 32px; margin: 0 0 20px; } .sti_relation.sti_relation .prodbox .price[data-price-src]:not(.is-loaded) .mc, .sti_relation.sti_relation .prodbox .price[data-price-src]:not(.is-loaded) .wvat, .sti_relation.sti_relation .prodbox .price[data-price-src]:not(.is-loaded) .wovat { margin: 0 auto; } .sti_relation.sti_relation .prodbox .price[data-price-src]:not(.is-loaded) .mc { max-width: 50px; } .sti_relation.sti_relation .prodbox .price[data-price-src]:not(.is-loaded) .wvat { max-width: 60px; } .sti_relation.sti_relation .prodbox .wvat { font-size: 15px; } .sti_relation.sti_relation .prodbox .btnn { position: relative; right: auto; bottom: auto; left: auto; text-align: center; } .sti_relation.sti_relation .prodbox .statuscont, .sti_relation.sti_relation .prodbox .buybox q::before, .sti_relation.sti_relation .prodbox .buybox q::after, .sti_relation.sti_relation .prodbox .buybox .inp_txt_qty, .sti_relation.sti_relation .prodbox .buybox .glbact { display: none; } .hoverevents .sti_relation.sti_relation .prodbox:hover { transform: translateY(-10px); } .hoverevents .sti_relation.sti_relation .prodbox .hdr a:hover::after { opacity: 1; } @media (max-width: 1023.98px) { .sti_relation.sti_relation > div > .cnt, .sti_relation.sti_relation > .cnt { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; margin: 0 -15px; padding: 15px 15px; overflow-x: auto; } .sti_relation.sti_relation > div > .cnt::-webkit-scrollbar, .sti_relation.sti_relation > .cnt::-webkit-scrollbar { width: 10px; } .sti_relation.sti_relation > div > .cnt::-webkit-scrollbar-thumb, .sti_relation.sti_relation > .cnt::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .sti_relation.sti_relation > div > .cnt::after, .sti_relation.sti_relation > .cnt::after { content: ''; -ms-flex: 1 0 15px; flex: 1 0 15px; max-width: 15px; } .sti_relation.sti_relation .prodbox { min-width: 185px; padding: 15px; } .sti_relation.sti_relation .expandbtn { display: none; } } @media (min-width: 1024px) { .sti_relation.sti_relation > div > .cnt, .sti_relation.sti_relation > .cnt { -ms-flex-wrap: wrap; flex-wrap: wrap; } .sti_relation.sti_relation .prodbox .hdr { padding: 20px 20px 115px; } .sti_relation.sti_relation .expandbtn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 14px 19px; font-size: 17px; display: table; margin: 20px auto 10px; } .hoverevents .sti_relation.sti_relation .expandbtn:hover { background-color: #005499; text-decoration: none; } .hoverevents .sti_relation.sti_relation .expandbtn:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .sti_relation.sti_relation .expandbtn::before { content: '\0044\0061\006c\0161\00ed\0020\0064\006f\0070\006f\0072\0075\010d\0065\006e\00e9\0020\007a\0062\006f\017e\00ed'; } .sti_relation.sti_relation.opened .expandbtn, .sti_relation.sti_relation.closed .prodbox:nth-child(5) ~ .prodbox { display: none; } } .sti_relation_variants { position: relative; margin-bottom: 5px; border: 1px solid #e6e6e6; } .sti_relation_variants > .hdr { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; min-height: 50px; padding: 5px 52px 5px 42px; background-image: url("../img/icon/check-shield.svg"); background-position: 12px 50%; background-repeat: no-repeat; background-size: 18px 20px; font-size: 15px; line-height: 20px; cursor: pointer; } .sti_relation_variants > .hdr::after { content: ''; position: absolute; top: 50%; right: 20px; width: 12px; height: 6px; margin-top: -3px; background-image: url("../img/icon/angle-d-orange-2.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 12px 6px; transition: transform 0.3s; } .sti_relation_variants > .hdr > * { margin-bottom: 0; } .sti_relation_variants > .hdr > p { margin-right: 5px; color: #01447b; font-weight: 500; } .sti_relation_variants > .hdr strong { color: #000000; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .sti_relation_variants > .hdr::before { content: ''; display: block; min-height: inherit; font-size: 0; } .sti_relation_variants > .hdr .subhdr { margin-left: auto; } } .sti_relation_variants > .cnt { padding: 4px 12px 12px; } .sti_relation_variants > .cnt > a { display: inline-block; margin-top: 12px; } .hoverevents .sti_relation_variants > .hdr:hover > p { text-decoration: underline; } .sti_relation_variants.contopened > .hdr::after { transform: scaleY(-1); } @media (max-width: 767.98px) { .sti_relation_variants > .hdr { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 768px) { .sti_relation_variants > .hdr > p { margin-right: 20px; } .sti_relation_variants > .cnt { padding-top: 0; background-color: #ffffff; } .sti_relation_variants.is-closed-on-load > .cnt { position: absolute; top: 100%; right: -1px; left: -1px; z-index: 2; border: solid #e6e6e6; border-width: 0 1px 1px; } } #sti_warranty .cnt { padding: 20px; background-color: #ffffff; margin-bottom: 5px; color: #000000; } @media (min-width: 768px) { #sti_warranty .cnt { padding: 30px 40px; } } #sti_warranty .cnt a { word-wrap: break-word; } #sti_warranty .cnt p:empty { display: none; } #sti_warranty .ftr { display: none; } @media (max-width: 767.98px) { #sti_warranty .cnt { padding-top: 10px; } #sti_warranty:not(.is-toggled) .cnt { display: none; } } #stiattach .cnt { padding: 20px; background-color: #ffffff; color: #000000; } @media (min-width: 768px) { #stiattach .cnt { padding: 30px 40px; } } #stiattach .cnt .tabform { margin-bottom: 0; } #stiattach .ftr { display: none; } @media (max-width: 767.98px) { .sticomment:not(.is-toggled) #flix-inpage, .sticomment:not(.is-toggled) .sticomm { display: none; } } @media (min-width: 768px) and (max-width: 1023.98px) { .sticomment .sticomm { margin-bottom: 30px; } } @media (min-width: 1024px) { .sticomment .hdr { max-width: calc(66.666666667% + 6.666666667px); margin-left: -10px; padding-left: 10px; } .sticomment .wrap > .cnt { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .sticomment .sticomm, .sticomment .parsets { padding-left: 10px; } .sticomment .sticomm { -ms-flex: 1 0 66.666666667%; flex: 1 0 66.666666667%; max-width: 66.666666667%; } .sticomment .sticomm.noparams { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .sticomment .parsets { -ms-flex: 1 0 33.333333333%; flex: 1 0 33.333333333%; max-width: 33.333333333%; margin-top: -75px; } .sticomment #flix-inpage ~ .sticomm, .sticomment #flix-inpage ~ .parsets { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0; } .sticomment #flix-inpage ~ .parsets { margin-top: 40px; } } .stoitemnote, #sticommentgallery, #stimancont { padding: 20px; background-color: #ffffff; margin-bottom: 10px; color: #000000; } @media (min-width: 768px) { .stoitemnote, #sticommentgallery, #stimancont { padding: 30px 40px; } } @media (min-width: 768px) { .stoitemnote, #sticommentgallery, #stimancont { margin-bottom: 5px; } } .stoitemnote br:first-child { display: none; } .stoitemnote br:first-child + * { margin-top: 0; } .stoitemnote img { max-width: 100%; height: auto; } .stoitemnote img.center { display: block; margin-right: auto; margin-left: auto; } .stoitemnote video, .stoitemnote iframe { max-width: 100%; height: auto; } #stimancont .ftr { display: none; } .stilistpagebtm .sorting { display: none; } .stilistpagetop .pagenav { display: none; } #stimancont .mantxt a { word-break: break-all; } @media (max-width: 767.98px) { #stimancont { margin-bottom: 10px; } #stimancont .hdr .c p { margin: -20px; } #stimancont.is-toggled .hdr { margin-bottom: 30px; } #stimancont:not(.is-toggled) .cnt { display: none; } } @media (min-width: 768px) { #stimancont .hdr .c p { font-size: 24px; } } .stinote { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 80px 0 20px; background-image: url("../img/icon/lightbulb.svg"); background-position: 50% 15px; background-repeat: no-repeat; background-size: 45px 50px; color: #ffffff; } .stinote::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .stinote::before { background-color: #0072c1; } .stinote a { color: inherit; text-decoration: underline; } .stinote .hdr p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 5px; color: inherit; } @media (min-width: 768px) { .stinote .hdr p { font-size: 35px; } } .stinote .imgcont { display: none; } .stinote #produkt-popisek { margin-bottom: 0; padding: 0; background-color: transparent; color: inherit; } .stinote #produkt-popisek > :last-child { margin-bottom: 0; } .stinote #produkt-popisek br:last-child, .stinote #produkt-popisek + br { display: none; } .stinote .stinotein { height: auto !important; } .stinote .btnn { display: none; } .hoverevents .stinote a:hover { text-decoration: none; } @media (max-width: 767.98px) { .stinote { text-align: center; } } @media (min-width: 768px) { .stinote { min-height: 240px; padding: 60px 0 60px 120px; background-position: 0 80px; background-size: 72px 80px; } } .stiparcomp .hdr { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; } .stiparcomp .hdr h1 { -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 10px; } .stiparcomp .hdr input[type='text'] { width: 100%; padding-left: 50px; background-color: transparent; background-image: url("../img/icon/clipboard.svg"); background-position: 13px 50%; background-repeat: no-repeat; background-size: 24px; } .stiparcomp .hdr .infomsg { width: 100%; margin-bottom: 10px; color: #4aaa2f; font-weight: 500; } .stiparcomp .arrows { display: -ms-flexbox; display: flex; } .stiparcomp .arr { width: 40px; height: 40px; background-image: url("../img/icon/angle-thick-r.svg"); background-repeat: no-repeat; background-size: 40px 40px; opacity: 0.5; transition: opacity 0.3s; cursor: pointer; } .stiparcomp .arr-prev { transform: scaleX(-1); } .stiparcomp .counter { position: -webkit-sticky; position: sticky; left: 0; padding: 15px 0; } .stiparcomp .counter strong, .stiparcomp .counter .count { display: none; } .stiparcomp .filteritem { color: #000000; font-weight: normal; } .stiparcomp .filteritem label { cursor: pointer; } .stiparcomp .cnt { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; margin-bottom: 60px; overflow-x: auto; } .stiparcomp .cnt::-webkit-scrollbar { width: 10px; } .stiparcomp .cnt::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .stiparcomp .tabinfo { margin-bottom: 0; } .stiparcomp .tabinfo, .stiparcomp .tabinfo th, .stiparcomp .tabinfo td, .stiparcomp .tabinfo tbody { display: block; border: 0; } .stiparcomp .tabinfo th, .stiparcomp .tabinfo .stiysttid, .stiparcomp .tabinfo .diffparam, .stiparcomp .tabinfo .inp_txt_qty, .stiparcomp .tabinfo .stiplname, .stiparcomp .tabinfo .sticode, .stiparcomp .tabinfo .stipartno, .stiparcomp .tabinfo .stiwartxt, .stiparcomp .tabinfo .stistatus, .stiparcomp .tabinfo .stiplnote { display: none; } .stiparcomp .tabinfo td { position: relative; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 10px 20px; border-left: 5px solid transparent; background-clip: padding-box; background-color: #ffffff; color: #000000; font-size: 13px; line-height: 1.2; } .stiparcomp .tabinfo td::before { content: ''; position: absolute; right: 10px; bottom: 0; left: 10px; height: 1px; background-color: #e6e6e6; } .stiparcomp .tabinfo tr { display: -ms-flexbox; display: flex; margin-left: -5px; } .stiparcomp .tabinfo tr:last-child td::before { display: none; } .stiparcomp .tabinfo p { margin-bottom: 0; } .stiparcomp .tabinfo tr.thumbnail td { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-top: 56px; padding-bottom: 20px; text-align: center; } .stiparcomp .tabinfo tr.sippriceord td { line-height: 1.384615385; } .stiparcomp .tabinfo .img { display: block; margin-bottom: 15px; } .stiparcomp .tabinfo .name { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; display: block; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 15px; color: #01447b; } .stiparcomp .tabinfo .label + .price { padding-top: 18px; } .stiparcomp .tabinfo .price { display: block; font-weight: 500; font-size: 21px; line-height: 1; } .stiparcomp .tabinfo .price.wovat { color: #4c4c4c; font-weight: inherit; font-size: inherit; line-height: inherit; } .stiparcomp .tabinfo .mc { color: #4c4c4c; text-decoration: line-through; } .stiparcomp .tabinfo .mc + .price { color: #ff0000; } .stiparcomp .tabinfo .buybox { text-align: center; } .stiparcomp .tabinfo .label { margin-bottom: 2px; color: #4c4c4c; } .stiparcomp .tabinfo .stiqty { min-height: 40px; margin-top: 15px; font-size: 15px; } .stiparcomp .tabinfo .stiqty > * { text-align: left; } .stiparcomp .btn-remove { position: absolute; top: 5px; right: 5px; width: 46px; height: 46px; background-image: url("../img/icon/close-red.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .hoverevents .stiparcomp .arr:hover { opacity: 1; } .hoverevents .stiparcomp .tabinfo .img:hover + .name { text-decoration: underline; } @media (max-width: 767.98px) { .stiparcomp .hdr { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; text-align: center; } .stiparcomp .arrows { -ms-flex-pack: end; justify-content: flex-end; } .stiparcomp .counter { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 768px) { .stiparcomp .hdr { position: relative; } .stiparcomp .hdr h1 { margin-right: 30px; margin-bottom: 0; } .stiparcomp .hdr input[type='text'] { width: 320px; margin-bottom: 0; } .stiparcomp .hdr .infomsg { position: absolute; right: 0; bottom: 100%; margin-bottom: 5px; text-align: right; } .stiparcomp .arrows { position: absolute; top: 100%; right: 0; margin-top: 15px; } .stiparcomp .counter { margin-right: 110px; padding: 25px 0; } .stiparcomp .tabinfo td { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } @media (min-width: 1024px) { .stiparcomp .tabinfo td { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .stiwatchdogs.tabformcont { padding-top: 0; } .stiwatchdogs.tabformcont > .hdr .c h1 { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; text-align: left; } .stiwatchdogs.tabformcont > .hdr .c h1 p { margin-bottom: 0; } .stiwatchdogs.tabformcont > .cnt > .out > .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -10px -10px; } .stiwatchdogs.tabformcont > .cnt > .out > .in .watchdoglistbox { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; border-left: 10px solid transparent; background-clip: padding-box; } @media (min-width: 768px) { .stiwatchdogs.tabformcont > .cnt > .out > .in .watchdoglistbox { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1024px) { .stiwatchdogs.tabformcont > .cnt > .out > .in .watchdoglistbox { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } .stiystt { position: relative; } .stiystt::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .stiystt .hdr .c p { margin-bottom: 20px; } .stiystt .cnt { display: -ms-flexbox; display: flex; } .stiystt .stiysttimg { display: -ms-flexbox; display: flex; } .stiystt .stiysttimg > * + * { position: relative; padding-left: 30px; } .stiystt .stiysttimg > * + *::before { content: '+'; position: absolute; top: 50%; left: 5px; width: 20px; margin-top: -12px; color: #f7b626; font-size: 24px; line-height: 1; text-align: center; } .stiystt .stiysttimg img { width: auto; max-height: 80px; } .stiystt .stiysttname { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.2; } .stiystt .stiysttname > * + * { position: relative; padding-left: 16px; } .stiystt .stiysttname > * + *::before { content: '+'; position: absolute; top: 0; left: 0; width: 16px; color: #9a9a9a; font-weight: normal; text-align: center; } .stiystt .stysttprc { font-size: 13px; line-height: 1.2; white-space: nowrap; } .stiystt .stysttprc .outvat { display: none; } .stiystt .stysttprc p { margin-bottom: 0; } .stiystt .stysttprc .wvat { color: #ff0000; font-weight: 500; font-size: 21px; } .stiystt .stysttprc.base { color: #4c4c4c; } .stiystt .stysttprc.base .wvat { color: inherit; text-decoration: line-through; } .stiystt .stysttprc + .stysttprc { margin-left: 15px; } .stiystt .stysttbuy { white-space: nowrap; } .stiystt .stysttbuy .btnn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; background-color: #4aaa2f; padding: 10px 15px; font-size: 15px; } .hoverevents .stiystt .stysttbuy .btnn:hover { background-color: #005499; text-decoration: none; } .hoverevents .stiystt .stysttbuy .btnn:hover { background-color: #54c135; } @media (max-width: 767.98px) { .stiystt { padding-bottom: 30px; } .stiystt .hdr .c p { text-align: center; } .stiystt .cnt { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .stiystt .stiysttimg, .stiystt .stiysttname { -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 20px; } .stiystt .stysttbuy { width: 100%; margin-top: 20px; text-align: center; } } @media (min-width: 768px) { .stiystt { padding-bottom: 60px; } .stiystt .hdr .c p { margin-bottom: 30px; } .stiystt .cnt { -ms-flex-align: center; align-items: center; } .stiystt .stiysttimg { -ms-flex-negative: 0; flex-shrink: 0; } .stiystt .stiysttname { margin-right: 30px; } .stiystt .stysttprc { margin-left: auto; text-align: right; } .stiystt .stysttprc + .stysttprc { margin-left: 20px; } .stiystt .stysttbuy { margin-left: 20px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .stiystt .cnt { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stiystt .stiysttimg { -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 30px; } .stiystt .stiysttname { -ms-flex: 1 1 0px; flex: 1 1 0; } } @media (min-width: 1024px) { .stiystt .stiysttimg { margin-right: 20px; } } .stiystt2 { position: relative; padding-bottom: 60px; } .stiystt2::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .stiysttitem { position: relative; padding: 20px 0; border: solid #e6e6e6; border-width: 1px 0; color: #000000; } .stiysttitem + .stiysttitem { margin-top: -1px; } .stiysttitem .content::before { content: '\0044\00e1\0072\0065\006b'; display: inline-block; padding: 15px 19px 13px 44px; border: 1px solid currentColor; border-radius: 25px; background-image: url("../img/icon/gift.svg"); background-position: 12px 50%; background-repeat: no-repeat; background-size: 24px 24px; color: #f38033; font-weight: 500; font-size: 13px; text-transform: uppercase; } .stiysttitem .content > span { font-size: 16px; } .stiysttitem .name { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .stiysttitem .name a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .stiysttitem .thumbimg { margin-right: 15px; } .stiysttitem .thumbimg img { max-width: 80px; height: auto; } .stiysttitem .checker { display: none; } .stiysttid_present .stiysttitem .note, .stiysttid_present .stiysttitem .rabat, .stiysttid_present .stiysttitem .exponea-free-delivery { display: none !important; } @media (max-width: 767.98px) { .stiysttitem .content { text-align: center; } .stiysttitem .content::before { margin-bottom: 15px; } .stiysttitem .content > span { display: block; } .stiysttitem .name { -ms-flex-pack: center; justify-content: center; margin-top: 20px; } .stiysttid_present .stiysttitem { text-align: center; } .stiysttid_present .stiysttitem .thumbimg { margin-right: 0; } .stiysttid_present .stiysttitem .name { margin-bottom: 10px; } .stiysttid_present .stiysttitem .stiqty > a { text-align: left; } } @media (min-width: 768px) { .stiysttitem .content { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .stiysttitem .content::before { margin-right: 20px; } .stiysttitem .name { -ms-flex: 0 0 350px; flex: 0 0 350px; -ms-flex-order: 1; order: 1; margin-left: auto; padding-left: 50px; } .stiysttid_present .stiysttitem { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .stiysttid_present .stiysttitem .name { -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-order: 0; order: 0; margin-left: 0; padding-right: 50px; padding-left: 0; } .stiysttid_present .stiysttitem .store { margin-left: 30px; } } .stiysttid_present .hdr .c > h5 { display: none; } .stiysttid_present .wrap > .cnt { padding: 20px; background-color: #ffffff; } @media (min-width: 768px) { .stiysttid_present .wrap > .cnt { padding: 30px 40px; } } @media (max-width: 767.98px) { .stiysttid_present .wrap > .cnt { padding: 0 15px 15px; } .stiysttid_present:not(.is-toggled) .hdr ~ * { display: none; } } .stoitem_apekint > .outer { width: 100%; max-width: 1100px !important; max-height: calc(100vh - 100px) !important; overflow-y: visible; } .stoitem_apekint > .outer > .inner > .hdr .l, .stoitem_apekint > .outer > .inner > .hdr .c { display: none; } .stoitem_apekint > .outer > .inner > .cnt > .ftr, .stoitem_apekint > .outer > .inner > .ftr { display: none; } .stoitem_apekint .AvailDelivery { margin-bottom: 0; padding: 20px 15px; } .stoitem_apekint .AvailDelivery h2 { margin-right: 20px; margin-bottom: 15px; } .stoitem_apekint .AvailDelivery + .AvailDelivery { background-color: #f8f8f8; } .stoitem_apekint .subhdr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .stoitem_apekint .subhdr h2 { width: 100%; } .stoitem_apekint .subhdr button { margin: 0; padding: 0; border: 0; background-color: transparent; color: #01447b; font-weight: 500; text-decoration: none; transition: color 0.3s; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; width: 50%; padding: 12px; border: 1px solid #e6e6e6; background-color: #ffffff; transition: background-color 0.3s, color 0.3s; } .hoverevents .stoitem_apekint .subhdr button:hover { text-decoration: underline; } .stoitem_apekint .subhdr button + button { width: calc(50% + 1px); margin-left: -1px; } .stoitem_apekint #store_holder { position: relative; } .stoitem_apekint #store_holder::before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 1px; background-color: #ffffff; } .stoitem_apekint .store, .stoitem_apekint .dmg { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .stoitem_apekint .store { padding: 8px 0; } .stoitem_apekint .store .StoName { margin-right: 15px; } .stoitem_apekint .store .delWord { margin-left: auto; text-align: right; } .stoitem_apekint .store .note { -ms-flex: 0 0 130px; flex: 0 0 130px; margin-left: 15px; font-size: 13px; line-height: 1.384615385; } .stoitem_apekint .store .note:empty { display: none; } .stoitem_apekint .store .showroom { padding-left: 24px; background-image: url("../img/icon/eye.svg"); background-position: 0 50%; background-repeat: no-repeat; background-size: 16px 16px; color: #4c4c4c; font-style: italic; } .stoitem_apekint .dmg { padding: 5px 0; } .stoitem_apekint .dmg img { width: 60px; margin-right: 15px; } .stoitem_apekint .dmg .DmgName { margin-right: auto; } .stoitem_apekint .dmg .delWord { margin-left: 15px; text-align: right; } .stoitem_apekint .store + .store, .stoitem_apekint .dmg + .dmg { border-top: 1px solid #e6e6e6; } .stoitem_apekint .footer { margin-top: 30px; } .stoitem_apekint .stiqty { pointer-events: none; } .stoitem_apekint .stiqty > a { display: block; margin-bottom: 10px; border: solid transparent; border-width: 10px 20px; background-color: #ffffff; } .stoitem_apekint .store.sat_1 .delWord { color: #4d9856; } .stoitem_apekint .store.sat_2 .delWord, .stoitem_apekint .store.sat_5 .delWord { color: #0072c1; } .stoitem_apekint .store.sat_3 .delWord, .stoitem_apekint .store.sat_4 .delWord { color: #f7b626; } .stoitem_apekint .store.sat_6 .delWord { color: #ff0000; } .stoitem_apekint .store.sat_7 .delWord { color: #aa6200; } .stoitem_apekint .AvailDelivery.pickup_1 .store.pickup_0, .stoitem_apekint .AvailDelivery:not(.pickup_1) .store.pickup_1 { display: none; } .stoitem_apekint .AvailDelivery.pickup_1 .subhdr button:nth-child(2), .stoitem_apekint .AvailDelivery:not(.pickup_1) .subhdr button:nth-child(1) { background-color: #f8f8f8; color: #000000; } .hoverevents .stoitem_apekint .subhdr button:hover { background-color: #f8f8f8; color: #000000; text-decoration: none; } @media (max-width: 1023.98px) { .stoitem_apekint .store, .stoitem_apekint .dmg { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stoitem_apekint .store .StoName { width: 100%; margin-right: 0; } .stoitem_apekint .store .showroom { width: 100%; } .stoitem_apekint .store .delWord { margin-right: auto; margin-left: 0; text-align: left; } .stoitem_apekint .dmg .delWord { width: 100%; margin: 10px 0; text-align: left; } } @media (max-width: 767.98px) { .stoitem_apekint > .outer > .inner > .cnt { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; max-height: calc(100vh - 100px) !important; overflow-y: auto; } .stoitem_apekint > .outer > .inner > .cnt::-webkit-scrollbar { width: 10px; } .stoitem_apekint > .outer > .inner > .cnt::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .stoitem_apekint .subhdr { position: -webkit-sticky; position: sticky; top: 0; z-index: 1; margin: -10px 0; padding: 10px 0; background-color: #ffffff; } } @media (min-width: 768px) { .stoitem_apekint > .outer, .stoitem_apekint > .outer > .inner, .stoitem_apekint > .outer > .inner > .cnt, .stoitem_apekint > .outer > .inner > .cnt > .out, .stoitem_apekint > .outer > .inner > .cnt > .out > .in, .stoitem_apekint #stiavldet, .stoitem_apekint .AvailDelivery { height: 100%; } .stoitem_apekint > .outer { max-height: calc(100% - 200px) !important; } .stoitem_apekint #stiavldet { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .stoitem_apekint .AvailDelivery { display: -ms-flexbox; display: flex; -ms-flex: 1 0 50%; flex: 1 0 50%; -ms-flex-direction: column; flex-direction: column; max-width: 50%; padding: 30px; } .stoitem_apekint .AvailDelivery h2 { margin-bottom: 25px; } .stoitem_apekint .AvailDelivery + .AvailDelivery { border-left: 1px solid #e6e6e6; } .stoitem_apekint .subhdr { margin-bottom: 25px; } .stoitem_apekint #store_holder, .stoitem_apekint #dmg_holder { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; position: relative; -ms-flex-positive: 1; flex-grow: 1; margin-right: -20px; padding-right: 20px; overflow-y: auto; } .stoitem_apekint #store_holder::-webkit-scrollbar, .stoitem_apekint #dmg_holder::-webkit-scrollbar { width: 10px; } .stoitem_apekint #store_holder::-webkit-scrollbar-thumb, .stoitem_apekint #dmg_holder::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } } @media (min-width: 1024px) { .stoitem_apekint .store .showroom { margin-left: auto; } .stoitem_apekint .store .showroom + .delWord { margin-left: 15px; } } #stoitem_detail { margin-top: -30px; } #stoitem_detail .discanswer { display: none; } #stoitem_detail #sticommentgallery { margin-bottom: 5px; } @media (max-width: 767.98px) { #stoitem_detail { margin-bottom: 30px; } #stoitem_detail #tabs { margin-top: 15px; margin-bottom: 30px; } #stoitem_detail #tabs .ui-tabs-nav { display: none; } #stoitem_detail #tabs ~ .exponea-rec-info, #stoitem_detail #tabs ~ .lastvisited { margin-bottom: -30px !important; } #stoitem_detail #tabs ~ .lastvisited { margin-top: 30px; } } @media (min-width: 768px) { #stoitem_detail { margin-top: -60px; } #stoitem_detail #tabs { margin-bottom: 60px; } #stoitem_detail #sticommentgallery { margin-bottom: 30px; } } .strcont { position: relative; margin-top: -30px; } .strcont:first-child { margin-top: -30px; } .wn16 + .strcont { margin-top: 0; } @media (min-width: 768px) { .strcont { margin-top: -60px; } .strcont:first-child { margin-top: -60px; } } .strsrchcont:first-child { margin-top: -60px; } #stoitems_srch .stilist_top.favour { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; width: 100%; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; } @media (min-width: 768px) { #stoitems_srch .stilist_top.favour { font-size: 35px; } } #stoitems_srch .stilist_top.favour strong { font-weight: inherit; } #stoitems_srch .b-category-filter, #stoitems_srch .stilist_top.stores, #stoitems_srch .stinote, #stoitems_srch > .ftr { display: none; } .subcats { margin-bottom: 20px; } .subcats ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -5px; margin-left: -5px; } .subcats li { margin-bottom: 5px; margin-left: 5px; } .subcats a:not(.category-thumb) { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; padding: 10px 5px 10px 50px; background-color: #ffffff; line-height: 20px; } .subcats .img { position: absolute; top: 50%; left: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 30px; height: 30px; margin-top: -15px; } .subcats .img img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .subcats .count { margin-left: 5px; padding: 2px 6px; border-radius: 9px; background-color: #f4f9fd; color: #0072c1; font-weight: normal; font-size: 12px; line-height: 1.166666667; text-align: center; } .hoverevents .subcats a:hover { text-decoration: none; } .hoverevents .subcats a:hover .name { text-decoration: underline; } @media (min-width: 375px) { .subcats.subcats-hp a { padding-right: 36px; background-image: url("../img/icon/angle-blue-r.svg"); background-position: top 50% right 10px; background-repeat: no-repeat; background-size: 16px 16px; } } @media (max-width: 767.98px) { .subcats li { width: calc(50% - 5px); } .subcats .count { display: none; } } @media (min-width: 480px) { .subcats a:not(.category-thumb) { padding-right: 10px; } } @media (min-width: 768px) { .subcats a:not(.category-thumb) { padding: 15px 15px 15px 60px; } .subcats .img { width: 40px; height: 40px; margin-top: -20px; } .subcats.subcats-hp { display: none; } } .TopBrands { min-height: auto !important; } .TopBrands h1 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; } @media (max-width: 767.98px) { .TopBrands li { width: auto; } } .summary { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 18px; margin-left: -20px; } .summary h2 { -ms-flex: 0 1 auto; flex: 0 1 auto; margin-bottom: 0; border-left: 20px solid transparent; } .summary .as-link { -ms-flex: 0 1 auto; flex: 0 1 auto; border-left: 20px solid transparent; } .summary .as-link .localization-switch { position: relative; display: block; padding-left: 35px; } .summary .as-link .localization-switch .localization-switch__label { position: relative; padding: 2px 0 2px 25px; color: #54c135; line-height: 22px; } .summary .as-link .localization-switch .localization-switch__label::before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-image: url("../img/icon/reload.svg"); background-position: center center; background-repeat: no-repeat; background-size: 18px 18px; transition: transform 0.3s; } .summary .as-link .localization-switch .localization-switch__flag { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; background-size: 20px; transform: translateY(-50%); } .ossid-0 .summary .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-cz.svg"); } .ossid-1 .summary .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-at.svg"); } .ossid-11 .summary .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-de.svg"); } .ossid-30 .summary .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-pl.svg"); } .ossid-35 .summary .as-link .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-sk.svg"); } .hoverevents .summary .as-link:hover .localization-switch .localization-switch__label::before { transform: rotate(180deg); } @media (max-width: 479.98px) { .summary { margin-bottom: 30px; } } #summarypart { display: none; } #summarypart > h2 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { #summarypart > h2 { font-size: 35px; } } #summarypart .details .summary { max-width: none; } #summarypart .colsviewer { display: none; } #summarypart .stitab tr.disabled:not(.inbasket), #summarypart .stitab tr.btmrow, #summarypart .stitab .ordcount, #summarypart .stitab .stiqtyinet, #summarypart .stitab .case { display: none; } #summarypart .stitab .wvat strong { font-weight: inherit; } #summarypart .stitab .orbitem, #summarypart .stitab .refprice { padding: 16px 0; border-top: 1px solid #e6e6e6; } #summarypart .stitab .hdr + .toprow + .orbitem { padding-top: 0; border-top: 0; } #summarypart .stitab .orbitem + .refprice { margin-top: -16px; } #summarypart .stitab .refprice td[colspan='10'] { display: none; } #summarypart .stitab .refprice .name { font-family: inherit; } #summarypart .stitab tr.disabled.inbasket .status { display: none; } #summarypart .stitab tr.disabled.inbasket .thimg { -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-pack: start; justify-content: flex-start; max-width: none; margin-right: 0; margin-left: 110px; padding-right: 20px; line-height: 20px; } #summarypart .stitab tr.disabled.inbasket .totalprc { font-size: 13px; } #summarypart .basketsumtab tr { border-top: 1px solid #e6e6e6; } #summarypart .basketsumtab tr th.price + td.price { font-weight: 900; font-size: 21px; } #summarypart .basketsumtab tr.dellist, #summarypart .basketsumtab tr.pawlist { border-top: 0; } #summarypart .basketsumtab tr.dellist td, #summarypart .basketsumtab tr.pawlist td { padding-top: 0; padding-bottom: 9px; } #summarypart .basketsumtab th, #summarypart .basketsumtab td { vertical-align: middle; padding: 9px 15px; } #summarypart .basketsumtab th:first-child, #summarypart .basketsumtab td:first-child { padding-left: 0; } #summarypart .basketsumtab th:last-child, #summarypart .basketsumtab td:last-child { padding-right: 0; } #summarypart .basketsumtab td:nth-child(2) { text-align: right; } #summarypart .basketsumtab td.price { white-space: nowrap; } #summarypart .basketsumtab .price { font-family: inherit; font-size: inherit; line-height: inherit; } #summarypart .customsign { margin: 0; } #summarypart .customsign textarea { min-height: 145px; margin-bottom: 0; } #basketconticont #summarypart { margin-bottom: 30px; } #basketconticont #summarypart .details { padding: 0; background-color: transparent; } #basketconticont #summarypart #summarytabarea, #basketconticont #summarypart .subhdr, #basketconticont #summarypart .customsign { padding: 15px; background-color: #ffffff; } #basketconticont #summarypart .subhdr { margin-bottom: 0; padding-bottom: 20px; } #basketconticont #summarypart .customsign + .customsign { padding-top: 0; } @media (max-width: 1023.98px) { #summarypart .stitab tr.disabled.inbasket .thimg { margin-left: 95px; } #summarypart .stitab tr.disabled.inbasket .totalprc { display: block; } } @media (max-width: 767.98px) { #summarypart .refprice .wvat { margin-bottom: 0; } #summarypart .stitab tr.disabled.inbasket .thimg { width: 100%; margin-left: 0; padding-right: 0; } #summarypart .stitab tr.disabled.inbasket .wvat { display: block; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 768px) { #summarypart .stitab .refprice { margin-left: 95px; } #basketconticont #summarypart { margin-bottom: 50px; } #basketconticont #summarypart #summarytabarea, #basketconticont #summarypart .subhdr, #basketconticont #summarypart .customsign { padding: 40px; } } @media (min-width: 1024px) { #summarypart .stitab .refprice { margin-left: 110px; } } #ordbasket_stilist > h2 { display: none; } .sumtofreedeliv strong { font-weight: bold; } #supportholder { max-width: 700px; margin: 0 auto 60px; } #supportholder h3 { font-size: 24px; text-align: center; } #supportholder li { display: -ms-flexbox; display: flex; margin-left: -10px; padding: 8px; } #supportholder li > * { padding-left: 10px; } #supportholder li strong { margin-right: auto; font-weight: inherit; } #supportholder li p { -ms-flex: 1 0 150px; flex: 1 0 150px; max-width: 150px; margin-bottom: 0; font-weight: bold; } #supportholder li:nth-child(even) { background-color: #ffffff; } #supportholder li a { -ms-flex: 1 0 200px; flex: 1 0 200px; max-width: 200px; } .tabdetailpart { margin-bottom: 40px; color: #000000; } .tabdetailpart + br { display: none; } .tabdetailpart tr:not(.tabdetailparthead) { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 15px; background-color: #ffffff; } .tabdetailpart tr:not(.tabdetailparthead) th:first-child, .tabdetailpart tr:not(.tabdetailparthead) td:first-child { margin: 0 !important; padding: 0 30px 0 0 !important; } .tabdetailpart tr:not(.tabdetailparthead) th:first-child b, .tabdetailpart tr:not(.tabdetailparthead) td:first-child b { font-size: 15px; } .tabdetailpart tr:not(.tabdetailparthead) td { padding-left: 30px !important; } .tabdetailpart select { width: 100% !important; } .tabdetailpart .tabdetailparthead { display: block; margin-bottom: 20px; } .tabdetailpart .tabdetailparthead td, .tabdetailpart .tabdetailparthead th { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { .tabdetailpart .tabdetailparthead td, .tabdetailpart .tabdetailparthead th { font-size: 35px; } } .tabdetailpart .tabdetailparthead td b, .tabdetailpart .tabdetailparthead th b { font-weight: inherit; } .tabdetailpart.comcommon .tabdetailparthead + tr + tr { margin-top: 0 !important; } .tabdetailpart.comcommon tr:not(.tabdetailparthead):first-child + tr, .tabdetailpart.comcommon .tabdetailparthead + tr, .tabdetailpart.comres tr:not(.tabdetailparthead):first-child + tr, .tabdetailpart.comres .tabdetailparthead + tr { padding-top: 15px; padding-bottom: 5px; } .tabdetailpart.comcommon tr:not(.tabdetailparthead):first-child + tr ~ tr, .tabdetailpart.comcommon .tabdetailparthead + tr ~ tr, .tabdetailpart.comres tr:not(.tabdetailparthead):first-child + tr ~ tr, .tabdetailpart.comres .tabdetailparthead + tr ~ tr { margin-top: -5px; padding-bottom: 5px; } .tabdetailpart.comcommon tr:not(.tabdetailparthead) th, .tabdetailpart.comcommon tr:not(.tabdetailparthead) td, .tabdetailpart.comres tr:not(.tabdetailparthead) th, .tabdetailpart.comres tr:not(.tabdetailparthead) td { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; } .tabdetailpart.comres tr:last-child, .tabdetailpart.otherinfo tr:last-child { display: none; } .tabdetailpart.otherinfo tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tabdetailpart.otherinfo tr { width: 100%; } .tabdetailpart.otherinfo tr:not(.tabdetailparthead) { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; } .tabdetailpart.otherinfo tr:not(.tabdetailparthead) th, .tabdetailpart.otherinfo tr:not(.tabdetailparthead) td { -ms-flex: 1 0 auto; flex: 1 0 auto; } .tabdetailpart.otherinfo tr:not(.tabdetailparthead) th { margin: 0 !important; padding: 14px 15px 14px 0 !important; line-height: 1.6 !important; } .tabdetailpart.otherinfo tr:not(.tabdetailparthead) td { padding: 14px 0 !important; text-align: right; } .tabdetailpart.otherinfo tr:not(.tabdetailparthead) + tr ~ tr th, .tabdetailpart.otherinfo tr:not(.tabdetailparthead) + tr ~ tr td { border-top: 1px solid #e6e6e6 !important; } @media (max-width: 767.98px) { .tabdetailpart tr:not(.tabdetailparthead) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .tabdetailpart tr:not(.tabdetailparthead) th:first-child, .tabdetailpart tr:not(.tabdetailparthead) td:first-child { margin-bottom: 5px !important; padding-right: 0 !important; } .tabdetailpart tr:not(.tabdetailparthead) td { padding-left: 0 !important; } .tabdetailpart.otherinfo tr.tabdetailparthead + tr + tr th, .tabdetailpart.otherinfo tr.tabdetailparthead + tr + tr td { border-top: 1px solid #e6e6e6 !important; } } @media (min-width: 768px) { .tabdetailpart tr:not(.tabdetailparthead) { padding-right: 30px; padding-left: 30px; } .tabdetailpart.comcommon tr:not(.tabdetailparthead):first-child + tr, .tabdetailpart.comcommon .tabdetailparthead + tr, .tabdetailpart.comres tr:not(.tabdetailparthead):first-child + tr, .tabdetailpart.comres .tabdetailparthead + tr { padding-top: 30px; padding-bottom: 20px; } .tabdetailpart.comcommon tr:not(.tabdetailparthead):first-child + tr ~ tr, .tabdetailpart.comcommon .tabdetailparthead + tr ~ tr, .tabdetailpart.comres tr:not(.tabdetailparthead):first-child + tr ~ tr, .tabdetailpart.comres .tabdetailparthead + tr ~ tr { margin-top: -20px; padding-bottom: 20px; } .tabdetailpart.comcommon tr:not(.tabdetailparthead) th, .tabdetailpart.comcommon tr:not(.tabdetailparthead) td, .tabdetailpart.comres tr:not(.tabdetailparthead) th, .tabdetailpart.comres tr:not(.tabdetailparthead) td { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .tabdetailpart.otherinfo tr { width: 50%; } .tabdetailpart.otherinfo tr.tabdetailparthead { width: 100%; } } .tabedit td > div { width: auto !important; text-align: left !important; } .tabformcont { padding-top: 30px; padding-bottom: 30px; } .tabformcont hr { display: none; } .tabformcont h1 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-top: 0; margin-bottom: 15px; text-align: center; } .tabformcont .l, .tabformcont .r, .tabformcont .ftr, .tabformcont .tabform .btncell th, .tabformcont .btnn a > p, .tabformcont .btnn a > span { display: none; } .tabformcont .tabform:not(.valtable) { border: 0; } .tabformcont .tabform:not(.valtable) > tbody > tr > th, .tabformcont .tabform:not(.valtable) > tbody > tr > td { display: block; padding: 0; border: 0; } .tabformcont .tabform:not(.valtable) input[type='text'], .tabformcont .tabform:not(.valtable) input[type='password'] { width: 100% !important; } .tabformcont .btnn a p { margin-bottom: 0; } @media (max-width: 1023.98px) { .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr .tabform.valtable { display: table; overflow: visible; } } @media (max-width: 767.98px) { .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr, .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr > td { display: block; width: 100%; } .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr > td { margin-bottom: 20px; } } @media (min-width: 768px) { .tabformcont { padding-top: 60px; padding-bottom: 60px; } .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr > th, .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr > td { display: table-cell; } .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr > th:not(:first-child), .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr > td:not(:first-child) { padding-left: 10px; } .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr > th:not(:last-child), .tabformcont.comstatistics .tabform:not(.valtable) > tbody > tr > td:not(:last-child) { padding-right: 10px; } } .tabformtoolsbtncont { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding: 15px 15px 5px; background-color: #ffffff; font-size: 0; } .tabformtoolsbtncont > * { font-size: 15px; } .tabformtoolsbtncont > table:not(.valtable):not(.tabnavipaging) { margin-bottom: 0; border: 0; } .tabformtoolsbtncont > table:not(.valtable):not(.tabnavipaging) th, .tabformtoolsbtncont > table:not(.valtable):not(.tabnavipaging) td { padding: 0; border: 0; } .tabformtoolsbtncont > table:not(.valtable):not(.tabnavipaging) td { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .tabformtoolsbtncont .btnn { margin-right: 10px; margin-bottom: 10px; } .tabformtoolsbtncont .btnn a { border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 9px 19px; font-size: 15px; } .hoverevents .tabformtoolsbtncont .btnn a:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .tabformtoolsbtncont .btnn.new a, .tabformtoolsbtncont .btnn.newparship a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding: 10px 15px; font-size: 15px; } .hoverevents .tabformtoolsbtncont .btnn.new a:hover, .hoverevents .tabformtoolsbtncont .btnn.newparship a:hover { background-color: #005499; text-decoration: none; } .waranties .tabformtoolsbtncont .btnn.detail, .orditems .tabformtoolsbtncont .btnn.detail, .tabformtoolsbtncont .btnn.showinvitems, .tabformtoolsbtncont .btnn.hideinvitems, .tabformtoolsbtncont .btnn.showparam, .tabformtoolsbtncont .btnn.hideparam, .tabformtoolsbtncont .btnn.showterms, .tabformtoolsbtncont .btnn.hideterms, .tabformtoolsbtncont .btnn.showvat, .tabformtoolsbtncont .btnn.hidevat, .tabformtoolsbtncont .btnn.expedshow, .tabformtoolsbtncont .btnn.expedhide, .tabformtoolsbtncont .btnn.warshow, .tabformtoolsbtncont .btnn.warhide, .tabformtoolsbtncont .btnn.itemsshow, .tabformtoolsbtncont .btnn.itesmhide { margin-right: 25px; } .waranties .tabformtoolsbtncont .btnn.detail a, .orditems .tabformtoolsbtncont .btnn.detail a, .tabformtoolsbtncont .btnn.showinvitems a, .tabformtoolsbtncont .btnn.hideinvitems a, .tabformtoolsbtncont .btnn.showparam a, .tabformtoolsbtncont .btnn.hideparam a, .tabformtoolsbtncont .btnn.showterms a, .tabformtoolsbtncont .btnn.hideterms a, .tabformtoolsbtncont .btnn.showvat a, .tabformtoolsbtncont .btnn.hidevat a, .tabformtoolsbtncont .btnn.expedshow a, .tabformtoolsbtncont .btnn.expedhide a, .tabformtoolsbtncont .btnn.warshow a, .tabformtoolsbtncont .btnn.warhide a, .tabformtoolsbtncont .btnn.itemsshow a, .tabformtoolsbtncont .btnn.itesmhide a { position: relative; padding: 4px 0 4px 64px; border: 0; background-color: transparent; color: #000000; font-weight: normal; font-size: 14px; line-height: 1.428571429; } .waranties .tabformtoolsbtncont .btnn.detail a strong, .orditems .tabformtoolsbtncont .btnn.detail a strong, .tabformtoolsbtncont .btnn.showinvitems a strong, .tabformtoolsbtncont .btnn.hideinvitems a strong, .tabformtoolsbtncont .btnn.showparam a strong, .tabformtoolsbtncont .btnn.hideparam a strong, .tabformtoolsbtncont .btnn.showterms a strong, .tabformtoolsbtncont .btnn.hideterms a strong, .tabformtoolsbtncont .btnn.showvat a strong, .tabformtoolsbtncont .btnn.hidevat a strong, .tabformtoolsbtncont .btnn.expedshow a strong, .tabformtoolsbtncont .btnn.expedhide a strong, .tabformtoolsbtncont .btnn.warshow a strong, .tabformtoolsbtncont .btnn.warhide a strong, .tabformtoolsbtncont .btnn.itemsshow a strong, .tabformtoolsbtncont .btnn.itesmhide a strong { font-weight: inherit; } .waranties .tabformtoolsbtncont .btnn.detail a::before, .waranties .tabformtoolsbtncont .btnn.detail a::after, .orditems .tabformtoolsbtncont .btnn.detail a::before, .orditems .tabformtoolsbtncont .btnn.detail a::after, .tabformtoolsbtncont .btnn.showinvitems a::before, .tabformtoolsbtncont .btnn.showinvitems a::after, .tabformtoolsbtncont .btnn.hideinvitems a::before, .tabformtoolsbtncont .btnn.hideinvitems a::after, .tabformtoolsbtncont .btnn.showparam a::before, .tabformtoolsbtncont .btnn.showparam a::after, .tabformtoolsbtncont .btnn.hideparam a::before, .tabformtoolsbtncont .btnn.hideparam a::after, .tabformtoolsbtncont .btnn.showterms a::before, .tabformtoolsbtncont .btnn.showterms a::after, .tabformtoolsbtncont .btnn.hideterms a::before, .tabformtoolsbtncont .btnn.hideterms a::after, .tabformtoolsbtncont .btnn.showvat a::before, .tabformtoolsbtncont .btnn.showvat a::after, .tabformtoolsbtncont .btnn.hidevat a::before, .tabformtoolsbtncont .btnn.hidevat a::after, .tabformtoolsbtncont .btnn.expedshow a::before, .tabformtoolsbtncont .btnn.expedshow a::after, .tabformtoolsbtncont .btnn.expedhide a::before, .tabformtoolsbtncont .btnn.expedhide a::after, .tabformtoolsbtncont .btnn.warshow a::before, .tabformtoolsbtncont .btnn.warshow a::after, .tabformtoolsbtncont .btnn.warhide a::before, .tabformtoolsbtncont .btnn.warhide a::after, .tabformtoolsbtncont .btnn.itemsshow a::before, .tabformtoolsbtncont .btnn.itemsshow a::after, .tabformtoolsbtncont .btnn.itesmhide a::before, .tabformtoolsbtncont .btnn.itesmhide a::after { content: ''; position: absolute; top: 0; left: 0; height: 28px; border-radius: 14px; } .waranties .tabformtoolsbtncont .btnn.detail a::before, .orditems .tabformtoolsbtncont .btnn.detail a::before, .tabformtoolsbtncont .btnn.showinvitems a::before, .tabformtoolsbtncont .btnn.hideinvitems a::before, .tabformtoolsbtncont .btnn.showparam a::before, .tabformtoolsbtncont .btnn.hideparam a::before, .tabformtoolsbtncont .btnn.showterms a::before, .tabformtoolsbtncont .btnn.hideterms a::before, .tabformtoolsbtncont .btnn.showvat a::before, .tabformtoolsbtncont .btnn.hidevat a::before, .tabformtoolsbtncont .btnn.expedshow a::before, .tabformtoolsbtncont .btnn.expedhide a::before, .tabformtoolsbtncont .btnn.warshow a::before, .tabformtoolsbtncont .btnn.warhide a::before, .tabformtoolsbtncont .btnn.itemsshow a::before, .tabformtoolsbtncont .btnn.itesmhide a::before { width: 54px; background-color: #e6e6e6; } .waranties .tabformtoolsbtncont .btnn.detail a::after, .orditems .tabformtoolsbtncont .btnn.detail a::after, .tabformtoolsbtncont .btnn.showinvitems a::after, .tabformtoolsbtncont .btnn.hideinvitems a::after, .tabformtoolsbtncont .btnn.showparam a::after, .tabformtoolsbtncont .btnn.hideparam a::after, .tabformtoolsbtncont .btnn.showterms a::after, .tabformtoolsbtncont .btnn.hideterms a::after, .tabformtoolsbtncont .btnn.showvat a::after, .tabformtoolsbtncont .btnn.hidevat a::after, .tabformtoolsbtncont .btnn.expedshow a::after, .tabformtoolsbtncont .btnn.expedhide a::after, .tabformtoolsbtncont .btnn.warshow a::after, .tabformtoolsbtncont .btnn.warhide a::after, .tabformtoolsbtncont .btnn.itemsshow a::after, .tabformtoolsbtncont .btnn.itesmhide a::after { width: 28px; background-color: #bbbbbb; } @media (min-width: 1024px) { .waranties .tabformtoolsbtncont .btnn.detail, .orditems .tabformtoolsbtncont .btnn.detail, .tabformtoolsbtncont .btnn.showinvitems, .tabformtoolsbtncont .btnn.hideinvitems, .tabformtoolsbtncont .btnn.showparam, .tabformtoolsbtncont .btnn.hideparam, .tabformtoolsbtncont .btnn.showterms, .tabformtoolsbtncont .btnn.hideterms, .tabformtoolsbtncont .btnn.showvat, .tabformtoolsbtncont .btnn.hidevat, .tabformtoolsbtncont .btnn.expedshow, .tabformtoolsbtncont .btnn.expedhide, .tabformtoolsbtncont .btnn.warshow, .tabformtoolsbtncont .btnn.warhide, .tabformtoolsbtncont .btnn.itemsshow, .tabformtoolsbtncont .btnn.itesmhide { margin-right: 55px; } } .srchformcont ~ .tabformtoolsbtncont { margin-top: -19px; } .hoverevents .waranties .tabformtoolsbtncont .btnn.detail a:hover, .hoverevents .orditems .tabformtoolsbtncont .btnn.detail a:hover, .hoverevents .tabformtoolsbtncont .btnn.showinvitems a:hover, .hoverevents .tabformtoolsbtncont .btnn.hideinvitems a:hover, .hoverevents .tabformtoolsbtncont .btnn.showparam a:hover, .hoverevents .tabformtoolsbtncont .btnn.hideparam a:hover, .hoverevents .tabformtoolsbtncont .btnn.showterms a:hover, .hoverevents .tabformtoolsbtncont .btnn.hideterms a:hover, .hoverevents .tabformtoolsbtncont .btnn.showvat a:hover, .hoverevents .tabformtoolsbtncont .btnn.hidevat a:hover, .hoverevents .tabformtoolsbtncont .btnn.expedshow a:hover, .hoverevents .tabformtoolsbtncont .btnn.expedhide a:hover, .hoverevents .tabformtoolsbtncont .btnn.warshow a:hover, .hoverevents .tabformtoolsbtncont .btnn.warhide a:hover, .hoverevents .tabformtoolsbtncont .btnn.itemsshow a:hover, .hoverevents .tabformtoolsbtncont .btnn.itesmhide a:hover { background-color: transparent; color: #000000; text-decoration: underline; } .waranties .tabformtoolsbtncont .btnn.detail a[title='Skrýt dokumenty a adresu']::before, .orditems .tabformtoolsbtncont .btnn.detail a[title='Skrýt termíny dod.']::before, .orditems .tabformtoolsbtncont .btnn.detail a[title='bez recyklačních poplatků']::before, .tabformtoolsbtncont .btnn.hideinvitems a::before, .tabformtoolsbtncont .btnn.hideparam a::before, .tabformtoolsbtncont .btnn.hideterms a::before, .tabformtoolsbtncont .btnn.hidevat a::before, .tabformtoolsbtncont .btnn.expedhide a::before, .tabformtoolsbtncont .btnn.warhide a::before, .tabformtoolsbtncont .btnn.itesmhide a::before { background-color: #d7f3cf; } .waranties .tabformtoolsbtncont .btnn.detail a[title='Skrýt dokumenty a adresu']::after, .orditems .tabformtoolsbtncont .btnn.detail a[title='Skrýt termíny dod.']::after, .orditems .tabformtoolsbtncont .btnn.detail a[title='bez recyklačních poplatků']::after, .tabformtoolsbtncont .btnn.hideinvitems a::after, .tabformtoolsbtncont .btnn.hideparam a::after, .tabformtoolsbtncont .btnn.hideterms a::after, .tabformtoolsbtncont .btnn.hidevat a::after, .tabformtoolsbtncont .btnn.expedhide a::after, .tabformtoolsbtncont .btnn.warhide a::after, .tabformtoolsbtncont .btnn.itesmhide a::after { background-color: #409927; transform: translateX(26px); } @media (max-width: 767.98px) { .tabformtoolsbtncont .tabform { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; display: block; overflow-x: auto; } .tabformtoolsbtncont .tabform::-webkit-scrollbar { width: 10px; } .tabformtoolsbtncont .tabform::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } } @media (min-width: 1024px) { .tabformtoolsbtncont { padding: 20px 28px 10px; } } .tabnavipaging { font-size: 0; } .tabnavipaging, .tabnavipaging table { margin-bottom: 0; } .tabnavipaging, .tabnavipaging table, .tabnavipaging th, .tabnavipaging td { padding: 0; border: 0; } .tabnavipaging th, .tabnavipaging td { vertical-align: middle; } .tabnavipaging th h1, .tabnavipaging td h1 { margin-bottom: 0; } .tabnavipaging span[style*='font-size: 7pt'] { font-size: 12px !important; line-height: 1.333333333; } .valtable + .tabnavipaging { margin-top: 20px; margin-bottom: 40px; } @media (max-width: 767.98px) { .tabnavipaging > tbody > tr, .tabnavipaging > tbody > tr > td { display: block; } .tabnavipaging .pagenav { padding-top: 30px; padding-bottom: 30px; } } .b-tile { height: 100%; padding: 20px; border: 1px solid #e6e6e6; } .b-tile__title { width: 100%; margin-bottom: 20px; font-weight: 500; } .b-tile__img { width: 60px; margin-right: 20px; } .b-tile__text-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .b-tile__text { width: calc(100% - 80px); margin-bottom: 0; padding: 8px 0; line-height: 1.5; } .b-tile__content { -ms-flex-positive: 1; flex-grow: 1; width: 100%; margin-top: 20px; } .b-tile__content > :last-child { margin-bottom: 0; } .b-tile__content li:last-child { margin-bottom: 0; } .b-tile__content table, .b-tile__content th, .b-tile__content td { border: 0; } .b-tile__content th, .b-tile__content td { padding: 8px 10px; } .b-tile__content tr:nth-child(odd) { background-color: #eeeeee; } .b-tile__content .o-tooltip { margin-left: 5px; } @media (max-width: 1199.98px) { .b-tile__title { font-size: 21px; } } @media (min-width: 1200px) { .b-tile__text { padding: 3px 0; font-size: 18px; } } #userlogged .hdr .l, #userlogged .hdr .r { display: none; } #userlogged .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; } @media (min-width: 768px) { #userlogged .hdr .c p { font-size: 35px; } } .valtable.tabform { table-layout: fixed; color: #000000; font-size: 14px; line-height: 1.714285714; } .valtable.tabform, .valtable.tabform table, .valtable.tabform th, .valtable.tabform td { border: 0; } .valtable.tabform table { margin-bottom: 0; } .valtable.tabform tr { background-color: #ffffff; } .valtable.tabform.has-items.color_row tr, .valtable.tabform tr.color_row { background-color: #f5fbff; } .valtable.tabform th, .valtable.tabform td { vertical-align: middle; padding: 10px 8px; } .valtable.tabform th { background-color: #0072c1; color: #ffffff; font-weight: normal; } .valtable.tabform th a { color: inherit; } .valtable.tabform td { border-bottom: 4px solid #f8f8f8; background-clip: padding-box !important; background-color: inherit; } .valtable.tabform select { margin-bottom: 0; padding-top: 7px; padding-bottom: 6px; border-color: currentColor; color: #01447b; font-size: 14px; line-height: 1.428571429; } .valtable.tabform .o-icon-check { margin-left: 4px; } .valtable.tabform .tabitem { margin-bottom: 0; border: 0; } .valtable.tabform .tabitem th, .valtable.tabform .tabitem td { border-bottom: 1px solid #e5f1f9; } .valtable.tabform .tabitem th:first-child, .valtable.tabform .tabitem td:first-child { padding-left: 0; border-left: 1px solid #e5f1f9; } .valtable.tabform .tabitem th:last-child, .valtable.tabform .tabitem td:last-child { border-right: 1px solid #e5f1f9; } .valtable.tabform .tabitem th { background-color: #e5f1f9; color: #4c4c4c; } .valtable.tabform .tabitem th:first-child { border-top-left-radius: 4px; } .valtable.tabform .tabitem th:last-child { border-top-right-radius: 4px; } .valtable.tabform .tabitem td { border-bottom-color: #eeeeee; } .valtable.tabform .tabitem td[colspan='3'][align='left'] + td[align='right'] { display: none; } .valtable.tabform .btnn a { padding: 10px 15px; font-size: 15px; } .valtable.tabform + table:not([class]) { display: none; } .valtable.tabform tr.tabform th, .valtable.tabform tr.tabform td { display: table-cell; padding: 10px 8px; } .valtable.tabform tr.tabform th table, .valtable.tabform tr.tabform td table { margin-bottom: 10px; } .valtable.tabform .prc { display: block; white-space: nowrap; text-align: right; } .valtable.tabform .prc.wovat { color: #4c4c4c; } .valtable.tabform .prc.wvat { font-weight: bold; } .valtable.tabform .way, .valtable.tabform .avd { display: inline-block; margin-bottom: 0; font-weight: bold; } .valtable.tabform .avd { margin-right: 4px; } .valtable.tabform .avd + .avd { color: #4aaa2f; } .valtable.tabform .onstock, .valtable.tabform .stockout { font-weight: bold; font-style: normal; } .valtable.tabform .onstock { color: #4aaa2f; } .valtable.tabform .stockout { color: #ff0000; } .valtable.tabform.has-items { margin-bottom: 4px; } .valtable.tabform.has-items > tbody > tr > th, .valtable.tabform.has-items > tbody > tr > td { background-color: inherit; color: inherit; } .valtable.tabform.has-items > tbody > tr > td { padding: 0 18px 6px 14px; border-bottom: 0; } @media (min-width: 768px) { .valtable.tabform th:first-child, .valtable.tabform td:first-child, .valtable.tabform tr.tabform th:first-child, .valtable.tabform tr.tabform td:first-child { padding-right: 0; padding-left: 22px; } .valtable.tabform th:last-child, .valtable.tabform td:last-child, .valtable.tabform tr.tabform th:last-child, .valtable.tabform tr.tabform td:last-child { padding-right: 18px; } .valtable.tabform th, .valtable.tabform td, .valtable.tabform tr.tabform td { padding-top: 16px; padding-bottom: 16px; } .valtable.tabform .tabitem th, .valtable.tabform .tabitem td { padding-top: 10px; padding-bottom: 10px; } .valtable.tabform .tabitem td { background-color: #ffffff; } .valtable.tabform .tabitem td[colspan='3'][align='left'], .valtable.tabform .tabitem td[colspan='11'][align='left'] { padding-top: 16px; padding-bottom: 16px; } } .variantbox { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; min-height: 76px; padding: 10px 10px 10px 80px; border: 1px solid #e6e6e6; line-height: 20px; transition: border-color 0.3s; } .variantbox + .variantbox { margin-top: 10px; } .variantbox .img { position: absolute; top: 50%; left: 10px; width: 60px; height: 60px; margin-top: -30px; } .variantbox .img a { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .variantbox .img img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .variantbox .price { font-size: 12px; line-height: 18px; } .variantbox .price .wvat { font-size: 15px; } .variantbox .hdr { display: block; } .variantbox .hdr a { color: #000000; } .variantbox .hdr a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .variantbox .sirysre, .variantbox .buybox, .variantbox .statuscont { display: none; } .hoverevents .variantbox:hover { border-color: #0072c1; } .waranties.tabformcont form .valtable td:nth-child(5) { word-break: break-all; } .warranty.tabformcont { max-width: 850px; padding-top: 0; } .warranty.tabformcont > .hdr .c p { display: none; } .warranty.tabformcont > .hdr .c h1 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 20px; text-align: left; } @media (min-width: 768px) { .warranty.tabformcont > .hdr .c h1 { font-size: 35px; } } .warranty.tabformcont .cnt { padding: 20px; background-color: #ffffff; color: #000000; } @media (min-width: 768px) { .warranty.tabformcont .cnt { padding: 30px 40px; } } .warranty.tabformcont .cnt form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .warranty.tabformcont .cnt form > * { width: 100%; } .warranty.tabformcont .cnt form > .button { width: auto; } .warranty.tabformcont .cnt form > br { display: none; } .warranty.tabformcont .cnt table { display: block; color: inherit; } .warranty.tabformcont .cnt table, .warranty.tabformcont .cnt table th, .warranty.tabformcont .cnt table td { padding: 0; border: 0; } .warranty.tabformcont .cnt table label { font-weight: 500; word-break: break-all; } .warranty.tabformcont .cnt a.button { margin: 0; padding: 0; border: 0; background-color: transparent; color: #01447b; font-weight: 500; text-decoration: none; transition: color 0.3s; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; } .hoverevents .warranty.tabformcont .cnt a.button:hover { text-decoration: underline; } .warranty.tabformcont .cnt td a.button, .warranty.tabformcont .cnt input.button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .warranty.tabformcont .cnt td a.button:hover, .hoverevents .warranty.tabformcont .cnt input.button:hover { background-color: #005499; text-decoration: none; } .warranty.tabformcont .tabform tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .warranty.tabformcont .tabform tr { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: calc(100% + 15px); margin-bottom: 10px; margin-left: -15px; } .warranty.tabformcont .tabform tr > * { padding-left: 15px !important; } .warranty.tabformcont .tabform tr:nth-of-type(1) td:nth-child(3), .warranty.tabformcont .tabform tr:nth-of-type(5) td:nth-child(3) { display: none; } .warranty.tabformcont .tabform tr:nth-of-type(2), .warranty.tabformcont .tabform tr:nth-of-type(6), .warranty.tabformcont .tabform tr:nth-of-type(10) { display: none; } .warranty.tabformcont .tabform tr:nth-of-type(7) td, .warranty.tabformcont .tabform tr:nth-of-type(8) td, .warranty.tabformcont .tabform tr:nth-of-type(9) td { width: auto; } .warranty.tabformcont .tabform tr:nth-of-type(7) td:nth-child(1), .warranty.tabformcont .tabform tr:nth-of-type(7) td:nth-child(2), .warranty.tabformcont .tabform tr:nth-of-type(8) td:nth-child(1), .warranty.tabformcont .tabform tr:nth-of-type(8) td:nth-child(2), .warranty.tabformcont .tabform tr:nth-of-type(9) td:nth-child(1), .warranty.tabformcont .tabform tr:nth-of-type(9) td:nth-child(2) { width: 25%; } .warranty.tabformcont .tabform tr:nth-of-type(7) td:nth-child(2), .warranty.tabformcont .tabform tr:nth-of-type(8) td:nth-child(2), .warranty.tabformcont .tabform tr:nth-of-type(9) td:nth-child(2) { text-align: right; } .warranty.tabformcont .tabform tr:nth-of-type(7) td:nth-child(3), .warranty.tabformcont .tabform tr:nth-of-type(8) td:nth-child(3), .warranty.tabformcont .tabform tr:nth-of-type(9) td:nth-child(3) { min-width: 100px; margin-right: auto; } .warranty.tabformcont .tabform tr:nth-of-type(5), .warranty.tabformcont .tabform tr:nth-of-type(9) { margin-bottom: 20px; } .warranty.tabformcont .tabform tr:nth-of-type(12) { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .warranty.tabformcont .tabform tr:nth-of-type(12) td:nth-child(1) { display: none; } .warranty.tabformcont .tabform tr:nth-of-type(12) td:nth-child(2) { -ms-flex-positive: 1; flex-grow: 1; } .warranty.tabformcont .tabform tr:nth-of-type(12) td:nth-child(2), .warranty.tabformcont .tabform tr:nth-of-type(12) td:nth-child(3) { width: auto; } .warranty.tabformcont .tabform tr:nth-of-type(12) td .button { white-space: nowrap; } .warranty.tabformcont .tabform tr td { width: 100%; } .warranty.tabformcont .tabform tr td > *:not(label) { margin-bottom: 0 !important; } .warranty.tabformcont .tabform ~ table label { display: block; padding: 13px 0; } .warranty.tabformcont .tabform ~ table tbody { margin-left: -15px; } .warranty.tabformcont .tabform ~ table tbody, .warranty.tabformcont .tabform ~ table tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .warranty.tabformcont .tabform ~ table tr { width: 100%; padding-left: 15px; } .warranty.tabformcont .tabform ~ table th, .warranty.tabformcont .tabform ~ table td { display: block; } .warranty.tabformcont .tabform ~ table td { width: 100% !important; } @media (max-width: 767.98px) { .warranty.tabformcont .tabform tr { -ms-flex-wrap: wrap; flex-wrap: wrap; } .warranty.tabformcont .tabform tr label { display: block; margin-bottom: 5px; } .warranty.tabformcont .tabform tr:nth-of-type(7) td, .warranty.tabformcont .tabform tr:nth-of-type(8) td, .warranty.tabformcont .tabform tr:nth-of-type(9) td { width: 50% !important; } .warranty.tabformcont .tabform tr:nth-of-type(7) td:nth-child(2), .warranty.tabformcont .tabform tr:nth-of-type(7) td:nth-child(4), .warranty.tabformcont .tabform tr:nth-of-type(7) td:nth-child(6), .warranty.tabformcont .tabform tr:nth-of-type(8) td:nth-child(2), .warranty.tabformcont .tabform tr:nth-of-type(8) td:nth-child(4), .warranty.tabformcont .tabform tr:nth-of-type(8) td:nth-child(6), .warranty.tabformcont .tabform tr:nth-of-type(9) td:nth-child(2), .warranty.tabformcont .tabform tr:nth-of-type(9) td:nth-child(4), .warranty.tabformcont .tabform tr:nth-of-type(9) td:nth-child(6) { text-align: right; } .warranty.tabformcont .tabform tr:nth-of-type(7) td label, .warranty.tabformcont .tabform tr:nth-of-type(8) td label, .warranty.tabformcont .tabform tr:nth-of-type(9) td label { margin-bottom: 0; } .warranty.tabformcont .tabform tr:nth-of-type(12) { -ms-flex-wrap: wrap; flex-wrap: wrap; } .warranty.tabformcont .tabform tr:nth-of-type(12) td:nth-child(2), .warranty.tabformcont .tabform tr:nth-of-type(12) td:nth-child(3) { width: 100%; } .warranty.tabformcont .tabform tr:nth-of-type(12) td:nth-child(3) { margin-top: 10px; } } @media (min-width: 768px) { .warranty.tabformcont .tabform tr:nth-of-type(11), .warranty.tabformcont .tabform tr:nth-of-type(12) { width: calc(50% + (15px / 2)); } .warranty.tabformcont .tabform tr:nth-of-type(11) td:first-child, .warranty.tabformcont .tabform tr:nth-of-type(12) td:first-child { width: 100%; } .warranty.tabformcont .tabform tr:nth-of-type(12) { margin-left: 0; } .warranty.tabformcont .tabform tr td:first-child, .warranty.tabformcont .tabform tr td[colspan='4'], .warranty.tabformcont .tabform tr td[colspan='5'] { width: 50%; } .warranty.tabformcont .tabform ~ table tr { width: 50%; } } @media (min-width: 768px) and (max-width: 1023.98px) { .warranty.tabformcont .cnt { padding: 20px; } } .watchdogcont { margin-bottom: 60px; } .watchdogcont > .hdr, .watchdogcont > .ftr { display: none; } .watchdogcont > .cnt .in { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .watchdogcont .img, .watchdogcont .wd_inftbl, .watchdogcont .wd_settingcont { padding: 20px; background-color: #ffffff; color: #000000; } @media (min-width: 768px) { .watchdogcont .img, .watchdogcont .wd_inftbl, .watchdogcont .wd_settingcont { padding: 30px 40px; } } .watchdogcont .img { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .watchdogcont .img img { max-width: 100%; height: auto; } .watchdogcont .wd_inftbl { display: block; -ms-flex-order: 1; order: 1; margin-bottom: 0; border: 0; } .watchdogcont .wd_inftbl tbody { display: block; } .watchdogcont .wd_inftbl th, .watchdogcont .wd_inftbl td { padding: 0; border: 0; } .watchdogcont .wd_inftbl th { margin-right: 15px; } .watchdogcont .wd_inftbl tr { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 9px 0; } .watchdogcont .wd_inftbl tr + tr { border-top: 1px solid #e6e6e6; } .watchdogcont .wd_inftbl .price { color: #ff0000; font-weight: 500; font-size: 19px; } .watchdogcont .wd_settingcont { -ms-flex-order: 1; order: 1; } .watchdogcont .wd_settingcont .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; } .watchdogcont .wd_settingtable { margin-bottom: 0; } .watchdogcont .wd_settingtable tr { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 50px; margin-bottom: 10px; margin-left: -10px; } .watchdogcont .wd_settingtable tr:last-child, .watchdogcont .wd_settingtable tr:nth-last-child(2) { margin-bottom: 0; } .watchdogcont .wd_settingtable tr:nth-last-child(2) { margin-top: 20px; } .watchdogcont .wd_settingtable tr:nth-last-child(2) th { display: none !important; } .watchdogcont .wd_settingtable tr:nth-last-child(2) td { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .watchdogcont .wd_settingtable tr > th, .watchdogcont .wd_settingtable tr > td { margin-left: 10px !important; } .watchdogcont .wd_settingtable tr input, .watchdogcont .wd_settingtable tr select { margin-bottom: 0 !important; } .watchdogcont .wd_settingtable tr[style*='table-row'] { display: -ms-flexbox !important; display: flex !important; } .watchdogcont .wd_settingtable th, .watchdogcont .wd_settingtable td.bold { -ms-flex: 1 0 250px; flex: 1 0 250px; max-width: 250px; margin: 0 !important; padding: 0 !important; font-weight: 500 !important; } .watchdogcont .btnn.detail a { background-color: #4aaa2f; } .hoverevents .watchdogcont .btnn.detail a:hover { background-color: #54c135; } .watchdogcont .btnn.includevat a { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; padding: 0; border: 1px solid currentColor; border-radius: 50%; background-color: transparent; color: #7fa1bc; font-size: 11px; line-height: 1; cursor: help; } .watchdogcont #antispam1 { margin-top: 30px; } @media (min-width: 768px) { .watchdogcont > .cnt .in > * { width: 100%; } .watchdogcont > .cnt .in > .wd_inftbl { -ms-flex: 1 0 60%; flex: 1 0 60%; max-width: 60%; } .watchdogcont > .cnt .in > .img { -ms-flex: 1 0 40%; flex: 1 0 40%; max-width: 40%; } .watchdogcont .wd_inftbl tr { padding: 14px 0; } .watchdogcont .wd_settingtable { margin-bottom: 0; } .watchdogcont .wd_settingtable tr:nth-last-child(2) { margin-top: 30px; } .watchdogcont .wd_settingtable th + td, .watchdogcont .wd_settingtable td.bold + td { -ms-flex: 1 0 40%; flex: 1 0 40%; max-width: 40%; margin-right: auto; } } @media (max-width: 767.98px) { .watchdogcont > .cnt .in { -ms-flex-direction: column; flex-direction: column; } .watchdogcont .wd_settingtable tr { -ms-flex-wrap: wrap; flex-wrap: wrap; } .watchdogcont .wd_settingtable th { margin-bottom: 5px !important; padding-top: 2px !important; padding-bottom: 1px; } .watchdogcont .wd_settingtable th, .watchdogcont .wd_settingtable th + td, .watchdogcont .wd_settingtable td.bold, .watchdogcont .wd_settingtable td.bold + td { width: 100%; } .watchdogcont .wd_settingtable th + td + td, .watchdogcont .wd_settingtable td.bold + td + td { margin-top: 5px; } } @media (min-width: 1024px) { .watchdogcont .wd_settingtable th + td, .watchdogcont .wd_settingtable td.bold + td { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .watchdoglistbox { margin-bottom: 10px; padding: 20px; background-color: #ffffff; } .watchdoglistbox h2 { margin-bottom: 20px; font-size: 19px; } .watchdoglistbox table, .watchdoglistbox th, .watchdoglistbox td { padding: 0; border: 0; } .watchdoglistbox table, .watchdoglistbox .statuscont > * { margin-bottom: 0; } .watchdoglistbox .watchparam { color: #f7b626; font-size: 17px; } .watchdoglistbox .img { position: relative; margin: -15px -15px 20px; padding-top: 90%; } .watchdoglistbox .img a { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .watchdoglistbox .img img { width: 43.69%; max-width: 100%; height: auto; max-height: 100%; } .watchdoglistbox .float-wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .watchdoglistbox .content { -ms-flex-order: 1; order: 1; margin-bottom: 20px; } .watchdoglistbox .wovat { padding: 8px 0; border-bottom: 1px solid #e6e6e6; font-weight: 500; font-size: 19px; } .watchdoglistbox .wovat p { margin-bottom: 0; } .watchdoglistbox .wovat span, .watchdoglistbox .wovat strong { color: #ff0000; } .watchdoglistbox .wovat span { white-space: nowrap; } .watchdoglistbox .tools { margin-top: 20px; } .watchdoglistbox .tools .in { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-left: -10px; } .watchdoglistbox .tools .in > * { margin-left: 10px; } .watchdoglistbox .tools .in a:nth-child(1) { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding-right: 23px; } .hoverevents .watchdoglistbox .tools .in a:nth-child(1):hover { background-color: #005499; text-decoration: none; } .watchdoglistbox .tools .in a:nth-child(2) { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 14px; padding-right: 22px; } .hoverevents .watchdoglistbox .tools .in a:nth-child(2):hover { background-color: #005499; text-decoration: none; } .hoverevents .watchdoglistbox .tools .in a:nth-child(2):hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .watchdoglistbox .tools .in a img { display: none; } .watchdoglistbox .rightdetails tr { display: block; padding: 8px 0; border-bottom: 1px solid #e6e6e6; } .watchdoglistbox .prcdiff { display: -ms-flexbox; display: flex; } .watchdoglistbox .prcdiff p { margin-bottom: 0; color: #ff0000; font-weight: 500; } .watchdoglistbox .prcdiff p:not(:empty) + span { margin-left: 5px; } .watchdoglistbox .note, .watchdoglistbox .code, .watchdoglistbox > .hdr { display: none; } @media (max-width: 479.98px) { .watchdoglistbox .rightdetails th, .watchdoglistbox .rightdetails td { display: block; } } @media (min-width: 480px) { .watchdoglistbox .wovat { display: -ms-flexbox; display: flex; } .watchdoglistbox .wovat p { -ms-flex: 1 0 auto; flex: 1 0 auto; padding-right: 15px; } .watchdoglistbox .rightdetails tr { display: -ms-flexbox; display: flex; } .watchdoglistbox .rightdetails th { -ms-flex: 1 0 auto; flex: 1 0 auto; padding-right: 15px; } } #webnews:first-child { margin-top: -15px; } #webnews h1 { display: none; margin-bottom: 20px; text-align: center; } @media (min-width: 768px) { #webnews:first-child { margin-top: -30px; } #webnews h1 { margin-bottom: 30px; } } .wn1 { margin-bottom: 20px; } .wn1 .hdr p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-bottom: 20px; text-align: center; } .wn1 .cnt { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .wn1 .wn1_img { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; padding-left: 10px; } .wn1 .wn1_img a { display: block; } .wn1 .wn1_img img { width: 100%; height: auto; } .exp-reco-hp .wn1 { margin-bottom: 25px; } .exp-reco-hp .wn1 .hdr p { margin-bottom: 0; font-size: 32px; } @media (min-width: 768px) { .wn1 { margin-bottom: 30px; } .wn1 .hdr p { text-align: left; } .wn1 .wn1_img { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } .wn16 { margin-bottom: 5px; } .wn16:first-child { margin-top: -15px; } .wn16 .wn16_img, .wn16 .wn16_img a { display: block; } .wn16 .wn16_img img { width: 100%; height: auto; } @media (min-width: 768px) { .wn16:first-child { margin-top: -45px; } } .wn2 { padding: 30px; text-align: center; } .wn2 a { display: block; } .wn2 img { max-width: 100%; height: auto; } .wn5 { margin-bottom: 30px; } .wn5_img, .wn5_img a { display: block; } .wn5_img img { width: 100%; height: auto; } .wnfilterbox { position: relative; margin-bottom: 20px; padding-top: 15px; } .wnfilterbox::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .wnfilterbox > p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; } .wnfilterbox ul { display: -ms-flexbox; display: flex; } .wnfilterbox ul > li { position: relative; -ms-flex: 1 0 20%; flex: 1 0 20%; max-width: 20%; padding: 10px; background-color: #ffffff; text-align: center; transition: transform 0.3s; } .wnfilterbox ul > li h2 { margin: 0 0 10px; font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-size: 15px; line-height: 1.2; } .wnfilterbox ul > li h2 a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #f1f1f1; opacity: 0; transition: opacity 0.3s; box-shadow: 0 2px 0 0 #e6e6e6; } .wnfilterbox ul > li .img { max-width: 194px; margin: 0 auto 10px; } .wnfilterbox ul > li .img a { display: block; } .wnfilterbox ul > li .img img { max-width: 80%; height: auto; } .wnfilterbox ul > li .price { min-height: 33px; font-size: 12px; line-height: 18px; } .wnfilterbox ul > li .price .wvat { font-size: 15px; } .hoverevents .wnfilterbox ul > li:hover { transform: translateY(-10px); } .hoverevents .wnfilterbox ul > li h2 a:hover::before { opacity: 1; } @media (max-width: 1023.98px) { .wnfilterbox > p { margin-bottom: 0; } .wnfilterbox ul { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; margin: 0 -15px; padding: 15px 15px; overflow-x: auto; } .wnfilterbox ul::-webkit-scrollbar { width: 10px; } .wnfilterbox ul::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .wnfilterbox ul::after { content: ''; -ms-flex: 1 0 15px; flex: 1 0 15px; max-width: 15px; } .wnfilterbox ul > li { min-width: 185px; } } @media (min-width: 1024px) { .wnfilterbox { padding: 30px 0; } .wnfilterbox ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wnfilterbox ul > li { padding: 20px 10px; } } .xlogincont > .hdr, .xlogincont > .ftr { display: none; } .xlogincont .tabformcont > .hdr .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 30px; text-align: center; } @media (min-width: 768px) { .xlogincont .tabformcont > .hdr .c p { font-size: 35px; } } .xlogincont .tabformcont:not(.logsuccess) + .tabformcont { padding-top: 0; } .xlogincont .logbusinfo .in > ul, .xlogincont .link > ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; margin-left: -10px; } .xlogincont .logbusinfo .in > ul > li, .xlogincont .link > ul > li { -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; margin-bottom: 10px; padding-left: 10px; font-size: 0; } .xlogincont .logbusinfo .in > ul > li a, .xlogincont .link > ul > li a { position: relative; display: block; height: 100%; padding: 20px 15px 15px; background-color: #ffffff; font-weight: normal; font-size: 18px; text-align: center; transition: transform 0.3s; } .xlogincont .logbusinfo .in > ul > li a::after, .xlogincont .link > ul > li a::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #f1f1f1; opacity: 0; transition: opacity 0.3s; box-shadow: 0 2px 0 0 #e6e6e6; } .xlogincont .logbusinfo .in > ul > li a::before, .xlogincont .link > ul > li a::before { content: ''; display: block; height: 52px; margin: 0 auto 20px; background-position: 50% 50%; background-repeat: no-repeat; } .xlogincont .shopping .link > ul:nth-child(1) > li:nth-child(1) a::before { background-image: url("../img/icon/orders.svg"); } .xlogincont .shopping .link > ul:nth-child(1) > li:nth-child(2) a::before { background-image: url("../img/icon/documents.svg"); } .xlogincont .shopping .link > ul:nth-child(1) > li:nth-child(3) a::before { background-image: url("../img/icon/reclamations.svg"); } .xlogincont .shopping .link > ul:nth-child(1) > li:nth-child(4) a::before { background-image: url("../img/icon/warranties.svg"); } .xlogincont .shopping .link > ul:nth-child(1) > li:nth-child(5) { display: none; } .xlogincont .shopping .link > ul:nth-child(1) > li:nth-child(5) a::before { background-image: url("../img/icon/licenses.svg"); } .xlogincont .shopping .link > ul:nth-child(1) > li:nth-child(6) a::before { background-image: url("../img/icon/edits.svg"); } .xlogincont .shopping .link > ul:nth-child(1) > li:nth-child(7) a::before { background-image: url("../img/icon/new-reclamation.svg"); } .xlogincont .shopping .link > ul:nth-child(1) > li:nth-child(8) a::before { background-image: url("../img/icon/statistics.svg"); } .xlogincont .settings .link > ul:nth-child(1) > li:nth-child(1) a::before { background-image: url("../img/icon/billing-info.svg"); } .xlogincont .settings .link > ul:nth-child(1) > li:nth-child(2) a::before { background-image: url("../img/icon/addresses.svg"); } .xlogincont .settings .link > ul:nth-child(1) > li:nth-child(3) a::before { background-image: url("../img/icon/users.svg"); } .xlogincont .settings .link > ul:nth-child(1) > li:nth-child(4) a::before { background-image: url("../img/icon/watchdog.svg"); } .xlogincont .settings .link > ul:nth-child(1) > li:nth-child(5) a::before { background-image: url("../img/icon/favorite.svg"); } .xlogincont .settings .link > ul:nth-child(1) > li:nth-child(6) a::before { background-image: url("../img/icon/change-password.svg"); } .xlogincont .settings .link > ul:nth-child(1) > li:nth-child(7) a::before { background-image: url("../img/icon/gdpr.svg"); } .xlogincont .logbusinfo .in > ul:nth-child(1) > li:nth-child(1) { display: none; } .xlogincont .logbusinfo .in > ul:nth-child(1) > li:nth-child(1) a::before { background-image: url("../img/icon/offers.svg"); } .xlogincont .logbusinfo .in > ul:nth-child(1) > li:nth-child(2) a::before { background-image: url("../img/icon/goods.svg"); } .xlogincont .logbusinfo .in > ul:nth-child(1) > li:nth-child(3) a::before { background-image: url("../img/icon/invoice-items.svg"); } .xlogincont .logbusinfo .in > ul:nth-child(1) > li:nth-child(4) a::before { background-image: url("../img/icon/undelivered-goods.svg"); } .xlogincont .logbusinfo .in > ul:nth-child(1) > li:nth-child(5) a::before { background-image: url("../img/icon/receivables.svg"); } .xlogincont .logbusinfo .in > ul:nth-child(1) > li:nth-child(6) a::before { background-image: url("../img/icon/delivery-notes.svg"); } .xlogincont .logbusinfo .in > ul:nth-child(1) > li:nth-child(7) a::before { background-image: url("../img/icon/delivery-2.svg"); } .xlogincont .logbusinfo .in > ul:nth-child(1) > li:nth-child(8) a::before { background-image: url("../img/icon/parameters.svg"); } .hoverevents .xlogincont .logbusinfo .in > ul > li > a:hover, .hoverevents .xlogincont .link > ul > li > a:hover { transform: translateY(-10px); } .hoverevents .xlogincont .logbusinfo .in > ul > li > a:hover::after, .hoverevents .xlogincont .link > ul > li > a:hover::after { opacity: 1; } @media (min-width: 480px) { .xlogincont .logbusinfo .in > ul, .xlogincont .link > ul { margin-bottom: -20px; margin-left: -20px; } .xlogincont .logbusinfo .in > ul > li, .xlogincont .link > ul > li { margin-bottom: 20px; padding-left: 20px; } .xlogincont .logbusinfo .in > ul > li a, .xlogincont .link > ul > li a { padding: 30px 20px 20px; } .xlogincont .logbusinfo .in > ul > li a::before, .xlogincont .link > ul > li a::before { margin-bottom: 30px; } } @media (min-width: 768px) { .xlogincont .logbusinfo .in > ul > li, .xlogincont .link > ul > li { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @media (min-width: 1024px) { .xlogincont .tabformcont > .hdr .c p { margin-bottom: 50px; } .xlogincont .logbusinfo .in > ul > li a, .xlogincont .link > ul > li a { padding: 60px 20px 50px; font-size: 24px; } .xlogincont .logbusinfo .in > ul > li a::before, .xlogincont .link > ul > li a::before { margin-bottom: 55px; } } #commandetails { display: none !important; } #persoo-search-results__filters .ais-HierarchicalMenu-list { line-height: 20px; } #persoo-search-results__filters .ais-HierarchicalMenu-item { margin-bottom: 10px; } #persoo-search-results__filters .ais-HierarchicalMenu-item:last-child { margin-bottom: 0; } #persoo-search-results__filters .ais-HierarchicalMenu-item .ais-HierarchicalMenu-list { padding: 10px 0 5px 22px; } #persoo-search-results__filters .ais-HierarchicalMenu-link { position: relative; display: -ms-flexbox; display: flex; padding-left: 22px; font-weight: normal; } #persoo-search-results__filters .ais-HierarchicalMenu-link::before { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; background-image: url("../img/icon/plus.svg"); background-repeat: no-repeat; background-size: 16px 16px; } #persoo-search-results__filters .ais-HierarchicalMenu-count { float: right; margin-left: auto; padding-left: 10px; color: #7f7f7f; text-align: right; } #persoo-search-results__filters .ais-HierarchicalMenu-count::before { content: '('; } #persoo-search-results__filters .ais-HierarchicalMenu-count::after { content: ')'; } #persoo-search-results__filters .ais-HierarchicalMenu-item--selected > div > .ais-HierarchicalMenu-link { font-weight: 500; } #persoo-search-results__filters .ais-HierarchicalMenu-item--selected > div > .ais-HierarchicalMenu-link::before { background-image: url("../img/icon/checkbox-green.svg"); } #persoo-search-results__filters .ais-RefinementList-list { margin-bottom: -10px; } #persoo-search-results__filters .ais-RefinementList-item { margin-bottom: 10px; } #persoo-search-results__filters .ais-RefinementList-label { display: -ms-flexbox; display: flex; } #persoo-search-results__filters .ais-RefinementList-count { float: right; margin-left: auto; padding-left: 10px; color: #7f7f7f; text-align: right; } #persoo-search-results__filters .ais-RefinementList-count::before { content: '('; } #persoo-search-results__filters .ais-RefinementList-count::after { content: ')'; } #persoo-search-results__filters .ais-RefinementList--noRefinement, #persoo-search-results__filters .ais-RefinementList--noRefinement + .ais-Panel-header { display: none !important; } .c-cards { margin-bottom: 30px; } .c-cards__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: -10px; margin-left: -10px; } .c-cards__item { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; padding-left: 10px; } @media (min-width: 768px) { .c-cards__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1024px) { .c-cards__item { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } .c-categories { margin-bottom: 30px; } .c-categories__title { margin-bottom: 15px; } .c-categories__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -5px -5px; } .c-categories__item { margin: 0 0 5px 5px; } .c-categories:not(.is-all-visible) .c-categories__item:nth-child(8) ~ .c-categories__item:not(.c-categories__item--btn), .c-categories.is-all-visible .c-categories__item--btn { display: none; } .confscanote { display: none; } .confprodarea { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px -10px; } .confprodarea > .confbox { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; padding-left: 10px; } @media (min-width: 768px) { .confprodarea { margin-bottom: 50px; } .confprodarea > .confbox { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1024px) { .confprodarea > .confbox { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } .c-crossroad { margin-bottom: 30px; } .c-crossroad__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: -10px; margin-left: -10px; } .c-crossroad__item { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; padding-left: 10px; } @media (min-width: 768px) { .c-crossroad__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1024px) { .c-crossroad__item { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } .exponea-rec-info { position: relative; height: auto !important; padding: 20px 0 30px !important; background-color: #ffffff; overflow: visible !important; } .exponea-rec-info::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .exponea-rec-info .rec-info-header { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 0; } @media (min-width: 768px) { .exponea-rec-info .rec-info-header { font-size: 35px; } } .exponea-rec-info .cat-info-ul { display: -ms-flexbox; display: flex; } .exponea-rec-info .cat-info-li { position: relative; -ms-flex: 0 0 16.666666667%; flex: 0 0 16.666666667%; max-width: 16.666666667%; padding: 20px 10px; background-color: #ffffff; line-height: 1.2; text-align: center; transition: transform 0.3s; } .exponea-rec-info .cat-info-li a { display: block; } .exponea-rec-info .rec-info-img { max-width: 70%; height: auto; margin-bottom: 10px; } .exponea-rec-info .rec-info-link { margin-bottom: 0; } .exponea-rec-info .rec-info-link a { color: #01447b !important; } .exponea-rec-info .rec-info-link a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #f1f1f1; opacity: 0; transition: opacity 0.3s; box-shadow: 0 2px 0 0 #e6e6e6; } .exponea-rec-info .rec-info-price { margin-top: 5px; margin-bottom: 0; color: #000000; } .exponea-rec-info #recommendations { margin: 0 !important; } .hoverevents .exponea-rec-info .cat-info-li:hover { transform: translateY(-10px); } .hoverevents .exponea-rec-info .rec-info-link a:hover::before { opacity: 1; } @media (max-width: 1023.98px) { .exponea-rec-info .cat-info-ul { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; margin: 0 -15px; padding: 15px 15px; overflow-x: auto; } .exponea-rec-info .cat-info-ul::-webkit-scrollbar { width: 10px; } .exponea-rec-info .cat-info-ul::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .exponea-rec-info .cat-info-ul::after { content: ''; -ms-flex: 1 0 15px; flex: 1 0 15px; max-width: 15px; } .exponea-rec-info .cat-info-li { min-width: 185px; } } @media (max-width: 767.98px) { .exponea-rec-info .rec-info-header { text-align: center; } } @media (min-width: 768px) { .exponea-rec-info { padding: 40px 0 60px !important; } .exponea-rec-info .rec-info-header { margin-bottom: 25px; } } @media (min-width: 1024px) { .exponea-rec-info .cat-info-ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-files__title { margin: 0 0 10px; padding: 5px 0; } .c-files__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -3px -3px; } .c-files__item { max-width: 100%; margin: 0 0 3px 3px; } @media (min-width: 768px) { .c-files { display: -ms-flexbox; display: flex; } .c-files__title { margin-right: 60px; margin-bottom: 0; } } .gallarea { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .gallarea > .page_delimiter { -ms-flex: 0 0 100%; flex: 0 0 100%; height: 64px; margin-top: -64px; } .gallarea > .prodbox, .gallarea > .sprtbanner { margin-bottom: 10px; } .gallarea > .prodbox { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; background-clip: padding-box; } .gallarea > .sprtbanner { display: -ms-flexbox; display: flex; width: 100%; } .gallarea > .sprtbanner > * { width: 100%; } .gallarea > .sprtbanner img { width: 100%; height: auto; } .gallarea > .sprtbanner + .sprtbanner { display: none; } @media (min-width: 768px) { .gallarea > .page_delimiter { height: 74px; margin-top: -74px; } } html:not([data-products-view='listbox']) .gallarea { margin-left: -10px; } html:not([data-products-view='listbox']) .gallarea > .prodbox, html:not([data-products-view='listbox']) .gallarea > .sprtbanner { border-left: 10px solid transparent; } @media (min-width: 768px) { html:not([data-products-view='listbox']) .gallarea > .prodbox { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1024px) { html:not([data-products-view='listbox']) .gallarea > .prodbox { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } @media (min-width: 1360px) { html:not([data-products-view='listbox']) .gallarea > .prodbox { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .lastvisited { position: relative; padding-top: 30px; padding-bottom: 30px; background-color: #ffffff; } .lastvisited::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .lastvisited ul { display: -ms-flexbox; display: flex; } .lastvisited li { position: relative; -ms-flex: 0 0 0px; flex: 0 0 0; padding: 20px 10px; background-color: #ffffff; text-align: center; transition: transform 0.3s; } .lastvisited img { max-width: 70%; height: auto; margin-bottom: 10px; } .lastvisited .hdr p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-bottom: 0; text-align: center; } .lastvisited .stiplname { line-height: 1.2; } .lastvisited .stiplname::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #f1f1f1; opacity: 0; transition: opacity 0.3s; box-shadow: 0 2px 0 0 #e6e6e6; } .persooLocation .lastvisited, #persoo-search ~ .lastvisited { display: none; } .hoverevents .lastvisited li:hover { transform: translateY(-10px); } .hoverevents .lastvisited .stiplname:hover::before { opacity: 1; } @media (max-width: 1023.98px) { .lastvisited ul { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; margin: 0 -15px; padding: 0 15px; border-bottom: 1px solid #e6e6e6; overflow-x: auto; } .lastvisited ul::-webkit-scrollbar { width: 10px; } .lastvisited ul::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .lastvisited ul::after { content: ''; -ms-flex: 1 0 20px; flex: 1 0 20px; max-width: 20px; } .lastvisited li { min-width: 185px; } } @media (min-width: 768px) { .lastvisited { margin-bottom: -60px; padding-bottom: 20px; } .lastvisited .hdr p { margin-bottom: 25px; text-align: left; } } @media (min-width: 1024px) { .lastvisited { border-bottom: 1px solid #e6e6e6; } .lastvisited ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .lastvisited li { -ms-flex-preferred-size: 20%; flex-basis: 20%; min-width: 0; } } @media (min-width: 1200px) { .lastvisited li { -ms-flex-preferred-size: 16.666666667%; flex-basis: 16.666666667%; } } .lb-results .prodbox, #lb-results .prodbox { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; border-left: 10px solid transparent; background-clip: padding-box; } @media (min-width: 768px) { .persoo-filters-wrapper.is-toggled + .persoo-search-results__items .lb-results .prodbox, .persoo-filters-wrapper.is-toggled + .persoo-search-results__items #lb-results .prodbox { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1024px) { .lb-results .prodbox, #lb-results .prodbox { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .persoo-filters-wrapper.is-toggled + .persoo-search-results__items .lb-results .prodbox, .persoo-filters-wrapper.is-toggled + .persoo-search-results__items #lb-results .prodbox { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } @media (min-width: 1360px) { .lb-results .prodbox, #lb-results .prodbox { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } .persoo-filters-wrapper.is-toggled + .persoo-search-results__items .lb-results .prodbox, .persoo-filters-wrapper.is-toggled + .persoo-search-results__items #lb-results .prodbox { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .lb-no-results { margin-top: 20px !important; padding: 0 !important; background-color: transparent !important; } .listboxcont { margin-bottom: 30px; } .c-minibnrs__item { margin-bottom: 5px; } .c-minibnrs__link { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 9px; border: 1px solid #e6e6e6; font-weight: normal; } .c-minibnrs__btn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; padding: 10px 15px; font-size: 15px; white-space: nowrap; } .hoverevents .c-minibnrs__btn:hover { background-color: #005499; text-decoration: none; } @media (max-width: 479.98px) { .c-minibnrs__link { -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-minibnrs__btn { width: 100%; margin-top: 10px; } } @media (min-width: 480px) { .c-minibnrs__link { padding: 4px 4px 4px 9px; } .c-minibnrs__btn { margin-left: 10px; } } .persoo-hits-empty-root { display: block; max-width: 500px; margin-right: auto; margin-left: auto; text-align: center; } .persoo-hits-empty-root > h2 { margin-bottom: 20px; font-size: inherit; } .persoo-hits-empty-root > ul { display: inline-block; text-align: left; } .lb-results, .persoo-hits-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; margin-left: -10px; } .persoo-hits-item.persoo-hits-item { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; border-left: 10px solid transparent; } .persoo-hits-item.persoo-hits-item .prodbox { height: 100%; } .persoo-hits-item.persoo-hits-item .prodbox .img { margin-top: 0; } .persoo-hits-item.persoo-hits-item .persoo-result-item-image__wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } @media (min-width: 768px) { .persoo-filters-wrapper.is-toggled + .persoo-search-results__items .persoo-hits-item.persoo-hits-item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1024px) { .persoo-hits-item.persoo-hits-item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .persoo-filters-wrapper.is-toggled + .persoo-search-results__items .persoo-hits-item.persoo-hits-item { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } @media (min-width: 1360px) { .persoo-hits-item.persoo-hits-item { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } .persoo-filters-wrapper.is-toggled + .persoo-search-results__items .persoo-hits-item.persoo-hits-item { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .c-product-alternatives { position: relative; background-color: #ffffff; } .c-product-alternatives::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .c-product-alternatives__header { margin-bottom: 10px; } .c-product-alternatives__btns { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: auto; } .c-product-alternatives__btn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 9px 19px; font-size: 15px; min-height: 40px; margin-left: 10px; } .hoverevents .c-product-alternatives__btn:hover { background-color: #005499; text-decoration: none; } .hoverevents .c-product-alternatives__btn:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } .c-product-alternatives__title { margin-bottom: 0; } .c-product-alternatives__holder { overflow-y: auto; scrollbar-width: none; scrollbar-face-color: #ffffff; } .c-product-alternatives__holder::-webkit-scrollbar { display: none; } .c-product-alternatives__list { display: -ms-flexbox; display: flex; margin-left: -10px; } .c-product-alternatives__item { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; border-left: 10px solid transparent; } .c-product-alternatives__item .prodbox.prodbox { height: 100%; border: 1px solid #e6e6e6; } .c-product-alternatives__btn--prev, .c-product-alternatives__btn--next { background-image: url("../img/icon/angle-blue-r.svg"); background-position: 55% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .c-product-alternatives__btn--prev { transform: scaleX(-1); } .hoverevents .c-product-alternatives__btn--prev:hover, .hoverevents .c-product-alternatives__btn--next:hover { background-image: url("../img/icon/angle-r.svg"); } .c-product-alternatives.is-filtered .c-product-alternatives__item:not([data-alternatives-filter-show]) { display: none; } @media (max-width: 767.98px) { .c-product-alternatives { padding-right: 15px; padding-left: 15px; } .c-product-alternatives::before { display: none; } .c-product-alternatives__title { position: relative; padding: 15px 50px 15px 15px; background-color: #ffffff; font-size: 24px; line-height: 1.25; margin-right: -15px; margin-bottom: 10px; margin-left: -15px; } .c-product-alternatives__title::after { content: ''; position: absolute; top: 20px; right: 15px; width: 20px; height: 20px; background-image: url("../img/icon/angle-d-orange.svg"); background-size: 20px 20px; transition: transform 0.3s; } .c-product-alternatives__filter { margin-bottom: 20px; } .c-product-alternatives__btns { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin-left: -10px; } .c-product-alternatives__btn:not(.c-product-alternatives__btn--next):not(.c-product-alternatives__btn--prev):last-child { -ms-flex-order: -1; order: -1; margin-right: auto; } .c-product-alternatives__holder { margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; } .c-product-alternatives__list::after { content: ''; display: block; -ms-flex: 0 0 15px; flex: 0 0 15px; } .c-product-alternatives:not(.is-toggled) .c-product-alternatives__holder, .c-product-alternatives:not(.is-toggled) .c-product-alternatives__filter, .c-product-alternatives:not(.is-toggled) .c-product-alternatives__btns { display: none; } .c-product-alternatives.is-toggled .c-product-alternatives__title::after { transform: scaleY(-1); } } @media (max-width: 479.98px) { .c-product-alternatives__btn:not(.c-product-alternatives__btn--next):not(.c-product-alternatives__btn--prev):last-child { width: 100%; margin-bottom: 10px; } } @media (min-width: 768px) { .c-product-alternatives { padding: 50px 0; } .c-product-alternatives__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .c-product-alternatives__filter { margin-right: 20px; } .c-product-alternatives__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .c-product-alternatives__item--sticky { position: -webkit-sticky; position: sticky; top: 0; left: -10px; z-index: 2; } } @media (min-width: 768px) and (max-width: 1023.98px) { .c-product-alternatives__header { -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-product-alternatives__title { width: 100%; margin-bottom: 20px; } } @media (min-width: 1024px) { .c-product-alternatives__filter { margin-left: 30px; } .c-product-alternatives__item { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } @media (min-width: 1360px) { .c-product-alternatives__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .productlistjx { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .productlistjx .gallarea { width: calc(100% + 10px); } .productlistjx .stilistpagebtm { -ms-flex-order: 1; order: 1; width: 100%; margin-top: 15px; } .productlistjx .stilistpagebtm > .cnt { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .productlistjx:not(:last-child) { margin-bottom: 30px; } .productlistjx #prevpagebtn, .productlistjx #nextpagebtn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; padding: 14px 19px; font-size: 17px; position: relative; white-space: nowrap; } .hoverevents .productlistjx #prevpagebtn:hover, .hoverevents .productlistjx #nextpagebtn:hover { background-color: #005499; text-decoration: none; } .hoverevents .productlistjx #prevpagebtn:hover, .hoverevents .productlistjx #nextpagebtn:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } @media (min-width: 768px) { .productlistjx #prevpagebtn, .productlistjx #nextpagebtn { padding: 19px 39px; font-size: 17px; } } .productlistjx #prevpagebtn { margin: 30px auto 40px; } .productlistjx .noitems { margin-bottom: 60px; } .productlistjx .noitems p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-bottom: 0; padding-top: 2px; padding-left: 50px; background-image: url("../img/icon/search.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: 32px 32px; } .productlistjx .stilistpagetop { display: none; } .productlistjx .loadingprodlist + #nextpagebtn { display: none; } .productlistjx.infinPage .stilistpagebtm .pagenav, .productlistjx.classicPage #nextpagebtn { display: none; } .productlistjx.classicPage .stilistpagebtm { margin-top: 0; } @media (max-width: 767.98px) { .productlistjx .stilistpagebtm > .cnt { -ms-flex-wrap: wrap; flex-wrap: wrap; } .productlistjx .to-top { -ms-flex-order: 1; order: 1; width: 100%; margin-top: 15px; text-align: center; } } @media (min-width: 768px) { .productlistjx:not(:last-child) { margin-bottom: 50px; } .productlistjx .stilistpagebtm { margin-top: 30px; } .productlistjx .stilistpagebtm > .cnt { -ms-flex-pack: justify; justify-content: space-between; } .productlistjx .stilistpagebtm .pagenav { margin-left: auto; } } @media (min-width: 768px) and (max-width: 1023.98px) { .productlistjx.infinPage .stilistpagebtm > .cnt { -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1024px) { .productlistjx .stilistpagebtm { margin-top: -60px; } .productlistjx .stitabarea ~ .stilistpagebtm { margin-top: 30px; } .productlistjx #nextpagebtn { margin: 0 352px; } .productlistjx .lb-pagination__pager #nextpagebtn { margin: 0 auto; } } .c-products-vs__title { margin-bottom: 0; } .c-products-vs__list { display: -ms-flexbox; display: flex; margin-left: -10px; } .c-products-vs__item { -ms-flex: 1 0 50%; flex: 1 0 50%; min-width: 0; max-width: 50%; border-left: 10px solid transparent; } .c-products-vs__item, .c-products-vs__btn-wrap { margin-bottom: 10px; } .c-products-vs__btn-wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 15px; background-color: #ffffff; } .c-products-vs__btn-wrap a { position: relative; padding-right: 81px; padding-left: 30px; } .c-products-vs__btn-wrap a::after { content: ''; position: absolute; top: 0; right: 0; width: 51px; height: 100%; border-left: 1px solid #358d1c; background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .c-products-vs__btn-wrap a::after { background-image: url("../img/icon/angle-r.svg"); } .c-products-vs__btn-wrap a::after { border-color: #005499; } @media (max-width: 767.98px) { .c-products-vs__title { position: relative; padding: 15px 50px 15px 15px; background-color: #ffffff; font-size: 24px; line-height: 1.25; } .c-products-vs__title::after { content: ''; position: absolute; top: 20px; right: 15px; width: 20px; height: 20px; background-image: url("../img/icon/angle-d-orange.svg"); background-size: 20px 20px; transition: transform 0.3s; } .c-products-vs__holder { background-color: #ffffff; } .c-products-vs__list { position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-products-vs__list::before { content: 'vs'; position: absolute; top: 50%; left: 50%; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; padding-bottom: 3px; border-radius: 50%; background-color: #0072c1; color: #ffffff; font-weight: 500; font-size: 16px; pointer-events: none; } .c-products-vs:not(.is-toggled) .c-products-vs__holder { display: none; } .c-products-vs.is-toggled .c-products-vs__title::after { transform: scaleY(-1); } } @media (min-width: 768px) { .c-products-vs { padding: 50px 0; } .c-products-vs__title { margin-bottom: 30px; } .c-products-vs__item { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: none; } .c-products-vs__item + .c-products-vs__item { position: relative; } .c-products-vs__item + .c-products-vs__item::before { content: 'vs'; position: absolute; top: 50%; left: 50%; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; padding-bottom: 3px; border-radius: 50%; background-color: #0072c1; color: #ffffff; font-weight: 500; font-size: 16px; pointer-events: none; left: -25px; margin-left: 0; } .c-products-vs__item + .c-products-vs__item::before { content: 'vs'; } .c-products-vs__btn-wrap { padding: 25px; } } @media (min-width: 1024px) { .c-products-vs__holder { display: -ms-flexbox; display: flex; } .c-products-vs__list { -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 70%; } .c-products-vs__item { min-width: 170px; } .c-products-vs__btn-wrap { position: relative; z-index: 1; -ms-flex: 1 0 30%; flex: 1 0 30%; margin-left: 10px; } .c-products-vs__btn-wrap::before { content: 'vs'; position: absolute; top: 50%; left: 50%; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; padding-bottom: 3px; border-radius: 50%; background-color: #0072c1; color: #ffffff; font-weight: 500; font-size: 16px; pointer-events: none; content: ''; left: -25px; margin-left: 0; background-image: url("../img/icon/equals.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px 24px; } } @media (min-width: 1200px) { .c-products-vs__item { min-width: 200px; } } #recommendation-hp { margin-top: 0 !important; margin-bottom: 50px !important; } .sti_relation_condoffer { margin-bottom: 30px; padding-top: 30px; } .sti_relation_condoffer .hdr p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 20px; } @media (min-width: 768px) { .sti_relation_condoffer .hdr p { font-size: 35px; } } .sti_relation_condoffer .grpdelimiter { display: none; } .sti_relation_condoffer .boxholder { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; } .sti_relation_condoffer .boxholder > .grpheader { width: 100%; font-weight: 500; } .sti_relation_condoffer .boxholder > .grpheader:not(:first-child) { margin-top: 20px; } .sti_relation_condoffer .boxholder > .grpheader, .sti_relation_condoffer .boxholder > .prodbox { margin-bottom: 10px; border-left: 10px solid transparent; } .sti_relation_condoffer .boxholder > .prodbox { width: 33.333333333%; background-clip: padding-box; } @media (min-width: 768px) { .sti_relation_condoffer { margin-bottom: 50px; padding-top: 60px; } } #stiadvsrvholder { position: relative; } #stiadvsrvholder::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } #stiadvsrvholder h2 { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.571428571; margin-bottom: 20px; } @media (min-width: 768px) { #stiadvsrvholder h2 { font-size: 35px; } } #stiadvsrvholder .stitab { width: 100%; margin: 0 0 60px; border: 1px solid #e6e6e6; } #stiadvsrvholder .stitab, #stiadvsrvholder .stitab tr, #stiadvsrvholder .stitab th, #stiadvsrvholder .stitab td { display: block; } #stiadvsrvholder .stitab tbody { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 19px; } #stiadvsrvholder .stitab tbody > * { width: 100%; } #stiadvsrvholder .stitab tr:first-child { display: none; } #stiadvsrvholder .stitab tr:first-child + tr { margin-top: 0; } #stiadvsrvholder .stitab .stiadvsrvsspitem, #stiadvsrvholder .stitab .stiadvsrvitem { margin-bottom: 20px; padding: 0; } #stiadvsrvholder .stitab .sspnote { margin-bottom: 0; padding: 0; color: #000000; } #stiadvsrvholder .stitab .sspnote td > *:last-child { margin-bottom: 0; } #stiadvsrvholder .stitab .sspnote p.h2 { margin-bottom: 20px; } #stiadvsrvholder .stitab .sspnote ul { font-weight: 500; } #stiadvsrvholder .stitab .stiadvsrvsspitem { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 20px; } #stiadvsrvholder .stitab .stiadvsrvsspitem .sspico { margin-right: 5px; } #stiadvsrvholder .stitab .stiadvsrvsspitem .sspname { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.555555556; padding-top: 2px; line-height: 24px; } #stiadvsrvholder .stitab .stiadvsrvsspitem .sspname .h2 { margin-bottom: 0; } #stiadvsrvholder .stitab .stiadvsrvsspitem .sspname ~ * { display: none; } #stiadvsrvholder .stitab .stiadvsrvitem { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 20px; padding: 10px 15px; border: 1px solid #e6e6e6; transition: border-color 0.3s; } #stiadvsrvholder .stitab .stiadvsrvitem:last-child { margin-bottom: 0; } #stiadvsrvholder .stitab .stiadvsrvitem::before { content: ''; position: absolute; top: 0; right: 0; width: 34px; height: 34px; background-image: url("../img/icon/checkbox.svg"), linear-gradient(45deg, transparent, transparent 50%, #0072c1 50%); background-position: top 2px right 2px, 50% 50%; background-repeat: no-repeat; background-size: 16px 16px, 100% 100%; opacity: 0; transition: opacity 0.3s; pointer-events: none; } #stiadvsrvholder .stitab .stiadvsrvitem input[type='checkbox'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } #stiadvsrvholder .stitab .stiadvsrvitem .thimg, #stiadvsrvholder .stitab .stiadvsrvitem .ordcount, #stiadvsrvholder .stitab .stiadvsrvitem .status, #stiadvsrvholder .stitab .stiadvsrvitem .buyout, #stiadvsrvholder .stitab .stiadvsrvitem .lastcol { display: none; } #stiadvsrvholder .stitab .stiadvsrvitem .name, #stiadvsrvholder .stitab .stiadvsrvitem .wvat { font-size: 15px; line-height: 1.333333333; } #stiadvsrvholder .stitab .stiadvsrvitem .name { font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 500; } #stiadvsrvholder .stitab .stiadvsrvitem .wvat { color: #4c4c4c; white-space: nowrap; } #stiadvsrvholder .stitab .stiadvsrvitem .wvat::before { content: '('; } #stiadvsrvholder .stitab .stiadvsrvitem .wvat::after { content: ')'; } #stiadvsrvholder .stitab .stiadvsrvitem + .stiadvsrvitem { margin-top: -10px; } #stiadvsrvholder .stitab .stiadvsrvitem.inbasket { border-color: #0072c1; } #stiadvsrvholder .stitab .stiadvsrvitem.inbasket::before { opacity: 1; } .hoverevents #stiadvsrvholder .stitab .stiadvsrvitem:hover { border-color: #0072c1; } @media (max-width: 767.98px) { #stiadvsrvholder h2 { text-align: center; } } @media (min-width: 768px) { #stiadvsrvholder .stitab tbody { padding: 29px; } #stiadvsrvholder .stitab .stiadvsrvitem { margin-bottom: 30px; padding: 28px 24px; } #stiadvsrvholder .stitab .stiadvsrvitem + .stiadvsrvitem { margin-top: -20px; } #stiadvsrvholder .stitab .stiadvsrvsspitem { margin-top: 30px; } } #sticommentgallery { padding: 20px; background-color: #ffffff; } @media (min-width: 768px) { #sticommentgallery { padding: 30px 40px; } } #stigalleryul, #sticommentgallery ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; margin-left: -10px; } #stigalleryul li, #sticommentgallery ul li { position: relative; width: 80px; height: 80px; margin: 0 0 10px 10px; } #stigalleryul a, #sticommentgallery ul a { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } #stigalleryul img, #sticommentgallery ul img { max-width: 100%; max-height: 100%; } #stigalleryul p, #sticommentgallery ul p { margin-bottom: 0; font-size: 13px; } #stigalleryul p + img, #sticommentgallery ul p + img { display: none; } #stigalleryul { -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { #stigalleryul { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 20px; margin-left: 0; overflow-x: auto; } #stigalleryul::-webkit-scrollbar { width: 10px; } #stigalleryul::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } #stigalleryul li { -ms-flex: 1 0 60px; flex: 1 0 60px; width: 60px; height: 60px; margin-left: 0; } #stigalleryul li:not(:last-child) { margin-right: 10px; } } .stitabarea { width: 100%; } .stitabarea .colsviewer { display: none; } .stitabarea .stitab { width: 100%; margin: 0; border: 0; } .stitabarea .stitab, .stitabarea .stitab tbody, .stitabarea .stitab tr { display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .stitabarea .stitab > tbody > tr { padding: 10px; background-color: #ffffff; font-size: 14px; line-height: 1.285714286; } .stitabarea .stitab > tbody > tr:not(.hdr) { position: relative; min-height: 103px; margin-bottom: 4px; } .stitabarea .stitab > tbody > tr > th, .stitabarea .stitab > tbody > tr > td { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 140px; padding-right: 10px; padding-left: 10px; } .stitabarea .stitab .color_row { background-color: #f5fbff; } .stitabarea .stitab .sprtbannertr { display: none !important; } .stitabarea .stitab .code { display: block !important; -ms-flex-order: 1; order: 1; width: 80px; padding-right: 0; font-weight: bold; } .stitabarea .stitab .code a { color: #0072c1; font-weight: inherit; } .stitabarea .stitab .name { -ms-flex-order: 2; order: 2; width: calc(100% - 560px - 80px); font-weight: normal; line-height: inherit; } .stitabarea .stitab .name h2 { color: #0072c1; font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: inherit; font-size: inherit; line-height: inherit; } .stitabarea .stitab .name h2 a { text-decoration: underline; } .stitabarea .stitab .note { -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-order: 7; order: 7; width: calc(100% - 140px); margin-top: 12px; padding-left: 27px; background-image: url("../img/icon/product-table-note.svg"); background-position: 10px 4px; background-repeat: no-repeat; background-size: 10px 10px; color: #979797; } .stitabarea .stitab .note p { margin-bottom: 0; } .stitabarea .stitab .prc, .stitabarea .stitab .rf { color: inherit; font-weight: normal; font-size: inherit; line-height: inherit; } .stitabarea .stitab .prc strong, .stitabarea .stitab .rf strong { font-weight: inherit; } .stitabarea .stitab .rf { -ms-flex-order: 4; order: 4; } .stitabarea .stitab .prc.wvat { -ms-flex-order: 6; order: 6; font-weight: bold; } .stitabarea .stitab .prc.wovat { display: block !important; -ms-flex-order: 3; order: 3; } .stitabarea .stitab .prc.wovat.dcp { -ms-flex-order: 5; order: 5; } .stitabarea .stitab .prc::before, .stitabarea .stitab .prc.plprice { display: none !important; } .stitabarea .stitab .stock { -ms-flex-order: 8; order: 8; width: calc(100% - 140px); margin-top: 18px; } .stitabarea .stitab td.buy { position: absolute; top: 40px; right: 10px; -ms-flex-order: 9; order: 9; } .stitabarea .stitab .inp_txt_qty input { margin-bottom: 6px; padding: 1px 3px; border-color: currentColor; color: #01447b; font-size: inherit; line-height: inherit; text-align: center; } .stitabarea .stitab .btn_qty { top: 0; bottom: auto; width: 22px; height: 22px; border-color: #01447b; background-color: #ffffff; background-size: 5px 6px; transition: background-color 0.3s; } .stitabarea .stitab .btn_qty--plus { background-image: url("../img/icon/triangle-r.svg"); } .stitabarea .stitab .btn_qty--minus { right: auto; left: 0; background-image: url("../img/icon/triangle-l.svg"); } .stitabarea .stitab .btnn.buy > a { width: 100%; padding: 5px 9px; font-size: inherit; line-height: inherit; } .stitabarea .stitab .btnn.buy > a > em, .stitabarea .stitab .btnn.buy > a > span, .stitabarea .stitab .btnn.buy > a > strong > q::before, .stitabarea .stitab .btnn.buy > a > strong > q::after { display: none; } .stitabarea .stitab .stiqty { display: block; margin-bottom: -5px; border: 0; font-size: inherit; line-height: inherit; } .stitabarea .stitab .stiqty tr { margin-bottom: 0; margin-left: -20px; padding-right: 0; } .stitabarea .stitab .stiqty td { -ms-flex: 0 1 80px; flex: 0 1 80px; margin-left: 20px; } .stitabarea .stitab .stiqtyin { margin-bottom: 5px; font-size: 0; } .stitabarea .stitab .stiqtyin > a { display: -ms-flexbox; display: flex; font-size: 14px; line-height: 1; } .stitabarea .stitab .stiqtyin > a::before { display: none; } .stitabarea .stitab .stiqtyin > a > em { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; } .stitabarea .stitab .stiqtyin > a > em.imgyes { color: #4aaa2f; } .stitabarea .stitab .stiqtyin > a > em.imgno, .stitabarea .stitab .stiqtyin > a > em.imgout, .stitabarea .stitab .stiqtyin > a > em.imgout48h, .stitabarea .stitab .stiqtyin > a > em.imgout4d, .stitabarea .stitab .stiqtyin > a > em.imgout7d, .stitabarea .stitab .stiqtyin > a > em.imgout10d, .stitabarea .stitab .stiqtyin > a > em.imgout15d, .stitabarea .stitab .stiqtyin > a > em.imgout30d { color: #f7b626; } .stitabarea .stitab .stiqtyin > a > em.way, .stitabarea .stitab .stiqtyin > a > em.isbundle { color: #0072c1; } .stitabarea .stitab .stiqtyin > a > em::before { content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background-color: currentColor; } .stitabarea .stitab .qty { -ms-flex-order: 1; order: 1; color: inherit; font-size: inherit; } .stitabarea .stitab .qty::after { display: none; } .stitabarea .stitab .hdr { position: -webkit-sticky; position: sticky; top: 63px; z-index: 1; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; margin-bottom: 3px; padding: 0 10px; border-bottom: 1px solid #e6e6e6; background-color: #ffffff; color: #000000; font-weight: 500; } .stitabarea .stitab .hdr th { padding-top: 13px; padding-bottom: 13px; color: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; } .stitabarea .stitab .hdr .prc.wvat { font-weight: inherit; } .stitabarea .stitab .hdr .name { width: calc(100% - 560px); } .stitabarea .stitab .hdr .code, .stitabarea .stitab .hdr .note, .stitabarea .stitab .hdr .empty, .stitabarea .stitab .hdr [title='Košík'] { display: none !important; } .stitabarea .stitab .thimg { display: none; } .hoverevents .stitabarea .stitab .btn_qty:hover { background-color: #e6e6e6; } .hoverevents .stitabarea .stitab .name h2 a:hover { text-decoration: none; } @media (max-width: 1023.98px) { .stitabarea .stitab .name { width: calc(100% - 140px - 80px); margin-right: 140px; margin-bottom: 12px; } .stitabarea .stitab td.buy { top: 50%; margin-top: -28px; } .stitabarea .stitab .hdr .name { display: none; } } @media (max-width: 767.98px) { .stitabarea .stitab .name { width: calc(100% - 80px); margin-right: 0; } .stitabarea .stitab .note, .stitabarea .stitab .stock { width: 100%; } .stitabarea .stitab .prc, .stitabarea .stitab .rf { width: 25%; } .stitabarea .stitab td.buy { position: static; top: auto; right: auto; width: 100%; margin-top: 15px; } .stitabarea .stitab .hdr { top: 53px; } .stitabarea .stitab .hdr > th { padding-top: 5px; padding-bottom: 5px; } } @media (max-width: 479.98px) { .stitabarea .stitab .prc, .stitabarea .stitab .rf { width: 50%; margin-top: 10px; } .stitabarea .stitab .stiqty td { -ms-flex-preferred-size: auto; flex-basis: auto; } .stitabarea .stitab .hdr { -ms-flex-wrap: wrap; flex-wrap: wrap; } .stitabarea .stitab .hdr .prc, .stitabarea .stitab .hdr .rf { margin-top: 0; } } @media (min-width: 1024px) { .stitabarea .stitab .inp_txt_qty .in { position: relative; padding-right: 21px; padding-left: 21px; } } #support_left { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 25px; padding-bottom: 25px; } #support_left::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } #support_left > a { margin: 5px; } #support_left + br { display: none; } @media (max-width: 767.98px) { #support_left { display: none; } } .c-tiles { margin-bottom: 30px; } .c-tiles__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-bottom: -10px; margin-left: -10px; } .c-tiles__item { -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 10px; padding-left: 10px; } @media (min-width: 1024px) { .c-tiles__item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .frmauth { position: relative; width: 370px; max-width: 100%; color: #000000; } .frmauth .c p { color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-bottom: 15px; text-align: center; } .frmauth .r { display: none; } .frmauth .btnnlogin { width: 50%; margin-bottom: 30px; } .frmauth .btnnlogin input[type='submit'], .frmauth .btnnlogin a { display: block; width: 100%; } .frmauth .forgotpswd { position: relative; font-size: 0; text-align: center; } .frmauth .forgotpswd > * { font-size: 15px; line-height: 1.466666667; } .frmauth .forgotpswd > span { display: block; } .frmauth .forgotpswd > a { display: inline-block; } .frmauth .forgotpswd > a + a { position: absolute; right: 0; bottom: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; width: calc(50% - 10px); height: 50px; margin-bottom: 30px; margin-left: 10px; } #loginpop .frmauth { padding: 29px 19px 19px; border: 1px solid #e6e6e6; background-color: #ffffff; } #loginpop .frmauth .r { position: absolute; top: -1px; right: -1px; display: block; width: 30px; height: 30px; background-image: url("../img/icon/close.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; opacity: 0.75; transition: opacity 0.3s; cursor: pointer; } .hoverevents .frmauth .r:hover { opacity: 1; } form[name='frmPermis'] { max-width: 850px; margin: 0 auto 60px; text-align: center; } form[name='frmPermis'] .tabform { padding: 20px; background-color: #ffffff; display: block; color: #000000; text-align: left; } @media (min-width: 768px) { form[name='frmPermis'] .tabform { padding: 30px 40px; } } form[name='frmPermis'] .tabform, form[name='frmPermis'] .tabform th, form[name='frmPermis'] .tabform td { border: 0; } form[name='frmPermis'] .tabform th, form[name='frmPermis'] .tabform td { padding: 3px; } form[name='frmPermis'] .tabform input[type='checkbox'], form[name='frmPermis'] .tabform input[type='radio'] { position: relative; top: 1px; margin-right: 5px; } form[name='frmPermis'] .button[value='Reset'] { margin: 0; padding: 0; border: 0; background-color: transparent; color: #01447b; font-weight: 500; text-decoration: none; transition: color 0.3s; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; background-color: transparent; color: #01447b; color: #ff0000; } .hoverevents form[name='frmPermis'] .button[value='Reset']:hover { text-decoration: underline; } form[name='frmPermis'] .button[value='Uložit'] { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; background-color: #4aaa2f; } .hoverevents form[name='frmPermis'] .button[value='Uložit']:hover { background-color: #005499; text-decoration: none; } .hoverevents form[name='frmPermis'] .button[value='Uložit']:hover { background-color: #54c135; } form[name='frmPermis'] .button + .button { margin-left: 15px; } #importbasketform { max-width: 850px; } #importbasketform .inp-radio { margin-left: 5px; } #importbasketform .button { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; margin: 20px 0; } .hoverevents #importbasketform .button:hover { background-color: #005499; text-decoration: none; } #importbasketform table { margin-top: 20px; } #importbasketform table, #importbasketform table th, #importbasketform table td { padding: 0; border: 0; } .msform input[type='button'] { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents .msform input[type='button']:hover { background-color: #005499; text-decoration: none; } .srchformcont { position: relative; -ms-flex-order: -1; order: -1; margin-bottom: 20px; padding: 15px 115px 15px 15px; background-color: #ffffff; } .srchformcont ~ .valtable { margin-bottom: 0; } .srchformcont table, .srchformcont th, .srchformcont td { border: 0; } .srchformcont th, .srchformcont td { vertical-align: middle; padding: 0 5px; white-space: nowrap; } .srchformcont table { margin-bottom: 0; } .srchformcont table ~ br { display: none; } .srchformcont tr { font-size: inherit !important; } .srchformcont tr + tr th, .srchformcont tr + tr td { padding-top: 10px; } .srchformcont td:not([colspan]) select { width: 100% !important; } .srchformcont td[width='100%'] { width: auto !important; } .srchformcont td[colspan='10'] select { display: inline-block; margin-left: 5px; } .srchformcont td[colspan='10'] select:not(:last-child) { margin-right: 10px; } .srchformcont select, .srchformcont input[type='text'], .srchformcont .input_text { margin-bottom: 0; } .srchformcont .btnn a { padding: 10px 15px; font-size: 15px; } .srchformcont .coltitle { display: block; } .srchformcont .coltitle + select { width: 100% !important; } .srchformcont .filteritem.btnn, .srchformcont .btncell { position: absolute; right: 15px; bottom: 15px; width: auto; margin: 0; } .srchformcont .filteritem.btnn .coltitle, .srchformcont .btncell .coltitle { display: none; } .srchformcont .srchtabform, .srchformcont .srchtabform tbody { display: block; } .srchformcont .srchtabform tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: -10px; } .srchformcont .srchtabform tr > *:not(.btncell) { margin-bottom: 10px; } .srchformcont .srchtabform th, .srchformcont .srchtabform td { display: block; } .srchformcont .srchtabform + br { display: none; } .srchformcont .srchtabform .inp-checkbox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 40px; margin-top: 29px; } @media (max-width: 1199.98px) { .srchformcont { padding: 15px 10px; } .srchformcont .srchtabform { position: relative; padding-bottom: 60px; } .srchformcont tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .srchformcont td:not(.btncell):not(.filteritem.btnn) { margin-bottom: 10px; } .srchformcont td[colspan='10'] { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding-top: 0; } .srchformcont td[colspan='10'] select { margin-top: 5px; margin-bottom: 5px; } .srchformcont .filteritem.btnn, .srchformcont .btncell { right: 0; bottom: 0; left: 0; text-align: center; } } .buy_menu { position: absolute; top: 100%; right: 0; z-index: 1; display: none; width: 100%; min-width: 140px; background-color: #419629; } .buy_menu a { position: relative; display: block; padding: 10px 15px 11px 40px; color: #ffffff; line-height: 1.333333333; } .buy_menu a::before { content: ''; position: absolute; top: 12px; left: 15px; width: 16px; height: 16px; background-image: url("../img/icon/watchdog-white.svg"); background-repeat: no-repeat; background-size: cover; opacity: 0.5; } .buy_menu a.comp::before { background-image: url("../img/icon/compare-white.svg"); } .buy_menu a.favour::before { background-image: url("../img/icon/favorite-white.svg"); } .buy_menu_out { position: relative; } .buy_menu_btn { position: relative; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 31px; height: 40px; margin-left: auto; border-left: 1px solid #358d1c; background-color: #4aaa2f; color: #ffffff; cursor: pointer; } .buy_menu_btn::before { content: ''; position: absolute; top: 12px; left: 7px; width: 16px; height: 16px; background-image: url("../img/icon/angle-d.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 12px 12px; } .buy_menu_btn i { display: none; } /* stylelint-disable selector-no-qualifying-type */ #menu-anchor { display: none; } @media (max-width: 767.98px) { #head_menu { position: absolute; top: 100%; right: 0; left: 0; max-height: calc(100vh - 54px); overflow-y: auto; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; } html.menu-opened #head_menu { visibility: visible; opacity: 1; } } @media (min-width: 768px) { #head_menu { position: fixed; top: 0; right: 0; left: 0; z-index: 22; height: 28px; background-color: #26292c; color: #bdbdbd; font-size: 11px; line-height: 16px; transition: opacity 0.3s, visibility 0.3s, transform 0.3s; } html.scroll #head_menu { visibility: hidden; opacity: 0; transform: translateY(-100%); } } @media (min-width: 1024px) { #head_menu { font-size: 12px; } } #menu-mobile, #menu-mobile ul, #menu, #menu ul { line-height: inherit; } #menu-mobile > li > ul > li a, #menu > li > ul > li a { display: block; } #menu-mobile .menu_head, #menu .menu_head { display: block; } #menu-mobile .menu_head--eshop, #menu .menu_head--eshop { display: none; } @media (max-width: 767.98px) { #menu-mobile, #menu { padding: 20px 0; font-size: 16px; line-height: 1.25; } #menu-mobile > li > ul > li a, #menu > li > ul > li a { padding: 8px 28px 8px 50px; color: inherit; font-weight: normal; } #menu-mobile .menu_head, #menu .menu_head { padding: 13px 28px; color: inherit; font-weight: normal; } #menu-mobile .menu_head:not([onclick]), #menu .menu_head:not([onclick]) { position: relative; padding-right: 55px; } #menu-mobile .menu_head:not([onclick])::after, #menu .menu_head:not([onclick])::after { content: ''; position: absolute; top: 50%; right: 22px; width: 11px; height: 7px; margin-top: -4px; background-image: url("../img/icon/angle-d-menu-mobile-white.svg"); background-repeat: no-repeat; background-size: 11px 7px; transition: transform 0.3s; } #menu-mobile .menuphone p, #menu .menuphone p { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; margin-bottom: 0; } #menu-mobile .menuphone strong, #menu .menuphone strong { display: block; font-weight: 900; font-size: 15px; text-indent: 0; } #menu-mobile .menuphone a, #menu .menuphone a { display: block; padding: 13px 28px 13px 67px; background-image: url("../img/icon/phone-orange.svg"); background-position: 28px 50%; background-repeat: no-repeat; background-size: 24px 24px; color: inherit; } #menu-mobile .menuphone a span, #menu .menuphone a span { display: block; font-weight: normal; font-size: 13px; } #menu-mobile#menu, #menu#menu { display: none; } .hoverevents #menu-mobile .menu_head:hover, .hoverevents #menu .menu_head:hover { text-decoration: none; } #menu-mobile > .over span[id] .menu_head::after, #menu > .over span[id] .menu_head::after { transform: rotate(-90deg); } } @media (min-width: 768px) { #menu-mobile, #menu { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; max-width: 1680px; margin: 0 auto; padding: 0 20px; } #menu-mobile > li, #menu > li { position: relative; } #menu-mobile > li > ul, #menu > li > ul { position: absolute; top: 100%; left: 0; width: 200px; padding: 8px 0; background-color: #ffffff; font-size: 14px; line-height: 1.142857143; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.16); } #menu-mobile > li > ul > li a, #menu > li > ul > li a { padding: 5px 10px; } #menu-mobile .menu_head, #menu .menu_head { position: relative; z-index: 1; padding: 5px 10px 7px; color: inherit; transition: color 0.3s; } #menu-mobile .menuphone, #menu .menuphone { margin-left: auto; color: #ffffff; font-weight: 500; white-space: nowrap; } #menu-mobile .menuphone p, #menu .menuphone p { margin-bottom: 0; } #menu-mobile .menuphone a, #menu .menuphone a { color: #f7b626; } #menu-mobile .menuphone a span, #menu .menuphone a span { display: none; } #menu-mobile .menuphone strong, #menu .menuphone strong { margin: 0 4px; } #menu-mobile span[id] > .menu_head, #menu span[id] > .menu_head { padding-right: 21px; } #menu-mobile span[id] > .menu_head::after, #menu span[id] > .menu_head::after { content: ''; position: absolute; top: 50%; right: 10px; width: 6px; height: 4px; margin-top: -2px; background-image: url("../img/icon/angle-d-menu-gray.svg"); transition: transform 0.3s; } #menu-mobile#menu-mobile, #menu#menu-mobile { display: none; } .hoverevents #menu-mobile .menu_head:hover, .hoverevents #menu .menu_head:hover { color: #ffffff; text-decoration: none; } #menu-mobile > li.over span[id] .menu_head, #menu > li.over span[id] .menu_head { background-color: #ffffff; color: #26292c; transition: none; } #menu-mobile > li.over span[id] .menu_head::after, #menu > li.over span[id] .menu_head::after { transform: scaleY(-1); } } @media (min-width: 1440px) { #menu-mobile, #menu { padding-right: 35px; padding-left: 25px; } } #menu-mobile .localization { padding: 13px 0; } #menu-mobile .localization-switch { position: relative; display: block; padding-left: 30px; } #menu-mobile .localization-switch .localization-switch__label { position: relative; padding: 2px 0 2px 25px; color: #ffffff; line-height: 22px; } #menu-mobile .localization-switch .localization-switch__label::before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-image: url("../img/icon/reload-menu.svg"); background-position: center center; background-repeat: no-repeat; background-size: 18px 18px; transition: transform 0.3s; } #menu-mobile .localization-switch .localization-switch__flag { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; background-size: 20px; transform: translateY(-50%); } .ossid-0 #menu-mobile .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-cz.svg"); } .ossid-1 #menu-mobile .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-at.svg"); } .ossid-11 #menu-mobile .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-de.svg"); } .ossid-30 #menu-mobile .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-pl.svg"); } .ossid-35 #menu-mobile .localization-switch .localization-switch__flag { background-image: url("../img/icon/flag-sk.svg"); } .hoverevents #menu-mobile .as-link:hover .localization-switch .localization-switch__label::before { transform: rotate(180deg); } #leftcont { display: block !important; } #leftcont > br, #leftcont .wn2 { display: none; } #conftree { display: none; } .lefttreecont { will-change: top; } .lefttreecont .i6lt_ul > li > span:first-child { display: none; } .lefttreecont .sptnavsub { background-color: #ffffff; } .lefttreecont .sptnavsub > ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -18px; } .lefttreecont .sptnavsub > ul > li { position: relative; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 18px; padding: 0 0 22px 60px; } .lefttreecont .sptnavsub > ul > li > a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 48px; font-size: 18px; } .lefttreecont .sptnavsub > ul > li > .image { position: absolute; top: 10px; left: 22px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 28px; height: 28px; } .lefttreecont .sptnavsub > ul > li > .image img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .lefttreecont .sptnavsub > ul > li > ul { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #0072c1; font-size: 13px; line-height: 1.692307692; } .lefttreecont .sptnavsub > ul > li > ul::before { content: ''; position: absolute; top: 0; left: -24px; width: 1px; height: 100%; background-color: #f2f2f2; transition: background-color 0.3s; } .lefttreecont .sptnavsub > ul > li > ul > li:not(:last-child)::after { content: '|'; -ms-flex-align: center; align-items: center; margin: 0 5px; } .lefttreecont .sptnavsub > ul > li > ul > li > a { color: inherit; font-weight: normal; } .lefttreecont [data-strid='41438'] ~ .sptnavsub > ul > li > .image { border-radius: 10px; background-color: #f7b626; background-image: url("../img/icon/category-sale-black.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 14px 14px; } .lefttreecont [data-strid='41438'] ~ .sptnavsub > ul > li > .image::after { content: ''; position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border: 2px solid #000000; border-radius: 50%; } .lefttreecont [data-strid='41438'] ~ .sptnavsub > ul > li > .image img { visibility: hidden; opacity: 0; } .lefttreecont [data-strid='41438'] ~ .sptnavsub > ul > li > a { color: #000000; } .lefttreecont [data-strid='41438'] ~ .sptnavsub > ul > li > ul { color: #000000; } .lefttreecont [data-strid='41438'] ~ .sptnavsub > ul > li > ul::before { background-color: #000000; } .hoverevents .lefttreecont .sptnavsub > ul > li:hover > ul::before { background-color: #f7b626; } .hoverevents .lefttreecont .sptnavsub > ul > li > ul > li > a:hover { color: #01447b; } @media (max-width: 1023.98px) { .lefttreecont { position: fixed; top: 92px; right: 0; bottom: 0; z-index: 21; width: 480px; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s, top 0.3s; } .lefttreecont > .cnt { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; background-color: #01447b; color: #f4f9fd; overflow-y: auto; } .lefttreecont .i6lt_ul { font-size: 16px; line-height: 1.25; } .lefttreecont .i6lt_ul > li > a { position: relative; z-index: 0; display: block; padding: 17px 55px 17px 28px; border-bottom: 1px solid #01447b; background-color: #0072c1; color: inherit; transition: color 0.3s, background-color 0.3s; } .lefttreecont .i6lt_ul > li > a::before { content: ''; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; z-index: -1; border-radius: 4px; background-color: #ffffff; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; } .lefttreecont .i6lt_ul > .i6lt_plus { position: relative; } .lefttreecont .i6lt_ul > li > .category-toggle { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 54px; } .lefttreecont .i6lt_ul > li > .category-toggle::after { content: ''; position: absolute; top: 50%; right: 22px; width: 11px; height: 7px; margin-top: -4px; background-image: url("../img/icon/angle-d-menu-mobile-white.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 11px 7px; transition: transform 0.3s, background-image 0.3s; } .lefttreecont .sptnavsub { position: relative; display: none; margin-top: -1px; } .lefttreecont .sptnavsub > ul > li { padding-right: 22px; } html.menu-opened .lefttreecont { visibility: visible; opacity: 1; } .lefttreecont .i6lt_ul > .current > a { background-color: #ffffff; color: #01447b; } .lefttreecont .i6lt_ul > .current > .category-toggle::after { background-image: url("../img/icon/angle-d-menu-mobile-orange.svg"); transform: rotate(-90deg); } .lefttreecont .i6lt_ul > .current > .sptnavsub { display: block; } .lefttreecont .i6lt_ul > li > .active { color: #01447b; } .lefttreecont .i6lt_ul > li > .active::before { visibility: visible; opacity: 1; } .lefttreecont .i6lt_ul > li > .active + .category-toggle::after { background-image: url("../img/icon/angle-d-menu-mobile-orange.svg"); transform: rotate(-90deg); } } @media (max-width: 1023.98px) and (min-width: 768px) { html.scroll .lefttreecont { top: 64px; } } @media (max-width: 767.98px) { .lefttreecont { top: 54px; left: 0; width: 100%; } } @media (min-width: 1024px) { .lefttreecont { position: fixed; top: 28px; left: 190px; max-width: 500px; transition: top 0.3s; } .lefttreecont .i6lt_ul { display: -ms-flexbox; display: flex; margin-left: -10px; } .lefttreecont .i6lt_ul > li { -ms-flex: 1 1 auto; flex: 1 1 auto; } .lefttreecont .i6lt_ul > li > a { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 64px; padding: 12px 8px; font-weight: bold; font-size: 14px; line-height: 1.428571429; } .lefttreecont .i6lt_ul > li > a::before { content: ''; position: absolute; right: 8px; bottom: 0; left: 8px; height: 2px; background-color: #f7b626; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; } .lefttreecont .i6lt_ul > li > a[data-strid='41438'] { color: #000000; white-space: nowrap; } .lefttreecont .i6lt_ul > .i6lt_plus > a { padding-right: 19px; } .lefttreecont .i6lt_ul > .i6lt_plus > a::after { content: ''; position: absolute; top: 50%; right: 8px; width: 6px; height: 4px; margin-top: -2px; background-image: url("../img/icon/angle-d-menu-blue.svg"); transition: background-image 0.3s; } .lefttreecont .sptnavsub { scrollbar-width: thin; scrollbar-color: #e6e6e6 #ffffff; position: fixed; top: 92px; right: 0; left: 0; max-width: 1680px; max-height: calc(100% - 92px); margin: 0 auto; padding: 22px 40px; overflow-y: auto; visibility: hidden; opacity: 0; transition: top 0.3s, max-height 0.3s; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); will-change: top, max-height; } .lefttreecont .sptnavsub::-webkit-scrollbar { width: 10px; } .lefttreecont .sptnavsub::-webkit-scrollbar-thumb { background: #e6e6e6; transition: background-color 0.3s; } .lefttreecont .sptnavsub > ul { margin-left: -22px; } .lefttreecont .sptnavsub > ul > li { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .lefttreecont .i6lt_ul > .act > a, .hoverevents .lefttreecont .i6lt_ul > li > a:hover { text-decoration: none; } .lefttreecont .i6lt_ul > .act > a::before, .hoverevents .lefttreecont .i6lt_ul > li > a:hover::before { visibility: visible; opacity: 1; } .lefttreecont .i6lt_ul > .act > a::after, .hoverevents .lefttreecont .i6lt_ul > li > a:hover::after { background-image: url("../img/icon/angle-d-menu-orange.svg"); } .lefttreecont .i6lt_ul > li > .active::before { visibility: visible; opacity: 1; } .lefttreecont .i6lt_ul > .act > .sptnavsub { visibility: visible; opacity: 1; } html.scroll .lefttreecont { top: 0; } html.scroll .lefttreecont .sptnavsub { top: 64px; max-height: calc(100% - 64px); } } @media (min-width: 1200px) { .lefttreecont .i6lt_ul > li > a { font-size: 15px; line-height: 1.333333333; } .lefttreecont .sptnavsub > ul > li { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 1440px) { .lefttreecont { left: 280px; } .lefttreecont .i6lt_ul > li > a { padding-right: 10px; padding-left: 10px; } .lefttreecont .i6lt_ul > li > a::before { right: 10px; left: 10px; } .lefttreecont .i6lt_ul > .i6lt_plus > a { padding-right: 21px; } .lefttreecont .i6lt_ul > .i6lt_plus > a::after { right: 10px; } } @media (min-width: 1600px) { .lefttreecont .i6lt_ul > li > a { font-size: 16px; line-height: 1.25; } } @media (min-width: 1680px) { .lefttreecont { left: 50%; margin-left: -555px; } } .menu_bottom { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; } .menu_bottom .footer-ctg { -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; padding-left: 15px; } .menu_bottom .footer-ctg h3 { margin-bottom: 10px; } .menu_bottom .footer-ctg li[style='list-style: none;'] { display: none; } @media (max-width: 767.98px) { .menu_bottom .footer-ctg { font-size: 14px; } } @media (min-width: 768px) { .menu_bottom { margin-left: 0; } .menu_bottom .footer-ctg { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } .menu_bottom .footer-ctg h3 { margin-bottom: 20px; } } .navbar { position: relative; padding: 12px 0 42px; } .navbar .show-category { display: none; } .navbar ~ h1 { margin-top: 0; margin-bottom: 20px; } .navbar ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -5px; font-size: 13px; line-height: 16px; } .navbar ul li { margin-right: 12px; margin-bottom: 5px; } .navbar ul li span, .navbar ul li p { display: none; } .navbar ul li a { display: block; } .navbar ul li h1 { margin: 0; color: #4c4c4c; font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: normal; font-size: inherit; line-height: inherit; } .navbar ul li + li { position: relative; margin-left: 28px; } .navbar ul li + li::before { content: ''; position: absolute; top: 0; left: -28px; width: 16px; height: 16px; background-image: url("../img/icon/angle-thick-r.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } .navbar ul li.hp a { font-size: 0; white-space: nowrap; text-indent: 100%; overflow: hidden; width: 16px; height: 16px; background-image: url("../img/icon/home.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 16px 16px; } #stoitem_detail .navbar::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } .centerin > .navbar:first-child { margin-top: -30px; } @media (min-width: 768px) { .centerin > .navbar:first-child { margin-top: -60px; } } .pagenav { padding: 14px 0; } .pagenav table, .pagenav tbody { display: block; } .pagenav table, .pagenav td { padding: 0; border: 0; } .pagenav table { width: auto; margin: 0; } .pagenav .cnt, .pagenav tr { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .pagenav .hdr { display: none; } .pagenav .cnt { font-size: 17px; } .pagenav .cnt a { display: block; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; } .pagenav .cnt a.active { color: #cccccc; pointer-events: none; } .pagenav .cnt .firstpage a, .pagenav .cnt .prevpage a, .pagenav .cnt .nextpage a, .pagenav .cnt .lastpage a { background-image: url("../img/icon/angle-thick-blue-r.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 32px 32px; } .pagenav .cnt .firstpage a, .pagenav .cnt .prevpage a { transform: scaleX(-1); } .pagenav .cnt .firstpage a, .pagenav .cnt .lastpage a { background-image: url("../img/icon/angle-thick-blue-r.svg"), url("../img/icon/angle-thick-blue-r.svg"); background-position: -3px 50%, 3px 50%; } @media (max-width: 374.98px) { .pagenav { width: 100%; } .pagenav .cnt { position: relative; padding-bottom: 32px; } .pagenav .cnt td:nth-child(1), .pagenav .cnt td:nth-child(2), .pagenav .cnt td:nth-last-child(1), .pagenav .cnt td:nth-last-child(2), .pagenav .cnt > .firstpage, .pagenav .cnt > .prevpage, .pagenav .cnt > .nextpage, .pagenav .cnt > .lastpage { position: absolute; bottom: 0; } .pagenav .cnt td:nth-child(1), .pagenav .cnt > .firstpage { left: 0; } .pagenav .cnt td:nth-child(2), .pagenav .cnt > .prevpage { left: 32px; } .pagenav .cnt td:nth-last-child(2), .pagenav .cnt > .nextpage { right: 32px; } .pagenav .cnt td:nth-last-child(1), .pagenav .cnt > .lastpage { right: 0; } } @media (min-width: 480px) { .pagenav .cnt, .pagenav tr { -ms-flex-pack: end; justify-content: flex-end; } } .product-tools { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: 5px; margin-left: -15px; padding-top: 15px; } .product-tools > * { margin-bottom: 15px; margin-left: 15px; } .product-tools .watchdog > :last-child { margin-bottom: 0; } .product-tools .watchdognew, .product-tools .watchdogedit { margin-bottom: 15px; } .product-tools .comp a, .product-tools .watchdog a, .product-tools .stifavour a { display: inline-block; padding-left: 32px; background-position: 0 50%; background-repeat: no-repeat; background-size: 24px 24px; } .product-tools .comp a { background-image: url("../img/icon/compare-gray.svg"); } .product-tools .stifavour a { background-image: url("../img/icon/favorite-gray.svg"); } .product-tools .watchdog a { background-image: url("../img/icon/watchdog-gray.svg"); } @media (min-width: 768px) { .product-tools { margin-left: -30px; } .product-tools > * { margin-left: 30px; } } .m-socials { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #000000; } .m-socials__label { margin-bottom: 0; padding: 3px 15px 3px 0; } .m-socials__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -5px -5px; } .m-socials__item { margin: 0 0 5px 5px; } .m-socials__btn { display: block; width: 30px; height: 30px; border-radius: 50%; background-color: #0072c1; background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px 24px; transition: background-color 0.3s; } .m-socials__btn--email { background-color: #fbbf2c; background-image: url("../img/icon/email.svg"); } .m-socials__btn--facebook { background-color: #3d5391; background-image: url("../img/icon/facebook.svg"); } .m-socials__btn--twitter { background-color: #34a9dd; background-image: url("../img/icon/twitter.svg"); } .hoverevents .m-socials__btn:hover { background-color: #005499; } .stepsbox { display: none; } .strlitecont { padding-bottom: 40px; } .strlitecont > ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -18px; margin-left: -22px; } .strlitecont > ul > li { position: relative; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 18px; padding: 0 0 22px 60px; } .strlitecont > ul > li > h2 { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; min-height: 48px; margin: 0; font-family: inherit; font-size: 18px; line-height: 1.333333333; } .strlitecont > ul > li > .img { position: absolute; top: 10px; left: 22px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 28px; height: 28px; } .strlitecont > ul > li > .img a { display: block; width: 100%; } .strlitecont > ul > li > .img img { width: auto; max-width: 100%; height: auto; max-height: 100%; } .strlitecont > ul > li > ul { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #0072c1; font-size: 13px; line-height: 1.692307692; } .strlitecont > ul > li > ul::before { content: ''; position: absolute; top: 0; left: -24px; width: 1px; height: 100%; background-color: #f2f2f2; transition: background-color 0.3s; } .strlitecont > ul > li > ul > li:not(:last-child)::after { content: '|'; -ms-flex-align: center; align-items: center; margin: 0 5px; } .strlitecont > ul > li > ul > li > h3 { display: inline; margin: 0; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; } .strlitecont > ul > li > ul > li > h3 a { color: inherit; font-weight: normal; } .strlitecont .sptlitehead { display: none; } .hoverevents .strlitecont > ul > li:hover > ul::before { background-color: #f7b626; } .hoverevents .strlitecont > ul > li > ul > li > h3 a:hover { color: #01447b; } @media (min-width: 768px) { .strlitecont > ul > li { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; } } @media (min-width: 1024px) { .strlitecont > ul > li { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @media (min-width: 1200px) { .strlitecont > ul > li { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 768px) { .ui-tabs-hide { display: none !important; } } #tabs > ul, #tabs .ui-tabs-nav { position: relative; position: -webkit-sticky; position: sticky; top: 64px; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; min-height: 58px; margin-bottom: 80px; background-color: #0072c1; color: #ffffff; line-height: 20px; } #tabs > ul::before, #tabs .ui-tabs-nav::before { content: ''; position: absolute; top: -1px; right: calc((100vw - 100%) / -2); bottom: -1px; left: calc((100vw - 100%) / -2); z-index: -1; background-color: #ffffff; } #tabs > ul::before, #tabs .ui-tabs-nav::before { right: calc(135px - ((100vw - (100% - (135px + 135px))) / 2)); left: calc(135px - ((100vw - (100% - (135px + 135px))) / 2)); background-color: inherit; } #tabs > ul > li:not([class]), #tabs > ul > li.ui-state-disabled, #tabs .ui-tabs-nav > li:not([class]), #tabs .ui-tabs-nav > li.ui-state-disabled { display: none; } #tabs > ul > li.ui-state-active a::after, #tabs .ui-tabs-nav > li.ui-state-active a::after { width: 0; height: 0; border-style: solid; border-width: 4px 6px 0 6px; border-color: #0072c1 transparent transparent transparent; content: ''; position: absolute; top: 100%; left: 50%; margin-left: -6px; } #tabs > ul > li.ui-state-processing a, #tabs .ui-tabs-nav > li.ui-state-processing a { padding-left: 22px; } #tabs > ul > li.ui-state-processing a::before, #tabs .ui-tabs-nav > li.ui-state-processing a::before { width: 32px; height: 32px; border-width: 4px; border-style: solid; border-radius: 50%; border-top-color: #01447b; border-right-color: #f7b626; border-bottom-color: #01447b; border-left-color: #f7b626; animation: spinner 1s infinite linear; width: 16px; height: 16px; border-width: 2px; content: ''; position: absolute; top: 21px; left: 0; } #tabs > ul > li.product-nav-info, #tabs .ui-tabs-nav > li.product-nav-info { margin-right: auto; } #tabs > ul > li a, #tabs .ui-tabs-nav > li a { position: relative; display: block; padding: 19px 17px; color: inherit; font-weight: normal; } html { overflow-x: hidden; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } body { position: relative; min-width: 320px; background-color: #f8f8f8; } body::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 19; background-color: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; } html.search-opened body::after { visibility: visible; opacity: 1; } :first-child { margin-top: 0; } @media (max-width: 1199.98px) { html.menu-opened body::after { visibility: visible; opacity: 1; } } #topcont .menu-toggle { -ms-flex-order: 1; order: 1; width: 46px; height: 54px; background-color: #0072c1; background-image: url("../img/icon/menu.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 32px 16px; } html.menu-opened #topcont .menu-toggle { background-image: url("../img/icon/menu-close.svg"); background-size: 24px 24px; } @media (min-width: 375px) { #topcont .menu-toggle { width: 54px; margin-left: 5px; } } @media (min-width: 768px) { #topcont .menu-toggle { height: 64px; margin-left: 0; } } @media (min-width: 1024px) { #topcont .menu-toggle { display: none; } } #top { position: fixed; top: 0; right: 0; left: 0; z-index: 21; width: 100%; background-color: #ffffff; } #top::before { content: ''; position: absolute; top: 0; right: calc((100vw - 100%) / -2); bottom: 0; left: calc((100vw - 100%) / -2); border-bottom: 1px solid #e6e6e6; background-color: #ffffff; } #top .middle { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; max-width: 1680px; margin: 0 auto; padding-left: 20px; } #top .middle > * { -ms-flex: 0 0 auto; flex: 0 0 auto; } #top .logo { display: block; width: 105px; height: 9px; margin-right: auto; background-image: url("../img/icon/logo.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 105px 9px; } .hoverevents #top .logo:hover { text-decoration: none; } @media (min-width: 375px) { #top .logo { width: 118px; height: 10px; background-size: 118px 10px; } } @media (min-width: 768px) { #top { padding-top: 28px; transition: padding-top 0.3s; will-change: padding-top; } #top .logo { width: 160px; height: 32px; background-size: 140px 12px; } html.scroll #top { padding-top: 0; } } @media (min-width: 1024px) { #top .middle::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; } html.search-opened #top .middle::after { visibility: visible; opacity: 1; } } @media (min-width: 1440px) { #top .logo { width: 240px; background-size: 210px 18px; } #top .middle { padding-left: 25px; } } #include_footer { padding-bottom: 20px; background-color: #ffffff; } #include_footer .f_top_out, #include_footer .f_bot_out { position: relative; } #include_footer .f_top_out { margin-bottom: 30px; } #include_footer .f_top_out .f_top_wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-left: -20px; } #include_footer .f_top_out .f_top_wrap a { -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; padding: 15px 0 15px 20px; color: #000000; font-size: 17px; line-height: 22px; text-align: center; } #include_footer .f_top_out .f_top_wrap a::before { content: ''; display: block; width: 100%; height: 40px; margin-bottom: 20px; background-position: 50% 100%; background-repeat: no-repeat; } #include_footer .f_top_out .f_top_wrap a span { display: block; margin-top: 5px; color: #4c4c4c; font-weight: normal; font-size: 15px; line-height: 1.2; } #include_footer .f_top_out .f_top_wrap a.doprava::before { background-image: url("../img/icon/transport.svg"); } #include_footer .f_top_out .f_top_wrap a.doruceni::before { background-image: url("../img/icon/delivery.svg"); } #include_footer .f_top_out .f_top_wrap a.prodejny::before { background-image: url("../img/icon/venues.svg"); } #include_footer .f_top_out .f_top_wrap a.shoproku::before { background-image: url("../img/icon/star-winner.svg"); } #include_footer .f_top_out .f_top_wrap a.studenti::before { background-image: url("../img/icon/students.svg"); } #include_footer .f_top_out .f_top_wrap a:not([href]) { cursor: default; } .hoverevents #include_footer .f_top_out .f_top_wrap a:not([href]):hover { text-decoration: none; } @media (min-width: 768px), print { #include_footer .f_top_out .f_top_wrap { margin-left: 0; } #include_footer .f_top_out .f_top_wrap a { -ms-flex-preferred-size: 33.333333333%; flex-basis: 33.333333333%; max-width: 33.333333333%; padding: 0 15px 30px; } } @media (min-width: 1024px), print { #include_footer .f_top_out .f_top_wrap a { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; padding-top: 30px; } } #include_footer .f_top_out .f_bot_wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -6px; } #include_footer .f_top_out .f_bot_wrap > * { margin-left: 6px; } #include_footer .f_top_out .f_bot_wrap .phone, #include_footer .f_top_out .f_bot_wrap .mail { width: 100%; } #include_footer .f_top_out .f_bot_wrap .phone { margin-bottom: 10px; } #include_footer .f_top_out .f_bot_wrap .mail { margin-bottom: 20px; } #include_footer .f_top_out .f_bot_wrap .logo { display: none; } #include_footer .f_bot_out .f_bot_wrap .menu_bottom { margin-bottom: 10px; } #include_footer .f_bot_out .f_bot_wrap .logos { display: -ms-flexbox; display: flex; float: none !important; -ms-flex: 1 0 100%; flex: 1 0 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; margin-top: 0 !important; margin-left: -30px; } #include_footer .f_bot_out .f_bot_wrap .logos > img { margin-bottom: 30px; margin-left: 30px; } #include_footer .f_bot_out .f_bot_wrap .eet, #include_footer .f_bot_out .f_bot_wrap #copyright { margin-bottom: 0; color: #7f7f7f; font-size: 13px; } #include_footer .f_bot_out .f_bot_wrap .eet { -ms-flex-order: 1; order: 1; } #include_footer .f_bot_out .f_bot_wrap #srvid { display: none; } @media only screen and (max-width: 1023.98px) { #include_footer .f_top_out { padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } #include_footer .f_top_out .f_bot_wrap { -ms-flex-pack: center; justify-content: center; margin: 0 -15px 0 -21px; padding: 30px 15px 0; } #include_footer .f_top_out .f_bot_wrap .phone, #include_footer .f_top_out .f_bot_wrap .mail { text-align: center; } #include_footer .f_bot_out .f_bot_wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #include_footer .f_bot_out .f_bot_wrap > * { -ms-flex: 1 0 100%; flex: 1 0 100%; } #include_footer .f_bot_out .f_bot_wrap .logos { -ms-flex-pack: center; justify-content: center; } #include_footer .f_bot_out .f_bot_wrap #copyright { margin-bottom: 20px; text-align: center; } } @media only screen and (max-width: 1023.98px) and (min-width: 768px) { #include_footer .f_top_out .f_bot_wrap { -ms-flex-align: center; align-items: center; } #include_footer .f_top_out .f_bot_wrap .phone, #include_footer .f_top_out .f_bot_wrap .mail { width: auto; margin-bottom: 0; } #include_footer .f_top_out .f_bot_wrap .mail { margin-right: auto; margin-left: 30px; } } @media only screen and (max-width: 767.98px) { #include_footer .f_top_out .f_bot_wrap { margin-top: 15px; border-top: 1px solid #e6e6e6; } } @media (min-width: 768px), print { #include_footer { padding-top: 30px; } #include_footer .f_top_out .f_top_wrap { border-bottom: 1px solid #e6e6e6; } } @media (min-width: 1024px), print { #include_footer { padding-top: 0; } #include_footer .f_top_out { margin-bottom: 50px; } #include_footer .f_top_out .f_bot_wrap { position: absolute; top: 100%; right: 15px; z-index: 1; width: calc(39% + 6px); margin-top: 136px; } #include_footer .f_bot_wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #include_footer .f_bot_out .f_bot_wrap { -ms-flex-align: start; align-items: flex-start; } #include_footer .f_bot_out .f_bot_wrap .menu_bottom { -ms-flex: 1 0 60%; flex: 1 0 60%; max-width: 60%; margin-bottom: 20px; padding-right: 30px; } #include_footer .f_bot_out .f_bot_wrap .logos { -ms-flex-preferred-size: calc(40% + 30px); flex-basis: calc(40% + 30px); -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: calc(40% + 30px); } #include_footer .f_bot_out .f_bot_wrap .eet { -ms-flex: 1 0 100%; flex: 1 0 100%; padding: 0 30px; } #include_footer .f_bot_out .f_bot_wrap #copyright { position: absolute; top: 186px; right: 15px; z-index: 1; width: calc(39% - 96px - 20px); } } #maincont { position: relative; padding-top: 54px; } @media (min-width: 768px) { #maincont { padding-top: 92px; } } .bodyin { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 1680px; min-height: 100vh; margin: 0 auto; } .bodyin::before, .bodyin::after { content: ''; position: absolute; top: 0; bottom: 0; z-index: 25; width: calc((100vw - 100%) / 2); background-color: #eeeeee; } .bodyin::before { right: 100%; } .bodyin::after { left: 100%; } .bodyin #maincont, .bodyin .outercont, .bodyin .innercont, .bodyin .wrapcont { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .bodyin #centercont { -ms-flex-positive: 1; flex-grow: 1; } .centerin div { box-sizing: inherit !important; } .centerin > h1 { text-align: center; } .centerin > h1 + br { display: none; } .centerin > iframe { margin-bottom: 30px; } @media (min-width: 768px) { .centerin > iframe { margin-bottom: 60px; } } .u-vhide { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); } u { text-decoration: none; } .bold { font-weight: 500; } .line_through { text-decoration: line-through; } .u-text-perex, .is-wysiwyg .u-text-perex { margin-bottom: 30px; font-weight: 300; font-style: italic; font-size: 24px; line-height: 1.166666667; } @media (min-width: 768px) { .u-text-perex, .is-wysiwyg .u-text-perex { margin-bottom: 60px; } } .ds_none { display: none !important; } .ds_block { display: block !important; } .u-color-red { color: #ff0000 !important; } .color_ord_open, .color_ord_open a { background-color: #ffffd6 !important; } /* podbarveni otevrene objednavky/nabidky */ .color_ord_offer, .color_ord_offer a { color: #c58b51 !important; } /* barva nabidky */ .color_ord_stc, .color_ord_stc a { background-color: #b5ffb5 !important; } /* podbarveni bunky nedodano - je skladem */ .color_ord_nostc, .color_ord_nostc a { background-color: #ff8684 !important; } /* podbarveni bunky nedodano - neni skladem */ .color_ord_stcb, .color_ord_stcb a { background-color: #ffd78c !important; } /* podbarveni bunky nedodano - je skladem, ale mene nez nedodano */ .color_ord_cli, .color_ord_cli a { color: #ff0000 !important; } /* barva zaporneho kreditu klienta v sekci objednavek */ /* faktury */ .color_inv_open, .color_inv_open a { background-color: #ffffd6 !important; } /* podbarveni nepotvrzene faktury */ .color_inv_due, .color_inv_due a { color: #ff0000; font-weight: bold !important; } /* barva nezaplacene faktury */ /* kontakty */ .color_cont_log, .color_cont_log td, .color_cont_log a { background-color: #f7b626 !important; color: #000000; } /* podbarveni radku prihlaseneho kontaktu */ .color_cont_firm, .color_cont_firm a { color: #01447b; } /* barva firemniho kontaktu */ .color_cont, .color_cont a { color: #000000; } /* barva kontaktni osoby */ .color_cont_int, .color_cont_int a { color: #ff0000; } /* barva prihlaseneho kontaktu */ .color_cont_imp, .color_cont_imp a { color: #4aaa2f; } /* barva implicitniho kontaktu */ /* dodaci listy */ .color_del_canc, .color_del_canc a { background-color: #cd5c5c !important; } /* podbarveni stornovaneho dodaciho listu */ #propagation-hp, #bannertopfull, #stistssrch, persoo-bar { display: none !important; } /*# sourceMappingURL=style.css.map */ input.TSBValidationError { border-color: red !important; } input.foxentry-input-valid.TSBValidationError { border-color: #e6e6e6 !important; } .b-daily-offer__params.is-loading .b-daily-offer__price, .b-daily-offer__params.is-loading .st_price { content: ''; /* position: absolute; */ top: 2px; right: 0; bottom: 2px; left: 0; z-index: 1; border-radius: 4px; background-color: currentColor; animation: loading-placeholder 2s infinite; } body::after, #top .middle::after, .srchcont>.cnt { transition: none; } .foxentry-form .foxentry-input-icon { z-index: -1; } .sti_relation.sti_relation.opened .hidebtn { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #fff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color .3s, border-color .3s, color .3s; cursor: pointer; border: 1px solid #01447b; background-color: #fff; color: #01447b; padding: 14px 19px; font-size: 17px; display: table; margin: 20px auto 10px; } .sti_relation.sti_relation.closed .hidebtn { display: none; } .hoverevents .sti_relation.sti_relation .hidebtn:hover { background-color: #005499; text-decoration: none; } .hoverevents .sti_relation.sti_relation .hidebtn:hover { border-color: #01447b; background-color: #01447b; color: #fff; } /* p.currency-dropdown__field:first-of-type{ display:none; } div#currency-dropdown{ display: none !important; } */ .b-detail-countdown+.exp-countdown-local { margin-top: -15px; margin-bottom: 15px; } #onstoreinfo #pickupdelay { display: none; } .order-tools .btn-pickup-add { display: none; } /* .prodbox .b-detail-countdown{ margin-top:-15px; } .prodbox .b-detail-countdown .b-detail-countdown__label .action-price-name, .basketmainbox .stitab .orbitem .b-detail-countdown .b-detail-countdown__label .action-price-name{ display:none; } .prodbox .b-detail-countdown .b-detail-countdown__label .action-price-title, .basketmainbox .stitab .orbitem .b-detail-countdown .b-detail-countdown__label .action-price-title{ color: red; font-weight: bold; } .prodbox .b-detail-countdown .b-detail-countdown__countdown{ margin-left: 0px; } */ html:not(.curid-0.ossid-0) .f_usp_out .f_usp_wrap .doprava { display: none; } html:not(.ossid-0) .exponea-free-delivery.not-free { display: none!important; } form[name=formWebNews] input { min-width: 250px; } html:not(.ossid-0) .basketsumtab #spcitem_ { display: none; } .ch2-settings-tabs li { background-image: none !important; } /*Fix WL stylu na titulce*/ div.wnfilterbox::before { background-color: transparent; } .sti_relation_block::before { background-color: transparent; } .wnfilterbox>p { font-size: 32px; } .wnfilterbox .sti_relation_block { padding: 0px; } @media (min-width: 1024px) { .wnfilterbox ul>li { border-left: 10px solid #f8f8f8; padding-top: 10px; } .wnfilterbox ul>li:first-of-type, .wnfilterbox ul>li.d-none+li { border-left: none; } .wnfilterbox { padding: 0px; } .exp-reco-hp-category.cat-4 { margin-bottom: 15px; } } .d-none { display: none!important; } @media (min-width: 1024px) { .exp-reco-hp-category ul, .recommendation-basket ul { overflow: hidden; flex-wrap: nowrap; } .tsb-button-left { position: absolute; left: 5px; top: 190px; z-index: 10; display: flex; width: 40px; height: 40px; } .tsb-button-right { position: absolute; right: 5px; top: 190px; z-index: 10; display: flex; width: 40px; height: 40px; } .exp-reco-basket .tsb-button-left { left: 0px; top: 135px; } .exp-reco-basket .tsb-button-right { right: 0px; top: 135px; } } .exp-reco-hp-category ul, .recommendation-basket ul { min-height: 300px; } @media (max-width: 1023px) { .tsb-button-left, .tsb-button-right { display: none; } } .tsb-more-button { width: inherit; height: inherit; padding-top: 113px } *.unselectable { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .TopBrands .boxcont.subcats { display: flex; } .TopBrands .boxcont.subcats .exponea { margin-left: auto; height: 50px; } @media (max-width: 1023px) { .TopBrands .boxcont.subcats { flex-direction: column; } .TopBrands .boxcont.subcats .exponea { margin-left: 0; margin-top: 20px; margin-bottom: -20px; height: 50px; } } .tsb-procento { color: #f8b700; font-size: 40px; } .sale-search-input { border: none; min-width: 250px; width: 25vw; height: 2em; padding: 6px; font-size: 20px; padding-left: 12px; } .sale-search-input:placeholder-shown { font-style: italic; } .pb0 { padding-bottom: 0px; } #tsb-vyp-form .btnn input { padding: 10px 15px; margin-left: 10px; } #tsb-vyp-form { display: flex; } .table-contacts th { min-width: 250px; } @media screen and (max-height: 800px) { #chat-application { max-height: 480px!important; } } #summarypart .stitab .ordcount { display: block; } @media (max-width: 768px) { .wnfilterbox>p { font-size: 25px; } } .b-article-header.drive::before { display: none } .b-article-header.drive .b-article-header__bg { padding-top: 29.6875%; background-size: contain; background-repeat: round; background-position-y: inherit; } .b-article-header.drive .b-article-header__bg::after { display: none; } .b-article-header.drive .b-article-header__bg::before { display: none; } .b-article-header.drive { margin-bottom: 30px; } .b-article-header__content.drive { padding-top: 0px } .exp-last-chance.sale { background-image: url(../img/icon/sale-circle.svg); font-size: 14px; position: relative; display: inline-block; width: fit-content; } .exp-last-chance.sale b { color: black; font-size: 15px; } .exp-last-chance.sale .coupon { border: #f8f4e8 3px dotted; background: #f8b700; padding: 2px; cursor: pointer; white-space: nowrap; } .exp-last-chance.sale .tooltiptext, .stiqty .tooltiptext { position: absolute; top: -85px; right: 10px; z-index: 10; width: 160px; padding: 10px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #ffffff; color: #4c4c4c; font-size: 13px; line-height: 1.384615385; visibility: hidden; cursor: default; box-shadow: 0 8px 10px 0 rgb(0 0 0 / 8%); } /* tooltip nad slevovou bublinou - fix odskakovani */ .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale .tooltiptext { top: auto; bottom: 45px; } @media screen and (max-width: 1023px) { html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale .tooltiptext { bottom: 68px; } } .stiqty .tooltiptext{ top: 20px; padding: 10px 0px; padding-right: 15px; font-weight: normal; width: auto; } .stiqty .tooltiptext ul{ margin:0; } .stiqty .tooltiptext ul li:last-of-type{ margin:0; } .underline{ text-decoration: underline!important; } .exp-last-chance.sale:hover .tooltiptext, .stiqty:hover .tooltiptext { visibility: visible; } .stiqty .tooltiptext li{ background: none; padding: 0 0 0 15px; } .exp-last-chance.sale:hover { display: block; } .price:hover+.exp-last-chance.sale { display: block; } html[data-products-view=prodbox] .prodbox .prodbox-bottom, html:not([data-products-view]) .prodbox .prodbox-bottom { display: flex; flex-direction: column; } html[data-products-view=prodbox] .prodbox .prodbox-top, html:not([data-products-view]) .prodbox .prodbox-top { display: flex; flex-direction: column; } html[data-products-view=prodbox] .prodbox-bottom .exp-last-chance.sale, html:not([data-products-view]) .prodbox-bottom .exp-last-chance.sale { -ms-flex-order: 2; order: 2; } html[data-products-view=prodbox] .prodbox.split .prodbox-bottom .price, html:not([data-products-view]) .prodbox.split .prodbox-bottom .price { -ms-flex-order: 3; order: 3; } html[data-products-view=prodbox] .prodbox.split, html:not([data-products-view]) .prodbox.split { justify-content: space-between; } html[data-products-view=prodbox] .prodbox .prodbox-bottom .b-detail-countdown, html:not([data-products-view]) .prodbox .prodbox-bottom .b-detail-countdown { -ms-flex-order: 2; order: 2; } html[data-products-view=prodbox] .TSB-description, html:not([data-products-view]) .TSB-description { min-height: 170px; } .table-contacts th { min-width: 250px; } @media screen and (max-height: 800px) { #chat-application { max-height: 480px!important; } } p[style="position:absolute;z-index:1000;color:red;background-color:white;padding:2em;margin:2em;left:30%;top:300px;"] { left: -7% !important; } #summarypart .stitab .ordcount { display: block; } @media (max-width: 768px) { .wnfilterbox>p { font-size: 25px; } } .b-article-header.drive::before { display: none } .b-article-header.drive .b-article-header__bg { padding-top: 29.6875%; background-size: contain; background-repeat: round; background-position-y: inherit; } .b-article-header.drive .b-article-header__bg::after { display: none; } .b-article-header.drive .b-article-header__bg::before { display: none; } .b-article-header.drive { margin-bottom: 30px; } .b-article-header__content.drive { padding-top: 0px } html[data-products-view=prodbox] .note-line-clamp p, html:not([data-products-view]) .note-line-clamp p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } #infpagination { display: none; } /* Zobrazení férové ceny*/ .price .mc { line-height: 22px; text-decoration: line-through; } .wnfilterbox .price .mc::after { display: none; } .price.dealer .mc::after { display: none; } /* ceny pro dealery start */ .price.is-loaded.dealer .mc::after { background-image: url(https://link.tsbohemia.cz/img/icon/circle-check-solid-blue.svg); } .price.is-loaded.dealer2 .mc::after { background-image: url(https://link.tsbohemia.cz/img/icon/circle-check-solid-yellow.svg); } /* ceny pro dealery end */ .price.is-loaded .mc::after { display: inline-block; color: black; content: ""; font-size: 10px; padding-left: 23px; margin-left: 5px; text-decoration: none; background-image: url(https://link.tsbohemia.cz/img/icon/circle-check-solid-green.svg); background-position: 0px 50%; background-repeat: no-repeat; background-size: 14px 14px; width: 14px; height: 14px; } .price.dealer .mc::before { content: 'Sleva je prezentována jako rozdíl běžné prodejní ceny a aktivního slevového programu.'; width: 240px; } .price.dealer2 .mc::before { content: 'Doporučená cena výrobce.'; width: 164px; } .price .mc::before { display: none; content: 'Sleva je počítána vůči nejnižší běžné prodejní ceně, za kterou byl produkt prodáván za posledních 30 dnů před zahájením slevové akce.'; position: absolute; bottom: 80px; left: 80px; width: auto; z-index: 2; width: 240px; padding: 10px; border: 1px solid #e6e6e6; border-radius: 5px; background-color: #ffffff; font-size: 12px; line-height: 1.333333333; box-shadow: 0 8px 10px 0 rgb(0 0 0 / 8%); } html[data-products-view=listbox] .price .mc::before { width: auto; left: auto; right: 5px; } .prodbox-bottom .price .mc::before { bottom: 80px; top: auto; } .price .mc:hover::before { display: inline-block; } /* Konec zobrazení férové ceny */ form[name="basket"] .tsb-message { color: black; font-size: 12px; } .actual a img { width: 300px; } .archive a { width: calc(25% - 35px) !important; } /* essox beg*/ .essox-modal-close { position: relative; top: 60px; left: calc(100% - 60px); width: 40px; height: 40px; z-index: 2!important; cursor: pointer; background-image: url(../img/icon/close-thick.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 20px; } .essox-modal-content { position: relative; top: 50%; left: 50%; max-width: 1024px; max-height: 800px; width: 80vw; height: 80vh; transform: translate(-50%, -50%); } .essox-modal-content iframe { max-width: 1024px; max-height: 800px; width: 80vw; height: 80vh; } .essox-modal-content-4x { position: relative; top: 50%; left: 50%; max-width: 500px; max-height: 500px; width: 80vw; height: 80vh; transform: translate(-50%, -50%); } .essox-modal-spl, .essox-modal-spl-4x { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 999; } .essox-modal-4x { width: 100%; height: 100%; max-width: 500px; max-height: 500px; width: 80vw; height: 80vh; background-image: url(https://link.tsbohemia.cz/inc/images/essox-rp.jpg); background-position: 50% 50%; background-repeat: no-repeat; } @media (max-width: 550px) { .essox-modal-content-4x { background: #f4f4f4; } .essox-modal-4x { background-size: contain; } .essox-modal-4x-btn.essox-more { margin-right: 5px; } .essox-modal-4x-btn.essox-close { margin-left: 5px; } } .essox-modal-4x-btns { display: flex; justify-content: space-evenly; margin-left: 50px; margin-right: 50px; padding-top: 420px; } .essox-modal-4x-btn { height: 40px; width: 120px; background: black; color: white; font-size: 11px; text-align: center; line-height: 40px; cursor: pointer; } .calc .loader~u, .calc .loader~span { display: none!important; } #essoxpaymentcont .payout { padding: 14px 9px; border: 2px solid currentColor; border-radius: 10px; background-color: #f8f8f8; font-weight: 500; line-height: 1.333333333; text-align: center; } #essoxpaymentcont .payout> :last-child { margin-bottom: 0; } @media (min-width: 768px) { #essoxpaymentcont .payout { padding: 28px 19px; } } #essoxpaymentcont .payout { background-color: #e5ffe7; color: #4aaa2f; } #essoxpaymentcont .payout { margin-bottom: 30px; font-weight: normal; } #essoxpaymentcont .payout>p { color: #000000; font-weight: 500; } #essoxpaymentcont .payout h2 { color: inherit; font-weight: 500; } #essoxpaymentcont .payout table { margin-bottom: 0; } #essoxpaymentcont .payout table, #essoxpaymentcont .payout table tbody { display: block; } #essoxpaymentcont .payout table tr { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 0 0 -10px -10px; } #essoxpaymentcont .payout table tr>* { margin: 0 0 10px 10px; } #essoxpaymentcont .payout table td:first-child a { background-color: #4aaa2f; } .hoverevents #essoxpaymentcont .payout table td:first-child a:hover { background-color: #54c135; } #essoxpaymentcont .payout table a { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .hoverevents #essoxpaymentcont .payout table a:hover { background-color: #005499; text-decoration: none; } #essoxpaymentcont .payout .go_hc { display: inline-block; padding: 15px; border: 0; border-radius: 0; background-color: #01447b; color: #ffffff; font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; background-color: #4aaa2f; } .hoverevents #essoxpaymentcont .payout .go_hc:hover { background-color: #005499; text-decoration: none; } .hoverevents #essoxpaymentcont .payout .go_hc:hover { background-color: #54c135; } @media (min-width: 768px) { #essoxpaymentcont .payout { margin-bottom: 60px; } } .calc.essox-spl u, .calc.essox-spl-4x u { height: 25px; display: flex; align-items: center; min-width: 250px; justify-content: space-between; } .stidetsmalltools .loader, .basketbuttonsbox.firststep .loader { flex-grow: 1; cursor: default; } .stidetsmalltools .persoo-loading-circle, .basketbuttonsbox.firststep .persoo-loading-circle { height: 40px; width: 40px; border-width: 8px; } /*logo essox*/ .calc.essox-spl u::after, .calc.essox-spl-4x u::after, label[for="payid_16"] span.o-tooltip::after, label[for="payid_17"] span.o-tooltip::after { display: inline-block; content: ""; background-image: url(https://link.tsbohemia.cz/inc/images/logo_ESSOX.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; width: 85px; height: 25px; margin-left: 20px; } label[for="payid_3"] span.o-tooltip::after { display: inline-block; content: ""; background-image: url(/inc/images/mastercard-visa-google-apple-pay.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; width: 150px; height: 25px; margin-left: 20px; } label[for="payid_7"] span.o-tooltip::after { display: inline-block; content: ""; background-image: url(/inc/images/qr.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; width: 25px; height: 25px; margin-left: 10px; } label[for="payid_18"] span.o-tooltip::after { display: inline-block; content: ""; background-image: url(https://www.tsbohemia.cz/img.asp?attid=71570243); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; width: 85px; height: 25px; margin-left: 20px; } label[for="payid_3"] span.o-tooltip::after, label[for="payid_7"] span.o-tooltip::after, label[for="payid_16"] span.o-tooltip::after, label[for="payid_17"] span.o-tooltip::after, label[for="payid_18"] span.o-tooltip::after { margin-right: 10px; } #paybkms .paybkm .o-tooltip { display: flex; flex-direction: row-reverse; } #paybkms .rowbox label { display: flex; } /* essox end*/ .price.sale.is-loaded .wvat { color: red!important; } .prodbox-bottom.sale .is-loaded.price .wvat { color: red!important; } /*vyprodej beg*/ .tsb-sale-filter { background-image: url(https://link.tsbohemia.cz/inc/images/sale_icon_400.png); width: 133px; height: 50px!important; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .TopBrands .boxcont.subcats { display: block; } .TopBrands .boxcont.subcats .exponea { margin-left: -7px; margin-top: 10px; } .boxcont.subcats+.TopBrands .exponea { display: none; } .TopBrands .custom .exponea .tsb-sale-filter, .TopBrands .custom .exponea .tsb-black-friday-filter { display: flex; } .TopBrands .custom .tsb-sale-filter, .TopBrands .custom .tsb-black-friday-filter { display: none; } .exponea.cat_link + .exponea.cat_link{ display:none; } /*vyprodej end*/ /* Konfigurator beg*/ .tsb-konfig-filter { background-image: url(https://link.tsbohemia.cz/inc/images/konfigurator_icon.png); width: 133px; height: 50px!important; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .TopBrands .custom .exponea .tsb-konfig-filter { display: flex; } .TopBrands .custom .tsb-konfig-filter { display: none; } /* konfigurator end*/ @media (min-width: 1024px) { html[data-products-view=listbox] .prodbox-bottom .exp-last-chance.sale { position: absolute; top: 5px; margin-left: 5px; } html[data-products-view=listbox] .prodbox-bottom.coupon { margin-top: 40px; margin-bottom: 40px; } } .exp-last-chance.sale .tooltiptext { width: 180px; } .stoitemnote br:first-child { display: block; } /*2FA*/ .login2famail, .login2fasms { background-color: white; padding: 30px; max-width: 560px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 60px } .login2famail input[name=logintag], .login2fasms input[name=logintag] { width: 500px; } .login2famail .btnn, .login2fasms .btnn { position: relative; } .login2famail .btnn a, .login2fasms .btnn a { width: 100px } .login2famail .btnn.submit, .login2fasms .btnn.submit { top: 20px; left: 140px; } .login2famail .btnn.submit a, .login2fasms .btnn.submit a { background-color: #4aaa2f } .login2famail .btnn.submit a:hover, .login2fasms .btnn.submit a:hover { background-color: green } .login2famail .btnn.cancel, .login2fasms .btnn.cancel { top: -30px; left: 260px; } .login2famail_note, .login2fasms_note { font-size: 13px; } .login2famail_note p span:first-of-type, .login2fasms_note p span:first-of-type { display: block; margin-bottom: -2px; } .login2famail h1, .login2fasms h1 { font-size: 22px; text-align: center; } @media (max-width: 600px) { .login2famail input[name=logintag], .login2fasms input[name=logintag] { width: 95%; } .login2famail .btnn.submit, .login2fasms .btnn.submit { top: 20px; left: 15%; } .login2famail .btnn.cancel, .login2fasms .btnn.cancel { top: -30px; left: 55%; } } .login2famail h1:after, .login2fasms h1:after { content: "Na bezpečnosti nám záleží, proto jsme Váš účet s kreditem zabezpečili dvoufázovým ověřením. Abychom mohli tomuto zaříznení/prohlížeči důvěřovat, proveďte prosím jeho ověření."; display: block; color: #4c4c4c; font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-size: 15px; line-height: 1.6; margin: 30px 0; text-align: start; } .login2famail p, .login2fasms p { display: inline-block; } .login2famail input[type=radio], .login2fasms input[type=radio] { margin: 0 5px; } #login2fachoosekind{ background-color: white; padding: 50px; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 60px } #login2fachoosekind h1{ color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; font-size: 22px; line-height: 1.590909091; margin-top: 0; margin-bottom: 20px; text-align: center; } #login2fachoosekind .btnn{ position: relative; left: calc(50% - 50px); margin-top: 30px; } /*2FA*/ /* skryti části formuláře u nové dopravy*/ #basketconticont #ordcstiddiv[rel='actdmgid_26'],#basketconticont #ordcstiddiv[rel='actdmgid_30'],#basketconticont #ordcstiddiv[rel='actdmgid_31'] { display: none !important; } #basketconticont #step_cstdiv[rel='actdmgid_26'],#basketconticont #step_cstdiv[rel='actdmgid_30'],#basketconticont #step_cstdiv[rel='actdmgid_31'] { display: none !important; } /* skryti části formuláře u nové dopravy*/ .b-detail-countdown__countdown .days-wrapper.d-none + .separator.sdd { display: none; } .wnfilterbox .b-detail-countdown.pcsname.pcsname_.ds_block{ display: none!important; } #basketsumtab #spcitem_ { display: none; } #stoitem_detail .apekinet p{ margin:0; } #stoitem_detail .apekinet{ text-decoration: underline; } /* loader dostupnosti */ .stiqty.stiqtyinet, .apekinet{ position: relative; } .stiqty.stiqtyinet .tsb-qty-loader, .apekinet .tsb-qty-loader{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: white; opacity: 80%; z-index: 2; } .stiqty.stiqtyinet .tsb-qty-loader .persoo-loading-circle, .apekinet .tsb-qty-loader .persoo-loading-circle{ border-style: solid; border-radius: 50%; border-top-color: #01447b; border-right-color: #f7b626; border-bottom-color: #01447b; border-left-color: #f7b626; animation: spinner 1s infinite linear; animation-duration: 1s; width: 40px; height: 40px; border-width: 4px; animation-duration: 2s; margin: 0 auto; } /* loader dostupnosti */ .pp_content_container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } @media (min-width: 1600px){ .srchcont { width: 240px!important; } .srchcont > .hdr > button{ padding-left: 0px; padding-right: 0px; margin-left: -5px; } @-moz-document url-prefix(){ .srchcont > .hdr > button{ margin-left: -20px; } } } @media (min-width: 768px){ .srchcont > .cnt > form > input[type='text'], .persoo-ac-search-bar__input.persoo-ac-search-bar__input { padding-right: 0; } } /* zalamovani dostupnosti start */ @media (max-width: 767px) { html[data-products-view=listbox] .stiqty .persoo-hwnd--avail, .stiqty .sat_1, .stiqty.sat_1 > a { min-width: max-content; } html[data-products-view=listbox] .stiqty .sat_7, .stiqty.sat_7 > a { min-width: max-content; } } /* @media (max-width: 526px) { html[data-products-view=listbox] .stiqty .persoo-hwnd--avail, .stiqty .sat_1, .stiqty.sat_1 > a { min-width: fit-content; } html[data-products-view=listbox] .stiqty .sat_7, .stiqty.sat_7 > a { min-width: fit-content; } } */ @media (max-width: 479px) { html[data-products-view=listbox] .stiqty .persoo-hwnd--avail, .stiqty .sat_1, .stiqty.sat_1 > a { min-width: max-content; } html[data-products-view=listbox] .stiqty .sat_7, .stiqty.sat_7 > a { min-width: max-content; } } /* zalamovani dostupnosti end */ /* status produktu - start */ html[data-products-view='listbox'] .productlistjx .prodbox .note > p { -webkit-line-clamp: 3; } html[data-products-view='listbox'] .productlistjx .prodbox .statuscont { display: flex; flex-direction: row; position: absolute; top: 10px; margin-left: -10px; } html[data-products-view=listbox] .statuscont .badge.sctid_8_scaid_2536_scatag_ { position: initial; top: auto; right: auto; width: auto; display: inline-block; justify-content: initial; align-items: initial; padding: 3px 8px; transform: none; transform-origin: initial; } html[data-products-view='listbox'] .productlistjx .prodbox .statuscont .badge{ margin-right: 5px; } html[data-products-view='listbox'] .productlistjx .prodbox .statuscont .enrgclass { margin-right: 15px; } html[data-products-view='listbox'] .productlistjx .prodbox .statuscont .badge { height: min-content; } html[data-products-view='listbox'] .productlistjx .prodbox { padding-top: 40px; } @media screen and (max-width: 767px) { html[data-products-view='listbox'] .productlistjx .prodbox .statuscont .badge { font-size: 12px; } html[data-products-view='listbox'] .productlistjx .prodbox .statuscont { order: 1; position: relative; top: auto; bottom: 5px; left: 5px; white-space: nowrap; overflow: scroll; /* Hide scrollbar for IE, Edge and Firefox */ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top { order: 2; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom { order: 3; } html[data-products-view='listbox'] .productlistjx .prodbox { padding-top: 20px; } /* Hide scrollbar for Chrome, Safari and Opera */ html[data-products-view='listbox'] .productlistjx .prodbox .statuscont::-webkit-scrollbar { display: none; } } @media screen and (max-width: 526px) { html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top { margin-bottom: -10px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty { margin-top: 10px; } } /* status produktu - end */ /* opraveno pretekani garance dodani do vanoc v kosiku */ .basketcont .basketmainbox .orbitem .stiqty { padding-bottom: 30px; } /* zalamavani Garance doruceni do vanoc v listovem rezimu na PC */ html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty { flex: 0 0 200px; max-width: 200px; border-right: 1px solid #e8e8e8; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .price { border: none; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty > a > p > span { width: max-content; } /* opraveni odkskovani tooltipu jak se pocitana cena -vypis */ html[data-products-view=listbox] .prodbox-bottom .price .mc::before { bottom: 60%; } /* opraveni odkskovani tooltipu jak se pocitana cena - detail produktu */ .sti_detail_head .price .mc::before { bottom: 100%; } /* opraveni odkskovani tooltipu jak se pocitana cena - vypis u dealera */ html[data-products-view=listbox] .prodbox-bottom .price.dealer .mc::before { bottom: 65%; right: 120px; left: auto; top: auto; } /* slevova bublina v2 */ .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale .tooltiptext, .sti_detail_head .exp-last-chance.sale .tooltiptext { /* tooltip nad slevovou bublinou, vypis a detail produktu */ top: auto; bottom: 45px; } @media (max-width: 1023.98px) { html[data-products-view=listbox] .prodbox-bottom .price .mc::before { bottom: auto; top: auto; } html[data-products-view=listbox] .prodbox-bottom .price.dealer .mc::before { bottom: 75%; right: auto; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale .tooltiptext { bottom: 68px; } /* html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale, html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale b { font-size: 11px; } */ html[data-products-view='listbox'] .productlistjx .prodbox .stiqty, html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .price { border: none; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom div.buy_menu_out, html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom form { display: none; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty { /* flex: 0 0 200px; max-width: 200px; */ border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom { flex: 0 0 200px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .price { margin-top: 0px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty > a > p > span { width: max-content; } } @media screen and (max-width: 767.98px) { html[data-products-view='listbox'] .productlistjx .prodbox .price .mc::before { width: 240px; white-space: pre-wrap; } html[data-products-view=listbox] .prodbox-bottom .price .mc::before { bottom: 100%; top: auto; } html[data-products-view=listbox] .prodbox-bottom .price.dealer .mc::before { /* pozor na poradi fixu na dealera a zakaznika!!!! */ bottom: 90%; right: 0; width: fit-content; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale .tooltiptext { bottom: 45px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty { max-width: 170px; border: none; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom { justify-content: flex-end; flex: 0 0 320px; position: relative; bottom: 15px; margin-bottom: -30px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale { order: 2; width: max-content; /* margin-top: 15px; */ } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .price { order: 1; margin-top: 10px; padding-bottom: 25px; border: none; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance::after { top: auto; left: auto; bottom: 44px; right: 85px; transform: rotate(90deg); } html[data-products-view='listbox'] div.b-detail-countdown { /* osetreni pozice: akcni cena */ order: 0; padding-left: 40px; } } @media screen and (max-width: 526px) { html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top { margin-bottom: 0; } } @media screen and (max-width: 510px) { /* 479 */ html[data-products-view=listbox] .prodbox-bottom .price .mc::before { bottom: auto; } html[data-products-view=listbox] .prodbox-bottom .price.dealer .mc::before { /* pozor na poradi fixu na dealera a zakaznika!!!! */ top: 62%; bottom: auto; left: auto; right: auto; } html[data-products-view='listbox'] div.b-detail-countdown { /* osetreni pozice: akcni cena */ order: 0; padding-left: 0; padding-right: 40px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom { justify-content: initial; position: initial; margin-bottom: 0; margin-top: 0; margin-left: 92px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale b { font-size: 13px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale { font-size: 13px; bottom: auto; left: auto; width: max-content; font-size: 13px; margin-bottom: 0; margin-top: 10px; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .price { position: initial; top: auto; left: auto; padding-left: 0; padding-bottom: 0; border: none; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance::after { top: auto; left: 30px; bottom: 99%; right: auto; } } @media screen and (max-width: 463px) { html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom .exp-last-chance.sale { width: fit-content; } html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-bottom { flex: 0 0 200px; } html[data-products-view='listbox'] div.b-detail-countdown .b-detail-countdown__label{ width: max-content; } } /* fix velke mezery v listboxu mezi popiskem a dostupnosti */ @media screen and (max-width: 1023px) { html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty { margin-left: 16px; } } @media screen and (max-width: 767px) { html[data-products-view='listbox'] .productlistjx .prodbox .prodbox-top .stiqty { margin-left: 92px; } } /* muj ucet - Cenová kategorie ikony */ @media screen and (max-width: 767px) { .logsuccess.tabformcont .ex_01 .pricecat .banner-image { width: 111px !important; } .logsuccess.tabformcont .ex_01 .pricecat { min-width: auto !important; margin-right: 117px; } .logsuccess.tabformcont .ex_01 .creditfree { padding-right: 20px; } } @media screen and (max-width: 527px) { .logsuccess.tabformcont .ex_01 .pricecat { border: none; } } /* upraveni menu kategorii - aby to nepretekalo */ @media (min-width: 1024px) and (max-width: 1077px) { #currency-dropdown .currency-dropdown__toggle-inner { background-image: none; padding-right: 12px; } #currency-dropdown > button > span > span.currency-dropdown__flag.currency-dropdown__flag--0 { margin-right: 0; } .lefttreecont .i6lt_ul > .i6lt_plus > a { padding-right: 14px; } .lefttreecont .i6lt_ul > .i6lt_plus > a::after{ background-image: none; } #currency-dropdown > button > span > span.currency-dropdown__toggle-label { display: none; } .lefttreecont .i6lt_ul > .act > a::after, .hoverevents .lefttreecont .i6lt_ul > li > a:hover::after { background-image: none; } } /* oprava zalamovani textu Chovatelske potreby v menu */ @media (min-width: 1024px) { #ul_0 { width: max-content; } } /* opraveni zustavani bileho menu na mobilu */ .no-hoverevents.curid-0.ossid-0:not(.menu-opened.menu-product-opened) .lefttreecont .i6lt_ul > li > .active::before { visibility: hidden; } /* pridani obrazku s darkem do vypisu produktu */ .gift-image-wrapper { position: absolute; right: 25px; /* top: 150px; */ top: 20px; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; z-index: 1; background-color: white; border-radius: 50%; overflow: hidden; cursor: pointer; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); } .gift-image-wrapper:hover { box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7); } .gift-image { width: 60px; } .gift-text { position: absolute; color: white; font-size: 14px; bottom: 0; padding-top: 3px; padding-bottom: 5px; padding-left: 35px; padding-right: 35px; background-color: #f38033; font-weight: 500; border-radius: 4px; line-height: 1.142857143; } .gift-image-wrapper-detail { top: 200px; right: 40px; } @media (max-width: 767px) { .gift-image-wrapper-detail { top: 70%; } } @media (min-width: 768px) { html[data-products-view='listbox'] .prodbox-top .gift-image-wrapper { display: none; } } html[data-products-view='listbox'] .prodbox-top .gift-image-wrapper { top: 60%; right: auto; left: 22px; width: 60px; height: 60px; } @media (max-width: 479px) { html[data-products-view='listbox'] .prodbox-top .gift-image-wrapper { top: 50%; } } html[data-products-view='listbox'] .prodbox-top .gift-image { width: 40px; } html[data-products-view='listbox'] .prodbox-top .gift-text { font-size: 10px; } .price .mc2 { margin-bottom: 0; } .mc2 + .wvat { color: #ff0000 !important; } /* black friday - vypnuti kosika */ #bsktcont > div.cnt > div.amount { display: none !important; } /* priprava upraveni hlavicky pro menu výprodej START */ #favourcont { display: none; } #logedcont .hdr > a span { display: none; } #logedcont .hdr > a { min-width: fit-content; } #logedcont { border-right: 1px solid #e6e6e6; } #currency-dropdown .currency-dropdown__toggle-inner { background-image: none; padding-right: 12px; } #currency-dropdown > button > span > span.currency-dropdown__flag.currency-dropdown__flag--0, #currency-dropdown > button > span > span.currency-dropdown__flag.currency-dropdown__flag--35 { margin-right: 0; } #currency-dropdown > button > span > span.currency-dropdown__toggle-label { display: none; } @media (max-width: 1638px) { .lefttreecont .i6lt_ul > .i6lt_plus > a { padding-right: 14px; } .lefttreecont .i6lt_ul > .i6lt_plus > a::after{ background-image: none; } .lefttreecont .i6lt_ul > .act > a::after, .hoverevents .lefttreecont .i6lt_ul > li > a:hover::after { background-image: none; } } @media (max-width: 1104px) { .lefttreecont .i6lt_ul > .i6lt_plus > a { padding-right: 3px; } } /* priprava upraveni hlavicky pro menu výprodej END */ /* produktove varianty */ .variants-wrapper { position: absolute; left: 0; top: 165px; z-index: 1; min-width: 100%; max-width: 100%; opacity: 0; transition: 100ms ease-in-out all; } .product-variants { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 10px; margin-bottom: 0; } .product-variants .variant { display: block; margin-right: 5px; border: 1px solid #e6e6e6; border-radius: 4px; padding: 2px 4px; cursor: pointer; background-color: white; } .product-variants .variant:last-child { margin-right: 0; } .product-variants .variant:hover, .product-variants .variant-more:hover { border-color: #0072c1; } .product-variants .variant-img { width: 45px; } .product-variants .variant-more { border: 1px solid #e6e6e6; width: 32px; height: 32px; text-align: center; border-radius: 4px; cursor: pointer; text-decoration: none !important; background-color: white; } .variant-space { margin-bottom: 80px; } /* variant tooltip */ .variant-tooltip { position: relative; display: inline-block; } .variant-tooltip:hover .variant-tooltip-text { display: block; } .variant-tooltip .variant-tooltip-text { display: none; min-width: 150px; box-sizing: border-box; position: absolute; left: 50%; background-color: black; opacity: 0.85; color: #fff; text-align: center; border-radius: 3px; padding: 5px 5px; z-index: 2; top: 60px; transform: translate(-50%, 0); } .variant-tooltip .variant-tooltip-text::after { content: ""; position: absolute; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; bottom: 100%; transform: rotate(180deg); } html[data-products-view='listbox'] .variants-wrapper { display: none; } .prodbox-top .img a img { transition: 100ms ease-in-out all; } .var-active-img { max-height: 60% !important; margin-bottom: 50px !important; } .var-active { opacity: 1; } /* popularni produkt přesun zpět do badgu - kvuli presunutem darku vpravo nahoru */ .statuscont .badge.sctid_8_scaid_2536_scatag_, .statuscont .badge.sctid_8_scaid_2536 { position: initial; top: auto; right: auto; display: table; justify-content: initial; align-items: initial; width: initial; padding: 3px 8px; background-color: #01447b; transform: initial; transform-origin: initial; } /* varianty v detailu produktu START */ .variants-detail-wrapper { position: relative; display: flex; flex-direction: column; width: 100%; color: #4c4c4c; padding-bottom: 5px; } .variants-detail-wrapper .header { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 50px; padding: 0 14px; cursor: pointer; border: 1px solid #e6e6e6; border-bottom: 0; } .variants-detail-wrapper .left-text, .variants-detail-wrapper .right-text { display: flex; } .variants-detail-wrapper .left-text .var-image { width: 18px; height: auto; margin-right: 10px; } .variants-detail-wrapper .left-text .text { color: #01447b; font-weight: 500; } .variants-detail-wrapper .right-text .var-image { width: 12px; margin-left: 16px; margin-right: 5px; } .variants-detail-wrapper .right-text .var-black { color: #000000; font-weight: 500; } #variantsDetailBody { display: flex; flex-direction: column; width: 100%; background-color: white; border: 1px solid #e6e6e6; border-top: 0; } .variants-detail-wrapper .header.closed { border: 1px solid #e6e6e6; } #variantsDetailBody.closed { display: none; } #variantsDetailWrapper .right-text .var-image.closed { transform: rotate(180deg); } #variantsDetailBody .var-body-block { display: none; } #variantsDetailBody .var-body-block.opened { display: flex; flex-direction: column; } #variantsDetailBody.abs-position { position: absolute; top: 45px; z-index: 10; } #variantsDetailBody .variant-wrapper { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; height: fit-content; border: 1px solid #e6e6e6; margin: 5px 10px; transition: border-color 0.3s; color: #000000; text-decoration: none; } #variantsDetailBody .var-image { width: 60px; height: auto; margin: 10px; } #variantsDetailBody .var-image { color: #000000; } #variantsDetailBody .mc, #variantsDetailBody .mc2 { color: #4c4c4c; line-height: 22px; font-weight: 300; } #variantsDetailBody .mc { text-decoration: line-through; } #variantsDetailBody .wvat { font-size: 15px; color: #000000; font-weight: 500; line-height: 1; } #variantsDetailBody .wvat.red { color: red; } #variantsDetailBody .var-text { display: flex; flex-direction: column; padding: 10px 0; } #variantsDetailBody .var-block-footer { display: flex; flex-direction: row; margin-left: 10px; margin-right: 30px; margin-bottom: 10px; margin-top: 5px; } #variantsDetailBody .var-more-products-btn { cursor: pointer; margin-right: 30px; color: #01447b; font-weight: 500; } #variantsDetailBody .var-more-products-btn:hover { text-decoration: underline; } @media (max-width: 440px) { #variantsDetailWrapper { flex-direction: column; align-items: unset; justify-content: center; } #variantsDetailWrapper .left-text .text, #variantsDetailWrapper .right-text .text { margin-left: 30px; line-height: 20px; } #variantsDetailWrapper .left-text .var-image { position: absolute; top: 15px; left: 14px; margin-right: 0; } #variantsDetailWrapper .right-text .var-image { position: absolute; top: 22px; right: 10px; margin-right: 10px; margin-left: 0; } } /* varianty v detailu produktu END */ /* produktove varianty END */ /* recenze start */ .margin-bot-imp { margin-bottom: 0 !important; } .TSB-description .margin-top-imp { margin-top: 0 !important; } @media (min-width: 1024px) { html[data-products-view=listbox] .TSB-description .review-score { display: none; } } .reviews-cont { display: flex; flex-direction: column; align-items: center; margin-top: 30px; } .reviews-cont .review { display: flex; flex-direction: column; width: 100%; min-width: 300px; margin-bottom: 5px; padding: 20px; background-color: #ffffff; } .reviews-cont .review-title { width: 100%; } .reviews-cont .review-title-text { font-size: 35px; color: #000000; font-family: "Fira Sans", "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; font-weight: 300; line-height: 1.571428571; } .reviews-cont .review-empty { font-style: italic; margin-top: 20px; } .reviews-cont .mobile-size { font-size: 24px; } /* header */ .review .review-header { display: flex; flex-direction: row; justify-content: space-between; } .review-header .date-cont { display: flex; flex-direction: row; } /* .review-header .date-cont .date { width: 85px; } */ .review-header .date-cont .spacer { margin: 0 10px; border-left: 1px solid #000000; } .date-cont .verified-cont { display: flex; flex-direction: row; align-items: center; } .date-cont .verified-cont .verified-img { width: 16px; height: auto; margin-right: 5px; } .date-cont .verified-cont .verified-text { text-decoration: dotted; text-decoration-line: underline; text-decoration-color: #4aaa2f; color: #4aaa2f; cursor: help; } .review-header .score-cont { display: flex; flex-direction: row; } .review-score { display: block; width: 100px; height: 20px; background-size: 20px 20px; background-image: url(https://www.tsbohemia.cz//img/icon/nostar.svg); } .review-score.pointer { cursor: pointer; } .review-wrapper { position: absolute; top: 0; right: 30px; z-index: 10; pointer-events: initial; margin-bottom: 0; } .review-score-in { /* width: 60px; */ background-image: url(https://www.tsbohemia.cz//img/icon/star.svg); } .review-header .score-cont .score-text { font-weight: 500; margin-left: 10px; } @media (max-width: 410px) { .review .review-header { flex-direction: column; } .review .review-header .date-cont { margin-bottom: 10px; } } /* header */ /* body */ .review .review-body { display: flex; flex-direction: column; margin: 20px 0; } .review-body .rating { display: flex; flex-direction: row; justify-content: space-between; } .review-body .rating>div { flex-basis: 50%; } .review-body .summary-text { margin-bottom: 20px; } .review-body .summary-text, .review-body .rating .plus-text, .review-body .rating .minus-text { text-align: justify; } .review-body .rating .plus, .review-body .rating .minus { display: flex; flex-direction: row; align-items: flex-start; } .review-body .rating .plus-img, .review-body .rating .minus-img { position: relative; top: 2px; width: 20px; height: auto; margin-right: 10px; } .review-body .rating .spacer { max-width: 40px; } @media (max-width: 700px) { .review-body .rating { flex-direction: column; } .review-body .rating .plus-cont { margin-bottom: 20px; } .review-body .rating .spacer { max-width: 0; } } /* body */ .review-footer .recommends-img { width: 24px; height: auto; } .review-footer .recommends-img.rec-down { transform: rotate(179deg); } .review-body .rec-text { font-style: italic; } /* tooltip */ .tooltip { position: relative; display: inline-block; } .tooltip:hover .tooltip-text { display: block; } .tooltip .tooltip-text { display: none; min-width: 225px; box-sizing: border-box; position: absolute; top: -7px; left: 50%; transform: translate(-50%, -100%); background-color: black; opacity: 0.85; color: #fff; text-align: center; border-radius: 3px; padding: 5px 5px; z-index: 2; } .tooltip .tooltip-text::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } .tooltip:hover .tooltip-text, .tooltip:active .tooltip-text { visibility: visible; } .load-more-btn { width: fit-content; padding: 19px 39px; margin: 30px 0; font-size: 17px; font-weight: 500; cursor: pointer; border: 1px solid #01447b; background-color: #ffffff; color: #01447b; line-height: 20px; transition: background-color 0.3s, border-color 0.3s, color 0.3s; } .load-more-btn:hover { border-color: #01447b; background-color: #01447b; color: #ffffff; } /* html[data-products-view=listbox] .TSB-description .review-score { display: none; } */ /* recenze end */ /* accessories in basket START - pro Exponeu na AB test*/ .acs-animate { display: none; } .basket-accessories { display: flex !important; flex-direction: column; width: 95%; } .accessories-wrapper { display: flex; flex-direction: row; justify-content: space-between; } .accessories-wrapper:last-child { margin-bottom: 0px; } .accessories-wrapper .accessories-section { display: flex; flex-direction: row; align-items: center; } .accessories-wrapper .acs-img-cont { width: 80px; margin-right: 25px; display: flex; justify-content: center; align-items: center; } .accessories-wrapper .accessories-img { width: auto; height: 60px; } .accessories-wrapper .product-title { color: #01447b; font-weight: 500; font-size: 15px !important; } .accessories-wrapper .prices { font-size: 13px; color: #4c4c4c; } .accessories-wrapper .old-price { text-decoration: line-through; } .accessories-wrapper .new-price { color: #ff0000; font-weight: 500; } .accessories-wrapper .acs-input-number { width: 56px; height: 40px; margin-bottom: 0; margin-right: 10px; padding: 9px 9px 9px; font-size: 19px; line-height: 1; text-align: center; border: 1px solid #e6e6e6; border-radius: 0; background-color: #ffffff; color: #000000; transition: background-color 0.3s, border-color 0.3s; } .accessories-wrapper .acs-add-to-cart { padding: 10px 10px 11px; border: 0; border-radius: 0; background-color: #4aaa2f; color: #ffffff; font-weight: 500; font-size: 15px; line-height: 19px; text-align: center; transition: background-color 0.3s, border-color 0.3s, color 0.3s; cursor: pointer; } .accessories-wrapper .acs-add-to-cart:hover { background-color: #54c135; } .acs-more-products-btn { cursor: pointer; color: #0072c1; } .acs-more-products-btn:hover { text-decoration: underline; } .zbd-animate-pulse { animation-duration: 1s; animation-iteration-count: 4; animation-direction: alternate; animation-name: basket-product-pulse; } @keyframes basket-product-pulse { 0% { background-color: white; } 100% { background-color: #4aaa2fb3; } } @media (max-width: 589px) { .accessories-wrapper { flex-direction: column; } .accessories-wrapper .accessories-section:first-child { margin-bottom: 5px; } } /* accessories in basket END */ /* pro AB test pro exponeu - pulzovani nejprodavanejsich produktu START - 12.4.2023 */ /* #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li .img a::before, #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li h2 a::before, #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li .price .wvat::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; border-radius: 4px; background-color: black; animation: loading-placeholder 2s infinite; } #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li .img, #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li h2 a, #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li .price p, #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li .price span { position: relative; color: transparent !important; } #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li .img a img { visibility: hidden; } #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li .price .mc::after { display: none; } #centercont > div > div > div.strcont > div.wnfilterbox:not(.is-loaded) > ul > li h2 a { margin: 0 auto; width: 75%; display: block; max-height: 23px; } #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li .img a::before, #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li h2 a::before, #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li .price .wvat::before { content: ''; position: initial; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; border-radius: 4px; background-color: black; animation: loading-placeholder 2s infinite; } #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li .img, #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li h2 a, #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li .price p, #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li .price span { position: initial; color: initial; } #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li .img a img { visibility: visible; } #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li .price .mc::after { display: initial; } #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded > ul > li h2 a { margin: initial; width: initial; display: initial; max-height: initial; } */ /* pro AB test pro exponeu - pulzovani nejprodavanejsich produktu END */ /* Zobrazeni informacni hlasky pro SK zákazníky */ .rowbox.notfount.ermsg.zbd-information-text { margin: 20px 0; color: #f7b626; } #centercont > div > div > div.strcont > div.wnfilterbox.is-loaded .price[data-price-src] .mc + .wvat { color: #ff0000; } /* scroll bannery ve vypisu START */ #centercont > div > div > div.wn16 > div > div > ul > li, #sprtbannerlist > a { display: none; } #centercont > div > div > div.wn16 > div > div > ul > li.active, #sprtbannerlist > a.active { display: block; /* animation: fadeInFromNone 0.5s ease; */ } #centercont > div > div > div.wn16, #sprtbannerlist { position: relative; } .zbd-banner-navigation { position: absolute; bottom: 15px; display: flex; width: 100%; justify-content: center; z-index: 1; pointer-events: none; } .zbd-nav-item:last-child { margin-right: 0; } .zbd-nav-item { display: block; width: 10px; height: 10px; margin-right: 5px; background-color: #ffffff; transition: background-color 0.3s; pointer-events: all; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; } .zbd-nav-item.active { background-color: #f7b626; } .zbd-nav-item:hover { background-color: #f7b626; } @keyframes fadeInFromNone { 0% { display: none; opacity: 0; } 0.5% { display: flex; opacity: 0; } 100% { display: flex; opacity: 1; } } @media (max-width: 500px) { .zbd-banner-navigation { display: none !important; } } /* scroll bannery ve vypisu END */ /* filtrovani podle stavu START */ /* barva darku: #f38033 */ #centercont .b-category-filter { margin-bottom: 60px; } #stistssrch .srchststdiv3, #stistssrch .srchststdiv8, #stistssrch .srchststdiv12, #stistssrch .srchststdiv14, #stistssrch .srchststdiv15 { display: none !important; } #stistssrch { display: flex !important; width: 100%; position: absolute; left: 0; bottom: -46px; } #stistssrch > form { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 100%; margin-bottom: 0; } #stistssrch .srchststdiv { display: inline-flex; /* align-items: center; */ margin-right: 10px; background-color: white; color: #01447b; font-weight: 500; padding: 5px 18px; border-radius: 20px; white-space: nowrap; } #stistssrch .srchststdiv > input { margin-right: 5px; } #stistssrch .srchststdiv > input, #stistssrch .srchststdiv > label { cursor: pointer; } /*#stistssrch .srchststdiv1.selected { background-color: #FF0000; color: white; } #stistssrch .srchststdiv2.selected { background-color: #0000A0; color: white; } #stistssrch .srchststdiv8.selected { background-color: #804000; color: white; } #stistssrch .srchststdiv13.selected { background-color: #FF00FF; color: white; } */ /* #stistssrch .srchststdiv1 { background-color: #FF0000; } #stistssrch .srchststdiv2 { background-color: #0000A0; } #stistssrch .srchststdiv3 { background-color: #FFCC33; } #stistssrch .srchststdiv8 { background-color: #804000; } #stistssrch .srchststdiv9 { background-color: #808080; } #stistssrch .srchststdiv12 { background-color: #0080C0; } #stistssrch .srchststdiv13 { background-color: #FF00FF; } #stistssrch .srchststdiv14 { background-color: #003366; } #stistssrch .srchststdiv15 { background-color: #1F1F1F; } */ @media (max-width: 767px) { #centercont .b-category-filter { margin-bottom: 0; } #stistssrch { position: initial; margin-bottom: 5px; order: 1; } #stistssrch .srchststdiv { margin-bottom: 5px; } } /* filtrovani podle stavu END */ /* blok s darky v detailu - START */ #stoitem_detail #stiystt { display: none !important; } #stoitem_detail #stiystt.d-block { display: block !important; } .statuscont .badge.stixsicico.stixsic_ico4 { display: none !important; } #zbd-gift-cont { display: none; flex-direction: column; justify-content: flex-start; margin-top: 20px; } #zbd-gift-cont.d-flex { display: flex; } #zbd-gift-cont.m-top { margin-top: 60px; } #zbd-gift-cont .gift-item { display: flex; flex-direction: row; align-items: center; padding: 10px; } #zbd-gift-cont .gift-item .image { width: 100px; height: auto; } #zbd-gift-cont .gift-desc-cont { display: flex; flex-direction: column; justify-content: flex-start; background-image: url(../img/icon/gift.svg); background-position: 15px 0%; background-repeat: no-repeat; background-size: 25px 25px; padding-left: 45px; } #zbd-gift-cont .gift-price-text { font-weight: 300; font-size: 17px; } #zbd-gift-cont .gift-price-text:hover { text-decoration: underline; } #zbd-gift-cont .gift-name { font-size: 14px; /* margin-left: 21px; */ } .msgbox.stiout.zbd-gift-text { background-image: url(../img/icon/gift.svg); margin-top: 0; } .zbd-gift-color-text { color: #f38033 !important; } /* blok s darky v detailu - END */ /* mnozstevni slevy START */ .quantity-table-wrapper { overflow-x: auto; } #stoitem_detail .zbd-quantity-discounts-cont { display: flex; flex-direction: column; margin-top: 0; margin-bottom: 5px; padding: 10px; border: 1px solid #e6e6e6; white-space: nowrap; } #stoitem_detail .zbd-quantity-discounts-cont .header { color: #000000; } #stoitem_detail .zbd-quantity-discounts-cont .content { display: flex; flex-direction: column; } #stoitem_detail .zbd-quantity-discounts-cont .content .item { display: flex; flex-direction: row; justify-content: space-between; padding: 3px 7px; } #stoitem_detail .zbd-quantity-discounts-cont .content .item:nth-child(odd), #ordbasket-sipqdiscs-table > tbody > tr:nth-child(2n+3) { background-color: #f8f8f8; } #ordbasket-sipqdiscs-table { border: 1px solid #e6e6e6; width: fit-content !important; background-color: white; white-space: nowrap; } #ordbasket-sipqdiscs-table > tbody { /* padding: 10px; */ padding: 10px; } #ordbasket-sipqdiscs-table > tbody > tr { display: table-header-group; } #ordbasket-sipqdiscs-table > tbody > tr > td { display: table-cell; padding: 5px 7px; text-align: left; } .basketcont td.totalprc.wvat > a { color: #4c4c4c; font-size: 13px; text-decoration: underline; margin-top: 6px; display: block; } /* mnozstevni slevy END */ /* new variants START */ .zbd-new-variant-cont { display: flex; flex-direction: row; flex-wrap: wrap; } .zbd-new-variant-cont .item { display: flex; flex-direction: column; width: 50%; margin-bottom: 10px; justify-content: flex-end; } .zbd-new-variant-cont .item:nth-child(1), .zbd-new-variant-cont .item:nth-child(3), .zbd-new-variant-cont .item:nth-child(5) { padding-right: 5px; } .zbd-new-variant-cont .item:nth-child(2), .zbd-new-variant-cont .item:nth-child(4), .zbd-new-variant-cont .item:nth-child(6) { padding-left: 5px; } .zbd-new-variant-cont .group-label { font-weight: 500; } /* custom selet boxes */ .zbd-new-variant-cont .select-wrapper { position: relative; cursor: pointer; } .zbd-new-variant-cont .select-wrapper .arrow-icon { width: 12px; height: auto; } .zbd-new-variant-cont .select-wrapper .default-option { position: relative; display: flex; flex-direction: row; justify-content: space-between; padding: 15px 19px 14px 19px; border: 1px solid #e6e6e6; } .zbd-new-variant-cont .select-wrapper.active .default-option, .zbd-new-variant-cont .select-wrapper .default-option:hover { border-color: rgb(0, 114, 193); } .zbd-new-variant-cont .select-wrapper.active .select-options { display: block; } .zbd-new-variant-cont .select-wrapper.active .arrow-icon { transform: rotate(180deg); } .zbd-new-variant-cont .select-wrapper .select-options { z-index: 11; display: none; position: absolute; top: 55px; left: 0; width: 100%; background-color: white; border: 1px solid #e6e6e6; border-top: none; box-shadow: 0 11px 12px 0 rgba(0, 0, 0, 0.07), 0 2px 4px 0 rgba(0, 0, 0, 0.04); } .zbd-new-variant-cont .select-wrapper .select-options.overflow { max-height: calc(53px * 4); overflow-y: scroll; } .zbd-new-variant-cont .select-wrapper .select-options .option:hover { background: #f8f8f8; } .zbd-new-variant-cont .select-wrapper .select-options .option { display: block; text-decoration: none; padding: 15px 19px 14px 19px; } .zbd-new-variant-cont .select-wrapper .default-option .option .text, .zbd-new-variant-cont .select-wrapper .select-options .option .text { color: #4c4c4c; font-weight: 300; text-decoration: none; } /* new variants END */ /* Smartform validace a naseprtavac START */ /* .smrtfrm-img { width: 20px; height: auto; } .not-allowed { background-color: red !important; pointer-events: none !important; } .border-red { border-color: red !important; } .border-green { border-color: #4aaa2f !important; } .zbd-not-valid-text { text-align: center; display: block; color: red; } .zbd-basket-address-modal-wrapper { z-index: 99999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; } .zbd-basket-address-modal-wrapper .basket-address-modal { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 400px; height: fit-content; background-color: white; border-radius: 10px; padding: 10px; } .zbd-basket-address-modal-wrapper .basket-address-modal .title { font-size: 30px; font-weight: 500; color: black; } .zbd-basket-address-modal-wrapper .basket-address-modal .text { padding: 10px 0; text-align: center; font-size: 16px; } .zbd-basket-address-modal-wrapper .close-btn, .zbd-basket-address-modal-wrapper .continue-btn { background-color: #4aaa2f; color: white; width: fit-content; padding: 10px 10px 11px; font-size: 15px; font-weight: 500; transition: background-color 0.3s, border-color 0.3s, color 0.3s; margin-bottom: 10px; cursor: pointer; } .zbd-basket-address-modal-wrapper .close-btn:hover { background-color: #54c135; } .zbd-basket-address-modal-wrapper .submit-wrapper { display: flex; flex-direction: column; } .zbd-basket-address-modal-wrapper .continue-text { font-weight: 500; font-size: 16px; } .zbd-basket-address-modal-wrapper .btns-cont { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; } .zbd-basket-address-modal-wrapper .continue-btn { margin-bottom: 0; } .zbd-basket-address-modal-wrapper .close-submit-btn { color: #01447b; cursor: pointer; } */ /* Smartform validace a naseprtavac END */ /* Benefit program, manazer, produktove feedy v profilu START */ .zbd-contact-cont { margin-top: 15px !important; align-items: center; } .zbd-contact-cont .dis-group { border: none !important; } .zbd-contact-cont .dis-group.space { margin: 0 !important; margin-right: 20px !important; padding: 0 0 !important; } .zbd-contact-cont .dis-group:last-child { margin-right: 0 !important; } .zbd-contact-cont .manager-name { /* color: #a3d1ff; */ font-family: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif; } .zbd-contact-cont .link { color: #f7b626; } .zbd-contact-cont .link:hover { text-decoration: underline; } /*.zbd-contact-cont .dis-group img { width: 150px; }*/ @media screen and (max-width: 767px) { /*.zbd-contact-cont .dis-group img { width: 111px; }*/ .zbd-contact-cont .dis-group-title { margin-right: 10px !important; } } /* Benefit program, manazer, produktove feedy v profilu END */ /* v detailu produktu nad obrazkem vyrobce */ .sti_catimg a:before{ content: "Vše od výrobce:"; } /* GDPR styly - prehozeni z inline sem */ .zbd-gdpr-link { position: absolute; left: 30px; top: 24px; } /* Skryti nakupnich cen */ .zbd-contact-cont { overflow: visible !important; } .zbd-contact-cont .switch { position: relative; display: inline-block; width: 54px; height: 28px; } .zbd-contact-cont .switch .cb-slider { opacity: 0; width: 0; height: 0; } .zbd-contact-cont .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e6e6e6; -webkit-transition: .4s; transition: .4s; border-radius: 14px; } .zbd-contact-cont .slider:before { position: absolute; content: ""; height: 28px; width: 28px; left: 0; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } .zbd-contact-cont .cb-slider:checked + .slider:before{ background-color: #409927; } .zbd-contact-cont .cb-slider + .slider:before { background-color: #bbbbbb; } .zbd-contact-cont .cb-slider:checked + .slider { background-color: #d7f3cf; } .zbd-contact-cont .cb-slider:focus + .slider { box-shadow: 0 0 1px #d7f3cf; } .zbd-contact-cont .cb-slider:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .zbd-contact-cont .slider.round { border-radius: 34px; } .zbd-contact-cont .slider.round:before { border-radius: 50%; } .zbd-contact-cont .zbd-prices-btn { display: flex; } .zbd-contact-cont .slider-icon { width: 20px; height: 20px; cursor: help; } .zbd-contact-cont .price-slider-tooltip-text { min-width: 375px; text-align: justify; border-radius: 10px; padding: 15px 15px; } @media screen and (max-width: 500px) { .zbd-contact-cont .tooltip .tooltip-text { min-width: 250px; } } @media screen and (max-width: 400px) { .zbd-contact-cont .tooltip .tooltip-text { transform: translate(-75%, -100%); } } .disable-line { text-decoration: none !important; } /* oprava pretekajiciho menu */ #div_strid_0 { overflow-x: scroll; } @media (min-width: 1024px) { .lefttreecont { max-width: 800px; } } @media (max-width: 1290px) { .lefttreecont { max-width: 600px; } }