/* Loretius by Degriz */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://hu.daletino.com/skin/frontend/zenlus/default/fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Reset ================================================================================= */ * { margin:0; padding:0; box-sizing: border-box; font-family: 'Roboto', sans-serif; background-repeat: no-repeat; background-size: contain; } body { background: #fff; color:#111; font-size: 15px; line-height: 1.625em; text-align:left; font-family: 'Roboto', sans-serif; } .std { color: #555; } img { border:0; vertical-align:top; max-width: 100%; } a { color:#f15822; text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline:0; } .clear { clear: both; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; line-height:1.4; color:#111; font-weight:normal;} h1 { font-size:24px; } h2 { font-size:21px; } h3 { font-size:19px; } h4 { font-size:18px; } h5 { font-size:17px; } h6 { font-size:16px; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ p { margin:0 0 10px; } strong { font-weight:bold; } address { font-style:normal; line-height:1.35; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .container { max-width:1280px; margin: 0 auto; padding: 0 15px; } .wrapper { padding-top: 20px; } .page {} .page-print { } .page-empty { } .page-popup { } .main-container { } .checkout-onepage-success .main { text-align: center; } .checkout-onepage-success .cart-breadcrumbs { margin-bottom: 80px; } /* Base Columns */ .col-left { float:left; width:23%; padding:0; } .col-main { float:left; width:75%; padding:0; } .col-right { float:right; width:23%; padding:0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:475px; margin-left:17px; } .col3-layout .col-wrapper { float:left; width:687px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea, button { vertical-align:middle; color:#2f2f2f; font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 1.4em; } input.input-text,select,textarea { background:#fff; border:1px solid #b6b6b6; } input.input-text, textarea { padding:2px; min-width: 240px; } input.input-text { line-height: 28px; padding-left: 10px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { min-width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } button.button { -webkit-border-fit:lines; } button.button { overflow:hidden; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { display: block; border:1px solid #929292; background:#929292; padding: 8px 20px; text-align:center; white-space:nowrap; color:#fff; font-weight: 600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} button.button span span { border:0; padding:0; } button.button:hover span { border-color: #777; background-color: #777; } button.disabled span { border-color:#bbb !important; background:#bbb !important; } button.button.btn-checkout span, button.button.btn-cart span { border-color: #f15822; background-color: #f15822; } button.button.btn-checkout:hover span, button.button.btn-cart:hover span { border-color: #da4132; background-color: #da4132; } button.button.btn-checkout span { font-size: 16px; } p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus { background-color:#fefefe; } /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#666; font-weight:bold; position:relative; z-index:0; margin-bottom: 5px; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } .form-list-narrow li { margin-bottom:0; } .form-list-narrow li .input-box { margin-bottom:6px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Independent fields */ /*.form-list li { margin:0 0 8px; } .form-list li.fields { margin:0; } .form-list .field { display:block; margin:0 0 8px; } .form-list li.control {} .form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; } .form-list label.required { font-weight:bold; } .form-list label.required em { font-variant:normal; color:#eb340a; margin-right:3px; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:254px; } .form-list select { width:260px; } .form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; } .form-list .input-range input.input-text { width:96px; }*/ /* Customer */ /*.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:11px; font-weight:normal; color:#777; text-align:left; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; }*/ .buttons-set { clear:both; margin: 20px 0 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right; } .buttons-set p.required { margin:0 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:12px 7px 0 0; } .fieldset { border:1px solid #ddd; background:#f9f9f9; padding: 15px 15px 15px 15px; margin: 10px 0px 0px 0px; } .fieldset .legend { font-weight:600; font-size:18px; line-height: 18px; border-bottom:1px solid #ddd; background:#efefef; color:#171717; margin: -15px -15px 10px -15px; padding: 15px; position:relative; } .contacts-index-index .buttons-set button.button { float: left; } /* Form Validation */ .validation-advice { display: inline-block; clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/validation_advice_bg.gif) 2px 0 no-repeat; color:#eb340a; } .validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; text-align:right; color:#EB340A; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .notice.deliverynotice { position: relative; margin: 0 0 10px 0; background: #e6e6e6; padding: 10px; color: #555; font-size: 13px; line-height: 1.3em; } .notice.deliverynotice:before { content:''; display: block; position: absolute; top: -10px; left: 10px; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #e6e6e6 transparent; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px !important; } .messages li li { margin:0 !important; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-size:16px 16px; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { font-size:11px; line-height:1.25; margin:0 0 13px; } .breadcrumbs li { display:inline; } .breadcrumbs li strong { font-weight: 500; } .breadcrumbs li a { color: #929292; } /* Page Heading */ .page-title { width:100%; overflow:hidden;margin: 20px 0 20px; } .page-title h1, .page-title h2 { margin:0; font-size: 24px; color: #111; font-weight: bold; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; } /* Toolbar */ .toolbar { margin: 10px 0; } .toolbar-bottom .toolbar { margin-top: 0; } .toolbar .sorter { } .sorter { font-size:11px; padding: 5px 0;} .sorter .view-mode { margin:0; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding: 0 0 0 5px; margin:0 5px 0 0; vertical-align:middle; line-height: 28px; height: 28px; } .sorter .link-feed {} .catalogsearch-result-index .page-title { margin: 0; } /* Data Table */ .data-table { width:100%; border: 1px solid #bebebe; } .data-table .odd { background:#f8f8f8 } .data-table .even { background:#eee; } .data-table td.last, .data-table th.last { border-right:0; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table tr.last td img { max-width: unset; } .data-table th { padding:3px 8px; font-weight:bold; } .data-table td { padding:3px 8px; } .data-table thead th { font-weight:bold; border-right:1px solid #c2c2c2; padding:2px 8px; color:#0a0a0a; white-space:nowrap; vertical-align:middle; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a, .data-table thead th a:hover { color:#fff; } .data-table thead th { background: #d9d9d9; } .data-table thead th .tax-flag { font-size:11px; white-space:nowrap; } .data-table tfoot { border-bottom:1px solid #d9d9d9; } .data-table tfoot tr.first td { } .data-table tfoot tr { background-color:#dedede !important; } .data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9d9d9; } .data-table tfoot strong { font-size:16px; } .data-table tbody th, .data-table tbody td { border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; } /* Bundle products tables */ .data-table tbody.odd tr { background:#f8f8f8 !important; } .data-table tbody.even tr { background:#f6f6f6 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9d9d9; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { border:1px solid #d0d0d0; padding:12px 15px; margin:0 0 15px; } .info-box h2 { font-weight:bold; font-size:13px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -52px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_collapse.gif) 100% 5px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -52px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { color:#dc6809 !important; font-weight:bold; } .link-wishlist { color:#dc6809 !important; font-weight:bold; } .link-reorder { font-weight:bold; color:#dc6809 !important; } .link-compare { font-weight:bold; } .link-print { /*background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; } .link-rss { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-previous { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background: url(https://hu.daletino.com/skin/frontend/zenlus/default/images/close.png) no-repeat center #f15822;; text-indent:-999em; overflow:hidden; } .btn-remove2:before { content: '' } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie { position:fixed; z-index:9999; width:100%; bottom:0; left:0; margin:0 !important; opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 */ } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ======================================================================================= */ /* Header ================================================================================ */ .top-container { position: relative; line-height: 1.4em; font-size: 14px; padding: 7px 0; color: #fff; text-align: center; background: #000; } .top-container .container { padding-right: 40px; } .top-container p { margin: 0; padding: 0; } .top-container a { text-decoration: none; color: #fff; } .top-container .close { cursor: pointer; height: 13px; width: 13px; overflow: hidden; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.557' height='25.557' viewBox='0 0 25.557 25.557'%3E%3Cg id='close' transform='translate(-1449.475 -2105.999)'%3E%3Crect id='Rectangle_1' data-name='Rectangle 1' width='4' height='18' rx='2' transform='translate(1449.476 2108.828) rotate(-45)' fill='%23fff'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='4' height='18' rx='2' transform='translate(1462.203 2116) rotate(45)' fill='%23fff'/%3E%3Crect id='Rectangle_84' data-name='Rectangle 84' width='4' height='18' rx='2' transform='translate(1462.304 2121.556) rotate(-135)' fill='%23fff'/%3E%3Crect id='Rectangle_85' data-name='Rectangle 85' width='4' height='18' rx='2' transform='translate(1475.032 2128.728) rotate(135)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); } .header { z-index: 4; position: relative; padding-top: 10px; padding-bottom: 10px; -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1); } .header .container { position: relative; } .header .logo strong, .header .logo h1 { display: none; } .header .email { float: right; margin: 25px 30px 0 0; } .header .email:before { content: ''; display: block; width: 27px; height: 21px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 18' style='enable-background:new 0 0 24 18;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23737178;%7D%0A%3C/style%3E%3Cpath class='st0' d='M22,16H2V8H0v10h24V8h-2V16z M0,0v3.2L12,13l12-9.8V0H0z M22,2.2l-10,8.2L2,2.2V2h20V2.2z'/%3E%3C/svg%3E%0A"); } /* top cart */ .block-cart { float:right; margin: 4px 0 0 0; } .carteks { display: block; position: relative; text-decoration: none; } .carteks .title { cursor: pointer; text-decoration: none; display: inline-block; text-align: center; background: #f15822; width: 60px; height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .carteks .title .icon:before { content: ''; margin: 12px 0 0 0; width: 34px; height: 34px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20.1 24' style='enable-background:new 0 0 20.1 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M19,6h-3.9V5c0-2.8-2.2-5-5-5s-5,2.2-5,5v5h2V8h4V6h-4V5c0-1.7,1.3-3,3-3s3,1.3,3,3v5h2V8h2.1l0.9,14H2.2L3,8 h0.1V6H1.2L0,24h20.1L19,6z'/%3E%3C/svg%3E%0A"); } .carteks .title .amount { position: absolute; font-family: Arial; top: -5px; right: -5px; display: inline; background: #111; width: 22px; height: 22px; overflow: hidden; line-height: 22px; text-align: center; font-size:14px; font-weight: normal; color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .carteks .overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2); z-index: 998; } .carteks .overlay.show { display: block; } .carteks .roza { position:fixed; display: none; text-align: center; right: 0; top: 0; bottom:0; padding: 2px 0px 0px 0px; width: 320px; margin: 0px; background: #fff; color: #333; z-index: 999; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);} .carteks .roza.show { display: block; } .carteks .roza:before { content: ''; display: block; position: absolute; top: -8px; right: 40px; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #e8e8e8 transparent; z-index: 998; } .carteks .roza .summary { text-align: center; padding: 15px 0px 5px 0px; font-size: 19px; border-top: 1px solid #ebebeb; } .carteks .roza .summary.nul { padding: 15px 0px 15px 0px;} .carteks .roza .summary .napolni { font-weight: normal; color: #555; font-size: 13px; line-height: 16px; margin: 5px 0px 0px 0px;} .carteks .roza .summary .price { font-weight: 900; } .carteks .roza .btnz { padding: 0 10px; } .carteks .roza .btnz button.button { margin: 5px 0; font-size: 18px; width: 100%; text-transform: uppercase; } .carteks .roza .btnz button.button span { font-weight: 500; } .carteks .roza .btnz button.button.close { font-size: 16px; text-transform: none; } .carteks .roza .btnz button.button.close span { font-weight: 300; } .carteks .roza .ctitle { text-align: left; padding: 15px 40px 15px 15px; border-bottom: 1px solid #ebebeb; position: relative; font-size: 16px; } .carteks .roza .ctitle strong { font-weight: 600; margin-right: 7px; } .carteks .roza .ctitle .close { position: absolute; top: 50%; right: 10px; height: 19px; width: 19px; transform: translateY(-50%); cursor: pointer; } .carteks .roza .cart-products { position: relative; } .carteks .roza .cart-products #cart-sidebar { max-height: 50%; overflow-y: auto; overflow-x: hidden; position: relative; } .carteks .roza .cart-products #cart-sidebar li { padding: 7px; text-align: left; position: relative; border-bottom: 1px dashed #ebebeb; } .carteks .roza .cart-products #cart-sidebar li:after { content: ''; clear: both; display: block; } .carteks .roza .cart-products #cart-sidebar li:last-child { border-bottom: 0px; } .carteks .roza .cart-products #cart-sidebar li:nth-child(2n) { background: #f9f9f9;} .carteks .roza .cart-products #cart-sidebar li .product-image { margin-right: 10px; width: 80px; height: 80px; float: left; display: block; border: 1px solid #ebebeb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.02); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.02); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.02);} .carteks .roza .cart-products #cart-sidebar li .product-details { width: 200px; float: left; line-height: 1.2em;} .carteks .roza .cart-products #cart-sidebar li .product-name { margin: 0px; } .carteks .roza .cart-products #cart-sidebar li .product-name a { text-decoration: none; color: #171717; font-size: 14px; line-height: 1.3em; font-weight: 500; display: inline-block; } .carteks .roza .cart-products #cart-sidebar li .item-options { font-size: 12px; } .carteks .roza .cart-products #cart-sidebar li .item-options dt { display: inline; font-weight: 500; font-style: normal; } .carteks .roza .cart-products #cart-sidebar li .item-options dt:after { content: ':'; } .carteks .roza .cart-products #cart-sidebar li .item-options dd { display: inline; font-weight: 300; padding-left: 3px; margin: 0; } .carteks .roza .cart-products #cart-sidebar .moreadd { font-size: 11px; line-height: 1.4em; padding: 7px 5px; background-color: #f7f5f2; border: 1px dashed #a89c80; margin: 5px 0; } .carteks .roza .cart-products #cart-sidebar li .remove, .carteks .roza .cart-products #cart-sidebar li .edit { color: #666; font-size: 10px; line-height: 16px; text-decoration: none; font-weight: 300;} .carteks .roza .cart-products #cart-sidebar li .remove:hover, .carteks .roza .cart-products #cart-sidebar li .edit:hover { color: #333 !important; } .carteks .roza .cart-products #cart-sidebar li .price { font-size: 12px; line-height: 1em; font-weight: 500; color: #171717; } .carteks .roza .cart-products #cart-sidebar li .qty { font-size: 12px; line-height: 1em; } .carteks .roza .dostava { background: #ebebeb; margin: 10px; padding: 10px 10px; color: #333; font-size: 13px; line-height: 1.2em; text-align: left; } .carteks .roza .dostava .price, .carteks .roza .dostava strong { color: #111; } .carteks .roza .dostava:before { content: '\f0d1'; font-family: FontAwesome; font-size: 32px; line-height: 32px; color: rgba(0,0,0,0.7); display: block; margin: 0px 15px 0px 0px; float:left; } .carteks .crosssell .title { line-height: 1.3em; text-align: center; margin: 20px 0; } .carteks .crosssell .products-grid li.item { width: 100%; margin-right: 0; } .carteks .crosssell .products-grid .action form .quantity { height: 42px; } /* search */ .srch { float: right; margin: 22px 30px 0 0; } .srch .icon { cursor: pointer; height: 26px; width: 26px; display: block; content: ''; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 17' style='enable-background:new 0 0 17 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23737178;%7D%0A%3C/style%3E%3Cg id='Guides__x26__Forms'%3E%3C/g%3E%3Cg id='Icons'%3E%3Cpath class='st0' d='M17,15.5l-4.4-4.4C13.5,10,14,8.6,14,7c0-3.9-3.1-7-7-7S0,3.1,0,7s3.1,7,7,7c1.6,0,3-0.5,4.2-1.4l4.4,4.4 L17,15.5z M2,7c0-2.8,2.2-5,5-5s5,2.2,5,5s-2.2,5-5,5S2,9.8,2,7z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .srch .shadow { display: none; position: fixed; z-index: 98; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); } .srch .display { display: none; background: #fff; position: absolute; z-index: 99; top: -10px; left: 0; right: 0; padding-top: 50px; padding-bottom: 50px; -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.2); } .srch.show .shadow, .srch.show .display { display: block; } .srch .display .close { cursor: pointer; height: 18px; width: 18px; overflow: hidden; display: block; position: absolute; top: 0px; right: 20px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.77' height='36.77' viewBox='0 0 36.77 36.77'%3E%3Cg id='close' transform='translate(-2690 -148)'%3E%3Crect id='Rectangle_112' data-name='Rectangle 112' width='4' height='48' rx='2' transform='translate(2690 150.828) rotate(-45)'/%3E%3Crect id='Rectangle_113' data-name='Rectangle 113' width='4' height='48' rx='2' transform='translate(2723.941 148) rotate(45)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .srch .display label { font-weight: 800; font-size: 30px; line-height: 1.1em; color: #000; margin-bottom: 20px; display: block; } .srch .display .wrap { position: relative; } .srch .display .wrap input.input-text { display: block; font-size: 18px; color: #666666; height: 54px; line-height: 54px; width: 100%; padding: 0 80px 0 20px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .srch .display .wrap button.button { position: absolute; width: 60px; height: 52px; top: 1px; right: 1px; padding: 0; text-align: center; background: #fff !important; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .srch .display .wrap button.button:before { content: ''; display: inline-block; margin-top: 6px; width: 22px; height: 22px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg id='search' xmlns='http://www.w3.org/2000/svg' width='44' height='44.001' viewBox='0 0 44 44.001'%3E%3Cg id='Group_12' data-name='Group 12' transform='translate(0 0)'%3E%3Cg id='Group_11' data-name='Group 11'%3E%3Cpath id='Path_18' data-name='Path 18' d='M19.377,0A19.377,19.377,0,1,0,38.753,19.377,19.4,19.4,0,0,0,19.377,0Zm0,35.177a15.8,15.8,0,1,1,15.8-15.8A15.818,15.818,0,0,1,19.377,35.177Z'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_14' data-name='Group 14' transform='translate(30.168 30.169)'%3E%3Cg id='Group_13' data-name='Group 13'%3E%3Cpath id='Path_19' data-name='Path 19' d='M364.354,361.825,354.1,351.57a1.788,1.788,0,0,0-2.529,2.529l10.255,10.255a1.788,1.788,0,0,0,2.529-2.529Z' transform='translate(-351.046 -351.046)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .srch .display .wrap button.button span { display: none; } body .header .form-search .search-autocomplete { position: relative; width: 100%; } .header .form-search .search-autocomplete li { display: inline-block; margin: 20px 20px 0 0; text-align: center; } .header .form-search .search-autocomplete li a { text-decoration: none; } .header .form-search .search-autocomplete li .sug-name a { font-weight: bold; color: #111; margin: 10px 0; display: block; } /* Navigation */ .nav-container { float: left; } .nav-container .maton { clear: both; display: block; cursor: pointer; margin-right: 15px; } .nav-container .maton:before { display: block; content: ''; margin: 13px 0 0 0; padding: 10px 0; width: 26px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26 16' style='enable-background:new 0 0 26 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23474748;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cline class='st0' x1='1' y1='8' x2='25' y2='8'/%3E%3Cline class='st0' x1='1' y1='1' x2='25' y2='1'/%3E%3Cline class='st0' x1='1' y1='15' x2='25' y2='15'/%3E%3C/svg%3E%0A"); } .nav-container .mobile ul#nav { display: none; width: 100%; background: #f9f9f9; position: absolute; left: 0; right: 0; top: 78px; z-index: 999; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); } .nav-container .mobile ul#nav li.level-top { float: none; display: block; border-bottom: 1px solid #ebebeb; } #nav li { position: relative; } #nav li a.level-top { float:none; display: block; border: 0; height: 42px; line-height: 42px; padding: 0px 15px; text-align: left; color: #111; font-weight: bold; text-decoration: none; } #nav li a.level-top:after { display: none; } #nav li.parent a.level-top span:before, #nav li.parent.minus a.level-top span:before { font-family: Icons; float: right; margin: 8px 0 0 10px; font-size: 11px; color: #452710; width: 24px; height: 24px; line-height: 24px; text-align: center; transform: none; } #nav li.parent a.level-top span:before { content: '\E008'; } #nav li.parent.minus a.level-top span:before { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } #nav ul, #nav div { left: 0; top: 0; width: 100%; position: relative; display: none; } #nav ul.level0 { overflow: hidden; } #nav ul li a { height: auto; width: 100%; box-sizing: border-box; padding: 0; } #nav ul.level0 ul.level1 { display: block; } #nav li.level2.parent:before, #nav ul.level2 { display: none; } #nav .level-top > ul { position: relative; top: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } #nav li.over a.level-top:after, #nav li.active a.level-top:after { display: none; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:10px 0px; } .block .block-title strong { font-size:16px; font-weight:600; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; font-weight:600; } .block .block-content { padding: 10px 0px; } .block .block-content li.item { padding:5px 0; } .block .btn-remove, .block .btn-edit { float:right;} .block .actions { text-align:right; } .block .actions a { float:left; } .block .empty {} .block li.odd {} .block li.even { background-color:#f6f6f6; } /* block-blog */ .block-blog .block-content li.item { padding: 7px 0; } .block-blog a { font-weight: 500; text-decoration: none; color: #171717; } /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:600; margin:0; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account {} .block-account a { color: #171717; font-weight: 300; text-decoration: none; } .block-account strong { color: #171717; font-weight: 600; } .block-account .block-content li { margin-bottom: 5px; } /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav .block-title { display: none; } .block-layered-nav .block-content { padding: 0px; } .block-layered-nav .currently {} .block-layered-nav .btn-remove { float:left; margin:3px 3px 0 0; } .block-layered-nav dt { cursor: pointer; position: relative; margin: 0 0 15px 0; font-weight: 600; font-size: 19px; color: #171717; line-height: 1.4em; border-bottom: 1px solid #ccc; padding: 10px 0; } .block-layered-nav dt:before { content: '\E008'; font-family: Icons; font-size: 12px; color: #666; font-weight: 300; vertical-align: top; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .block-layered-nav dt.open:before { -moz-transform: scaleY(-1) translateY(50%); -o-transform: scaleY(-1) translateY(50%); -webkit-transform: scaleY(-1) translateY(50%); transform: scaleY(-1) translateY(50%); filter: FlipV; -ms-filter: "FlipV"; } .block-layered-nav dd { margin: 15px 0 20px 0; overflow-y: auto; max-height: 224px; } .block-layered-nav dd li { margin: 2px 0; overflow: hidden; padding: 0 40px 0 25px; position: relative; } .block-layered-nav dd a { color: #191919; display: inline-block; font-weight: 400; font-size: 16px; line-height: 1.3em; text-decoration: none; } .block-layered-nav dd a:before { position: absolute; top: 3px; left: 0; width: 16px; height: 16px; content: ""; background-image: url('https://www.chai.si/skin/frontend/drop/default/images/sprite.png'); background-repeat: no-repeat; background-position: 0 0; } .block-layered-nav dd a:hover:before { background-position: -16px 0; } .block-layered-nav dd span.number { color: #999; font-weight: 300; font-size: 16px; position: absolute; top: 0; right: 5px; } .block-layered-nav a.remove:before { background-position: -32px 0; } .block-layered-nav .izbor { padding: 3px 5px; margin:0 0 10px; background: #f2eada; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #4e422c; font-size: 12px; } .block-layered-nav .izbor a { color: #3a311f;} .block-layered-nav .izbor .block-subtitl { font-weight: 600; margin-bottom: 2px; color: #222; } .block-layered-nav ol.cats li { border-top: 1px dashed #e4d8b9; padding: 4px 0px 4px 0px; line-height: 14px; } .block-layered-nav ol.cats li.first { border-top: 0px;} .block-layered-nav ol.cats li a { line-height: 14px; font-size: 12px; } /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:600; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:600; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .std ul.products-grid { list-style: none; padding: 0; margin: 0; } .products-grid { position:relative; } .products-grid li.item { float:left; width: 23.5%; margin-right: 2%; margin-bottom: 20px; position: relative; } .products-grid li.item:nth-child(4n) { margin-right: 0; } .products-grid li.item:nth-child(4n +1) { content: ''; clear: both; } .products-grid li.item:hover { -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); } body .widget-new-products .products-grid .product-image, body .widget-new-products .products-list .product-image { width: unset; height: unset; } .products-grid .product-image { position: relative; display: block; overflow: hidden; } .products-grid .product-image img { width: 100%; transition: transform .2s; } .products-grid .item:hover .product-image img { transform: scale(1.3); } .products-grid .content { padding: 20px 15px; text-align: center; } .products-grid .content .product-name { text-decoration: none; } .products-grid .content .product-name h3 { font-weight: bold; font-size: 17px; margin: 0 0 10px 0; } .products-grid .price-box p { display: inline-block; font-weight: 500; font-size: 17px; } .products-grid .price-box .configurable-price-from-label, .products-grid .price-box .minimal-price-link, .products-grid .price-box .price-label { display: none; } .products-grid .price-box .old-price { margin-right: 5px; } .products-grid .price-box .old-price .price { font-weight: 300; } .products-grid .price-box .old-price.hide { display: none; } .products-grid .item .novo { position: absolute; z-index: 2; top: 10px; right: 10px; padding: 0 15px; font-size: 16px; text-transform: uppercase; line-height: 32px; text-align: center; color: #fff; background: #111; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .products-grid .item .discount { position: absolute; z-index: 2; top: 10px; left: 10px; padding: 0 15px; font-size: 17px; line-height: 32px; text-align: center; color: #fff; background: #f15822; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:13px; line-height:1.25; margin:0 0 10px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; display: inline-block; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_rating.jpg) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { height:13px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_rating.jpg) 0 100% repeat-x; } .ratings .rating-box { margin-right:3px; display: inline-block; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#d2d6d9; font-size:10px; padding:0 8px; } .availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } .product-view .product-shop .availability { font-size:11px; } .product-view .product-shop .availability span { font-weight:normal; } /* Email to a Friend */ .email-friend { margin:0; } /* Alerts */ .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** Product Prices */ .price { white-space:nowrap !important; } .price-box { margin:5px 0; } .price-box .price { color:#f15822; font-weight: bold; } /* Regular price */ .regular-price { color:#f15822; } .regular-price .price { color:#f15822; } /* Old price */ .old-price { } .old-price .price-label { white-space:nowrap; color:#929292; } .old-price .price { color:#929292; text-decoration:line-through; } /* Special price */ .special-price { } .special-price .price-label {color:#f15822; } .special-price .price { color:#f15822; } /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {color:#1e7ec8;} .minimal-price-link .price { font-weight:normal; color:#1e7ec8; } /* Excluding tax */ .price-excluding-tax { display:block; color:#999; } .price-excluding-tax .label { white-space:nowrap; color:#999; } .price-excluding-tax .price { font-size:13px; font-weight:normal; color:#c76200; } /* Including tax */ .price-including-tax { display:block; color:#999; } .price-including-tax .label { white-space:nowrap; color:#999; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#c76200; } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; color:#999; } .price-notice .price { font-weight:bold; color:#2f2f2f; } /* Price as configured */ .price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle { padding:0 0 10px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } .price-box-bundle .price { color:#555; } /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; color:#424242; } .tier-prices li { line-height:1.4; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; } .tier-prices .benefit { font-style:italic; font-weight:bold; color:#2f2f2f; } .tier-prices .price { font-weight:bold; color:#2f2f2f; } .tier-prices-grouped li { padding:2px 0; color:#e26703; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .add-to-links { font-size:11px; margin:5px 0 0; } .add-to-links .separator { display:none; } /* Add to Cart paypal */ .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 60px; } .product-view .add-to-cart .paypal-logo { margin:0; } .bml-checkout-type { list-style: none; } .bml-checkout-type .bml_button { width: 150px; display: inline-table; } /* PRODUCT VIEW */ .catalog-product-view .wrapper { padding-top: 0; } .product-view .product-essential { background: #dddcdc; } .product-view .product-essential .naslovna { position: relative; } .product-view .product-essential .naslovna:before { content: ''; position: absolute; top: 0; bottom: 0; left: 64%; width: 10%; z-index: 2; background: rgb(221,220,220); background: -moz-linear-gradient(90deg, rgba(221,220,220,0) 0%, rgba(221,220,220,1) 100%); background: -webkit-linear-gradient(90deg, rgba(221,220,220,0) 0%, rgba(221,220,220,1) 100%); background: linear-gradient(90deg, rgba(221,220,220,0) 0%, rgba(221,220,220,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddcdc",endColorstr="#dddcdc",GradientType=1); } .product-view .product-essential .naslovna .image { position: relative; margin-left: -170px; height: unset; } .product-view .product-essential .naslovna .btns { position: absolute; left: 15px; width: 47%; bottom: 30px; text-align: center; } .product-view .product-essential .naslovna .btns .gallery, .product-view .product-essential .naslovna .btns .video { cursor: pointer; display: inline-block; box-sizing: border-box; text-decoration: none; margin: 0 10px; padding: 10px 25px; line-height: 22px; border: 1px solid #333333; background: #333333; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .product-view .product-essential .naslovna .btns .gallery:before, .product-view .product-essential .naslovna .btns .video:before { content: ''; display: block; float: left; margin: 0 10px 0 -10px; height: 22px; width: 25px; background-size: contain; background-repeat: no-repeat; } .product-view .product-essential .naslovna .btns .video:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11.2 10.1' style='enable-background:new 0 0 11.2 10.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8.3,5.3c0.1-0.3,0-0.7-0.2-1C8,4.2,7.8,4.1,7.7,4L2.4,0.3C2.1,0.1,1.7,0,1.3,0c-0.4,0-0.8,0.3-1,0.6 C0.1,0.8,0,1.1,0,1.4v7.4c0,0.4,0.2,0.8,0.6,1c0.3,0.2,0.6,0.3,0.9,0.3h0.2c0.3,0,0.5-0.1,0.7-0.3l5.3-3.7C8,6,8.2,5.7,8.3,5.3z M7.3,5.1c0,0.1-0.1,0.2-0.2,0.3L1.9,9.1l0,0C1.8,9.1,1.7,9.2,1.6,9.2c-0.2,0-0.3,0-0.4-0.1C1.1,9,1,8.9,1,8.7V1.4 C1,1.3,1,1.2,1,1.1C1.1,1,1.3,0.9,1.4,0.9h0.1c0.1,0,0.2,0,0.3,0.1l5.3,3.7C7.3,4.8,7.4,5,7.3,5.1L7.3,5.1z'/%3E%3Cpath class='st0' d='M11,4.4c-0.1-0.1-0.2-0.3-0.3-0.4L6.4,0.7C6.2,0.5,5.9,0.6,5.7,0.8C5.6,1,5.6,1.2,5.8,1.4c0,0,0,0,0,0l4.3,3.4 c0,0,0.1,0,0.1,0.1c0.1,0.2,0.1,0.4-0.1,0.5L5.8,8.7C5.6,8.9,5.6,9.1,5.7,9.3C5.8,9.5,6,9.5,6.1,9.5c0.1,0,0.2,0,0.3-0.1l4.3-3.3 C11.2,5.7,11.3,5,11,4.4z'/%3E%3C/svg%3E%0A"); } .product-view .product-essential .naslovna .btns .gallery:before { background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M432,112V96a48.14,48.14,0,0,0-48-48H64A48.14,48.14,0,0,0,16,96V352a48.14,48.14,0,0,0,48,48H80' style='fill:none;stroke:%23000;stroke-linejoin:round;stroke-width:32px'/%3E%3Crect height='336' rx='45.99' ry='45.99' style='fill:none;stroke:%23000;stroke-linejoin:round;stroke-width:32px' width='400' x='96' y='128'/%3E%3Cellipse cx='372.92' cy='219.64' rx='30.77' ry='30.55' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:32px'/%3E%3Cpath d='M342.15,372.17,255,285.78a30.93,30.93,0,0,0-42.18-1.21L96,387.64' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/%3E%3Cpath d='M265.23,464,383.82,346.27a31,31,0,0,1,41.46-1.87L496,402.91' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/%3E%3C/svg%3E"); } .product-view .product-essential .naslovna .btns .gallery { background: rgba(255,255,255,0.5); color: #111; border-color: rgba(0,0,0,0.3); } .product-view .product-essential .container { position: relative; } /* Product Shop */ .product-view .product-shop { width:50%; box-sizing:border-box; background: #fff; padding: 45px 50px 30px 50px; position: absolute; z-index: 3; right: 15px; top: 60px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .product-view .product-shop .product-name { margin: 0 0 15px 0; } .product-view .product-shop .product-name h1 { font-size: 38px; color: #000; font-weight: 600; margin:0; } .product-view .product-shop .short-description { margin: 20px 0; font-size: 17px; line-height: 1.4em; color: #666; font-weight: 300; } .product-view .product-shop .price-box { margin:10px 0; } .product-view .product-shop .price-box p { display: inline-block; padding: 0 5px; } .product-view .product-shop .price-box p .price-label { display: block; margin: 0 0 3px 0; font-size: 14px; font-weight: 300; } .product-view .product-shop .price-box p .price { height: 38px; vertical-align: top; font-weight: bold; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price { font-size: 38px; line-height: 38px;} .product-view .product-shop .price-box .old-price { padding-left: 0; } .product-view .product-shop .price-box .old-price .price { font-size: 29px; font-weight: 300; } .product-view .product-shop .quantitys .increment a { display: none; } .product-view .product-shop .increment a { display: block; height: 50px; width: 25px; line-height: 50px; font-weight: bold; text-align: center; text-decoration: none; background: #b6b6b6; color: #fff; font-size: 18px; } .product-view .product-shop .increment a:hover { background: #a5a5a5; } .product-view .product-shop .increment a.decrement_qty { float: left; } .product-view .product-shop .increment a.increment_qty { float: right; } .product-view .product-shop input.qty { height: 50px; width: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #555; padding: 0; } .product-view .product-shop button.button.btn-cart { width: 100%; position: relative; } .product-view .product-shop button.button.btn-cart span { line-height: 72px; height: 72px; font-size: 24px; font-weight: bold; padding: 0 10px 0 88px; } .product-view .product-shop button.button.btn-cart span span { padding: 0; } .product-view .product-shop button.btn-cart span span:before { position: absolute; top: 10px; left: 0; display: block; z-index:1; content: ''; border-right: 1px solid #fff; width: 78px; height: 52px; background-position: center center; background-size: 34px 34px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20.1 24' style='enable-background:new 0 0 20.1 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M19,6h-3.9V5c0-2.8-2.2-5-5-5s-5,2.2-5,5v5h2V8h4V6h-4V5c0-1.7,1.3-3,3-3s3,1.3,3,3v5h2V8h2.1l0.9,14H2.2L3,8 h0.1V6H1.2L0,24h20.1L19,6z'/%3E%3C/svg%3E%0A"); } .product-view .product-shop .shake { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(0, -1px, 0); } 20%, 80% { transform: translate3d(0, 2px, 0); } 30%, 50%, 70% { transform: translate3d(0, -3px, 0); } 40%, 60% { transform: translate3d(0, 4px, 0); } } .estimated-delivery-time { margin: 20px 0 0 0;line-height: 24px; font-size: 16px; color: #333; font-weight: 300; text-align: center; } .estimated-delivery-time strong { color: #000; } .estimated-delivery-time:before { content: ''; height: 24px; width: 36px; vertical-align: sub; display: inline-block; margin: 0 10px 0; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 342 224.3' style='enable-background:new 0 0 342 224.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23666766;%7D%0A%3C/style%3E%3Cg id='Layer_1_1_'%3E%3C/g%3E%3Cg id='Layer_2_1_'%3E%3Cg%3E%3Cpath class='st0' d='M46.6,109.1v80.6c0,4.1,3.4,7.5,7.5,7.5h25.1c4.1,15.6,18.2,27.1,35,27.1s31-11.5,35-27.1h96.7 c4.1,15.6,18.2,27.1,35,27.1s31-11.5,35-27.1h18.6c4.1,0,7.5-3.4,7.5-7.5V119c0-1.6-0.5-3.1-1.4-4.3l-26-36.7 c-1.4-2-3.7-3.2-6.1-3.2h-54.2V51.2c0-4.1-3.4-7.5-7.5-7.5H108.6C103.4,18.8,81.3,0,54.9,0C24.6,0,0,24.6,0,54.9 C0,82.3,20.3,105.1,46.6,109.1z M114.2,209.3c-11.7,0-21.2-9.5-21.2-21.2s9.5-21.2,21.2-21.2s21.2,9.5,21.2,21.2 S125.8,209.3,114.2,209.3z M280.9,209.3c-11.7,0-21.2-9.5-21.2-21.2s9.5-21.2,21.2-21.2s21.2,9.5,21.2,21.2 S292.6,209.3,280.9,209.3z M327,121.5v1.2h-40.8V89.9h18.4L327,121.5z M271.2,89.9v40.3c0,4.1,3.4,7.5,7.5,7.5H327v44.5h-10.4 c-2.8-17.2-17.8-30.3-35.7-30.3c-10.5,0-20,4.5-26.6,11.7V89.9L271.2,89.9L271.2,89.9z M239.3,182.3h-89.4 c-2.8-17.2-17.8-30.3-35.7-30.3s-32.9,13.1-35.7,30.3H61.6v-72.9c25.9-3.2,46.2-24.4,48-50.6h129.7V182.3z M54.9,15.1 c22,0,39.9,17.9,39.9,39.9S76.9,94.9,54.9,94.9S15,77,15,55S32.9,15.1,54.9,15.1z'/%3E%3Cpath class='st0' d='M44.9,72c1.4,1.4,3.3,2.2,5.3,2.2s3.9-0.8,5.3-2.2L79,48.5c2.9-2.9,2.9-7.7,0-10.6c-2.9-2.9-7.7-2.9-10.6,0 L50.2,56.1l-8.8-8.8c-2.9-2.9-7.7-2.9-10.6,0s-2.9,7.7,0,10.6L44.9,72z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } /* qtys */ .custom_qty .title { position: relative; z-index: 2; padding: 0 0 15px 0; font-size: 17px; color: #666766; font-weight: 300; } .custom_qty ul { } .custom_qty li { position: relative; padding: 15px 10px 15px 60px; margin: 0 0 10px 0; cursor:pointer; font-size: 19px; line-height: 28px; color: #111; border: 1px solid #e0e0df; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .custom_qty li:last-child { margin-bottom: 0; } .custom_qty li:before { content: ''; position: absolute; left: 23px; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6 6' style='enable-background:new 0 0 6 6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23757171;%7D%0A%3C/style%3E%3Cpath class='st0' d='M3,5C1.9,5,1,4.1,1,3c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2C5,4.1,4.1,5,3,5z M3,6c1.7,0,3-1.3,3-3c0-1.7-1.3-3-3-3 C1.3,0,0,1.3,0,3C0,4.7,1.3,6,3,6z'/%3E%3C/svg%3E%0A"); } .custom_qty li.active, .custom_qty li:hover { border-color: #b0b0b1; -webkit-box-shadow: 1px 1px 1px 0px rgba(196,196,196,1); -moz-box-shadow: 1px 1px 1px 0px rgba(196,196,196,1); box-shadow: 1px 1px 1px 0px rgba(196,196,196,1); } .custom_qty li.active:before, .custom_qty li:hover:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6 6' style='enable-background:new 0 0 6 6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23111;%7D%0A%3C/style%3E%3Cpath class='st0' d='M3,5C1.9,5,1,4.1,1,3c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2C5,4.1,4.1,5,3,5z M3,6c1.7,0,3-1.3,3-3c0-1.7-1.3-3-3-3 C1.3,0,0,1.3,0,3C0,4.7,1.3,6,3,6z'/%3E%3Cpath class='st0' d='M3,4.2c0.7,0,1.2-0.5,1.2-1.2c0-0.7-0.5-1.2-1.2-1.2C2.3,1.8,1.8,2.3,1.8,3C1.8,3.7,2.3,4.2,3,4.2z'/%3E%3C/svg%3E%0A"); } .custom_qty li .sprice, .custom_qty li .tag { float: right; background: #8f807c; margin: -5px 0 -5px 6px; padding: 0 10px; line-height: 38px; height: 38px; text-align: center; color: #fff; text-transform: uppercase; font-size: 21px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .custom_qty li .tag { background: #000; font-size: 14px; padding: 0 15px; font-weight: bold; } .quantitys .increment { display: none; } .custom_qty li.active .sprice, .custom_qty li:hover .sprice { background: #f15822; } .custom_qty li .per_qty { color: #999; } /* countdown */ .product-view .product-shop .odstevalnik { text-align: center; margin: 0 0 20px 0; } .product-view .product-shop .odstevalnik #holder { display: inline-block; } .product-view .product-shop .odstevalnik p { margin: 0 0 5px 0; font-size: 15px; } .product-view .product-shop .odstevalnik .cell { padding-top: 5px; min-height: 50px; } .product-view .product-shop .odstevalnik .cntSeparator { height: 45px; line-height: 41px; font-size: 16px; font-weight: bold; color: #555; } /* advantage */ .advantage { padding-top: 40px; } .advantage li { margin: 0 0 40px 0; font-size: 14px; color: #666766; } .advantage li:before { content:''; width: 38px; height: 45px; float: left; margin: 0 20px; background-size: contain; background-repeat: no-repeat; } .advantage li:nth-child(1):before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 41.8 52' style='enable-background:new 0 0 41.8 52;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23000000;stroke-width:2;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M40.8,15.7V11L31.5,1H5C2.8,1,1,2.8,1,5v42c0,2.2,1.8,4,4,4h31.8c2.2,0,4-1.8,4-4V20.7'/%3E%3Cpath class='st1' d='M31.5,0.8V7c0,2.2,1.8,4,4,4h5.3'/%3E%3Cg%3E%3Ccircle class='st1' cx='13.2' cy='14.1' r='4.7'/%3E%3Cpath class='st0' d='M9.1,16.4l-0.4-0.9L7,21.7l2.2-0.8l1.3,1.7l1.1-4.1C10.5,18.1,9.6,17.3,9.1,16.4z'/%3E%3Cpath class='st0' d='M17.6,15.6l-0.3,0.8c-0.5,1-1.4,1.8-2.5,2.1l1.1,4.1l1.5-1.7l2,0.8L17.6,15.6z'/%3E%3C/g%3E%3Cline class='st0' x1='7' y1='34' x2='30.7' y2='34'/%3E%3Cline class='st0' x1='7' y1='41' x2='20.7' y2='41'/%3E%3C/svg%3E%0A"); } .advantage li:nth-child(2):before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36.8 51' style='enable-background:new 0 0 36.8 51;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M35.5,41.7l0.3,4.3c0,2.2-1.8,4-4,4H5c-2.2,0-4-1.8-4-4l2-33c0-2.2,1.8-4,4-4h22.7c2.2,0,4,1.8,4,4l1.4,23.7' /%3E%3Cpath class='st0' d='M13.8,2.5C15.1,1.5,16.7,1,18.4,1c4.4,0,8,3.6,8,8'/%3E%3Cpath class='st0' d='M10.4,9c0-1.5,0.4-2.9,1.1-4.1'/%3E%3Cpath class='st0' d='M24,27.8c0,1.7-4.9,6.1-5.2,6.3c-0.3,0.2-0.6,0.2-0.8,0s-5.2-4.4-5.2-6.3s1.4-3,3-3c1.1,0,2.1,0.6,2.6,1.4 c0.5-0.9,1.5-1.4,2.6-1.4C22.6,24.7,24,26,24,27.8z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .advantage li strong { font-size: 17px; } .advantage li p { margin: 0; overflow: hidden; } /* features */ .features { margin: 30px 0; display: flex; padding: 15px; justify-content: center; align-items: center; border: 1px solid #e8e6e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgb(251,251,250); background: -moz-linear-gradient(0deg, rgba(251,251,250,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(0deg, rgba(251,251,250,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(0deg, rgba(251,251,250,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfbfa",endColorstr="#ffffff",GradientType=1); } .features .feat { flex: 1; padding: 30px; border-right: 1px dashed #e8e6e5; font-size: 24px; line-height: 1.3em; text-align: center; } .features .feat:last-of-type { border-right: 0; } /* product-sticky */ .product-sticky { display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 6; width: 100%; padding: 10px 0; background: rgba(255,255,255,0.95); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); } .product-sticky.fixed { display: block; } .product-sticky h2 { float: left; line-height: 38px; padding: 0; margin: 0 20px 0 0; font-weight: bold; font-size: 19px; } .product-sticky .actions { float: right; } .product-sticky .price-display { display: inline-block; } .product-sticky .price-display ul li { display: inline-block; font-size: 19px; line-height: 38px; margin-right: 10px; } .product-sticky .top { display: none; } .product-sticky.crtoff .top { display: inherit; } .product-sticky.crtoff .crt { display: none; } /* rest */ .product-view .product-rest { position:relative; } .product-view .product-rest:before { content: ''; height: 120px; width: 100%; position: absolute; z-index: 1; top: 1px; left:0; right: 0; background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(244,241,240,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(244,241,240,1) 100%); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(244,241,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f4f1f0",GradientType=1); } .product-view .product-rest .container { position:relative; z-index: 2; } /* Product Images */ .product-view .product-img-box { max-width: 1600px; margin: 50px auto; } .product-view .product-img-box #big { border-left: 1px solid #e8e6e5; } .product-view .product-img-box #big .item { text-align: center; max-height: 603px; overflow: hidden; border: 1px solid #e8e6e5; border-left: 0; } .product-view .product-img-box #big .item img { max-height: 100%; width: auto; height: auto; margin: 0 auto; cursor: pointer; transition: transform .2s; } .product-view .product-img-box #big .item:hover img { transform: scale(1.3); } .product-view .product-img-box #big .item .embed-container { position; relative; } .product-view .product-img-box #big .item .embed-container:before { content: ''; z-index: 3; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 44px; width: 50px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 11.2 10.1' style='enable-background:new 0 0 11.2 10.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23111111;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8.3,5.3c0.1-0.3,0-0.7-0.2-1C8,4.2,7.8,4.1,7.7,4L2.4,0.3C2.1,0.1,1.7,0,1.3,0c-0.4,0-0.8,0.3-1,0.6 C0.1,0.8,0,1.1,0,1.4v7.4c0,0.4,0.2,0.8,0.6,1c0.3,0.2,0.6,0.3,0.9,0.3h0.2c0.3,0,0.5-0.1,0.7-0.3l5.3-3.7C8,6,8.2,5.7,8.3,5.3z M7.3,5.1c0,0.1-0.1,0.2-0.2,0.3L1.9,9.1l0,0C1.8,9.1,1.7,9.2,1.6,9.2c-0.2,0-0.3,0-0.4-0.1C1.1,9,1,8.9,1,8.7V1.4 C1,1.3,1,1.2,1,1.1C1.1,1,1.3,0.9,1.4,0.9h0.1c0.1,0,0.2,0,0.3,0.1l5.3,3.7C7.3,4.8,7.4,5,7.3,5.1L7.3,5.1z'/%3E%3Cpath class='st0' d='M11,4.4c-0.1-0.1-0.2-0.3-0.3-0.4L6.4,0.7C6.2,0.5,5.9,0.6,5.7,0.8C5.6,1,5.6,1.2,5.8,1.4c0,0,0,0,0,0l4.3,3.4 c0,0,0.1,0,0.1,0.1c0.1,0.2,0.1,0.4-0.1,0.5L5.8,8.7C5.6,8.9,5.6,9.1,5.7,9.3C5.8,9.5,6,9.5,6.1,9.5c0.1,0,0.2,0,0.3-0.1l4.3-3.3 C11.2,5.7,11.3,5,11,4.4z'/%3E%3C/svg%3E%0A"); } .product-view .product-img-box .owl-dots { display: none !important; } .product-view .product-img-box .owl-carousel .owl-nav button.owl-next { right: -50px; } .product-view .product-img-box .owl-carousel .owl-nav button.owl-prev { left: -50px; } .embed-container { position: relative; /* padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; min-height: 603px;*/ } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; z-index: 2; border: 0 !important; } .embed-container img { /*opacity: 0; filter: alpha(opacity=0); */ } /* sections */ .sections { padding: 0 0 0 0; margin: 50px 0; } .sections li { display: flex; justify-content: center; align-items: center; margin-bottom: 50px; } .sections li .image, .sections li .content { width: 50%; } .sections li .image { flex: 1; overflow: hidden; position: relative; } .sections li:nth-child(2n) .image { order: 2; } .sections li .image img { height: unset; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sections li .content { padding: 45px 65px; text-align: left; font-size: 18px; color: #333; line-height: 1.625em; } .sections li .content h2 { font-size: 32px; color: #111; line-height: 1.4em; margin: 0 0 25px 0; font-weight: bold; } /* review */ .product-view .ratings { cursor: pointer; } .product-view .ratings .rating-links { text-decoration: underline; } .reviw { padding: 40px 0; } .reviw .title { padding: 0 0 55px 35px; } .reviw .title h4 { font-weight: bold; font-size: 32px; color: #111; margin: 0 0 10px 0; line-height: 1.3em; } .reviw .title p { font-weight: 300; font-size: 18px; color: #999; margin: 0 0 10px 0; line-height: 1.3em; } .reviw .addreviw { font-size: 18px; font-weight: bold; text-decoration: underline; cursor: pointer; } .reviw .add-review { display: none; padding: 35px; margin: -30px 0 30px 0; border: 1px solid #e8e6e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgb(251,251,250); background: -moz-linear-gradient(0deg, rgba(251,251,250,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(0deg, rgba(251,251,250,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(0deg, rgba(251,251,250,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfbfa",endColorstr="#ffffff",GradientType=1); } .reviw #review-form { display: block; } .reviw #review-form .buttons-set button.button { float: none; } #srka-product-review-list { margin-bottom:10px; } #srka-product-review-list .srka-rating-code { padding: 3px 0; } #srka-product-review-list .srka-rating-code .label { min-width: 100px; display: block; float: left; color: #333; } #srka-product-review-list .srka-rating-code .options {} #srka-product-review-list .srka-rating-code .options li { display: block; float: left; margin-top: 2px; } #srka-product-review-list .srka-rating-code .options li .option { display: block; width: 14px; height: 13px; background: url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_rating.jpg) center top no-repeat; text-indent: -9999em; } #srka-product-review-list .srka-rating-code .options li .option.selected { background-position: center bottom; } #product-customer-reviews li { display:none; float: left; width: 32%; margin-bottom: 20px; padding: 35px; border: 1px solid #e8e6e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgb(251,251,250); background: -moz-linear-gradient(0deg, rgba(251,251,250,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(0deg, rgba(251,251,250,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(0deg, rgba(251,251,250,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbfbfa",endColorstr="#ffffff",GradientType=1); } #product-customer-reviews li p { color: #333333; line-height: 1.4em; font-size: 19px; font-weight: 300; margin: 0 0 20px 0; } #product-customer-reviews li .author { color: #999999; line-height: 1.4em; font-size: 16px; font-weight: 300; margin: 10px 0 0 0; } #product-customer-reviews .revbtn { margin-top: 20px; text-align:center; } #product-customer-reviews #loadMore, #product-customer-reviews #showLess { display: inline-block; margin: 0 10px; padding: 0 30px; color: #111; line-height: 54px; cursor:pointer; font-size: 18px; margin-bottom: 4px; border: 1px solid #e8e6e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #product-customer-reviews #loadMore:before, #product-customer-reviews #showLess:before { margin-right: 10px; width: 20px; height: 54px; line-height: 54px; text-align: center; } #product-customer-reviews #loadMore:before { content: '+'; } #product-customer-reviews #showLess:before { content: '-'; } /* related */ .related .title { padding: 40px 0; text-align: center; } .related .title h4 { font-size: 24px; font-weight: 300; color: #333; margin: 0; } /* upsell */ .upsell .title { padding: 40px 0; text-align: center; } .upsell .title h4 { font-size: 24px; font-weight: 300; color: #333; margin: 0; } /* Product Options */ .product-options { margin:20px 0 0; padding:10px 15px 20px; position:relative; background-color:#f6f6f6; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-weight:bold; color:#2f2f2f; } .product-options dt label.required em { color:#eb340a; margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; } .product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #e4e4e4; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:99%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:3px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:11px; } .product-options p.required { position:absolute; right:20px; top:20px; } .product-options-bottom { padding:15px 20px; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color:#e26703; } .product-options-bottom .price-box { float:left; margin:0; padding:0; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } .col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; } .product-options-bottom .price-label { float:left; padding-right:5px; } .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom { margin:0 0 10px; } .product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } .product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin:0; padding:0; } /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height:1.25; } /* Block: Upsell */ .product-view .box-up-sell h2 { border-bottom:0; padding:0; margin:0 0 8px; } .product-view .box-up-sell .products-grid { width:100%; border:1px solid #e5dcc3; } .product-view .box-up-sell .products-grid td { width:25%; background:#f6f2e7; border-right:1px solid #e5dcc3; border-bottom:1px solid #e5dcc3; padding:15px 10px 12px; line-height:1.6em; } .product-view .box-up-sell .products-grid tr.last td { border-bottom:0; } .product-view .box-up-sell .products-grid td.last { border-right:0; } .product-view .box-up-sell .products-grid td img { border:1px solid #e5dcc3; } .product-view .box-up-sell .products-grid .product-image { text-align:center; } .product-view .box-up-sell .products-grid td.empty { border-right:0; background:#f1ecdb; } .product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3 { font-size:13px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .form-add label { display:block; font-size:13px; font-weight:bold; margin:0 0 5px; color:#0a263c;} .product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_tag_add.gif) 0 2px no-repeat; padding:0 0 0 23px; } .product-view .box-tags .form-add input.input-text { width:299px; } .product-view .box-tags .form-add button.button span { border-color:#406a83; background:#618499; } .product-view .box-tags .note { margin:3px 0 0; padding:0 0 0 23px; font-size:11px; } /* Block: Reviews */ .product-view .box-reviews dl { margin:15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 15px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:15px 0 0; } .product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:12px; } .product-view .box-reviews .form-add .data-table td { text-align:center; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width:360px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:354px; } /* Send a Friend */ .send-friend .form-list { width:615px; overflow:hidden; } .send-friend .form-list li { margin-right:-15px; } .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { width:315px; } .send-friend .form-list .input-box { width:300px; } .send-friend .form-list input.input-text, .send-friend .form-list textarea { width:294px; } .send-friend .form-list li.wide .input-box { width:612px; } .send-friend .form-list li.wide textarea { width:609px; } .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:0; font-size:1em; font-weight:normal; } .product-name a { } /* Product Tags */ .tags-list { display:block; font-size:13px; border:1px solid #c1c4bc; background:#f8f7f5; padding:10px; } .tags-list li { display:inline !important; margin:0 4px 0 0; } .tags-list li a { color:#1b2d3b; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float:left; clear:none; } .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; padding-left:15px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_search_criteria.gif) 0 3px no-repeat; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a { color:#1b2d3b; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a { color:#1e7ec8; } /* RSS */ .rss-title h1 { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .checkout-cart-index .cart { max-width: 850px; margin: 0 auto; } .cart .page-title { border-bottom:0; margin: 10px 0 0 0; } .cart .page-title h1 { margin: 0; text-align: center; font-size: 24px; float: none; } .cart .qtys { width: 71px; } .cart input.input-text.qty { text-align: center; padding: 0; width: 35px; height: 35px; } .cart a.inc { float: right; } .cart a.dec { float: left; } .cart a.inc, .cart a.dec { display: block; height: 35px; width: 18px; background: #b6b6b6; color: #fff; text-align: center; text-decoration: none; font-weight: bold; font-size: 16px; line-height: 35px; } .cart a.inc:hover, .cart a.dec:hover { background: #ccc; } /* Checkout Types */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { position: fixed; bottom: 0; left: 0; right: 0; display: block; text-align: center; z-index: 4; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); } .cart .title-buttons .checkout-types li { padding: 0; /*max-width: 1250px; */ margin: 0 auto;} .cart .title-buttons .checkout-types button.button { width: 100%; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; vertical-align: top;} .cart .checkout-types .bml_button {display:inline-table; width: 150px; margin: 0 0 5px;} .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table { border: 0 !important; } .cart-table th { padding: 5px 10px !important; border: 0 !important; } .cart-table td { padding:10px; border: 0 !important; } .cart-table td:first-child { padding:2px; } .cart-table .product-name { font-weight:bold; margin:0 0 5px; color:#2f2f2f; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .cart-table tfoot td { padding:5px 10px; } .cart-table .btn-continue { float:left; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table .btn-update { margin-left:10px; } #shopping-cart-table .item-options { border: 1px dashed rgba(0,0,0,0.2); background: rgba(0,0,0,0.05); padding: 5px 10px; display: inline-block; } #shopping-cart-table .item-options dd { padding-left: 0; margin: 0; color: #333; } #shopping-cart-table .item-options dt { font-weight: normal; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:70%; } .cart .cart-collaterals .col2-set .col-2 { width:294px; } .checkout-cart-index .crosssell { margin: 40px 0; } .checkout-cart-index .crosssell .title { margin: 0 0 20px 0; text-align: center; font-size: 18px; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { border:1px solid #f5f5f5; background: #f9f9f9; padding: 20px; margin:0 0 20px; } .cart .discount h2, .cart .shipping h2 { color:#555; font-size: 16px; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } .cart .discount .input-box { margin:8px 0 0; width:100%; } .cart .discount input.input-text { width:100%; } .cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; } /* Shopping Cart Totals */ .cart .totals { float:none; width: 100%; max-width: 380px; margin: 0 auto; } .cart .totals button.button { margin: 0 auto; display: inherit; } .cart .totals tr.summary-total .summary-collapse { float: none; text-align: center; } #shopping-cart-totals-table .a-right { text-align: center !important; color: #333; } .cart .totals table { width:100%; margin:7px 0; } .cart .totals td { padding:1px 15px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top:5px; padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:15px; } .cart .totals .checkout-types { font-size:13px; padding:8px 15px 15px; text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; margin:0 0 6px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* cart breadcrumbs */ .cart-breadcrumbs { display: flex; align-items: center; justify-content: space-around; width: 100%; max-width: 600px; margin: auto; margin-top: 40px; margin-bottom: 40px; } .cart-breadcrumbs .line { width: 90%; height: 2px; margin-top: -5px; background-color: #ccc; } .cart-breadcrumbs .line.done { background-color: #f15822; } .cart-breadcrumbs .line.active { background: rgb(241,88,34); background: -moz-linear-gradient(90deg, rgba(241,88,34,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-linear-gradient(90deg, rgba(241,88,34,1) 0%, rgba(204,204,204,1) 100%); background: linear-gradient(90deg, rgba(241,88,34,1) 0%, rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f15822",endColorstr="#cccccc",GradientType=1); } .cart-breadcrumbs a { text-decoration: none; } .cart-breadcrumbs .cart-breadcrumbs-step { text-align: center; padding: 0 1em; position: relative; } .cart-breadcrumbs .cart-breadcrumbs-step .circle { height: 30px; line-height: 30px; width: 30px; background-color: #ccc; font-weight: bold; margin: auto; color: #fff; margin-bottom: 5px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .cart-breadcrumbs .cart-breadcrumbs-step .circle.active { background-color: #f15822; } .cart-breadcrumbs .cart-breadcrumbs-step .circle.done { background-color: #f25c4e; padding: 5px; padding-top: 0px; } .cart-breadcrumbs .cart-breadcrumbs-step span { position: absolute; left: 50%; font-size: 12px; color: #999; width: 150px; margin-left: -75px; } .cart-breadcrumbs .cart-breadcrumbs-step span.active { color: #666; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:10px 0 5px; font-weight:bold; } .sp-methods dd {} .sp-methods dd li { margin:5px 0; } .sp-methods label { font-weight:bold; color:#666; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { } .sp-methods .form-list li { margin:0 0 8px; } .sp-methods select.month { width:154px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages-form .whole-order { margin:0 0 25px; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:255px; } .gift-messages-form .item .details .form-list .input-box { width:240px; } .gift-messages-form .item .details .form-list input.input-text { width:234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } .gift-messages-form .item .details .form-list li.wide textarea { width:494px; } .gift-message-link { font-size:11px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; width:16px; height:16px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/btn_gm-close.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#666; } .opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; } .opc .checkout-agreements .agree { padding-left:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; } /* Generic Info Set */ .info-set { background:#fbfaf6 url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .info-set h3, .info-set h4 { font-size:13px; font-weight:bold; color:#E26703; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .info-set h3.legend { margin:0 0 10px; color:#0a263c; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { border:0; margin:0; } .block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-progress .block-title strong { font-size:13px; color:#0a263c; } .block-progress .block-content { background:none; } .block-progress dt { font-size:13px; font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; margin:0 0 6px; padding:2px 8px; color:#999; } .block-progress dd { background:#eee; border:1px solid #a3aeb3; border-top:0; padding:8px 13px; margin:0 0 6px; } .block-progress dt.complete { margin:0; background:#d0dce1; color:#5e8ab4; } .block-progress dd.complete {} .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } /* show/hide "change" link for progress step depend on complete status * should be placed in .css file */ .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link small { display:none; } .opc .buttons-set .back-link a { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_arrow-top.gif) 0 50% no-repeat; padding-left:16px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc li.section {} .opc .step-title { border-width:0 1px; border-style:solid; border-color:#fff #d9dde3 #d9dde3; background:#eee url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_opc-title-off.gif) 0 100% repeat-x; padding:4px 8px 6px; text-align:right; } .opc .step-title .number { float:left; background:#fff; border:1px solid #fff; padding:0 4px; margin:0 5px 0 0; font:bold 11px/14px arial, helvetica, sans-serif; color:#999; } .opc .step-title h2 { float:left; margin:0; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#999; } .opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } .opc .allow .step-title { background:#d0dce1; border:1px solid #a3aeb3; border-bottom:0; color:#a4b3b9; cursor:pointer; } .opc .allow .step-title .number { background:#dbe6eb; border-color:#dbe6eb; color:#a4b3b9; } .opc .allow .step-title h2 { color:#a4b3b9; } /*.opc .allow .step-title a { display:block; }*/ .opc .active .step-title { background:#f9f3e3; border:1px solid #bbafa0; padding-bottom:5px; color:#f18200; cursor:default; } .opc .active .step-title .number { background:#f18200; border-color:#f19900; color:#fff; } .opc .active .step-title h2 { color:#f18200; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border:1px solid #bbafa0; border-top:0; background:#fbfaf6 url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_checkout.gif) 0 0 repeat-x; padding:15px 30px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .buttons-set { border-top:0; } #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } #opc-shipping_method .buttons-set { border-top:0; } .opc .gift-messages-form { margin:0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px; } .opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; } #opc-review .step { border:0; padding:0; } #opc-review .product-name { font-weight:bold; color:#0a263c; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { padding:20px 30px; border:1px solid #d9dde3; border-width:0 1px 1px; } #opc-review .buttons-set p { margin:0; line-height:40px; } #opc-review .buttons-set .please-wait { height:40px; line-height:40px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 90px; margin:0 0 20px; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#abb5ba; } .checkout-progress li.active { border-top-color:#e96200; color:#e96200; } .multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size:13px; font-weight:bold; color:#E26703; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { background:#fbfaf6 url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; color:#0a263c; } .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .box h2 { color:#e26703; } .multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 21px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_grand-total.gif) 0 0 no-repeat; overflow:hidden; } .multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_grand-total.gif) 100% 0 no-repeat; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; } .multiple-checkout .place-order .grand-total .price { color:#E26703; } .multiple-checkout .place-order .grand-total button.button span { font-size:16px; } .multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; } /* Step 1 */ .multiple-checkout .title-buttons button.button span { border-color:#406a83; background:#618499; } #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } #multiship-addresses-table tfoot button.button span { border-color:#406a83; background:#618499; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_sp-methods.gif) 0 0 no-repeat; overflow:hidden; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content { padding: 20px; background:#fefefe; border:1px solid #ccc; border-bottom:0; } .account-login .content h2 { font-weight: bold; font-size: 18px; margin: -5px 0 15px; padding: 0 0 10px 0; border-bottom:1px solid #ddd; color:#333; } .account-login .buttons-set { border:1px solid #ccc; border-top:0; margin:0; padding: 10px 20px; background: #e6e6e6; } .account-create {} /* Captcha ================================================================================ */ .captcha-note { clear:left; padding-top:5px; } .captcha-image { float:left; display:inline; margin:0; position:relative; width:258px; } .captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:0;} .captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; } .remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { padding:10px; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** Dashboard */ .dashboard .welcome-msg { margin:0 8em 1.5em 0; } .dashboard .welcome-msg p { margin:0; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { background:#fff url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_account_box.gif) 0 0 repeat-x; border:1px solid #ccc; border-color:#ccc #999 #999 #ccc; padding:15px; margin: 0 0 20px; } .box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right; } .box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; padding-left:21px; color:#e65505; } .dashboard .box .box-title { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 2px; margin:0 0 8px; text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:bold; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { background-image:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_folder-table.gif); } /* Block: Account Information */ .dashboard .box-info .box-head h2 { background-image:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_ma-info.gif); } .dashboard .box-info h4 { font-size:11px; font-weight:bold; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { background-image:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_ma-reviews.gif); } .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-reviews .details { margin-left:20px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 { background-image:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/i_ma-tags.gif); } .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-tags .details { margin-left:20px; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2 { font-weight:bold; font-size:13px; color:#e26703; text-transform:uppercase; } .addresses-list h3 { font-weight:bold; font-size:13px; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { background:#fff url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_account_box.gif) 0 0 repeat-x; border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } /* Order View */ .order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; margin:0 0 8px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info .current { font-weight:bold; } .order-info li { margin:0 3px; } .order-date { margin:10px 0; } .order-info-box { background:#fff url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .order-info-box h2 { font-weight:bold; font-size:13px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 5px; color:#0a263c; } .order-items .product-name { font-size:1em !important; font-weight:bold !important; } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align:right; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .data-table td { padding:10px; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span { border-color:#406a83; background:#618499; } #wishlist-table .add-to-links { white-space:nowrap; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://hu.daletino.com/skin/frontend/zenlus/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; } .map-popup-checkout .paypal-or { clear:both; display:block; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-checkout li { list-style: none; } .map-popup-checkout { text-align: center; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-subscribe { text-align: center; padding: 60px 0; } .footer-subscribe .title h4 { font-size: 39px; color: #333; font-weight: 300; line-height: 1.3em; margin: 0 0 10px 0; } .footer-subscribe .title p { font-size: 17px; color: #666; font-weight: 300; line-height: 1.3em; max-width: 390px; margin: 0 auto; } .footer-subscribe .content { padding: 20px 0 0 0; } .footer-subscribe .content input#newsletter { color: #767676; font-size: 14px; width: 100%; max-width: 240px; padding: 0 40px 0 10px; background-color: #fff; border: 1px solid #c3c3c3; height: 40px; line-height: 40px; -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.05); box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.05); } .footer-subscribe .content button.button span { height: 40px; line-height: 40px; padding: 0 20px;font-size: 14px; font-weight: 600; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .footer-subscribe .content button.button span span { padding: 0; } .footer { background: #fff; padding-top: 70px; padding-bottom: 40px; } .footer .blocks { display: flex; padding: 0 20px; } .footer .blocks .blok { flex: 1; margin-bottom: 30px; } .footer .blocks .blok h5.title { font-weight: 600; color: #333333; font-size: 18px; margin: 0 0 20px 0; text-transform: uppercase; } .footer .blocks .blok .content ul li { margin-bottom: 5px; } .footer .blocks .blok .content ul li:last-child { margin-bottom: 0; } .footer .blocks .blok .content ul li a { text-decoration: none; color: #666766; font-size: 16px; font-weight: 300; } .footer .blocks .blok .content ul li a:hover { text-decoration: underline; } .footer .blocks .blok.contacts img { float: left; margin: 0 15px 0 0; } .footer .blocks .blok.contacts .address { line-height: 1.4em; margin-top: 3px; color: #666766; font-weight: 300; } .footer .blocks .blok.contacts .email, .footer .blocks .blok.contacts .phone { margin-top: 10px; text-decoration: none; color: #666766; font-size: 15px; font-weight: bold; display: inline-block; clear: both; } .footer .blocks .blok.contacts .email { margin-top: 20px; } .footer .blocks .blok.contacts .email span, .footer .blocks .blok.contacts .phone span { font-weight: 300; } .footer .blocks .blok.payment ul li { display: inline-block; margin-right: 10px; margin-bottom:0; } .footer .blocks .blok.payment ul li:last-child { margin-right: 0; } .footer .blocks .blok.payment ul li span { display: none; } .footer .blocks .blok.payment ul li:before { content: ''; display: block; width: 40px; height: 28px; background-size: contain; background-repeat: no-repeat; } .footer .blocks .blok.payment ul li.mastercard:before { background-image: url(https://hu.daletino.com/skin/frontend/zenlus/default/images/mastercard.svg); } .footer .blocks .blok.payment ul li.maestro:before { background-image: url(https://hu.daletino.com/skin/frontend/zenlus/default/images/maestro.svg); } .footer .blocks .blok.payment ul li.visa:before { background-image: url(https://hu.daletino.com/skin/frontend/zenlus/default/images/visa.svg); } .footer .blocks .blok.payment ul li.paypal:before { background-image: url(https://hu.daletino.com/skin/frontend/zenlus/default/images/paypal.svg); } .footer .bottom { padding: 0 20px; margin: 50px 0 0 0; color: #999999; font-size: 13px; font-weight: 300; font-size: 13px; text-align: left; } /* ======================================================================================= */ /* Sample Data============================================================================ */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px; } .best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:#eee url(https://hu.daletino.com/skin/frontend/zenlus/default/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(https://hu.daletino.com/skin/frontend/zenlus/default/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .guest-select {width:305px !important;} /* ie fix */ .ie9 img[src$=".svg"] { width: 100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%; } } /* quickshop */ .checkout-onestep-index .page-title h1 { margin: 0; font-size: 24px; font-weight: bold; } .omejitev { max-width: 850px; margin: 0 auto; padding: 8px; line-height: 24px; text-align: center; background: rgba(255,255,255,1); margin-bottom: 20px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); } .omejitev span { background: #f15822; display: inline-block; padding: 0 5px; color: #fff; } .quickshop .col2-set .col-wide { width: 100% !important; margin: 0 auto; float: none !important; max-width: 850px; } .checkout-cart-index .quickshop .col2-set .col-wide { width: 100%; max-width: 850px; margin: 0 auto; float: none !important; } .checkout-cart-index .quickshop .col2-set .col-narrow, .checkout-cart-index .form-search, .checkout-cart-index .block-cart, .checkout-cart-index .top-container, .checkout-onestep-index .quickshop .col2-set .col-narrow, .checkout-onestep-index .form-search, .checkout-onestep-index .block-cart, .checkout-onestep-index .top-container { display: none !important; } .checkout-onestep-index .page-title { border-bottom: 0; margin: 0 0 15px; padding-bottom: 0; text-align: center; } body .quickshop .onestep-section .block-title span.number { background: #f15822; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } .quickshop .onestep-section { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #coupon-code .block-content { display: none; } button.button#apply_coupon span { padding-top: 0; padding-bottom: 0; } .checkout-onestep-index .quickshop input#coupon_code { height: 32px; line-height: 32px; } .quickshop #coupon-code.onestep-section .block-title:before { content: '+'; cursor: pointer; float: right; background: rgba(255,255,255,0.8); height: 28px; padding: 0px 10px; color: #444; font-size: 18px; line-height: 28px; margin: 7px 10px 0px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.05); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.05); } .quickshop #coupon-code.onestep-section .block-title.checked:before { content: '-'; } .quickshop input#coupon_code { height: 38px; } .quickshop .onestep-section .block-content .komentar { width: 100%; padding: 8px 10px !important; position: relative; margin: 0; right: inherit; border: 0; background: none; height: auto; } .quickshop .onestep-section .block-content .komentar label { padding-bottom: 10px; display: block; } .quickshop .onestep-section .block-content .komentar textarea { border: 1px solid #ddd; height: 60px; width: 100%; box-sizing:border-box; background: rgba(0,0,0,0.01); } .quickshop .onestep-section .block-content .komentar::after, .quickshop .onestep-section .block-content .komentar::before { display: none; } .quickshop .onestep-section .block-content .komentar label { height: auto; line-height: 1.3em; font-size: 14px; font-weight: 500; margin: 0 0 5px 0 !important; } .quickshop .form-list select, .quickshop input.input-text, .quickshop input.input-text:focus, .quickshop .form-list input.input-text { width: 100%; height: 38px; line-height: 38px; padding-left: 10px; } .checkout-onestep-index #review-buttons-container button.btn-cart span { line-height: unset; } #review-buttons-container p { margin: 0; } .imginline { display: inline-block; vertical-align: middle; margin: 0 5px; } .imginline.shiplabel { max-height: 30px; width: unset;} #checkout-shipping-method-load label { font-weight: bold; color: #666; } /* Configurable Swatches */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: '';display: table; clear: both; } /* General Swatch Styling */ .swatch-link, .swatch-label { display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; text-align: center; color: #333; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; background: #fff; margin: 0 0 3px; } .swatch-link img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://hu.daletino.com/skin/frontend/zenlus/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #fefefe; } .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { display: inline-block; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.3; filter: alpha(opacity=30); } .configurable-swatch-list .not-available .swatch-label { color: #aaaaaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 10px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #111; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #111; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #f15822; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* update */ body #checkout-shipping-method-load input.radio, body #checkout-payment-method-load input.radio { float: none; vertical-align: middle; margin-right: 3px; margin-top: -3px; } /* giftproduct */ .onestep-section .block-content #checkout-review-load .data-table tbody td.giftprod { padding: 0; line-height: 1.4em; border: 0 !important; } .addfeeproduct { margin: 10px 10px 7px 10px; display: block; overflow: hidden; border: 1px solid #ddd; padding: 10px; font-size: 16px; color: #111; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05); } .addfeeproduct input { float: left; margin: 3px 15px 0 5px !important; } .addfeeproduct label { cursor: pointer; overflow: hidden; display: block; } .addfeeproduct label strong { text-transform: lowercase; } .addfeeproduct p { font-size: 14px; color: #333; margin-top: 10px; margin-bottom: 0; line-height: 1.4em; } .addfeeproduct .gift-image { float: right; margin: 0 0 0 15px; } /* faq */ .faq-wrap { background: #f0f0ef; margin: 20px 0 0 0; padding: 75px 0; } .faq-wrap .title { margin: 0 0 55px 20px; } .faq-wrap .title h4 { text-align: left; font-size: 32px; font-weight: bold; padding: 0; color: #111; line-height: 1.3em; } .faq-wrap .faq { } .faq dt { cursor: pointer; font-size: 18px; font-weight: bold; color: #222; line-height: 1.4em; padding: 15px 45px 15px 20px; border-bottom: 1px solid #d2d2d1; position: relative; } .faq dt:before { content: '+'; font-weight: 300; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 18px; height: 18px; line-height: 18px; } .faq dt.active, .faq dt.last { border-bottom: 0; } .faq dt.active::before { content: '-'; } .faq dd { padding: 10px 20px 30px 20px; } /* landing */ #landing .page-title { display: none; } /* more add on cart */ .moreadd { background-color: #fff; font-size: 14px; padding: 5px 5px 5px 15px; border: 1px solid #ebebeb; display: inline-block; color: #333; margin: 0 0 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .moreadd a { display:inline-block; background-color: #f15822; color: #fff; text-decoration: none; margin-left: 5px; padding: 5px 15px; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0.02em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #shopping-cart-totals-table td { font-weight: 600; } /* hide */ .checkout-onestep-index .header, .checkout-onestep-index .footer { display: none; } /* owl carousel */ .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; transform: translateY(-50%); } .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { display: none; } .owl-carousel .owl-nav button.owl-next:before, .owl-carousel .owl-nav button.owl-prev:before { content: ''; display: block; width: 19px; height: 32px; background-size: contain; background-repeat: no-repeat; } .owl-carousel .owl-nav button.owl-next { right: 10px; } .owl-carousel .owl-nav button.owl-prev { left: 10px; } .owl-carousel .owl-nav button.owl-next:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 14' style='enable-background:new 0 0 8 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='1,13 7,7 1,1 '/%3E%3C/svg%3E%0A"); } .owl-carousel .owl-nav button.owl-prev:before { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 14' style='enable-background:new 0 0 8 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpolyline class='st0' points='7,1 1,7 7,13 '/%3E%3C/svg%3E%0A"); } /* alt media */ .product-view .product-essential.alt { padding-top: 20px; padding-bottom: 20px; } .product-view .product-essential.alt .container .product-img-box { float: left; width: 48%; margin: 0; margin-right: 2%; } .product-view .product-essential.alt .container #product_addtocart_form { float: right; width: 50%; } .product-view .alt .product-shop { width: 100%; position: relative; right: unset; top: unset;} .product-view .product-img-box #bigs .item { text-align: center; margin-bottom: 10px; max-height: 603px; overflow: hidden; } .product-view .product-img-box #bigs .item img { max-height: 100%; height: auto; width: auto; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .product-view .product-img-box #thumbss .item { overflow: hidden; border: 1px solid #d0d0d0; text-align: center; cursor: pointer; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .product-view .product-img-box #thumbss .current .item { border-color: #333; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); } .product-view .product-img-box #bigs.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; } .product-view .product-img-box #bigs.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; } .product-view .product-img-box #bigs.owl-theme { position: relative; overflow: hidden; display: block; min-height: 20px; } .product-view .product-img-box #bigs.owl-theme .owl-next, .product-view .product-img-box #bigs.owl-theme .owl-prev { margin-top: -22px; position: absolute; top: 50%; } .product-view .product-img-box #bigs.owl-theme .owl-prev { left: 10px; } .product-view .product-img-box #bigs.owl-theme .owl-next { right: 10px; } .product-view .product-img-box #thumbss .item .embed360:before, .product-view .product-img-box #thumbss .item .video:before { z-index: 2; content: ''; position: absolute; top: 10%; right: 10%; bottom: 10%; left: 10%; width: 80%; height: 80%; background: url(https://si.gajoshop.com/skin/frontend/gajoshop/default/images/embed360.png) no-repeat center #fdfdfd; background-size: contain !important; } .product-view .product-img-box #thumbss .item .video:before { background: url(https://si.gajoshop.com/skin/frontend/gajoshop/default/images/video.png) no-repeat center #fdfdfd; } .product-view .product-img-box #thumbss .item .embed360 img, .product-view .product-img-box #thumbss .item .video img { opacity: 0; filter: alpha(opacity=0); } .product-view .product-img-box #thumbss .item img { height: auto; } .advantage.alts { overflow: hidden; } .advantage.alts li { float: left; width: 49%; margin-right: 2%; margin-bottom: 20px; } .advantage.alts li:nth-child(2n) { margin-right: 0; } @media (max-width: 720px) { .product-view .product-essential.alt .container .product-img-box { float: none; width: 100%;margin-right: 0; margin-bottom:20px; } .product-view .product-essential.alt .container #product_addtocart_form { float: none; width: 100%; } } /* grid */ .sections .grid { display: flex; align-items: center; gap:20px; font-size: 14px; line-height: 1.5em; margin-bottom: 20px; text-align: left; } .sections .grid h3 { font-size: 16px; line-height: 1.7em; margin-bottom: 5px; font-weight: bold;} .sections .grid p { margin: 0; } .sections .grid * { flex: 1; } .sections .grid img { max-width: 60px; } .sections .video {} .sections .video iframe { max-width: 100%; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2020 Magento, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://hu.daletino.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://hu.daletino.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://hu.daletino.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://hu.daletino.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://hu.daletino.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://hu.daletino.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://hu.daletino.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://hu.daletino.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://hu.daletino.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ body.modal_opened, html.modal_opened { overflow: hidden; } .degriz_gdprnewsletter { margin: 0; } .degriz_gdprnewsletter > label > input { display: inline-block; vertical-align: middle; margin-right: 10px; } .degriz_gdprnewsletter a.gdprnewsletter_box_open label { text-decoration: underline; } .gdprpopup_class { opacity:0; filter:alpha(opacity=0); visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(0,0,0, .9); -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 9999; } .gdprpopup_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .gdprpopup-state { display: none !important; } .modal_opened .popup_opened.gdprpopup_class { opacity:1; filter:alpha(opacity=100); visibility: visible; } .modal_opened .popup_opened.gdprpopup_class .gdprpopup_inner { top: 50%; } .gdprpopup_inner { -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; position: absolute; top: 20%; left: 50%; background: #fff; overflow: auto; width: 800px; max-width: 90%; height: auto; max-height: 90%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gdprpopup_inner > div { margin: 3em; } .gdprpopup_close { position: absolute !important; right: 0.5em; top: 0.5em; width: 2.1em; height: 2.1em; cursor: pointer; } .gdprpopup_close:after, .gdprpopup_close:before { content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 2.5em; margin: -3px 0 0 -1px; background: #999; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .gdprpopup_close:hover:after, .gdprpopup_close:hover:before { background: #000; } .gdprpopup_close:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .gdprlabel_text, .gdprlabel_button { cursor: pointer; } .gdprpopup_class a { padding: 0; } .gdprpopup_class a label { padding: 10px 15px; } .gdprpopup_box_inner { margin-bottom: 2em; } .gdprpopup_box_subscribe { text-align: center; } .gdprpopup_box_subscribe a { margin: 5px;display: inline-block;padding: 10px 20px;} .gdpr_line { margin-top: 0; color: #777; font-size: 12px; } .gdpr_line a { color: #777; } .gdpr_line a label { vertical-align: unset; } .quickshop .gdpr_line { margin: -10px 0 10px 0; } .quickshop-agreement-p label {margin: 0; } /* location specific css */ #newsletter-validate-detail .degriz_gdprnewsletter { position: absolute; font-size: 12px; margin-top: 25px; margin-bottom: 0; } #newsletter-validate-detail .degriz_gdprnewsletter label { color: rgba(255,255,255,0.7); } #newsletter-validate-detail .degriz_gdprnewsletter a.gdprnewsletter_box_open { color: rgba(255,255,255,0.9); } #newsletter-validate-detail .degriz_gdprnewsletter .button label { color: rgba(0,0,0,0.7); } .depromo { display: flex; gap: 30px; justify-content: center; } .depromo .itm { flex: 1; max-width: 460px; } .depromo .itm .title { display: inline-block; color: #fff; background-color: #f15822; padding: 7px 20px; } .depromo .itm .title h3 { color: #fff; margin: 0; font-size: 17px; line-height: 1.4em; } .depromo .itm .content { border: 2px solid #f15822; display: flex; gap: 20px; padding: 20px; } .depromo .itm .content .product-image { flex: 2; position: relative; } .depromo .itm .content .product-details { flex: 3; } .depromo .itm .content .product-image img { height: unset; } .depromo .itm .content .product-image .discount { position: absolute; z-index: 2; top: 10px; left: 10px; padding: 0 15px; font-size: 17px; line-height: 32px; text-align: center; color: #fff; background: #f15822; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .depromo .itm .content .product-details .product-name { font-weight: bold; font-size: 16px; } .depromo .itm .content .product-details .desc { color: #666; font-size: 14px; } .depromo .itm .content .product-details .price-box { margin-top: 10px; } .depromo .itm .content .product-details .price-box .price-label { display: none; } .depromo .itm .content .product-details .price-box p { display: inline-block; font-weight: 500; font-size: 15px; } .depromo .itm .content .product-details .price-box .old-price { margin-right: 5px; } .depromo .itm .content .product-details label { cursor: pointer; font-weight: bold; } .depromo .itm.sec .content .product-image .discount, .depromo .itm.sec .title { background-color: #000; } .depromo .itm.sec .content { border-color: #000; } @media (max-width: 640px) { .depromo { display: block; } .depromo .itm { margin-bottom: 20px; max-width: 100%; } .depromo .itm:last-child() { margin-bottom: 0; } } /* success */ .supromo { border: 2px solid #f15822; margin: 20px auto; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; } .supromo .title { margin-bottom: 110px; padding: 20px 20px 0px 20px; background: #f15822; position:relative; } .supromo .title .timelimit { position: absolute; bottom: -60px; z-index: 2; left: 50%; transform: translateX(-50%); } .supromo .title .timelimit span { background: #000; display: inline-block; padding: 10px; color: #fff; font-size: 28px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .supromo .title:before { content: ''; position: absolute; bottom: 0; left: 0; height: 100px; width: 50%; background: #f15822; transform: skew(0deg, 8deg); margin-bottom:-50px; z-index:1; } .supromo .title:after { content: ''; position: absolute; bottom: 0; right: 0; height: 100px; width: 50%; background: #f15822; transform: skew(0deg, -8deg); margin-bottom:-50px; z-index:1; } .supromo .title h3 { color: #fff; margin: 10px 0 10px 0; font-size: 26px; line-height: 1.4em; z-index:2; font-weight: bold; } .supromo .title .desc { color: #fff; font-size: 15px; line-height: 1.3em; z-index:2; position: relative; margin: 0 auto; max-width: 640px; } .supromo .title .desc p { margin: 0; } .supromo .items { overflow: hidden; margin: 0; padding: 0 20px; list-style: none; z-index: 2; } .supromo .items .itm { float: left; width: 22%; margin-right: 3%; margin-bottom: 30px; } .supromo .items .itm:nth-child(4n) { margin-right: 0; } .supromo .items .itm:nth-child(4n+1) { clear: both; } .supromo .items .itm .product-image { margin-bottom: 10px; display: block; position: relative; } .supromo .items .itm .product-image img { height: unset; } .supromo .items .itm .discount { position: absolute; z-index: 2; top: 10px; left: 10px; padding: 0 15px; font-size: 17px; line-height: 32px; text-align: center; color: #fff; background: #f15822; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .supromo .items .itm .product-details .product-name { font-weight: bold; font-size: 16px; min-height: 48px; max-height: 48px; overflow: hidden; } .supromo .items .itm .product-details .desc { color: #666; font-size: 14px; } .supromo .items .itm .product-details .price-box { margin-top: 10px; } .supromo .items .itm .product-details .price-box .price-label { display: none; } .supromo .items .itm .product-details .price-box p { display: inline-block; font-weight: 500; font-size: 15px; } .supromo .items .itm .product-details .price-box .old-price { margin-right: 5px; } .supromo .items .itm .add-to-order-button { text-decoration: none; background: #000; display: inline-block; padding: 7px 20px; color: #fff; font-size: 15px; line-height: 1.2em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } @media (max-width: 860px) { .supromo .title .timelimit { bottom: -50px; } } @media (max-width: 720px) { .supromo .items .itm { width: 49%; margin-right: 2%; } .supromo .items .itm:nth-child(2n) { margin-right: 0; } .supromo .items .itm:nth-child(2n+1) { clear: both; } } /* dice */ #cube .front{transform: translateZ(100px)} #cube .back{transform: rotateX(-180deg) translateZ(100px)} #cube .right{transform: rotateY(90deg) translateZ(100px)} #cube .left{transform: rotateY(-90deg) translateZ(100px)} #cube .top{transform: rotateX(90deg) translateZ(100px)} #cube .bottom{transform: rotateX(-90deg) translateZ(100px)} .show-1{transform: rotateX(720deg) rotateZ(-720deg)} .show-2{transform: rotateX(-900deg) rotateZ(1080deg)} .show-3{transform: rotateY(-450deg) rotateZ(-1440deg)} .show-4{transform: rotateY(810deg) rotateZ(720deg)} .show-5{transform: rotateX(2070deg) rotateY(1440deg)} .show-6{transform: rotateX(450deg) rotateZ(-720deg)} .ccontainer{width: 200px;height: 200px;position: relative;margin: 40px auto 30px;perspective: 1000px;perspective-origin: 50% 100%} #cube{width: 100%;height: 100%;top: 0;position: absolute;transform-style: preserve-3d;transition: transform 3s} #cube:hover{cursor: pointer} #cube div{background: rgba(255, 0, 0, 0.8);display: block;position: absolute;width: 200px;height: 200px;margin: 0 auto;font-family: Arial, Helvetica, sans-serif;font-size: 500%;text-align: center;padding: 50px 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px} .dot{display: block;position: absolute;width: 30px;height: 30px;background: #fff;border-radius: 15px} .front .dot1{top: 85px;left: 85px} .back .dot1{top: 45px;left: 45px} .back .dot2{top: 125px;left: 125px} .right .dot1{top: 45px;left: 45px} .right .dot2{top: 85px;left: 85px} .right .dot3{top: 125px;left: 125px} .left .dot1{top: 45px;left: 45px} .left .dot2{top: 45px;left: 125px} .left .dot3{top: 125px;left: 45px} .left .dot4{top: 125px;left: 125px} .top .dot1{top: 45px;left: 45px} .top .dot2{top: 45px;left: 125px} .top .dot3{top: 85px;left: 85px} .top .dot4{top: 125px;left: 45px} .top .dot5{top: 125px;left: 125px} .bottom .dot1{top: 45px;left: 45px} .bottom .dot2{top: 45px;left: 85px} .bottom .dot3{top: 45px;left: 125px} .bottom .dot4{top: 125px;left: 45px} .bottom .dot5{top: 125px;left: 85px} .bottom .dot6{top: 125px;left: 125px} .confetti-button { display: inline-block; font-size: 21px; padding: 12px 30px; -webkit-appearance: none; appearance: none; background-color: #ff0000; color: #fff; border-radius: 6px; border: none; cursor: pointer; position: relative; transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; } .confetti-button:focus { outline: 0; } .confetti-button:before, .confetti-button:after { position: absolute; content: ""; display: block; width: 140%; height: 100%; left: -20%; z-index: -1000; transition: all ease-in-out 0.5s; background-repeat: no-repeat; } .confetti-button:before { display: none; top: -75%; background-image: radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff0000 20%, transparent 30%), radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0000 15%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%); background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%; } .confetti-button:after { display: none; bottom: -75%; background-image: radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0000 15%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%), radial-gradient(circle, #ff0000 20%, transparent 20%); background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%; } .confetti-button:active { transform: scale(0.9); background-color: #e60074; box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); } .confetti-button.animate:before { display: block; animation: topBubbles ease-in-out 0.75s forwards; } .confetti-button.animate:after { display: block; animation: bottomBubbles ease-in-out 0.75s forwards; } @keyframes topBubbles { 0% { background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; } 50% { background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%; } 100% { background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; } } @keyframes bottomBubbles { 0% { background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%; } 50% { background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%; } 100% { background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; } } /* popup */ .promopopup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999999; width: 320px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; } .promopopup.show { display: block; } .promooverlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; background: rgba(0,0,0,0.5); } .promooverlay.show { display: block; } .promopopup .title { position: relative; padding: 30px 30px 10px 30px; min-height: 120px; } .promopopup .title .close { cursor: pointer; position: absolute; top: 10px; right: 10px; content: ''; display: block; height: 24px; width: 24px; background-size: contain; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z' fill='currentColor'/%3E%3C/svg%3E"); } .promopopup .title .close span { display: none; } .promopopup .title h3 { margin: 0; font-weight: bold; font-size: 28px; line-height: 1.4em; color: #000; } .promopopup .title p { margin: 0 0 10px 0 ; } .promopopup .title .timelimit { margin: 0px auto; } .promopopup .title .timelimit span { background: #000; display: inline-block; padding: 8px 12px; color: #fff; font-size: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .promopopup .buttons { padding: 10px 30px 30px 30px; } .promopopup .buttons .button { width: 100%; } .promopopup .buttons .button span span { line-height: 1.5em; padding-top: 8px; padding-bottom: 8px; font-size: 21px; } .text-change-animation { transition: all 0.7s ease-in-out; } /* promototal */ .promototal { margin: 20px 0; backround: #fff; border: 2px solid #000; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; } .promototal h2 { margin: 20px 0 20px 0; } .promototal p { margin: 0; } .promototal .flex { display: flex; flex-wrap: wrap; border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 20px 0; } .promototal .flex div { flex-basis: 70%; box-sizing: border-box; padding: 5px; } .promototal .flex div:nth-child(2n) { flex-basis: 30%; } .promototal .flex div:nth-child(4n+3), .promototal .flex div:nth-child(4n+4) { background: #efefef;} .promototal .total { font-size: 21px; font-weight: bold; margin-top: 10px; margin-bottom: 15px; } /* confirm */ #confirmOrderButtonPlaceholder { position: fixed; bottom: 0; right: 0; left: 0; padding: 5px 0; text-align: center; background: #fff; z-index: 9999999999; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; } #confirmOrderButtonPlaceholder a.confirm-order-button { transition: transform 0.5s ease-in-out; animation: shake 0.5s; background-color: #ff0000; color: #fff; font-size: 18px; text-decoration: none; display: inline-block; padding: 8px 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); } 20%, 40%, 60%, 80% { transform: translateX(5px); } } .supromo .items .itm .add-to-order-button.added-to-order { background-color: #ff0000; position: relative; padding-right: 35px; } .supromo .items .itm .add-to-order-button.added-to-order:after { content: ''; width: 10px; height: 10px; display: block; position: absolute; right:10px; top: 50%; transform: translateY(-50%); background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 384.1 384.2' style='enable-background:new 0 0 384.1 384.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M373.6,322.7L243,192.1L373.6,61.5c14.1-14.1,14.1-36.8,0-50.9s-36.8-14.1-50.9,0L192.1,141.2L61.5,10.6 c-14.1-14.1-36.8-14.1-50.9,0s-14.1,36.8,0,50.9l130.6,130.6L10.6,322.7c-14.1,14.1-14.1,36.8,0,50.9s36.8,14.1,50.9,0L192.1,243 l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C387.6,359.5,387.6,336.7,373.6,322.7z'/%3E%3C/svg%3E%0A"); } /* promo bar */ .promobar { background: #f15822; text-decoration: none; color: #fff; display: block; position: relative; -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1); } .promobar .container { display: flex; align-items: center; gap: 15px; padding-top: 7px; padding-bottom: 7px; } .promobar .title { flex: 1; display: flex; align-items: center; gap: 15px; } .promobar .title h3 { color: #fff; margin: 0; line-height: 1.4em; } .promobar .title .offer { position: relative; text-align:center; line-height: 1.3em; background: rgba(0,0,0,0.8); color: #fff; padding: 5px 25px 5px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 6px, rgba(0, 0, 0, 0.13) 0px 3px 6px; } .promobar .title .offer:hover { background: #000; } .promobar .timelimit { } .promobar .timelimit span { background: #000; display: inline-block; padding: 7px 10px; color: #fff; font-size: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .promobar .title .offer:after { content: ''; position: absolute; top: 2px; right: -9px; width: 27px; height: 27px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cline class='st0' x1='1' y1='10' x2='4' y2='10'/%3E%3Cline class='st0' x1='10' y1='1' x2='10' y2='4'/%3E%3Cline class='st0' x1='5.8' y1='5.8' x2='3.6' y2='3.6'/%3E%3Cline class='st0' x1='14.2' y1='5.8' x2='16.4' y2='3.6'/%3E%3Cline class='st0' x1='5.8' y1='14.2' x2='3.6' y2='16.4'/%3E%3Cpath class='st0' d='M10,10l9,3l-4,2l-2,4L10,10'/%3E%3C/svg%3E%0A"); } .page #search.loading { background:url("https://hu.daletino.com/skin/frontend/base/default/searchsuggestion/image/preloader2.gif") no-repeat; background-position:95% 50%; background-size:18px 18px; background-color:#FFFFFF; } .page .form-search .search-autocomplete { position:absolute; width:100%; } .page .form-search .input-text { color:#333333; } #search_autocomplete ul li.over { background:#F5F4F7; } .header .form-search .search-autocomplete li { background:#FFFFFF; } .header .form-search .search-autocomplete li:hover { background:#F5F4F7; } .page .suggestion-list { width:99%; } .page .suggestion-list li { width:202px; } .page .suggestion-list li a { display:block; } .page .suggestion-list li .sug-img { width:60px; display:inline-block; vertical-align:top; } .page .suggestion-list li .sug-img img { width:100%; } .page .suggestion-list li .sug-name { padding:5px; width:130px; display:inline-block; } .page .suggestion-list li .sug-name.full { padding:5px; width:190px; display:inline-block; } .page .suggestion-list li .sug-name span { width:100%; display:inline-block; color:#2F2F2F; } .page .suggestion-list li .sug-name span.old-price { text-decoration:line-through; color:#2F2F2F; } .page .suggestion-list li .sug-name span.price { color:#1E7EC8; } .page .header .form-search .search-autocomplete li.selected { background:#F2F2F2; } .page .header .form-search .search-autocomplete li { padding:5px; border:none; } .page .header .form-search .search-autocomplete ul { background:#FFFFFF; } .page #search.loading { background:url("https://hu.daletino.com/skin/frontend/base/default/searchsuggestion/image/preloader2.gif") no-repeat; background-position:top right; background-size:18px 18px; background-color:#FFFFFF; } .header .form-search .search-autocomplete { position:absolute; width:214px; } .page .suggestion-list li:hover { background: none repeat scroll 0 0 #F5F4F7; } .popular-title { background: none repeat scroll 0 0 #FFFFFF; display: block; margin-left: 10px; margin-top: -10px; padding: 0 2px; width: 95px; } .popular-bottom { border-top: 1px solid; display: block; margin-top: 10px; } #search_autocomplete ul li.popular.over { background:none; } .page .header .form-search .search-autocomplete li.popular { padding:0; width:100%; } .multishipping-authorization .authentication.message { margin: 2em 0; display: inline-block; border: 1px solid #ccc; box-shadow: 0px 1px 3px 0px #ccc; padding: 1em 2em 1em 2em; } /* ccType */ #stripe-payments-accepted-cards img { -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; display: inline-block; } #stripe-payments-accepted-cards.stripe-payments-detected img { opacity: 0.3; } #stripe-payments-accepted-cards.stripe-payments-detected img.active { opacity: 1; } input#stripe_payments_cc_number { background-repeat: no-repeat; background-position: right center; background-size: contain; background-position-x: 80%; -moz-transition: background-position-x 0.25s ease-in-out; -webkit-transition: background-position-x 0.25s ease-in-out; transition: background-position-x 0.25s ease-in-out; } input#stripe_payments_cc_number.cctype-detected { background-position-x: 99%; } .adminhtml-sales-order-create-index #payment_form_stripe_payments input[type="text"] { width: 200px; } .dialog_content { background-color: #fff; } .img-preload { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; } /* Customer Account */ .saved-cards label { display: inline; } .saved-cards { font-size: 1.15em; } .saved-cards li { margin: 4px 0; } #new-card .form-list select { width: auto; } #new-card .form-list label { float: none; } #stripe_payments_cc_cid { width: 40px; } /* Checkout */ #mandates.saved-cards label { font-weight: normal; margin-left: 4px; } ul#payment_form_stripe_payments { padding-left: 20px; padding-top: 15px; } .adminhtml-sales-order-create-index ul#payment_form_stripe_payments { padding: 5px 0 10px; } ul#payment_form_stripe_payments li { display: block; } ul#payment_form_stripe_payments li.stripe-new { display: none; } ul#payment_form_stripe_payments.stripe-new li.stripe-new { display: block; margin-left: 20px; } /* Idev OSC 3-column fixes */ .onestepcheckout-column-middle ul#payment_form_stripe_payments.stripe-new li.stripe-new { margin-left: 0; } .onestepcheckout-column-middle ul#payment_form_stripe_payments { margin: 10px 0; padding-left: 0px; } /* ~Idev OSC */ .sp-methods .saved-cards li label { float: none; } .saved-cards { margin-top: 14px; } .saved-cards input.select { position: relative; top: -1px; } .saved-cards span { display: inline-block; } .saved-cards span.type { font-weight: bold; margin-left: 3px; } .saved-cards span.exp { float: right; } .saved-cards label { display: inline; } .saved-cards span.stripe-payments-fade { color: #aaa; font-weight: normal; } .form-list .saved-cards label { float: none; } #stripe-payments-card-errors { border: 0; border-radius: 3px; height: 0; margin: 0 auto; transition: height 1s, margin 1s, border 1s, padding 1s; display: inline-block; padding: 0 1em; } #stripe-payments-card-errors.populated { border: 1px hsla(0,100%,50%,0.5) dashed; padding: 5px 1em; color: #D20; height: auto; margin: 0.5em auto 1em; } /* Card Icons */ #payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa { background: url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/img/visa.png) no-repeat; } #payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex { background: url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/img/amex.png) no-repeat; } #payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard { background: url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/img/mastercard.png) no-repeat; } #payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover { background: url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/img/discover.png) no-repeat; } #payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners { background: url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/img/diners.png) no-repeat; } #payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb { background: url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/img/jcb.png) no-repeat; } #payment_form_stripe_payments span.type.Visa, #payment_form_stripe_payments span.type.visa, #payment_form_stripe_payments span.type.American.Express, #payment_form_stripe_payments span.type.amex, #payment_form_stripe_payments span.type.MasterCard, #payment_form_stripe_payments span.type.mastercard, #payment_form_stripe_payments span.type.Discover, #payment_form_stripe_payments span.type.discover, #payment_form_stripe_payments span.type.Diners, #payment_form_stripe_payments span.type.diners, #payment_form_stripe_payments span.type.JCB, #payment_form_stripe_payments span.type.jcb { padding-left: 30px; background-position-y: -3px; background-size: 24px; } /* Apple Pay */ #co-payment-form #stripe-apple-pay-section #apple-pay-button, ul#payment_form_stripe_payments li#apple-pay-section #apple-pay-button { background-color: black; background-image: -webkit-named-image(apple-pay-logo-white); background-size: 100% 24px; background-origin: content-box; background-repeat: no-repeat; width: 100%; min-height: 44px; padding: 10px 0; border-radius: 10px; } #co-payment-form #stripe-apple-pay-section, ul#payment_form_stripe_payments li#apple-pay-section { display: none; text-align: center; margin-top: 20px; margin-bottom: 20px; } #co-payment-form.payment-request-api-supported #stripe-apple-pay-section, ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section { display: block; } #co-payment-form.payment-request-api-supported #stripe-apple-pay-section #apple-pay-button, ul#payment_form_stripe_payments.payment-request-api-supported li#apple-pay-section #apple-pay-button { display: none; } #co-payment-form #stripe-apple-pay-section label, ul#payment_form_stripe_payments li#apple-pay-section label { font-weight: bold; margin: 10px 0; float: none; display: block; } #stripe-apple-pay-result { margin-bottom: 20px; } #co-payment-form.apple-pay-success .sp-methods { display: none; } /* Authorized Apple Pay Result */ #co-payment-form #stripe-apple-pay-result label, .form-list #apple-pay-result label { display: inline-block; float: none; } #co-payment-form #stripe-apple-pay-result, ul#payment_form_stripe_payments li#apple-pay-result { text-align: center; font-size: 1.1em; display: none; } #stripe-apple-pay-result > div, #apple-pay-result > div { display: block; margin: 5px 0; } #co-payment-form.apple-pay-success #stripe-apple-pay-result, ul#payment_form_stripe_payments.apple-pay-success li#apple-pay-result { display: block; } #co-payment-form.payment-request-api-supported.apple-pay-success #stripe-apple-pay-section, ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success li#apple-pay-section { display: none; } ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li.stripe-new { display: none; } ul#payment_form_stripe_payments.payment-request-api-supported.apple-pay-success.stripe-new li#stripe_payments_cc_save_div.stripe-new { display: block; } ul#payment_form_stripe_payments.apple-pay-success ul#saved-cards { display: none; } /* Stripe Elements */ #card-details-label { display: block; } #stripe-payments-card-number { width: 225px; display: inline-block; } .stripe-payments-brand { opacity: 0.5; height: 24px; width: 32px; display: inline-block; font-size: 20px; margin-left: -49px; position: relative; top: -9px; } #stripe-payments-card-expiry { width: 93px; display: inline-block; } #stripe-payments-card-cvc { width: 68px; display: inline-block; } .stripe-elements-field { display: inline-block; margin: 5px 0 0 0; padding: 4px 14px; border-style: none; background-color: #fefefe; box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #fefefe; border-radius: 4px; } li.stripe-payments-elements.no-wrap { white-space: nowrap; } .pci-dss-info-block { margin: 10px 15px -16px 25px; width: 240px; } #pci-svg { position: relative; left: -25px; top: 5px; opacity: 0.5; fill: green; } .pci-dss-info-text { display: inline-block; position: relative; top: -20px; } /* ACH */ ul.ach-bank-account-details { margin: 1em auto; } ul.ach-bank-account-details label { min-width: 140px; } ul.ach-bank-account-details .account-number, ul.ach-bank-account-details .account-holder-name { width: 210px; } ul.ach-bank-account-details .account-holder-type { width: 215px; } #ach-bank-account-details .ach-token .validation-advice { display: none; } #ach-bank-account-details.showVerificationError .ach-token .validation-advice { display: block; } #stripe-ach-account-verified { color: #47a722; font-style: italic; display: none; } #stripe-ach-account-verified img { display: inline; height: 1em; padding: 2px; } /*! * PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io * License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:PaymentFont;src:url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.eot);src:url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff2'),url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.woff) format('woff'),url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.ttf) format('truetype'),url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"} .product-view #payment-request-button { margin-bottom: 10px; } .cart #payment-request-button { width: 184px; display: inline-block; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } #payment-request-button.disabled, #payment-request-button.disabled * { pointer-events: none !important; } #payment-request-button.disabled { opacity: 0.5; filter: grayscale(50%); } #payment-request-button.disabled::after { position: relative; height: 1em; width: 1em; display: block; left: 50%; margin-left: -.5em; margin-top: -1.2em; content: ''; -webkit-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(https://hu.daletino.com/skin/frontend/base/default/stripe_payments/img/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, .75) } .cookiealert {background: #333; color: #fff; padding: 5px 0; font-size: 12px; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99999999; } .cookiealert .container { max-width: 960px; margin: 0 auto; box-sizing: border-box; padding: 5px 10px; } .cookiealert .message { text-align: left; overflow: hidden; padding-right: 15px; float: left; width: 80%; box-sizing: border-box; } .cookiealert .buttons-set { float: right; margin: 0; width: 20%; border:0; padding: 10px 0 0 0; box-sizing: border-box; clear: none; text-align: right; } .cookiealert .message span.cookie-title{display: block; color: #fff; font-size: 14px; font-weight: bold;} .cookiealert .message a{color: #f90; text-decoration: underline;} .cookiealert .message a:hover{text-decoration: none;} .cookiealert .message .close a{font-size: 16px; text-decoration: none; font-weight: bold;} .cookiealert .message .close a:hover{text-decoration: underline;} .cookiealert .buttons-set .decline { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } @media (max-width:960px) { .cookiealert .message, .cookiealert .buttons-set { float: none; width: 100%; text-align: left; } } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://hu.daletino.com/skin/frontend/zenlus/default/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* DEGRIZ responsive */ @media (max-width: 1720px) { .product-view .product-img-box .owl-carousel .owl-nav button.owl-next { right: 10px; } .product-view .product-img-box .owl-carousel .owl-nav button.owl-prev { left: 10px; } } @media (max-width: 1260px) { .product-view .product-essential .naslovna:before { display: none;} } @media (max-width: 1180px) { .products-grid li.item { float:left; width: 32%; margin-right: 2%; } .products-grid li.item:nth-child(4n) { margin-right: 2%; } .products-grid li.item:nth-child(3n) { margin-right: 0; } .products-grid li.item:nth-child(4n +1) { clear: none; } .products-grid li.item:nth-child(3n +1) { content: ''; clear: both; } } @media (max-width: 1020px) { .checkout-onestep-index .phone { display: none; } .cart .cart-collaterals .col2-set, .cart .cart-collaterals .col2-set .col-1, .cart .cart-collaterals .col2-set .col-2, .cart .totals { float: none; width: 100%; text-align: right; } .cart #discount-coupon-form { max-width: 468px; display: block; text-align: left; float: right; } #product-customer-reviews li { width: 30%; } } @media (max-width: 960px) { .product-view .product-essential { background: #fff; } .product-view .product-essential .naslovna .btns { position: absolute; left: 0; width: 100%; } .product-view .product-img-box {} .product-view .product-shop { position: relative; width: 100%; padding: 20px 10px; right: unset; top: unset; -webkit-border-radius: 20px; -moz-border-radius: 0; border-radius: 0; } .product-view .product-essential .naslovna .image { margin-left: unset; } .product-view .product-img-box { margin-bottom: 40px; } .advantage { min-height: unset !important; } .footer .blocks { display: block; } } @media (max-width: 920px) { table { overflow: auto; max-width: 100%; width: 100%; } .quickshop .right { float: none !important; } .quickshop .buttons-set button.button { float: none; margin-left: 0; width: 100%; } } @media (max-width: 760px) { .products-grid li.item { float:left; width: 49%; margin-right: 2%; } .products-grid li.item:nth-child(4n), .products-grid li.item:nth-child(3n) { margin-right: 2%; } .products-grid li.item:nth-child(2n) { margin-right: 0; } .products-grid li.item:nth-child(4n +1), .products-grid li.item:nth-child(3n +1) { clear: none; } .products-grid li.item:nth-child(2n +1) { content: ''; clear: both; } .col-left, .col-main, .col-right { float:none; width:100%; margin-bottom: 25px; } } @media (max-width: 840px) { .sections li { display: block; } .sections li .image, .sections li .content { width: 100%; text-align: center; } } @media (max-width: 720px) { .product-view .product-shop .product-name h1 { font-size: 28px; } #shopping-cart-table colgroup { display: none; } #shopping-cart-table tbody { table-layout: fixed; } #shopping-cart-table thead th, #shopping-cart-table tbody td { width: 25%; display: block; float: left; text-align: left !important; } #shopping-cart-table thead th:nth-child(1) { display: none; } #shopping-cart-table thead th:nth-child(2) { width: 100%; } #shopping-cart-table tbody td:nth-child(1) { width: 25%; } #shopping-cart-table tbody td:nth-child(1) img { width: 50px; height: 50px; } #shopping-cart-table tbody td:nth-child(2) { width: 75%; } #shopping-cart-table tbody td:nth-child(3) { clear: left; } .cart-breadcrumbs .cart-breadcrumbs-step span { font-size: 11px; width: 100px; margin-left: -50px; } #product-customer-reviews li { width: 48%; } .product-view .product-essential .naslovna .btns { position: relative; left: unset; bottom: unset; padding-top: 15px; text-align:left; } .product-view .product-essential .naslovna .btns .gallery, .product-view .product-essential .naslovna .btns .video { margin-left: 0; } } @media (max-width: 560px) { .features { display: block; padding: 0; } .features .feat { font-size: 20px; padding: 15px; border-right: 0; border-bottom: 1px dashed #e8e6e5; } .features .feat br { display: none; } .features .feat:last-of-type { border-bottom: 0; } #product-customer-reviews li { width: 100%; } .sections li .content h2 { font-size: 24px; } .sections li .content { padding: 45px 25px; font-size: 17px; } } @media (max-width: 480px) { .carteks .title, .logo img { height: 48px; width: 48px; } .nav-container .maton:before { margin: 15px 0 0 0; padding: 0; width: 21px; height: 15px; } .block-cart { margin: 0; } .carteks .title .icon:before { width: 26px; height: 26px; } .srch { margin: 14px 15px 0 0; } .header .email { margin: 14px 15px 0 0; } .header .email:before { width: 22px; } .srch .icon { width: 20px; } .products-grid li.item { float:none; width: 100%; margin-right: 0; } .products-grid li.item:nth-child(4n), .products-grid li.item:nth-child(3n) { margin-right: 0; } .checkout-cart-index .crosssell .products-grid li.item { float: left; width: 49%; margin-right: 2%; } .checkout-cart-index .crosssell .products-grid li.item:nth-child(2n) { margin-right: 0; } .checkout-cart-index .crosssell .products-grid .price-display li { width: 100%; float: none; border-right: 0; text-align: center; padding: 2px 0; } .checkout-cart-index .crosssell .products-grid .product-name span { font-size: 12px; line-height: 1.1em; } .checkout-cart-index .crosssell .products-grid .product-name { background-size: contain; } .onestep-section .data-table thead th { padding-left: 4px; padding-right: 4px; } body .onestep-section .block-content #checkout-review-load .data-table td h3.product-name { font-size: 11px; } .onestep-section .block-content #checkout-review-load .data-table thead th { font-size: 11px; } .onestep-section .block-content #checkout-review-load .data-table thead th:last-child { min-width: auto !important; } .advantage.alts li { float: none; width: 100%; margin-right: 0; } .advantage.alts li:last-child() { margin-bottom: 0; } } @media (max-width: 430px) { .cart .totals .checkout-types { padding: 0; text-align: center; } body #review-buttons-container button.btn-cart span span { font-size: 18px; } .product-view .product-shop .increment { clear: both; margin-bottom: 8px; } .product-view .product-shop .increments button.button.btn-cart { display: block; margin: 0 auto; } .onestep-section .block-content #checkout-review-load .data-table thead th { max-width: 80px; word-break: break-all; word-wrap: unset; white-space: normal; line-height: 1.4em; } } @media (max-width: 370px) { } @media (max-width: 340px) { .cart a.inc, .cart a.dec { display: none; } #shopping-cart-table thead th, #shopping-cart-table tbody td { font-size: 11px; } .quickshop .onestep-section .block-content #checkout-review-load .data-table tbody td:nth-child(2), .onestep-section .block-content #checkout-review-load .data-table thead th:nth-child(2) { width: 0px !important; overflow: hidden; border:0; display: block; padding: 0 !important; } body #review-buttons-container button.btn-cart span span { font-size: 17px; } }