/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ * { margin:0; padding:0; } html { font-size:16px; /* Fix for Opera */ } /*body { font:75%/150% Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; }*/ #root-wrapper {} img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#ca0413; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; } h1 { font-size:2.6666em; line-height:1.25em; /*32px, 40px*/ margin-bottom:20px; } h2 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h3 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h4 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h5 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h6 { font-size:1em; line-height:1.1666em; /*12px, 14px*/ } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } 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%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper {} .page { text-align:left; background-repeat:repeat; background-position:center top; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .main-container { background-repeat:repeat; background-position:center top; } .main { padding:20px 0; min-height:370px; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main {} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea { background:#fff; border:1px solid #ddd; color:#888; /* Box model */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove default formatting, fix for iOS (rounded corners and shadow) */ -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; box-shadow:none; } input.input-text{ height: 36px; } select { height:36px; padding:8px; text-overflow:ellipsis; } select.multiselect { height: auto; } input.input-text, textarea { padding:8px; text-overflow:ellipsis; } select option { padding-right:10px; padding-left:5px; } select.multiselect option { border-bottom:1px solid #eee; 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 { width:3em !important; text-align:center; } /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { border-color:#aaa; color:#333; outline:none; } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; display:block; padding:0; font-size:12px; text-align:center; white-space:nowrap; background-color:#ddd; color:#333; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } button.button:hover span { background-color:#333; color:#fff; } button.button span span { padding:0 25px; height:45px; line-height:45px; } /* Smaller button - for inline display with input boxes -------------------------------------------------------------- */ button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span { padding:0 10px; line-height:36px; height:36px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ /*.product-view .btn-cart span, button.btn-checkout span {}*/ .product-view .btn-cart span span, button.btn-checkout span span { padding:5px 25px; font-size:1.1666em; /*14px*/ } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form lists */ /* Grouped fields */ .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; 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 .field { float:left; width:275px; margin-bottom:5px; } .form-list input.input-text { width:262px; /*244px;*/ } .form-list textarea { width:244px; height:10em; } .form-list select { width:262px; } .form-list li.wide .input-box { /*width:535px;*/ } .form-list li.wide input.input-text { /*width:529px;*/ } .form-list li.wide textarea { /*width:529px;*/ } .form-list li.wide select { /*width:535px;*/ } .form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* 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 .name-middlename { width:70px; } .form-list .name-middlename 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 .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .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-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; } .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; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear:both; margin:10px 0; } .buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } .contacts-index-index .buttons-set { float:left; margin-top:-10px; } .contacts-index-index .buttons-set .required { text-align:left; } .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a { display:block; line-height:36px; /* Icon size */ } .buttons-set .back-link small { display:inline-block; margin-right:5px; width:36px; height:36px; text-indent:-9999px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -107px; } .buttons-set .back-link:hover small { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -157px; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#ee001c; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Specific buttons set -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set button span span, /* Create account */ .account-create .buttons-set button span span, /* Forgot password */ .customer-account-forgotpassword .buttons-set button span span, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button span span, /* Contact us */ .contacts-index-index .buttons-set .button span span { min-width: 120px; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages > li:last-child { margin-bottom:0; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; margin-bottom:15px; } .cms-index-index .messages, .cms-home .messages { margin:20px 0 20px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg { border-color:#c02230; background-color:#F5DAD3; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/i_msg-error.png); color:#c02230; } .success-msg { border-color:#296a23; background-color:#e9ffca; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/i_msg-success.png); color:#296a23; } .note-msg, .notice-msg { border-color:#7c622a; background-color:#FDEDA4; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/i_msg-note.png); color:#7c622a; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li { display:inline; font-size:0.9166em; /*11px*/ } .breadcrumbs a { display:block; float:left; } .breadcrumbs li span { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/pix.png) 0 -129px no-repeat; width:7px; height:5px; margin:6px 4px 0; display:block; float:left; text-indent:-9999px; overflow:hidden; } .breadcrumbs li strong { font-weight:normal; display:block; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin-bottom:0; } .page-title { margin-bottom:20px; } /*.category-title { margin-bottom:10px; }*/ /* Links in page title */ .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } /* Title with buttons */ .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Buttons - adjust the height of heading buttons in customer account (required for the Address Book) */ .my-account .title-buttons button span span { height:35px; line-height:35px; } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:5px 0; } /* View mode */ .sorter .view-mode { float:right; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { display:inline-block; vertical-align:middle; margin:0 0 0 1px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/pix.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } .sorter .view-mode .grid { background-position:0 -207px; } .sorter .view-mode .list { background-position:-30px -207px; margin-left:-5px; } .sorter .view-mode a.grid:hover { background-position:0 -237px; } .sorter .view-mode a.list:hover { background-position:-30px -237px; } /*.sorter .view-mode .grid { background-position:0 -277px; } .sorter .view-mode .list { background-position:-30px -277px; margin-left:-5px; } .sorter .view-mode a.grid:hover { background-position:0 -307px; } .sorter .view-mode a.list:hover { background-position:-30px -307px; }*/ /* Currently selected mode icon */ /*.sorter .view-mode span.grid, .sorter .view-mode span.list {}*/ /* Sort by */ .sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; text-indent:-9999px; overflow:hidden; } .sorter .sort-by .category-asc { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/pix.png) 0 -87px no-repeat transparent; } .sorter .sort-by .category-desc { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/pix.png) -60px -87px no-repeat transparent; } .sorter .sort-by .category-asc:hover { background-position:-30px -87px; } .sorter .sort-by .category-desc:hover { background-position:-90px -87px; } /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:5px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */ } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; background-color:transparent; color:inherit; } .pager .pages li a.previous, .pager .pages li a.next { text-indent:-9999px; overflow:hidden; } /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:-1px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:none; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager { line-height:36px; } /* Important: the same as the height of the form elements */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li { width:30px; height:30px; line-height:30px; } /* Amount */ .pager .amount, .sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* All elements - vertical spacing */ .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { padding-top:5px; padding-bottom:5px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:bold; vertical-align:bottom; border-right: none; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:1px solid #f5f5f5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd {} .data-table tr.odd.last { border-bottom:#eee solid 1px; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #f5f5f5; } .data-table tr.even td.last { border-right:none; } .data-table tr.even { background-color:#fbfbfb; } .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/ .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* 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://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } 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://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/bkg_collapse.gif) 100% 4px 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% -53px; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } /*.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; }*/ /* Global site notices -------------------------------------------------------------- */ /* Obsolete: */ /*.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#f5f5f5; 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://www.klimahome.hu/skin/frontend/ultimo/iceklima/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; }*/ .global-site-notice { background:#f5f5f5; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/i_notice.gif) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* 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; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a { display:block; width:17px; height:17px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .btn-remove, .btn-remove2, .tool-tip .btn-close a { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/pix.png) 0 -150px no-repeat; } .btn-remove:hover, .btn-remove2:hover, .tool-tip .btn-close a:hover { background-position: -17px -150px; } .btn-remove:active, .btn-remove2:active, .tool-tip .btn-close a:focus { background-position: -34px -150px; } /* Button edit -------------------------------------------------------------- */ .btn-edit { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/pix.png) 0 -167px no-repeat; margin:0 5px 0 0; } .btn-edit:hover { background-position: -17px -167px; } .btn-edit:active { background-position: -34px -167px; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:0 0 1em; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } ul.bullet li:hover { background-position:3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Lists inside ".std" %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .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; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container, .header-container2, .header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .header { padding:0; } /* Misc header elements -------------------------------------------------------------- */ .header .item {} .header .item-left { float:left; margin-right:20px; } .header .item-right { float:right; margin-left:20px; } .header .welcome-msg {} .header .login-msg {} .header .login-msg a {} .header .login-msg a:hover {} /* Header top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top .lang-switcher, .header-top .currency-switcher { margin:0; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper { margin:10px 0; } .header .logo { display:inline-block; max-width:220px; margin:0; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* User menu, top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .user-menu { float:right; margin:10px 0 10px 10px; } #mini-cart { float:right; } .top-links { float:right; } /* Set floating because there can be more than one list of links. */ .top-links ul { float:right; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top-search-wrapper { float:left; margin:10px 0; } /* Deprecated class */ #search_mini_form { clear:both; display:block; } .form-search { position:relative; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text { display: block; height:36px; line-height:36px; /*IE8*/ padding:0px 35px 0 7px; /*0 0 0 5px;*/ color:#bbb; background-color:#fff; overflow:hidden; text-overflow:ellipsis; } /* Button */ .form-search .button { position:absolute; right:0; top:0; } .form-search .button span { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png) no-repeat transparent; background-position:-57px -108px; /* -57px -107px; */ width:34px; height:34px; opacity:0.3; filter:alpha(opacity=30); margin:1px; } .form-search .button:hover span { opacity:1; filter:alpha(opacity=100); background-color:transparent; } .form-search .button span span { background:none; display:none; } /* Search autocomplete */ .form-search .search-autocomplete { left:0 !important; /*Fix for IE*/ top:42px !important; position:relative; z-index:4100 !important; } .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: small box -------------------------------------------------------------- */ .search-wrapper-small .form-search .input-text { height:28px; line-height:28px; /*IE8*/ } .search-wrapper-small .form-search .button span { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png) no-repeat transparent; background-position: -61px -111px; /*-59px -109px*/ width:28px; height:28px; } .search-wrapper-small .form-search .search-autocomplete { top:30px !important; } /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: centered -------------------------------------------------------------- */ .search-wrapper-centered .form-search { margin:0 auto; width:90%; } .search-wrapper-centered .form-search .input-text { float:right; width:100%; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mini-cart { position:relative; } .after-mini-cart { clear:both; } /* Mini-cart Heading -------------------------------------------------------------- */ #mini-cart .dropdown-toggle {} /* Deprecated: */ #mini-cart .dropdown-toggle .icon-cart { width:14px; max-height:32px; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/pix.png) 0px -205px no-repeat; } #mini-cart .dropdown-toggle .summary {} #mini-cart .dropdown-toggle .amount {} #mini-cart .dropdown-toggle .subtotal {} /* Fix icon positioning */ /*#mini-cart .dropdown-toggle .icon { padding:0; width:36px; height:36px; }*/ /* Mini-cart content -------------------------------------------------------------- */ #mini-cart .dropdown-menu { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } #mini-cart .dropdown-menu .inner {} #mini-cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; } #mini-cart .dropdown-menu .empty { padding:10px 0; } #mini-cart .block-subtitle { padding:0; margin:0 0 10px; } #mini-cart .product-name {} #mini-cart .btn-remove, #mini-cart .btn-edit { float:right; } #mini-cart .product-details strong { font-weight:normal; } #mini-cart .actions { margin:10px 0 0; padding:0; border:none; text-align:left; } #mini-cart .actions button { float:left; margin-right:1px; } #mini-cart .truncated { margin-left:3px; } /* Mini-cart on hover -------------------------------------------------------------- */ /* TODO #mini-cart:hover .block-content { display:block; } #mini-cart.hover:hover .block-content { display:none; }*/ /*Override (remove) default :hover behavior, if JS is enabled*/ /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .quick-compare { float:right; position:relative; margin:0; padding:0; border:none; } .quick-compare .dropdown-toggle {} .quick-compare .dropdown-menu { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } .quick-compare .dropdown-menu .empty { padding:10px 0; } .quick-compare .dropdown-menu .item { padding:3px 0; } .quick-compare .dropdown-menu .item .product-name { padding-right:20px; } .quick-compare .btn-remove { float:right; } .quick-compare .actions { border-top:1px dotted #e5e5e5; margin:5px 0 0; padding:5px 0 0; text-align:right; } .quick-compare .actions a { float:right; } .quick-compare .actions button { float:left; } /* Block on hover -------------------------------------------------------------- */ .header .block-compare:hover .block-content { display:block; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:10px 5px; } .block .block-content li.item { padding:5px 0; } .block .block-content li.item .product-name {} .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin:5px 0 0 0; padding:5px 0 0; border-top:1px dotted #e5e5e5; text-align:right; } .block .actions a { float:left; } /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { list-style: outside disc none; padding-left: 20px; } .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li { padding: 3px 0; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:69px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } /* Common styling for mini list and cross-sell list */ .mini-products-list .product-image, .cart .crosssell .product-image { padding:3px; border:1px solid #e5e5e5; } .mini-products-list .product-image:hover, .cart .crosssell .product-image:hover { border-color:#999; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title {} .block-account .block-content { padding: 10px 0; } .block-account .block-content ul { list-style: outside disc none; padding-left: 25px; } .block-account li > * { padding:4px; display:block; text-transform:uppercase; } .block-account li strong { font-weight:normal; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .block-content { padding:0; } .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } /* List of filters */ .block-layered-nav dl { padding-left:10px; padding-top:10px; } .block-layered-nav dt { font-weight:bold; padding:0; } .block-layered-nav dd { padding:5px 0 10px 5px; } .block-layered-nav dd.last { border-bottom:none; } /* Current filters */ .block-layered-nav .currently { margin:10px 0; } .block-layered-nav .currently .block-subtitle { display:block; padding:10px 10px 0; font-weight:normal; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom:4px; } .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove { float:right; margin-left:5px; } .block-layered-nav .actions { margin:0; } .block-layered-nav .actions a { float:right; } /* List items */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:1.5em; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/bullet.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 5px; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-wishlist li.item .btn-remove { margin-left:5px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .product-image { float:left; margin-bottom:10px; } .block-related-thumbnails .product-details { margin-left:110px; } .block-related-thumbnails .product-details > * { margin-bottom:5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; } .block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; } .block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#e5e5e5; } .compare-table .product-shop-row { border-bottom:1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color:#eee !important; } .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display:block; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none; } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed {} /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .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 .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight:bold; 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; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* Common styles for View Types: List & Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are modified for different number of columns */ font-size:1.3333em; line-height:1.25em; /*16px 20px*/ } .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } /* Product image -------------------------------------------------------------- */ /* Product alternative image */ .products-list .product-image .alt-img, .products-grid .product-image .alt-img { position:absolute; top:0; left:0; display: none; } /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img /* Grid only in category view */ { -moz-transform: translateZ(0); } /* View Type: List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .item { border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; background-color:#fff; position:relative; /* For hover effect */ transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } .products-list .product-shop {} .products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px } .products-list .right-column { float:right; } .products-list .product-name { margin:0 0 15px; } .products-list .product-image-wrapper {} .products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; } .products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; max-width:180px; } .products-list .button span { float:none; } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0; } /* Hover effect -------------------------------------------------------------- */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* View Type: Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Products grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For hover effect */ } .products-grid .product-name { margin:15px 0 0; } .products-grid .product-image-wrapper { margin:0 auto; position:relative; } .products-grid .product-image { display:block; } .products-grid .price-box { margin:5px 0 10px; font-size:1em; } .products-grid .ratings { margin:10px 0; } .products-grid .actions { margin:10px 0 0; } .products-grid .availability { float:none; margin:5px 0; } .products-grid .add-to-links { margin:10px 0 0; } /* Price: old/special */ /*.products-grid .old-price, .products-grid .special-price { display: inline-block; } .products-grid .old-price { margin-right: 2px; } .products-grid .special-price { margin-left: 2px; }*/ /* Grid: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Equal height of items (buttons displayed at the bottom of items) -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */ /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover { display:none; } /* Display grid item elements only on hover: fade-in (for sliders) */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Product name in a single line -------------------------------------------------------------- */ .products-grid.single-line-name .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .products-grid.single-line-name .item:hover .product-name { overflow: visible; white-space: normal; } /* Align to the center -------------------------------------------------------------- */ .products-grid.centered .item { text-align: center; } .products-grid.centered .item .ratings .rating-box, .products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; } .products-grid.centered .item .ratings { display: inline-block; margin-bottom: 0; /* Remove margin from inline-block */ } .products-grid.centered .item .ratings .rating-box { display: inline-block; vertical-align: middle; float: none; /* Remove default float */ } .products-grid.centered .item .ratings .amount { display: inline-block; vertical-align: middle; margin-left: 3px; } .products-grid.centered .item input.checkbox { float: none; } .products-grid.centered .item .actions .add-to-links li { float: none; margin:0; } /*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/ /* Grid: only in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-products-grid .item { border-top:1px solid #e5e5e5; border-left:none; border-right:none; zoom:1; padding-top:2%; padding-left:1%; padding-right:1%; background-color:#fff; transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } /* Hover effect -------------------------------------------------------------- */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* Grid: override grid elements to change size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name -------------------------------------------------------------- */ .products-grid.size-s .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } .products-grid.size-xs .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* Buttons -------------------------------------------------------------- */ .products-grid.size-s .item button.btn-cart span span { padding:7px 15px; height:auto; line-height:2em; } .products-grid.size-xs .item button.btn-cart span span { padding:3px 8px; height:auto; line-height:2em; } /* Product labels -------------------------------------------------------------- */ .products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; } .products-grid.size-s .item:hover .sticker { width:50px; height:50px; } .products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .products-grid.size-xs .item:hover .sticker { width:45px; height:45px; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height:1.0833em; margin:15px 0 15px; } .ratings a { line-height:1.0833em; } .ratings strong { float:left; margin:1px 5px 0 0; } .ratings .rating-links .separator { display:inline-block; text-indent:-9999px; width:1px; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/bg-separator1.gif) no-repeat; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:8px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability - with details */ .availability-only { margin:15px 0; } a.availability-only { cursor:pointer; } .availability-only strong { font-weight:normal; } .availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); } .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; } .availability-only-details td.last { border-right:none; } /* Product increments */ .product-pricing { line-height:1.25em; /* TODO:15px */ } .extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price, .alert-stock { margin:15px 0; padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/icons.png) 0 -160px no-repeat; } /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price {} .price-box .price-label {} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label { color:#ee001c !important; /* Override other color changes */ } .special-price .price-excluding-tax .price {} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { color:#ee001c; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price {} /* 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; } .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 { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 10px; padding-left: 10px; } .tier-prices li { line-height:15px; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#ee001c; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */ /* Add-to links as icons (with no text). Deprecated (will be removed in the next update). -------------------------------------------------------------- */ .addto-icons a.link-wishlist, .addto-icons a.link-compare, .addto-icons a.email-friend { display:block; padding:0; margin:0; width:27px; height:27px; text-indent:-9999em; overflow:hidden; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/pix.png) no-repeat; background-color:#fff; /*border:1px solid #f5f5f5;*/ } .addto-icons a.link-wishlist:hover, .addto-icons a.link-compare:hover, .addto-icons a.email-friend:hover { background-color:#fff; } .addto-icons a.link-wishlist { background-position:-27px 0; } .addto-icons a.link-wishlist:hover { background-position:-27px -27px; } .addto-icons a.link-compare { background-position:0 0; } .addto-icons a.link-compare:hover { background-position:0 -27px; } .addto-icons a.email-friend { background-position:-54px 0; } .addto-icons a.email-friend:hover { background-position: -54px -27px; } /* If displayed in a group: add margin between icons */ .add-to-links.addto-icons .link-compare, .add-to-links.addto-icons .email-friend { margin-left:3px; } /* If displayed on product image */ .addto-icons.addto-onimage { float:right; margin-top:-31px; /* Move up: height (29px) + 2 additional pixels */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the image below icons. */ padding-right:4px; } /* Add-to links: simple icons (with no text) -------------------------------------------------------------- */ .addto-links-icons {} /* If displayed in a group: add margin between icons */ .add-to-links.addto-links-icons .link-compare { margin-left:3px; } /* If displayed on product image */ .addto-links-icons.addto-onimage { float:right; margin-top:-40px; /* Move up */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */ padding-right:4px; } /* Add to Cart box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-cart .qty-wrapper {} .add-to-cart .qty { text-align:center; margin-right:10px; } .add-to-cart .button { margin-right:10px; } /*.product-view .add-to-cart { float:left; }*/ /*.product-view .paypal-wrapper { float:left; }*/ .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Box floating right -------------------------------------------------------------- */ .add-to-cart.right {} .add-to-cart.right label { margin-left:10px; } .add-to-cart.right .button { margin-right:0; } /* Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #messages_product_view { margin: 0 auto; width: 98%; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1 Column Layout -------------------------------------------------------------- */ /* Stretch content area (full page width) */ .catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; } /* 3 Columns Layout -------------------------------------------------------------- */ /* Uncomment if you're using 3-column layout on product page */ /*.catalog-product-view .col3-layout .product-img-column, .catalog-product-view .col3-layout .product-shop, .catalog-product-view .col3-layout .product-secondary-column, .catalog-product-view .col3-layout .box-additional { float: none; width: 100%; } .catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/ /* Main sections of product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic wrapper for product page collaterals */ .product-view .box-additional { margin-top:20px; } .product-view .box-tabs {} .product-view .box-sidebar {} .product-view .box-up-sell {} /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float:left; margin-bottom:10px; position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */ } .col3-layout .product-view .product-img-column { float:none; margin:0 auto; } /* Product primary column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } /* Product secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ } /* Product primary column's elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { /*margin:15px 0; line-height:1.25em;*/ /*15px*/ } .product-view .short-description ul { /*margin-top:5px; margin-bottom:5px;*/ } /* Add-to links */ .product-view .action-box { margin:20px 0; } /* Add-to links in different places of the product page */ .product-view .add-to-links li { margin-right: 10px; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* The same style as "item-options" in cart */ .product-type-data .item-options dd { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices - common for product view and MAP popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .price-box .special-price { white-space:nowrap; /*Chrome*/ } .product-view .price-box .special-price .price-label { white-space:nowrap; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } /* Main containers (e.g. for add-to-cart, product options) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type specific data */ .product-view .product-type-data { margin:15px 0 0; } /* Lower part of the container */ .product-view .container1-wrapper, .product-view .container2-wrapper, .product-view .add-to-box { padding:0 0 15px; margin:0 0 15px; /*border-bottom:1px solid #e5e5e5;*/ } /* Button container */ .product-view .add-to-box { margin-top:15px; } /* Background color for main containers */ /*.product-view .product-type-data, .container1-wrapper, .container2-wrapper, .product-view .add-to-box {}*/ /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description (for lists with no bullet class) */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } .product-view .short-description .std ul li, .product-view .box-tabs .std ul li { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; margin-bottom:15px; } .product-options dt { font-weight:normal; } .product-options dt label { display:inline-block; font-weight:bold; } .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 10px; } .product-options dl.last dd.last { border-bottom:0; } .product-options dd input.input-text { width:100%; /*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:100%; /*width:92%;*/ height:8em; } .product-options dd select { width:100%; } .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; } .product-options ul.options-list input.checkbox { float:left; } .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:0.9166em; } .product-options p.required { position:absolute; right:0; top:-15px; } /* Override form colors */ /* .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; border-color:#ddd; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; border-color:#aaa; }*/ /*bottom*/ .product-options-bottom { margin-top:20px; } .product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom { margin:0; } .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; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0; clear:both; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:14px; } /* Product collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide first h2 heading (which is the same as tab text) */ .box-tabs .panel > h2:first-child { display:none; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; /*11px*/ } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top:15px; } .product-view .box-reviews dl { margin:0 0 15px; } .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dt a { font-size:18px; margin-right:8px; } .product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; } .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; } .product-view .box-reviews .ratings-table { margin:5px 0; } .product-view .box-reviews .form-add {} .product-view .box-reviews .form-add h2 { text-transform:uppercase; } .product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add h4 { font-family:inherit; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box {} .product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; } .product-view .box-reviews .form-add .data-table { max-width:176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; } .product-view .box-reviews .form-add .data-table td .radio { margin:0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; font-size:1em; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:20px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; /* Complex form fields (e.g. price range) require floating for correct layout */ } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 5px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin:15px; } .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 {} .page-sitemap .pager { clear:both; } /* RSS */ .rss-title h1 { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:168px; display:block; } .cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; } .cart-table tfoot td { padding:5px 10px; border:none; } /* Table bottom - buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; } .cart-table tfoot button { padding:0; margin:0 0 15px 10px; } .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } /* Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:20px; } .cart .cart-right-column { float:right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell .product-image { float:left; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell .btn-cart { float:left; margin-right:10px; } .cart .crosssell .add-to-links { float:left; margin:12px 0 0; } .cart .crosssell .price-box { margin:7px 0; } .cart .crosssell li.item { padding:20px 0; } .cart .crosssell li.item.odd { margin-left:0; clear:left; } .cart .crosssell li.item.even { margin-right:0; float:right; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .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; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display:block; margin:0 0 5px; } .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color:#f5f5f5; } .cart .totals-inner { padding:20px; } .cart .totals table { width:100%; } .cart .totals td { padding:1px 0px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Cart static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options { line-height:15px; } .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; } /* Item options in cart/checkout tables */ .data-table .item-options dt { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/bullet.png) 0 4px no-repeat; padding-left:10px; white-space:normal; /* Override 'nowrap' */ } .data-table .item-options { margin:0 0 0 10px; } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; } .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; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin:15px 0 0; } .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding:10px 10px 10px 30px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; } .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; } .gift-messages-form p { margin-bottom:10px; } .gift-messages-form label { float:none !important; position:static !important; } .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; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight:bold; color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements { padding:0 60px 20px; } .checkout-agreements li { margin:0 0 20px; } .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; } .opc .checkout-agreements { padding:15px 30px; } .checkout-agreements .agreement-content { max-height:250px; overflow:auto; padding-right:30px; } /* 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; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* Other */ .block-progress .block-title { background:none; border:0; padding:10px 0;} .block-progress .block-title strong { font-family:inherit; text-transform:none; font-weight:normal; } .block-progress .block-content { background:none; padding:0; margin-top:10px; border:none; } .block-progress dt { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/checkout-progress.png) 0 5px no-repeat; line-height:18px; margin:0 0 5px; padding:6px 0 6px 30px; font-weight:bold; } .block-progress dd { line-height:15px; border-top:0 none; margin:0 0 6px; padding:8px 10px; } .block-progress dt.complete { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/checkout-progress-done.png) 0 5px no-repeat; } .block-progress dt.complete .separator {} .block-progress dt.complete a { font-weight:normal; } .block-progress dd.complete {} .block-progress p { margin:0; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:28px; line-height:28px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc .section { margin:0 0 10px; padding:0; } .opc .step-title { background:#f5f5f5; padding:10px; text-align:right; } .opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; } .opc .step-title h2 { float:left; margin:0; color:#999; font-size:1.3333em; line-height:2.125em; } .opc .step-title a { display:none; float:right; margin-top:6px; } .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background:#f5f5f5; } .opc .allow .step-title:hover { background-color:#e5e5e5; } .opc .allow .step-title h2 { color:#333; } .opc .allow .step-title a { display:block; } .opc .active .step-title { background-color:#e5e5e5; cursor:default; } .opc .active .step-title .number { color:#fff; background-color:#333; } .opc .active .step-title h2 {} .opc .active .step-title a { display:none; } .opc .step { padding:10px 20px; margin-top:10px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .col-1 {} #opc-login .col-2 {} #opc-login h3 { margin-top:10px; } #opc-login h4 { font-family:inherit; font-weight:normal; } #opc-login .form-list { margin:15px 0 15px; } #opc-login .form-list li { margin:0 0 3px;} #opc-login .buttons-set { padding:0; } .opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;} .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 30px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:15px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:12px; font-weight:normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:13px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight:normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ce001a; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding:0 110px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; } .checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; } .multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; } .multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; } .multiple-checkout .data-table thead th { padding:10px; font-weight:normal; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .col2-set .col-1 { width:32%; } .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom:20px; } .account-login p { margin-bottom:20px; } .account-login p.required { margin:0; } .account-login .buttons-set { clear:none; padding:0; margin:0; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button { float:left; margin-left:0; } .account-login .buttons-set a, #opc-login .buttons-set a { float:right !important; margin:4px 0 0; } /* My Account Dashboard %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account {} .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 1.6666em; } .dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .dashboard .welcome-msg .hello strong { font-weight: normal; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; } .box-account .box-head a { float:right; margin-top:10px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; } .box-account.box-info .col-1 { border-right:1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right:10px; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 {} /* Block: Account Information */ .dashboard .box-info .box-head h2 {} .dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 {} .dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 {} .dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-tags .details { margin-left:38px; } .dashboard .box-tags .tags { margin:5px 0 0; } .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 > */ /* Add left padding if icons are displayed in headings */ /*.box-account .box-head h2, .order-items h2, .order-about h2 { padding-left:38px; }*/ /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; } .my-account .pager { margin-bottom:20px; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#ee001c; clear:both; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:5px 9px; } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:12px; } .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 {} .order-details h2 {} .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .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://www.klimahome.hu/skin/frontend/ultimo/iceklima/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 .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { background:#f8f8f8; } .my-wishlist .btn-cart { margin:10px 0 5px; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:5px 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 TODO:deprecated %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #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 { margin:0 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:12px; margin:5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .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; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup .remember-me-popup-head { position:relative; } /*.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/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 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; }*/ /* Additionally remove the button */ .remember-me-popup .remember-me-popup-close-button { display:none; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:lowercase; width:55px; line-height:15px; padding:2px 8px; } .map-cart-sidebar-total:hover { overflow:visible; white-space:normal; background-color:#fff; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); } .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading { width:240px; } .map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { display:none; /*border-color:transparent transparent #fff transparent; border-style:solid; border-width:10px; position:absolute; left:50%; top:-20px;*/ } .map-popup-content { overflow:hidden; text-align:left; width:270px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .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 15px; padding:15px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; /* + Common shadow styles for multiple items */ } .remember-me-popup h3, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-size:1.5em; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .calendar { z-index:200; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container, .footer-container2 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .footer { width:960px; margin:0 auto; padding:0; text-align:left; } .footer .item-left { float:left; margin-right:20px; } .footer .item-right { float:right; margin-left:20px; } /* Footer elements */ .footer .heading, #subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top {} /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary {} /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { padding-top:20px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-primary-bottom-spacing { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; padding-bottom:20px; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-secondary {} /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container {} .footer-bottom { padding-top:10px; /* To counterbalance the bottom margin of footer elements */ } /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form {} #subscribe-form form { display:block; } #subscribe-form label { float:left; margin:0 5px 0 0; line-height:36px; font-weight:normal; position: relative; } #subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; } #subscribe-form .input-box .validation-advice { padding:10px 0; margin:0; width:140%; position:absolute; top:-103%; left:-20%; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.9); z-index:1; } #subscribe-form .input-text { float:left; width:auto; } #subscribe-form .input-text.validation-failed {} #subscribe-form .button { float:left; } /* Social services -------------------------------------------------------------- */ .social-links span.icon { margin-bottom:3px; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px; } /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display:none; position:fixed; width:50px; height:50px; bottom:30px; right:30px; z-index:9999; text-indent:-9999px; border-radius:50%; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png) -200px -100px no-repeat #e5e5e5; } #scroll-to-top:hover { background-position:-200px -150px; background-color:#333; } /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display:none; } /* Magento widgets %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .widget-new-products .products-grid .item, .widget-viewed .products-grid .item, .widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; } .widget-new-products .products-list, .widget-viewed .products-list, .widget-compared .products-list { list-style-type: none; padding: 0; } .widget-new-products .products-list .product-image, .widget-viewed .products-list .product-image, .widget-compared .products-list .product-image { float: left; } /* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .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-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, /* Additional clearing */ .my-account .order-info:after, #mini-cart .mini-products-list li.item:after, .block-related-thumbnails .product:after, .cart .crosssell:after, .section-line:after, .section-title:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /** * 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-2018 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://www.klimahome.hu/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://www.klimahome.hu/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://www.klimahome.hu/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://www.klimahome.hu/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://www.klimahome.hu/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://www.klimahome.hu/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://www.klimahome.hu/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://www.klimahome.hu/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://www.klimahome.hu/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* * Itemslider - based on Owl Carousel * * IMPORTANT: Flexslider was replaced by Owl Carousel. * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Necessary styles (Core Owl Carousel CSS File v1.24) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -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); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Additional styles for Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Preloading images */ .owl-item.loading { min-height: 60px; background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/ajax-loader.gif) no-repeat center center; } /* Pagination */ .owl-pagination { text-align: center; z-index: 1; /* z-index to show above other items */ } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider { margin-bottom: 20px; } /* Items */ .itemslider .item { padding-left:10px; padding-right:10px; } /* Lazy loading */ .itemslider .owl-item.loading { background-position: center 40px; } .itemslider .owl-item.loading .product-image { min-height: 70px; } /** * Generic interface elements */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows1 .owl-controls .owl-buttons { position:absolute; } .slider-arrows1 .owl-controls .owl-buttons div { float:left; display:block; width:30px; height:30px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; cursor:pointer; text-decoration:none; text-indent:-9999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color:#333; } .slider-arrows1 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .slider-arrows1 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; margin-right:1px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows1 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Position */ .slider-arrows1-pos-top-right .owl-controls .owl-buttons { top:-40px; right:0px; } .slider-arrows1-pos-top-left .owl-controls .owl-buttons { top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows2 .owl-controls .owl-buttons div { position:absolute; display:block; width:50px; height:50px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-9999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; /* Fix: opacity transition disabled for Firefox to prevent possible glitches during animation */ opacity:0; filter:alpha(opacity=0); } .slider-arrows2:hover .owl-controls .owl-buttons div { opacity:1; filter:alpha(opacity=100); } .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position:-2px 0; left:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-2px -50px; } .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position:-48px 0; right:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-48px -50px; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows3 .owl-controls .owl-buttons div { position:absolute; display:block; width:30px; height:30px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows3 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .slider-arrows3 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; top:30%; left:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows3 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; top:30%; right:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Position */ /* Generic pagination 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination1 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination1 .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 7px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#eee; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; } .slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; } .slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; } /* Generic pagination 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination2 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination2 .owl-controls .owl-page span { display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width:10px; height:10px; margin:8px; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; /* transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/ } .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span { width:16px; height:16px; margin:5px; } .slider-pagination2 .owl-controls .owl-page.active { cursor:default; } /* Pagination position %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .pagination-pos-bottom-centered { padding-bottom: 50px; /* Additional space for bottom pagination */ } .pagination-pos-bottom-centered .owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; } .pagination-pos-bottom-right .owl-pagination { padding: 10px 0; float: right; } .pagination-pos-bottom-left .owl-pagination { padding: 10px 0; float: left; } /* Over the slider */ .pagination-pos-over-bottom-centered .owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; } .pagination-pos-over-bottom-right .owl-pagination { position:absolute; bottom:3.5%; right:1.5%; } .pagination-pos-over-bottom-left .owl-pagination { position:absolute; bottom:3.5%; left:1.5%; } /* Deprecated classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Simple directional arrows %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-direction-arrows1 a.previous, .gen-direction-arrows1 a.next { display:block; width:30px; height:30px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-direction-arrows1 a.previous { background-position:-10px -10px; } .gen-direction-arrows1 a.previous:hover { background-position:-10px -60px; background-color:#333; } .gen-direction-arrows1 a.next { background-position:-60px -10px; } .gen-direction-arrows1 a.next:hover { background-position:-60px -60px; background-color:#333; } /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: small, outside the slider -------------------------------------------------------------- */ .gen-slider-arrows1 .direction-nav li { float:left; } .gen-slider-arrows1 .direction-nav a { display:block; width:30px; height:30px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-slider-arrows1 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows1 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .gen-slider-arrows1 .direction-nav a.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .gen-slider-arrows1 .direction-nav .prev { background-position:-10px -10px; margin-right:1px; } .gen-slider-arrows1 .direction-nav .prev:hover { background-position:-10px -60px; } .gen-slider-arrows1 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .gen-slider-arrows1 .direction-nav .next { background-position:-60px -10px; } .gen-slider-arrows1 .direction-nav .next:hover { background-position:-60px -60px; } .gen-slider-arrows1 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Positioning: -------------------------------------------------------------- */ .gen-slider-arrows1-pos-top-right .direction-nav { position:absolute; top:-40px; right:0px; } .gen-slider-arrows1-pos-top-left .direction-nav { position:absolute; top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: large, on slider, split -------------------------------------------------------------- */ .gen-slider-arrows2 .direction-nav { height:0; } .gen-slider-arrows2 .direction-nav a { position:absolute; display:block; width:50px; height:50px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 0ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; /* Fix: opacity transition disabled for Firefox to prevent possible glitches during animation */ opacity:0; filter:alpha(opacity=0); } .gen-slider-arrows2:hover .direction-nav a { opacity:1; filter:alpha(opacity=100); } .gen-slider-arrows2:hover .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); } .gen-slider-arrows2 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows2 .direction-nav a.disabled { cursor:default; } .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .gen-slider-arrows2 .direction-nav .prev { background-position:0 0; left:1.5%; top:45%; } .gen-slider-arrows2 .direction-nav .prev:hover { background-position:0 -50px; } .gen-slider-arrows2 .direction-nav .prev.disabled:hover { background-position:0 0; } .gen-slider-arrows2 .direction-nav .next { background-position:-50px 0; right:1.5%; top:45%; } .gen-slider-arrows2 .direction-nav .next:hover { background-position:-50px -50px; } .gen-slider-arrows2 .direction-nav .next.disabled:hover { background-position:-50px 0; /* Same as default */ } /* Style: only background image -------------------------------------------------------------- */ .gen-slider-arrows2-style1 .direction-nav a { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/slideshow-arrows-solid.png); background-color:transparent !important; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: at the left and the right side of the slider -------------------------------------------------------------- */ .gen-slider-arrows3 .direction-nav a { position:absolute; display:block; width:30px; height:30px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-slider-arrows3 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows3 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .gen-slider-arrows3 .direction-nav .prev { background-position:-10px -10px; top:22px; left:-32px; } .gen-slider-arrows3 .direction-nav .prev:hover { background-position:-10px -60px; } .gen-slider-arrows3 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .gen-slider-arrows3 .direction-nav .next { background-position:-60px -10px; top:22px; right:-32px; } .gen-slider-arrows3 .direction-nav .next:hover { background-position:-60px -60px; } .gen-slider-arrows3 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Style: long (high) buttons -------------------------------------------------------------- */ .gen-slider-arrows3-style1 .direction-nav a { height:75px; } .gen-slider-arrows3-style1 .direction-nav .prev { background-position:-10px 13px; top:0; left:-32px; } .gen-slider-arrows3-style1 .direction-nav .prev:hover { background-position:-10px -37px; } .gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover { background-position:-10px 13px; /* Same as default */ } .gen-slider-arrows3-style1 .direction-nav .next { background-position:-60px 13px; top:0; right:-32px; } .gen-slider-arrows3-style1 .direction-nav .next:hover { background-position:-60px -37px; } .gen-slider-arrows3-style1 .direction-nav .next.disabled:hover { background-position:-60px 13px; /* Same as default */ } /* Generic pager 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: -------------------------------------------------------------- */ .gen-slider-pager1 .control-nav { text-align:center; } .gen-slider-pager1 .control-nav li { float:left; margin-left:3px; } .gen-slider-pager1 .control-nav li:first-child { margin-left:0; } .gen-slider-pager1 .control-nav a { display:block; width:20px; height:20px; background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/pager.png); background-repeat:no-repeat; background-color:transparent; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; } .gen-slider-pager1 .control-nav a:hover { background-position:0 -60px; } .gen-slider-pager1 .control-nav a.active { background-position:0 -30px; cursor:default; } .gen-slider-pager1 .control-nav a.active:hover {} /* Style: small -------------------------------------------------------------- */ .gen-slider-pager1-style1 .control-nav li { margin-left:0; } .gen-slider-pager1-style1 .control-nav a { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/pager-small.png); } /* Positioning: -------------------------------------------------------------- */ .gen-slider-pager1-pos-bottom-right .control-nav { position:absolute; bottom:4.4526%; right:1.5%; } .gen-slider-pager1-pos-bottom-left .control-nav { position:absolute; bottom:4.4526%; left:1.5%; } /* Additional pager positioning for slider-arrows1 */ .gen-slider-arrows1-pos-top-right-pager .control-nav { position:absolute; top:-33px; right:71px; } /* Generic pager 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: -------------------------------------------------------------- */ .gen-slider-pager2 .control-nav { text-align:center; } .gen-slider-pager2 .control-nav li { float:left; } .gen-slider-pager2 .control-nav a { display:block; width:10px; height:10px; margin:8px; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-9999px; overflow:hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); border-radius: 50%; } .gen-slider-pager2 .control-nav a:hover { background-color:#000; } .gen-slider-pager2 .control-nav a.active { cursor:default; width:16px; height:16px; margin:5px; } /** * Brands */ /* On product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-slider .item { padding-bottom: 20px; padding-top: 20px; text-align: center; } .brand-slider .owl-item.loading { min-height:60px; } /* Brand in secondary column on product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-secondary-column .box-brand .attribute { font-size:1.25em; font-weight:bold; line-height:1.2em; margin:10px 0; text-align:center; } /** * Ultra Slideshow */ /* Slideshow wrapper %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-wrapper {} .the-slideshow-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Slideshow %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow { margin:0 auto; } .the-slideshow .slides { display: none; } /* Banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-banners { -webkit-backface-visibility: hidden; /* Fix possible glitches during animation */ margin-bottom:0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */ } .the-slideshow-banners .banner { position:relative; /* Container for caption */ } .the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */ .the-slideshow-banners .banner a { display:block; } /* Additional effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow .fade-on-slideshow-hover, .the-slideshow-wrapper .fade-on-slideshow-wrapper-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .the-slideshow:hover .fade-on-slideshow-hover, .the-slideshow-wrapper:hover .fade-on-slideshow-wrapper-hover { opacity:0.75; filter:alpha(opacity=75); } /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col .item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.3333%; } .itemgrid-3col .item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } .itemgrid-4col .item:nth-child(4n+1) { clear:left; } .itemgrid-4col .item.dop { width:48%; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } .itemgrid-5col .item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.6666%; } .itemgrid-6col .item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.2857%; } .itemgrid-7col .item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ .itemgrid-8col .item { width:10.5%; } .itemgrid-8col .item:nth-child(8n+1) { clear:left; } /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { float:left; display:block; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li.active {} .accordion li.current {} .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; width:49px; height:49px; background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener.png) center center no-repeat; } .accordion .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .accordion li.active > .opener { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; /*background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener-small.png);*/ background-color:rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color:rgba(0,0,0, 0.10); background-image: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener-w.png); } /* Active */ /*.accordion-style1 li.active > .opener { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener-small-active.png); }*/ .accordion-style1 li.active > .opener:hover { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener-active-w.png); } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible { position:relative; } .collapsible .block-title { padding-top:8px; padding-right:35px; /* Space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; width:30px; height:30px; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener.png); background-position:center center; background-repeat:no-repeat; /*border-radius:50%;*/ } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener-w.png); } .collapsible.active .opener { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener-active.png); } .collapsible.active .opener:hover { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/opener-active-w.png); } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible { position: static; } /* * Navigation menu */ /* Sidebar menu (vertical, for sidebars) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .vertnav-side { float:left; width:100%; } /* Mobile menu (vertical, in the header) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st level links from the default menu -------------------------------------------------------------- */ #mobnav { display:none; } #mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ #mobnav-trigger .trigger-icon { display:block; float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } #mobnav-trigger .trigger-icon .line { display:block; background-color:#fff; height:3px; margin-bottom:2px; } /* Mobile menu elements -------------------------------------------------------------- */ /*.nav-container */.vertnav-top { /* Added wrapper-class to make selector more specific and prevent overriding */ display:none; margin-top:0 !important; } .vertnav-top.mobile { display:block; /* Visible even when collapsed (to show bottom border) */ overflow:hidden; height:auto; max-height:0px; transition: max-height 500ms ease-in-out 0s; -moz-transition: max-height 500ms ease-in-out 0s; -webkit-transition: max-height 500ms ease-in-out 0s; -o-transition: max-height 500ms ease-in-out 0s; } .vertnav-top.mobile.show { max-height:9999px; transition: max-height 500ms ease-in-out 0s; -moz-transition: max-height 500ms ease-in-out 0s; -webkit-transition: max-height 500ms ease-in-out 0s; -o-transition: max-height 500ms ease-in-out 0s; } .vertnav-top li a { font-size:16px; /*1.3333em*/ line-height:18px; /*1.125em*/ } /* 3rd-level items - smaller font, no transform */ .vertnav-top li li li a { font-size:1.1666em; /*16px*/ text-transform:none; } /* Drop-down menu (horizontal) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position:relative; /* Drop-down box position is relative to this element */ z-index:2000; -webkit-transform: translateZ(0); /* Fix possible glitches during animation */ } #nav.mobile { display:none; } /* Hide on mobile */ #nav .opener { display:none; } /* All levels -------------------------------------------------------------- */ #nav li { text-align:left; } #nav li a { display:block; text-decoration:none; } #nav li a span { display:block; white-space:nowrap; } #nav li ul a span { white-space:normal; } /* 1st level only -------------------------------------------------------------- */ #nav > li { float:left; } #nav > li.last { padding-right:0; } #nav > li > a { display:block; padding:0 12px; -webkit-tap-highlight-color: transparent; } #nav > li > a > span { display: inline-block; } /* Drop-down boxes: wide: 2nd-level category drop-down box + custom block drop-down box classic: custom block drop-down box -------------------------------------------------------------- */ #nav .level0-wrapper { position:absolute; left:-10000px; background-color:#fff; width:100%; /* Uncomment to fix possible glitches during animation in webkit browsers */ /*-webkit-transform: translateZ(0);*/ } /* Inner wrapper for additional padding */ #nav .level0-wrapper2 { padding:2%; } #nav .level0-wrapper2:before, #nav .level0-wrapper2:after { display: table; line-height: 0; content: ""; } #nav .level0-wrapper2:after { clear: both; } /*#nav .level0-wrapper { position:absolute; top:49px; background-color:#fff; width:96%; padding:2%; left:0; visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -moz-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -webkit-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -o-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; } #nav > li:hover .level0-wrapper { visibility:visible; opacity:1; transition-delay:150ms; -moz-transition-delay:150ms; -webkit-transition-delay:150ms; -o-transition-delay:150ms; }*/ /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* item with "feature" class */ #nav a.level-top.feature { margin:0; /* Remove default margins */ } /* Icon inside item */ #nav li a.level-top .icon { padding: 3px; margin: 0; float: none; display: inline-block; vertical-align: middle; background-color:transparent !important; /* Remove default colors */ } #nav li:hover a.level-top .icon { padding: 3px; } /* Single icon as home link -------------------------------------------------------------- */ #nav #homelink-icon { margin-left: 12px; /* The same as side padding of top-level items */ } #nav #homelink-icon a.level-top { padding-left: 5px; padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important; } /* Additional elements in the drop-down menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Static blocks displayed as a drop-down in the main menu -------------------------------------------------------------- */ /* Custom menu item */ #nav .nav-custom-link > a { cursor:default; } /* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */ #nav .nav-custom-link { position:static; } /* Static block's content - basic formatting */ #nav .nav-custom-link .header-nav-dropdown-wrapper { padding:2%; } #nav .nav-custom-link .header-nav-dropdown-wrapper p { margin:10px 0; } #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin:10px 0; } /* Caret -------------------------------------------------------------- */ #nav a.level-top .caret { display:inline-block; width:0; height:0; margin-bottom:2px; margin-left: 2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } /* Number of products in category -------------------------------------------------------------- */ /* Sidebar menu */ .vertnav .number { margin-left: 3px; color: #aaa; } /* Main menu */ #nav .number { display: inline; margin-left: 3px; } #nav ul li .number { color: #aaa; } /* Other -------------------------------------------------------------- */ .nav .itemslider { margin-top:0; margin-bottom:0; } .nav .itemslider .item { padding-bottom:0; } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-transform:none; text-shadow:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-14px; right:0; padding:0 6px; font-size:14px; line-height:22px; } /* Add pin (only 1st level) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; vertical-align:middle; } /* 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Category labels inside mobile menu / vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ ul.vertnav li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:2px; } /* Hide pin */ ul.vertnav li > a > span > .pin-bottom:before { display:none; } /* Label size: all levels -------------------------------------------------------------- */ ul.vertnav li > a > span > .cat-label { font-size:inherit; line-height:inherit; } ul.vertnav-top li > a > span > .cat-label { font-size:14px; line-height:18px; } /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top:0; margin-bottom:1%; } .nav-block-top {} .nav-block-bottom {} .nav-block-center { margin-top:10px; } .nav-block-right { margin-top:10px; } .nav-block-level1-top { margin-bottom:10px; } .nav-block-level1-bottom { margin-top:10px; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color:#eee; } /* Common styles for main menu (horizontal + mobile vertical + mobile menu trigger) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* horizontal + mobile menu trigger */ #mobnav-trigger, #nav > li > a { font-size:16px; /*1.3333em*/ } /* Size, height etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger -------------------------------------------------------------- */ #mobnav-trigger { line-height:49px; } /* Main menu - horizontal -------------------------------------------------------------- */ /* Top-level item */ #nav > li > a { line-height:49px; } /* Drop-down box position relative to menu bar */ #nav .level0-wrapper, #nav.classic ul.level0 /* For classic style menu */ { top:100%; } /** * Wide drop-down menu */ /* 1st level only -------------------------------------------------------------- */ #nav > li:hover > a { position: relative; z-index: 1; /* Pull up above drop-down box */ } /* 2nd level only -------------------------------------------------------------- */ /* 2nd-level links block: with subcategory title and a list of child categories */ #nav ul.level0 > li { display:inline-block; float:none; vertical-align:top; padding-top:0; padding-bottom:15px; } #nav ul.level0 > li > a { margin-bottom:10px; font-size:16px; line-height:18px; } /* 2nd level+ -------------------------------------------------------------- */ #nav ul li { /*float:none;*/ margin-bottom:1px; } #nav ul li a { float:none; } /* 3rd level only -------------------------------------------------------------- */ #nav ul.level1 { position:static; } #nav ul.level1 > li { float:none; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } #nav ul.level1 > li:hover { background-position:6px 6px; } /* 4th level -------------------------------------------------------------- */ #nav ul.level2 { margin:7px 0; padding:0; position:static; } #nav ul.level2 a { font-size:0.9166em; line-height:1.2727em; /*11px 14px*/ opacity:0.6; } #nav li.level2:hover ul.level2 a { opacity:1; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; } /* 4rd level+ -------------------------------------------------------------- */ #nav ul ul ul li { background:none; padding-left:0; } .room-title { font-size: 26px; font-weight: bold; } .acr-button { background-color: blue; color: white; padding: 10px 20px; /* A gomb mérete */ border: none; border-radius: 5px; /* Kerekített sarkok */ cursor: pointer; font-size: 20px; text-align: left; display: flex; /* Flexbox elrendezés */ align-items: center; /* Középre igazítás vízszintesen és függőlegesen */ font-weight: bold; } #add_next_room::before { content: "+"; /* A plusz jel hozzáadása */ font-size: 24px; /* Beállított méret */ margin-right: 10px; /* Távolság a szövegtől */ } /*.airconditionerrecommendation-filter-item { cursor: pointer; font-weight: bold; color: blue; } .airconditionerrecommendation-filter-item::before { content: '➤'; display: inline-block; margin-right: 5px; }*/ .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; } .form-group input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; } .acr-block { padding: 10px; } .acr-step-container { display: flex; flex-wrap: wrap; gap: 10px; } .acr-step { flex: 1; border: 1px solid #ccc; padding: 10px; text-align: center; min-width: 100px; box-sizing: border-box; } #acr-current-step { border-color: blue; background-color: #eef; font-weight: bold; } #wait-for-process { position:fixed; display:none; z-index:999999; margin: auto; border: 50px solid #cfcfcf; border-radius: 50%; border-top: 50px solid #00acee; width: 200px; height: 200px; animation: spinner 1s linear infinite; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #airconditionerrecommendation-messages { left: 50%; transform: translate(-50%, -50%); } /* result page */ .result-page-products { width: 100%; /* Teljes szélesség a táblázatnak */ border-collapse: separate; /* Elválasztja a cellákat */ border-spacing: 0 10px; /* Vízszintes és függőleges térköz */ } .result-page-products th, .result-page-products td { border: 1px solid #ddd; /* Cellák kerete */ padding: 10px; /* Belső térköz */ text-align: left; /* Szöveg igazítása */ background-color: #ffffff; /* Cellák háttérszíne */ } .result-page-products tbody tr:nth-child(odd) { background-color: #f9f9f9; /* Alternáló sorok háttérszíne */ } .observed-element { opacity: 0; transform: translateY(30px); transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; } .fade-in { opacity: 1; transform: translateY(0); } .error-message { color: red; font-size: 0.9em; } /*.loading-message {*/ /* color: blue;*/ /* font-size: 1.2em;*/ /* font-weight: bold;*/ /* text-align: center;*/ /* margin-top: 10px;*/ /*}*/ #loadingSpinner { position: fixed; display: none; z-index: 999999; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 50px solid #cfcfcf; border-radius: 50%; border-top: 50px solid #00acee; width: 100px; height: 100px; animation: spinner 1s linear infinite; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .modal { display: none; /* Rejtett alapértelmezett megjelenés */ position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Háttér átlátszó fekete */ } .modal-content { background-color: #fff; margin: 10% auto; padding: 20px; border-radius: 8px; width: 80%; max-width: 500px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .suggestion-list { position: absolute; z-index: 1000; background-color: white; /*border: 1px solid #ccc;*/ width: 100%; max-height: 150px; overflow-y: auto; } .suggestion-item { padding: 10px; cursor: pointer; } .suggestion-item:hover { background-color: #f0f0f0; } .no-suggestion { padding: 10px; color: gray; font-style: italic; } .upload-container { text-align: center; } .upload-btn { display: inline-block; padding: 15px 30px; background-color: #28a745; color: white; font-size: 18px; border: none; border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease; } .upload-btn:hover { background-color: #218838; } .upload-btn input { display: none; } .upload-label { display: flex; flex-direction: column; align-items: center; cursor: pointer; } .upload-icon { font-size: 50px; color: #28a745; margin-bottom: 10px; } #product-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 9999; display: flex; align-items: center; justify-content: center; } .popup-content { background: #fff; padding: 20px; border-radius: 5px; max-width: 1200px; width: 75%; position: relative; } .popup-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .close-popup { cursor: pointer; font-size: 24px; } .popup-body { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; align-items: start; } .popup-column { padding: 10px; } .image-column img { width: 100%; height: auto; border-radius: 8px; } .info-column { max-height: 500px; overflow-y: auto; } .action-column { display: flex; flex-direction: column; gap: 15px; } #product-popup .product-image { width: 100%; } #product-popup .shortdescription { display: block; } @media (max-width: 768px) { .popup-body { grid-template-columns: 1fr; } .popup-content { width: 95%; max-height: 90vh; overflow-y: auto; } #product-popup .product-image { width: 50%; } #product-popup .product-name { font-size: 18px; line-height: 24px; } #product-popup .shortdescription { display: none; } } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: 2px solid #a5cfe5; background: #156899; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; /*text-align: justify;*/ } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } #mntsinfotech-cookie-bar { display: none; direction: ltr; color: #fff; font-size: 14px; min-height: 30px; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99999; padding:6px 20px 4px; background-color: #000; opacity: 0.8; text-align:left; } #mntsinfotech-cookie-bar a, a:hover { color: #fff; text-decoration: underline; } button#mntsinfotechCookie { margin:0 20px; } #mntsinfotech-cookie-bar .mnts_btn{ -webkit-appearance: none; -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px; -webkit-rtl-ordering: logical; -webkit-user-select: none; -webkit-writing-mode: horizontal-tb; align-items: flex-start; background-color: rgb(38, 56, 73); background-image: -webkit-linear-gradient(top, rgb(60, 76, 91), rgb(38, 56, 73)); background-repeat: repeat-x; border-bottom-color: rgba(0, 0, 0, 0.34902); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgba(0, 0, 0, 0.247059); border-left-style: solid; border-left-width: 1px; border-right-color: rgba(0, 0, 0, 0.34902); border-right-style: solid; border-right-width: 1px; border-top-color: rgba(0, 0, 0, 0.247059); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; height: 28px; letter-spacing: normal; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; padding-top: 4px; text-align: center; text-indent: 0px; text-shadow: rgba(0, 0, 0, 0.498039) 0px -1px 0px; text-transform: none; vertical-align: middle; white-space: pre; width: 66px; word-spacing: 0px; writing-mode: lr-tb; } /** * Infortis themes styles */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Magento default helper classes -------------------------------------------------------------- */ /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .float-left { float:left; } /*deprecated*/ .float-right { float:right; } /*deprecated*/ /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display:inline-block; width:0; height:0; margin-bottom:2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } .dropdown .caret { opacity:0.3; filter:alpha(opacity=30); } .dropdown:hover .caret { opacity:1; filter:alpha(opacity=100); } /* Product labels (stickers) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { /*position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out;*/ } .product-view .sticker-wrapper { z-index:99; /* On product page z-index greater than Cloud Zoom image */ } .product-view .product-img-column { position:relative; } /* Stickers are positioned relative to this container */ /*.sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; }*/ /* Appearence -------------------------------------------------------------- */ /*.sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; line-height:1em; font-weight:bold; text-align:center; display:table-cell; vertical-align:middle; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; }*/ /* Colors */ /*.sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; }*/ /* Effects */ /*.item:hover .sticker { width:65px; height:65px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { } .item:hover .sticker-wrapper.top-right { } .item:hover .sticker-wrapper.top-left { }*/ /*Sizes*/ /*.sticker.size-s { width:45px; height:45px; font-size:1em; } .item:hover .sticker.size-s { width:50px; height:50px; } .sticker.size-xs { width:40px; height:40px; font-size:0.9166em; } .item:hover .sticker.size-xs { width:45px; height:45px; }*/ /* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Video (embed) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "videoWrapper" - depracated class, left for backward compatibility */ .video-wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } /* depracated styles, left for backward compatibility: */ .page-banners .banner { margin-bottom:2%; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; } .horizontal-section { margin-top:10px; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { display:block; position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Caption elements -------------------------------------------------------------- */ .caption > * { float:left; display:inline-block; margin-bottom:1px; } .caption .heading { padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { clear:left; padding:0.25em 0.5em; margin-bottom:1px; font-size: 1.3333em; line-height:1em; } .caption button { clear:left; } /* Caption layout -------------------------------------------------------------- */ .caption.centered { text-align: center; } .caption.centered > * { display:inline-block; float: none; } /* Floating (text alignment) */ .caption.right > * { text-align:right; float:right !important; } /* Caption additional styles -------------------------------------------------------------- */ /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow { width:38%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inline-block !important; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Disable transitions, fade effect applied with JS */ .fade-on-hover { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; margin:0; display:block; } .section-title.padding-right { padding-right:80px !important; } /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float:right !important; } .custom-sidebar-right .inner { padding-left:10px; border-left:1px solid #e5e5e5; } .custom-sidebar-left { float:left !important; } .custom-sidebar-left .inner { padding-right:10px; border-right:1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li, .links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/ .links > li > a { padding:0 0.5833em; } /* padding:0 7px; */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .links-wrapper-separators .links > li { margin-left:-1px; } .links-wrapper-separators .links > li > a { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .links-wrapper-separators-left .links > li { margin-left:-1px; } .links-wrapper-separators-left .links > li > a { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /** * Drop-down */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown toggle %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-toggle { display:block; cursor:default; } /* Inside Dropdown-toggle -------------------------------------------------------------- */ .dropdown-toggle * { display:inline-block; } .dropdown-toggle .label { padding-right:2px; } .dropdown-toggle .value {} .dropdown-toggle .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } .dropdown-toggle .img-caret { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/dropdown/arrow-dropdown.png) 100% 50% no-repeat; width:10px; text-indent:-9999px; } /* Predefined icons -------------------------------------------------------------- */ .dropdown-toggle .icon.first { margin-left:-5px; } .dropdown-toggle .icon.close-to-text { margin-right:-8px; } /* Cover 'dropdown-toggle' (and 'dropdown-menu' shadow) with additional inner div %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-toggle.cover > div { padding:0 10px; cursor:default; } .open > .dropdown-toggle.cover > div { background-color:#fff; } /*.dropdown:hover .dropdown-toggle.cover > div,*/ .open > .dropdown-toggle.cover > div { z-index:4001; position:relative; } /* Dropdown menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-menu { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown-menu.left-hand { left:auto; right:0; } /* When dropdown menu is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown-menu > li * { display:inline-block; } .dropdown-menu > li > a { display:block; } .dropdown-menu > li { white-space:nowrap; } .dropdown-menu > li .label { margin-right:8px; } .dropdown-menu .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Clickable %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clickable-dropdown {} /** * Icons and "feature" box */ /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.icon, /*backward compatibility*/ span.icon { background-color:#999; background-position:0 0; background-repeat:no-repeat; border-radius:50%; vertical-align:middle; display:inline-block; width:30px; height:30px; padding:3px; } div.icon.large, /*backward compatibility*/ span.icon.large { width:50px; height:50px; padding:5px; } /* Hover */ .icon-hover:hover /* Info: was more specific: span.icon-hover:hover */ { background-color:#333; } /* Icons: single characters (letters, numbers etc.) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "i-number" - class name for backward compatibility */ .icon.i-number, .icon.i-char { font-size: 16px; line-height: 30px; font-weight: bold; text-align: center; color: #fff; font-family: Arial, Helvetica, sans-serif; } .icon.large.i-number, .icon.large.i-char { font-size: 20px; line-height: 50px; font-weight: normal; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .feature { margin:10px 0; } .feature:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .feature.first { margin-top:0; } .feature.last { margin-bottom:0; } /* With top/bottom border line */ .feature.top-border { border-top:1px solid #f5f5f5; padding-top:10px; } .feature.bottom-border { border-bottom:1px solid #f5f5f5; padding-bottom:10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .feature-wrapper.top-border { border-top:1px solid #f5f5f5; margin-top:20px; padding-top:20px; } .feature-wrapper.bottom-border { border-bottom:1px solid #f5f5f5; margin-bottom:20px; padding-bottom:20px; } /* Feature headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ margin-bottom:0.625em; /*10px*/ font-weight:normal; } .feature .above-heading { margin:0 0 5px; font-size:11px; line-height:1.4545em; /*16px*/ text-transform:uppercase; color:#888; } .feature .below-heading { font-size:1em; font-style:italic; line-height:1.3333em; /*16px*/ color:#888; } /* Feature icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .icon { float:left; } /* Feature icons vertically centered */ .feature.v-centered-content .v-center .icon { margin:0 5px 0 0; } /* Feature icons styles: */ /* Default icon -------------------------------------------------------------- */ .feature .icon { margin:0 15px 10px 0; max-width:30px; max-height:30px; } .feature span.icon { padding:3px; } /* Small icon -------------------------------------------------------------- */ .feature.small .icon { margin:0 10px 10px 0; max-width:18px; max-height:18px; } .feature.small span.icon { padding:0; } /* Small icon: icons with predefined background image */ .feature.small span.icon.list1 { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/list1.png); width:18px; height:18px; } .feature.small span.icon.list2 { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/cck/list/list2.png); width:18px; height:18px; } /* Large icon -------------------------------------------------------------- */ .feature.large .icon { margin:0 15px 10px 0; max-width:50px; max-height:50px; } .feature.large span.icon { padding:5px; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.indent .icon { margin-bottom:0; } /* Default -------------------------------------------------------------- */ .feature.indent { padding-left:51px; } .feature.indent .icon { margin-left:-51px; } /* Small -------------------------------------------------------------- */ .feature.small.indent { padding-left:28px; } .feature.small.indent .icon { margin-left:-28px; } /* Large -------------------------------------------------------------- */ .feature.large.indent { padding-left:75px; } .feature.large.indent .icon { margin-left:-75px; } /* Feature centered %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.centered { text-align: center; } .feature.centered .icon { float: none; margin: 0 0 10px; } /* Feature: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */ .feature .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icon without background color */ .icon.no-bg-color { background-color: transparent; } .icon.force-no-bg-color { background-color: transparent !important; } /* Shapes */ .icon.circle { border-radius: 50%; } .icon.rounded { border-radius: 5px; } .icon.square { border-radius: 0; } /* All icons square (deprecated) */ .icon-wrapper-square span.icon { border-radius: 0; } /* Auto-size: allow for big icons */ .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ span.icon-hover, .feature-icon-hover span.icon { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /** * Generic tabs */ /* Basic styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 10px; text-decoration:none; outline:none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:0 0.5em; margin-bottom:1px; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:15px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color:#333; background-color:#eee; line-height:3em; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#e5e5e5; } .gen-tabs .tabs a.current { background-color:#ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size:1.5em; line-height:2.7777em; background-color:#f5f5f5; color:#333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; } .gen-tabs.accor .tabs-panels .panel { border-bottom:1px solid #e5e5e5; } /* Tabs - skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style1 .tabs a { font-size:1.3333em; color:#333; background-color:#eee; border:1px solid transparent; border-bottom:none; } .gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus { background-color:#e5e5e5; border-color:#e5e5e5; } .gen-tabs-style1 .tabs a.current { background-color:#fff; border-color:#e5e5e5; border-bottom:1px solid transparent; margin-bottom:-1px; /* Make a little bit higher than other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs-style1 .tabs-panels { border-top:1px solid #e5e5e5; } .gen-tabs-style1.accor .tabs-panels { border-top:none; } /* Tabs - skin 2: with shadow (obsolete, will be removed in next updates) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style2 .tabs a { font-size:1.3333em; } .gen-tabs-style2 .tabs a.current { box-shadow:0 0 10px rgba(0,0,0, 0.15); position:relative; z-index:1; /* Make a little bit higher thatn other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs-style2 .tabs-panels { background-color:#fff; position:relative; z-index:2; } /** * Theme icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -7px; } .icon.i-wishlist-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -57px; } /* bw */ .icon.i-wishlist-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -7px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -57px; } /* wb */ .icon.i-wishlist-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -57px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -7px; } /* Compare */ .icon.i-compare { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-57px -7px; } .icon.i-compare-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-57px -57px; } /* bw */ .icon.i-compare-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-57px -7px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw, .open > .dropdown-toggle.cover .icon.i-compare-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-57px -57px; } /* wb */ .icon.i-compare-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-57px -57px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb, .open > .dropdown-toggle.cover .icon.i-compare-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-57px -7px; } /* Share/recommend */ .icon.i-recommend { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-457px -57px; } /* bw */ .icon.i-cart-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-457px -7px; } .icon-hover:hover.i-cart-bw, .feature-icon-hover:hover .icon.i-cart-bw, .open > .dropdown-toggle.cover .icon.i-cart-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-457px -57px; } /* wb */ .icon.i-cart-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-457px -57px; } .icon-hover:hover.i-cart-wb, .feature-icon-hover:hover .icon.i-cart-wb, .open > .dropdown-toggle.cover .icon.i-cart-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-457px -7px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite.png); background-position:-257px -107px; } /** * Social icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* TODO: */ /* Phone */ .icon.i-telephone { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-telephone-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-57px -57px; } /* Skype */ .icon.i-skype { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-skype-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-107px -57px; } /* Letter */ .icon.i-letter { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-157px -7px; } .icon.i-letter-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-157px -57px; } /* Location */ .icon.i-location { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-207px -7px; } .icon.i-location-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-207px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-307px -157px; } /* Linked in */ .icon.i-linkedin { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-357px -157px; } /* Blogger */ .icon.i-blogger { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-407px -107px; } .icon.i-blogger-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-407px -157px; } /* Envato */ .icon.i-envato { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-457px -107px; } .icon.i-envato-w { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social.png); background-position:-457px -157px; } /** * Common styles */ /* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sizes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top, .header .dropdown { line-height:3em; } /* line-height:36px; */ .header .dropdown { max-height:3em; } /* Set static height to improve layout of inline elements */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /**/ .sidebar .block:first-child { margin-top:6px; } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */ /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading -------------------------------------------------------------- */ .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } /* Block titles and section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Section title */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { /* padding:13px 0 7px; */ /*TODO*/ padding-top:7px; padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ } /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-size:1.5em; /*18px*/ line-height:1.3333em; /*24px*/ font-weight:normal; text-transform:uppercase; border-bottom:1px solid #e5e5e5; padding-bottom:10px; } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 {} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 {} /* Other headings -------------------------------------------------------------- */ /* Page title */ .category-title, /* Account */ .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color:#e5e5e5; } /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - normal -------------------------------------------------------------- */ /* CMS */ .section-line, /* Misc */ .toolbar { border-color:#e5e5e5; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data, .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color:#f5f5f5; } /* Elements with vertical border - normal -------------------------------------------------------------- */ /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner { border-color:#e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color:#f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, /* Availability */ .availability-only-details thead { border-color:#e5e5e5; /*Currently the same color as other borders*/ } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color:#f5f5f5; } /* Text color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with lighter text -------------------------------------------------------------- */ /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Layered nav */ .block-layered-nav dd li, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note, /* Prices */ .price-notice .price, /* MSRP price and old price */ .old-price, .product-view .price-box .old-price .price, #map-popup-msrp, .map-popup-msrp .price { color:#aaa; } /* Forms %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product options form colors -------------------------------------------------------------- */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; } /* Selected interface icons: text color - icons on hover: toolbar icons, pager, prev/next slide etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hover item color */ /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links.addto-icons a:hover, /* Slider arrows */ .gen-slider-arrows1 .direction-nav a:hover, .gen-slider-arrows2 .direction-nav a:hover, .gen-slider-arrows3 .direction-nav a:hover, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Scroll to top button */ #scroll-to-top:hover { color:#fff; /*Color of text*/ } /* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Price on product page and MSRP %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IE version included */ #nav .level0-wrapper, #nav.classic .parent > ul, /* Mini cart */ #mini-cart .block-content, .truncated .truncated_full_value .item-options, /* Compare drop-down */ .header .block-compare .block-content, /* Search autocomplete */ .header .form-search .search-autocomplete ul, /* Dropdown */ .open > .dropdown-toggle.cover, .dropdown-menu, /* Pop-ups and tooltips */ .remember-me-popup, .map-popup, .tool-tip, #subscribe-form .input-box .validation-advice { -moz-box-shadow:0 2px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 2px 10px rgba(0,0,0, 0.15); box-shadow:0 2px 10px rgba(0,0,0, 0.15); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, #mobnav-trigger .trigger-icon .line, .accordion .opener /*Main menu accordion*/ { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover, #mobnav-trigger:hover .trigger-icon .line, .accordion .opener:hover { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Opacity -------------------------------------------------------------- */ /* .form-search .button span { transition: opacity 450ms ease-in-out; -moz-transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; -o-transition: opacity 450ms ease-in-out; } .form-search .button:hover span { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } */ .form-search .button span { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Back link */ .buttons-set .back-link small, /* Add-to links */ .add-to-links.addto-icons a, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .accordion-style1 .opener:hover, /*Override: .accordion .opener:hover */ .collapsible .opener, /* Scroll to top */ #scroll-to-top { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Accordions, tabs & other components -------------------------------------------------------------- */ /* TODO: del .gen-tabs .tabs a, .gen-tabs .acctab, .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } */ /* Carets -------------------------------------------------------------- */ #nav a.level-top .caret { transition: border-top-color 450ms ease-in-out; -moz-transition: border-top-color 450ms ease-in-out; -webkit-transition: border-top-color 450ms ease-in-out; -o-transition: border-top-color 450ms ease-in-out; } #nav > li:hover a.level-top .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Elements with animated color, background color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */ .drop-shadow, .shadow .show-bg, /* Conditional shadow for main menu bar */ .shadow .nav-bar-drop-shadow #mobnav-trigger, .shadow .nav-bar-drop-shadow .vertnav-top, .shadow .nav-bar-drop-shadow #nav { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } .checkout-note-box, .checkout-note-box-payment{ background-color: #ffff90; border: 1px solid #E1941A; font-size: 1.3333em; font-weight: 700; padding: 1em; margin-top: 1em; margin-bottom: 1em; text-align: center; } /*Discount Product Page */ .product-essential-left { display: flex; flex-direction: column; } .installation-bundle { display: flex; align-items: center; justify-content: center; padding-bottom: 40px; height: 100%; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2023-05-22 12:13:01 */ body { color: #000000; font-size: 12px; background-color: #f5f5f5; } a { color: #656d72; } a:hover, .vertnav-side li.current > a { color: #000000; } .caret { border-top-color: #000000; } button.button span { background-color: #40c3d7; color: #ffffff; } button.button:hover span { background-color: #83cccc; color: #000000; } .product-view .btn-cart span, button.btn-checkout span { background-color: #40c3d7; color: #ffffff; } .product-view .btn-cart:hover span, button.btn-checkout:hover span { background-color: #83cccc; color: #000000; } /* Default icon */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Back link */ .buttons-set .back-link small, /* Add-to links */ /* Simple icons (product grid) */ .add-to-links.addto-icons a, /*Deprecated*/ /* Other with standard icons */ .add-to-links span.icon, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* deprecated */ .gen-slider-arrows1 .direction-nav a, /* Sliders */ .gen-slider-arrows1 .direction-nav a.disabled:hover, .gen-slider-arrows2 .direction-nav a, /* Slideshow */ .gen-slider-arrows2 .direction-nav a.disabled:hover, .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */ .gen-slider-arrows3 .direction-nav a.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .collapsible .opener, /* Scroll to top */ #scroll-to-top { background-color: #83cccc; } /* Hover icon */ /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Back link */ .buttons-set .back-link:hover small, /* Add-to links */ /* Simple icons (product grid) */ .add-to-links.addto-icons a:hover, /*Deprecated*/ /* Other with standard icons */ .add-to-links span.icon-hover:hover, .add-to-links .feature-icon-hover:hover span.icon, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* deprecated */ .gen-slider-arrows1 .direction-nav a:hover, .gen-slider-arrows2 .direction-nav a:hover, .gen-slider-arrows3 .direction-nav a:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .accordion-style1 .opener:hover, .collapsible .opener:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: #40c3d7; } /* Active icon */ /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages li.current { background-color: #e5e5e5; } span.icon { background-color: #de2666; } span.icon-hover:hover, .feature-icon-hover:hover span.icon { background-color: #5bd2ec; } .links > li > a:hover { background-color: #bbbbbb; color: #ffffff !important; } .sticker.new { background-color: #3ec2df; color: #ffffff; } .sticker.sale { background-color: #f12b63; color: #ffffff; } /*.price-box .price*/ .price-box .regular-price .price, .price-box .minimal-price .price { color: #000000; } .additional-bg-color, .block-layered-nav .currently, .cart .totals { background-color: #f5f5f5; } /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ /* Generic */ .feature .heading, .accordion .heading, /* Main menu */ #mobnav-trigger, #nav > li > a, #nav.wide ul.level0 > li > a, .vertnav-top li a, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: "Ubuntu", georgia, serif; } .wrapper { border: none !important; background-color: #ffffff; } .header-container { background-color: #40c3d7; } .header { color: #ffffff; } .header a { color: #ffffff; } .header a:hover { } .header-container3 { } .header .caret { border-top-color: #ffffff; } .form-search .input-text { background-color: #ffffff; border-color: #dddddd; color: #bbbbbb; } .form-search .input-text:hover, .form-search .input-text:focus { background-color: #ffffff; border-color: #333333; color: #333333; } .header .dropdown-menu, .header .open > .dropdown-toggle.cover > div, .header .truncated .truncated_full_value .item-options, .header .form-search .search-autocomplete { background-color: #ffffff; color: #333333; } .header .dropdown-menu a, .header .open > .dropdown-toggle.cover > div a, .header .form-search .search-autocomplete li { color: #333333; } .header .dropdown-menu a:hover, .header .open > .dropdown-toggle.cover > div a:hover, .header .form-search .search-autocomplete li:hover { color: #aaaaaa; } .header .open > .dropdown-toggle.cover > div .caret { border-top-color: #333333; } .header-top-container { } .header-top { } .header-top a { } .header-top a:hover { } .header-primary-container { } .header-primary { padding-top: 10px; padding-bottom: 10px; } #nav .level0-wrapper, #nav.classic ul { background-color: #ffffff; color: #333333; } #nav ul li a { color: #333333; } #nav ul li a:hover { color: #00a9c7; } .cat-label-label1 { background-color: #5bd2ec; color: #ffffff; } .cat-label-label2 { background-color: #d52462; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #5bd2ec; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #d52462; } li > a:hover > span > .cat-label, #nav li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #ff7214; color: #ffffff; } li.level0 > a:hover > span > .pin-bottom:before, #nav li.level0:hover > a > span > .pin-bottom:before { border-top-color: #ff7214; } #mobnav { color: #333333; } #mobnav-trigger { background-color: #f8f8f8; color: #333333; } #mobnav-trigger:hover { background-color: #83cccc; color: #ffffff; } #mobnav-trigger.active { background-color: #83cccc; color: #ffffff; } #mobnav-trigger .trigger-icon .line { background-color: #333333; } #mobnav-trigger:hover .trigger-icon .line { background-color: #ffffff; } #mobnav-trigger.active .trigger-icon .line { background-color: #ffffff; } .nav-container { padding-top: 20px; padding-bottom: 20px; } #nav, .vertnav-top li a { background-color: #f8f8f8; color: #333333; } #nav > li > a { color: #333333; } #nav > li:hover > a, .vertnav-top li > a:hover { background-color: #83cccc; color: #ffffff; } .cms-index-index #nav #nav-home > a, #nav > li.active > a, .vertnav-top li.current > a { background-color: #40c3d7; color: #ffffff; } #nav > li > a, #mobnav-trigger { font-size:14px; text-transform:uppercase; } #nav.wide ul.level0 > li > a { font-size:14px; text-transform:uppercase; } .vertnav-top > li > a { font-size:14px; text-transform:uppercase; } .vertnav-top ul.level0 > li > a { font-size:14px; text-transform:uppercase; } .vertnav-top > li.first > a { margin-top:1px; } .vertnav-top li a { margin-bottom:1px; } .vertnav-top { background-color: #eeeeee; } .vertnav-top li .opener { background: url(https://www.klimahome.hu/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener.png) center center no-repeat; } .vertnav-top li:hover > .opener { background-image: url(https://www.klimahome.hu/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-w.png); } .vertnav-top li:hover > .opener:hover { background-image: url(https://www.klimahome.hu/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener.png); } .vertnav-top li.active > .opener { background-image: url(https://www.klimahome.hu/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active.png); } .vertnav-top li.active:hover > a:hover + .opener { background-image: url(https://www.klimahome.hu/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active-w.png); } .vertnav-top li.active:hover > a + .opener:hover { background-image: url(https://www.klimahome.hu/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active.png); } .vertnav-top li.current > .opener, .vertnav-top li.current > .opener:hover { background-image: url(https://www.klimahome.hu/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-w.png); } .vertnav-top li.active.current > a + .opener, .vertnav-top li.active.current:hover > a + .opener { background-image: url(https://www.klimahome.hu/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active-w.png); } .vertnav-top li.active.current > a + .opener:hover { background-image: url(https://www.klimahome.hu/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active-w.png); } #nav > li.parent > a .caret { border-top-color: #333333; } #nav > li.parent:hover > a .caret { border-top-color: #ffffff; } #nav > li.parent.active > a .caret { border-top-color: #ffffff; } .main-container { } .main { background-color: #ffffff; } .truncated .item-options { background-color: #ffffff; } .category-products-grid .item, .products-list .item { } .category-products-grid .item:hover, .products-list .item:hover { } span.icon.icon-color-productview { background-color: #83cccc; } .feature-icon-hover:hover span.icon.icon-color-productview { background-color: #40c3d7; } .gen-tabs .tabs { background-color: transparent; } .gen-tabs .tabs a { background-color: #40c3d7; color: #333333; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color: #83cccc; color: #333333; } .gen-tabs .tabs a.current { background-color: #ffffff; color: #40c3d7; } .gen-tabs .acctab { background-color: #f5f5f5; color: #333333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #eeeeee; color: #00a9c7; } .gen-tabs .tabs-panels { background-color: #ffffff; } /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #ffffff; } /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #000000; } .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #de2666; } .footer-container { background-color: #f5f5f5; } .footer { color: #000000; } .footer a { color: #555555; } .footer a:hover { color: #000000; } .footer button.button span { background-color: #e5e5e5; color: #555555; } .footer button.button:hover span { background-color: #000000; color: #ffffff; } .footer span.icon { background-color: #de2666; } .footer span.icon-hover:hover, .footer .feature-icon-hover:hover span.icon { background-color: #444444; } /* Back link */ .footer .buttons-set .back-link small, /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* deprecated */ .footer .gen-slider-arrows1 .direction-nav a, /* Sliders */ .footer .gen-slider-arrows1 .direction-nav a.disabled:hover, .footer .gen-slider-arrows2 .direction-nav a, /* Slideshow */ .footer .gen-slider-arrows2 .direction-nav a.disabled:hover, .footer .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */ .footer .gen-slider-arrows3 .direction-nav a.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener, .footer .collapsible .opener { background-color: #ebebeb; } /* Back link */ .footer .buttons-set .back-link:hover small, /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* deprecated */ .footer .gen-slider-arrows1 .direction-nav a:hover, .footer .gen-slider-arrows2 .direction-nav a:hover, .footer .gen-slider-arrows3 .direction-nav a:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: #555555; } .footer-top-container { background-color: #ffffff; } .footer-top { } .footer-top a { } .footer-top a:hover { } .footer-primary-container { padding-top: 30px; padding-bottom: 10px; } .footer-primary { background-color: #ffffff; } .footer-primary a { } .footer-primary a:hover { } .footer-secondary-container { } .footer-secondary { } .footer-secondary a { } .footer-secondary a:hover { } .footer-bottom-container { background-color: #ebebeb; } .footer-bottom { color: #888888; } .footer-bottom a { color: #555555; } .footer-bottom a:hover { color: #000000; } .social-links span.icon { background-color: #bbbbbb; } .social-links span.icon-hover:hover { background-color: #ff7214; } /** * Override CSS components */ /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons aligned at the bottom */ .itemslider.equal-height .item { position: static; padding-bottom: 50px; } .itemslider.equal-height .actions { position: absolute; bottom: 0; } /** * Override modules */ /* Megamenu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav #nav-home a.level-top .icon, #nav #homelink-icon a.level-top .icon { margin-top: -2px; } /** * Theme-specific styles */ /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Override/extend styles.css %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:5px; } .main { padding:30px 0 40px; } /* Additional margin for main sidebars -------------------------------------------------------------- */ .col-left > * { margin-right: 15px; } .col-right > * { margin-left: 15px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0 15px 15px; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { margin:0 -15px 10px -15px; padding-left:15px; padding-right:15px; } /* Buttons set -------------------------------------------------------------- */ .buttons-set { margin:10px 15px; } /* Note: buttons and "required" have equal right margin */ .buttons-set button.button { margin-left:0; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom:0; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; } /* Breadcrumbs on product page */ /*.catalog-product-view .breadcrumbs { margin-bottom:10px; }*/ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*#mini-cart { margin-bottom:-8px; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/bullet.png) no-repeat 0 10px; padding-left:10px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ .block-related .section-title { padding-top: 19px; } .block-related-thumbnails .owl-wrapper { margin-top:15px; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { -webkit-tap-highlight-color: transparent; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { border-top-style:solid; border-top-width:1px; margin:15px 0 0; padding:10px 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Add to cart button */ .product-view .btn-cart span span { padding:5px 40px; } /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku span { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary .section { padding-top: 20px; padding-bottom: 20px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion & Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Nav container: with outline (if nav container has background color) or without outline (stretched) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* With outline -------------------------------------------------------------- */ /* Add top and bottom margin */ .nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } .nav.has-outline #mobnav { margin-bottom: 0; } /* Trigger has no bottom margin */ /* Without outline -------------------------------------------------------------- */ /* If menu stretched, no top and bottom margin. Important: added "container" class to make the selector more specific */ .container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /*.nav > .grid-full { float:left; }*/ /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - stretch */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /* Interface icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons with no background -------------------------------------------------------------- */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Add-to links */ .add-to-links.addto-icons a, /* Slider arrows (for zoom thumbnails) */ .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Deprecated */ .gen-slider-arrows3 .direction-nav a, .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:transparent; } /* Other icons -------------------------------------------------------------- */ /* Add-to links icons in product grid */ .products-grid .addto-links-icons span.icon { border-radius: 0; } /* Pager */ .pager .pages li a { background-color:#f5f5f5; } /* Add-to links */ .addto-links-icons span.icon, .add-to-links.addto-icons a, /* Obsolete */ /* Slideshow directional arrows */ .gen-slider-arrows2 .direction-nav a, .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Built-in static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Deprecated: Header top - help block */ .header-top .phone { background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/ic-phone.png) 0 center no-repeat; padding:0 0 0 24px; } .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } /*.block_product_primary_bottom {} .block_product_secondary_bottom {} .block_product_replace_related {} .block_product_replace_upsell {} .block_cart_below_totals {} .block_cart_below_table {}*/ .block_mini_cart_above_products { margin:0 0 10px; } .block_opc_below_progress { margin:15px 0; } .block_cms_page_top { margin:0 0 15px; } /*.block_header_top_left {} .block_header_top_left2 {} .block_header_top_right {} .block_header_top_right2 {} .block_footer_primary_bottom_left {} .block_footer_primary_bottom_right {}*/ .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% High-resolution-ready (retina-ready) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/img/rating@2x.png); background-size:14px 43px; } /* Theme icons -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /* * 12-column grid system */ /* Container */ .container { margin-left:auto; margin-right:auto; } .nested-container { width:102%; margin-left:-1%; } /* Grid units */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* Alias for full-width unit */ /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { /*position:relative;*/ display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gutter.grid12-1 { margin-left:0; width:7.33%; } .no-left-gutter.grid12-2 { margin-left:0; width:15.66%; } .no-left-gutter.grid12-3 { margin-left:0; width:24%; } .no-left-gutter.grid12-4 { margin-left:0; width:32.33%; } .no-left-gutter.grid12-5 { margin-left:0; width:40.67%; } .no-left-gutter.grid12-6 { margin-left:0; width:49%; } .no-left-gutter.grid12-7 { margin-left:0; width:57.33%; } .no-left-gutter.grid12-8 { margin-left:0; width:65.67%; } .no-left-gutter.grid12-9 { margin-left:0; width:74%; } .no-left-gutter.grid12-10 { margin-left:0; width:82.33%; } .no-left-gutter.grid12-11 { margin-left:0; width:90.67%; } .no-left-gutter.grid12-12, .no-left-gutter.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gutter.grid12-1 { margin-right:0; width:7.33%; } .no-right-gutter.grid12-2 { margin-right:0; width:15.66%; } .no-right-gutter.grid12-3 { margin-right:0; width:24%; } .no-right-gutter.grid12-4 { margin-right:0; width:32.33%; } .no-right-gutter.grid12-5 { margin-right:0; width:40.67%; } .no-right-gutter.grid12-6 { margin-right:0; width:49%; } .no-right-gutter.grid12-7 { margin-right:0; width:57.33%; } .no-right-gutter.grid12-8 { margin-right:0; width:65.67%; } .no-right-gutter.grid12-9 { margin-right:0; width:74%; } .no-right-gutter.grid12-10 { margin-right:0; width:82.33%; } .no-right-gutter.grid12-11 { margin-right:0; width:90.67%; } .no-right-gutter.grid12-12, .no-right-gutter.grid-full { margin-right:0; width:99%; } /* Grid units without any gutter (margin) */ .no-gutter.grid12-1 { margin-left:0; margin-right:0; width:8.33%; } .no-gutter.grid12-2 { margin-left:0; margin-right:0; width:16.66%; } .no-gutter.grid12-3 { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid12-4 { margin-left:0; margin-right:0; width:33.33%; } .no-gutter.grid12-5 { margin-left:0; margin-right:0; width:41.67%; } .no-gutter.grid12-6 { margin-left:0; margin-right:0; width:50%; } .no-gutter.grid12-7 { margin-left:0; margin-right:0; width:58.33%; } .no-gutter.grid12-8 { margin-left:0; margin-right:0; width:66.67%; } .no-gutter.grid12-9 { margin-left:0; margin-right:0; width:75%; } .no-gutter.grid12-10 { margin-left:0; margin-right:0; width:83.33%; } .no-gutter.grid12-11 { margin-left:0; margin-right:0; width:91.67%; } .no-gutter.grid12-12, .no-gutter.grid-full { margin-left:0; margin-right:0; width:100%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes -------------------------------------------------------------- */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Container: stretched, without side margin -------------------------------------------------------------- */ /* Remove padding from stretched container (it is added for narrow screens via media queries) */ .container.stretched { width:96%; padding-left:0; padding-right:0; } /* Stretch inner grid unit (full width) */ .container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; } /* Grid units container: clears floats (place grid units inside "div" with this class) -------------------------------------------------------------- */ .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid unit container: clears floats and adds vertical margin between units -------------------------------------------------------------- */ .grid-container-spaced { *zoom: 1; clear: both; } .grid-container-spaced:before, .grid-container-spaced:after { display: table; line-height: 0; content: ""; } .grid-container-spaced:after { clear: both; } .grid-container-spaced .grid12-1, .grid-container-spaced .grid12-2, .grid-container-spaced .grid12-3, .grid-container-spaced .grid12-4, .grid-container-spaced .grid12-5, .grid-container-spaced .grid12-6, .grid-container-spaced .grid12-7, .grid-container-spaced .grid12-8, .grid-container-spaced .grid12-9, .grid-container-spaced .grid12-10, .grid-container-spaced .grid12-11, .grid-container-spaced .grid12-12, .grid-container-spaced .grid-full { margin-bottom: 2%; } /* Grid presentation -------------------------------------------------------------- */ .show-grid [class*="grid12-"] { background-color: #eee; text-align: center; min-height: 40px; line-height: 40px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .show-grid [class*="grid12-"]:hover { background-color: #F08080; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2023-05-22 12:13:12 */ /* Grid container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container { width:96%; max-width: 960px; } .lte-ie8 .container { max-width:1200px; } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { .container { max-width: 1200px; } /* Special grid units */ .grid-col2-sidebar { width: 20.41%; } .grid-col2-main { width: 75.58%; } .grid-col3-sidebar { width:27.01%; } .grid-col3-main { width:70.34%; } /* Hide */ .hide-below-1280 { display:inherit !important; } } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { max-width:737px; } /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid units below 768px screen size are 100% wide with no margin. Padding compensates lack of margin. */ .container { width:92%; padding-left:2%; padding-right:2%; } .nested-container { width:100%; margin-left:auto; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; } /* Below 768px all grid units are stretched (full width) and stack vertically */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin-left:0; margin-right:0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { max-width:440px; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Deprecated: persistent grid units (will be removed in the next update) -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { .container { max-width:590px; } } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Stretch containers to full width and add side padding */ .container { max-width:none !important; width:94%; padding-left:3%; padding-right:3%; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 3%; margin-bottom: 3%; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* .container { max-width:301px; } */ /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* .container { max-width:226px; } */ .container { max-width:none !important; width:92%; padding-left:4%; padding-right:4%; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 4%; margin-bottom: 4%; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * To override or extend default CSS styles use custom.css file (refer to the user guide for details). * 2023-05-22 12:13:12 */ /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Header -------------------------------------------------------------- */ .header .logo { max-width:350px; } /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.3em; } .caption p { font-size:1.6666em; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:45px; height:45px; font-size:1em; } .products-grid .item:hover .sticker { width:50px; height:50px; } /* Misc -------------------------------------------------------------- */ /* Scroll to top button */ #scroll-to-top { display:none !important; } /* Hide Sign Up link in Top Links */ #link-sign-up { display:none; } /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; font-family: inherit; } .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ /* Related - simple */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } .caption button.button span span { height: 35px; line-height: 35px; padding: 0 15px; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-title { border-bottom:none; } /* Hide line when not on mobile */ .mobile-collapsible .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-collapsible .block-content { display:block !important; } /* Always show when not on mobile */ /* See also: always make the container "relative" when ON mobile */ } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Remove additional margin for main sidebars */ .col-left > * { margin-right: 0; } .col-right > * { margin-left: 0; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Header -------------------------------------------------------------- */ /* Global notices */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Logo -------------------------------------------------------------- */ .header .logo-wrapper { text-align:center; } .header .logo { width:70%; margin-left:auto; margin-right:auto; } /* Quick search -------------------------------------------------------------- */ /* Search: mobile (search bar layout for narrow screens) -------------------------------------------------------------- */ .search-wrapper-mobile { display: block; /* To override possible inline styles */ clear: both; width: 100%; margin: 10px 0; /*float: none;*/ } .search-wrapper-mobile .form-search { width: 100%; max-width: 440px; margin-left: auto; margin-right: auto; } .search-wrapper-mobile .form-search .input-text { width: 100%; min-width: 100%; /* Cancel minimum width */ } /* Search: header inline -------------------------------------------------------------- */ /* Note: added .header class to override other selectors */ .header .search-wrapper-inline { display: block; clear: both; width: 100%; margin: 10px auto; } /* If wrapper is an .item, then remove side margins */ .header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; } .search-wrapper-inline #search_mini_form { display: block; } .search-wrapper-inline .form-search .input-text { width:100%; } /* Other -------------------------------------------------------------- */ /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Top links */ .top-links { float:left; } /* Mini cart */ .after-mini-cart { clear:none; } /* Deprecated */ /* Line breaker - disable on narrow screens */ .user-menu .line-break-after { clear:none; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ .footer .mobile-inline-container { text-align:center; } .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links, .footer-bottom { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, #subscribe-form, .footer-bottom .item, .footer-top .links li { float:none; display:inline-block; } .footer-top .item { float:none; } /* Simplify links */ .footer .links-wrapper-separators .links li a, .footer .links-wrapper-separators-left .links li a { background-image:none; } /* Footer elements */ .footer-primary-bottom-spacing .item { width:100%; margin:0; } .footer-bottom .item { margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Primary and secondary section: additional inner padding */ .footer-primary > .grid-full > .section, .footer-secondary > .grid-full > .section { padding:15px 10px; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 10px; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; } .toolbar .sort-by, .toolbar .sorter .amount { border-right:none; } .sorter .per-page, .pager .per-page { display:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Page heading with RSS link */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product name */ .products-grid .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } /* Buttons */ .products-grid .item button.btn-cart span span { padding:7px 15px; height:auto; line-height:2em; } /* Product page -------------------------------------------------------------- */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Sidebar */ .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; } .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; } /* Add-to links */ .product-view .add-to-links { text-align: center; } .product-view .add-to-links li { float: none; display: inline-block; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ /*.opc form fieldset { display:table-column-group; }*/ /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width:none; } /* Items slider -------------------------------------------------------------- */ .control-nav.control-paging { display:none; } /* Deprecated */ /* If only one item exists */ .itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */ /* Slideshow -------------------------------------------------------------- */ /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; } /* Deprecated */ .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } .the-slideshow .direction-nav .next { top:4%; right:2%; } /* Pagination */ .the-slideshow-wrapper .owl-pagination { display: none; } /* Slideshow caption */ /* Shrink font, hide all elements except heading */ .caption > * { display:none !important; } .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; margin-bottom:1px; } .caption button.button span span { height: 30px; line-height: 30px; padding: 0 10px; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content { display:none; } /* Hide on mobile */ .mobile-collapsible { position:relative; } /* Always make "relative" when not on mobile (to avoid flickering on CSS transitions) */ } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; } /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .img-box .product-image { width:60.4651%; /*364px*/ } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(3n+1) { clear:left !important; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { h1 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h2 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h3 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h5 { font-size:1em; line-height:1em; /*12px, 12px*/ } h6 { font-size:1em; line-height:1em; /*12px, 12px*/ } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; } } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: 480 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Products grid -------------------------------------------------------------- */ .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */ .products-grid .item .add-to-links { display: none !important; } /* Buttons -------------------------------------------------------------- */ /* Button checkout + button "Add to cart" on product page */ button.btn-checkout span span, .product-view .btn-cart span span { padding:5px 10px; } /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Mini cart */ #mini-cart .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #mini-cart .dropdown-toggle.cover > div { background-color: transparent; color: inherit; } #mini-cart .dropdown-toggle span.icon { transition:none; } #mini-cart .dropdown-toggle .name { display:none; } #mini-cart .dropdown-toggle .caret { display:none !important; } #mini-cart .dropdown-menu { display:none !important; } #mini-cart.hide-empty-cart { display:none !important; } /* Quick compare dropdown */ #quick-compare .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #quick-compare .dropdown-toggle.cover > div { background-color: transparent; color: inherit; } #quick-compare .dropdown-toggle span.icon { transition:none; } #quick-compare .dropdown-toggle .name { display:none; } #quick-compare .dropdown-toggle .caret { display:none !important; } #quick-compare .dropdown-menu { display:none !important; } #quick-compare.is-empty { display:none !important; } /* Header elements - align center -------------------------------------------------------------- */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Links */ .header .links { text-align:center; } .header .links li { float:none; display:inline-block; } /* Header top */ .header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Inside user menu */ .user-menu { text-align:center; } .user-menu > *, .user-menu .links, /*Some blocks of links may be deeper than one level*/ .dropdown { float:none !important; display:inline-block !important; } /* previous: .user-menu { text-align:center; } .user-menu .top-links { float:none; } #mini-cart, .user-menu .links, .user-menu .links li { float:none; display:inline-block; } */ /* Simplify horizontal links */ .header .links-wrapper-separators .links li a, .header .links-wrapper-separators-left .links li a { background-image:none; } /* Products list -------------------------------------------------------------- */ .products-list .item { margin-bottom:20px; } .products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ } .products-list .product-image { margin-bottom:20px; } /* Products list: disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .products-list.hover-effect .item { border-top: none; } .products-list.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:0; padding-right:0; box-shadow: none !important; } /* Products grid: override size of elements (values like size-xs) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:40px; height:40px; font-size:0.9166em; } .products-grid .item:hover .sticker { width:45px; height:45px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } .sorter .view-mode { display:none; } .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */ /* Pages */ .pager .pages li { display:none; } .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next { display:block; } /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Checkout -------------------------------------------------------------- */ .opc .step-title h2 { font-size:1em; line-height:2.8333em; } /* Footer -------------------------------------------------------------- */ #subscribe-form label { display: inline-block; float: none; line-height: 1em; margin: 15px 0 2px; } #subscribe-form .input-box { display: inline-block; float: none; margin: 5px 0; position: relative; width: 100%; } #subscribe-form .input-text { width:100%; max-width:100%; } #subscribe-form .button { display: inline-block; float: none; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Deprecated */ /* Slideshow caption */ /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */ .caption > *, .caption .heading, .caption .permanent { display:none !important; } .caption .heading.permanent { display:inline-block !important; } .caption .heading { font-size:1.3333em; } .caption p { font-size:1em; } /* Itemslider -------------------------------------------------------------- */ /* Pagination */ .itemslider .owl-pagination { display: none; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; } } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:237px; } /*3*/ /*{ max-width:158px; }*/ /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: 320px <= width < 480px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .category-products-grid.hover-effect .item { border-top: none; } .category-products-grid.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:1%; padding-right:1%; box-shadow: none !important; } /* Show elements normally displayed only on hover */ .category-products-grid.hover-effect .item .display-onhover { display:block !important; } /* Show full name even if enabled: display name in single line */ .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; } /* Spaces between items */ .category-products-grid.hover-effect .item { margin-bottom: 20px; } /* Product page -------------------------------------------------------------- */ /* Related - thumbnails */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; } .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; } /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper .owl-buttons { display: none; } .the-slideshow .direction-nav { display:none; } /* Deprecated */ } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: width < 240px */ .show-large-screen {display: none;} .show-small-screen {display: none;} /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.6em; } .caption p { font-size:1.1em; } .caption .news-heading{ font-size:1.6em; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.6em; } .caption p { font-size:1.1em; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { .caption .heading { font-size:1.3em; } .caption p { font-size:1.1em; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.3em; } .caption p { font-size:1.1em; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Slideshow caption -------------------------------------------------------------- */ .show-large-screen {display: block;} } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; margin-bottom:1px; } .show-small-screen {display: block;} } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.5em; } .caption p { font-size:1.1em; } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.5em; } .caption p { font-size:1.1em; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.5em; } .caption p { font-size:1.1em; } } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.2em; } .caption p { font-size:1.1em; } } /* end: 480 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.1em; } .caption p { font-size:0.9em; } } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.5em; } .caption p { font-size:1.1em; } } /* end: 320px <= width < 480px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.5em; } .caption p { font-size:1.1em; } } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:1.5em; } .caption p { font-size:1.1em; } } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { /* Slideshow caption -------------------------------------------------------------- */ } /* end: width < 240px */ a:hover .news-image{ opacity:0.4;filter:alpha(opacity=40) } .grid12-4 .news-image{ opacity:1;filter:alpha(opacity=100) } .news-more {width: 100%;display: block;font-size: 1.6em;font-weight: 400;color: #fff;line-height: 2em;background: #000;text-align: center;opacity:0.4;filter:alpha(opacity=40)} .news-more:after {content: " » "} /* Homepage MBanner slider pager carousel */ #carousel-homepage-main .owl-buttons .owl-prev, #carousel-homepage-main .owl-buttons .owl-next, #carousel-homepage-left .owl-buttons .owl-prev, #carousel-homepage-left .owl-buttons .owl-next { font-size: 1.6vw; /*font-size: 1rem;*/ } #carousel-homepage-main .owl-buttons .owl-next, #carousel-homepage-left .owl-buttons .owl-next { position: absolute; right: 0; top: 43%; transform: translateY(-50%); } #carousel-homepage-main .owl-buttons .owl-prev, #carousel-homepage-left .owl-buttons .owl-prev { position: absolute; left: 0; top: 43%; transform: translateY(-50%); } /* width < 768px */ @media only screen and (max-width: 767px) { #narrow-by-list .filter-name { cursor: pointer; } #narrow-by-list .filter-value { margin-left: 5px; } #narrow-by-list .ik-mb-8 a { display: none; } #narrow-by-list .ik-block { cursor: pointer; } } /* relateddescription */ .attributes-descriptions{ text-align: center; width: 100%; margin-top: 50px; } .attributes-descriptions h3{ padding-top:7px; padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.6666em; /*18px*/ line-height:1.2222em; /*22px*/ text-align: left; } .attributes-descriptions h4{ font-size:1.5em; /*18px*/ } /* @media only screen and (min-width: 768px){ .attributes-descriptions-box{width: 50%; position: relative; float: left; padding-top: 20px;} .ad-left-column{clear: left;} } */ /* .attributes-descriptions li{ padding-top: 20px; padding-bottom: 80px; } */ .attributes-descriptions img{ margin-top: 20px; /*width: 90%;*/ } .attributes-descriptions .attributes-descriptions-content{ width: 90%; text-align: justify; margin-left: auto; margin-right: auto; margin-top: 20px; font-size: 15px; } .attributes-descriptions-box{width: 100%; padding-top: 20px;} /* price */ .regular-price .price-label {color: #000; font-size: 18px;} .regular-price .price {color: #000; font-weight: 600;font-size: 20px;} .special-price .price-label {color: #F12B63; font-size: 18px;} .special-price .price {color: #F12B63; font-weight: 600;font-size: 24px;} .products-list .price-box {margin-top: 25px;} /* product sliders */ .slider-title {border-bottom: 1px solid #E5E5E5;padding: 5px;font-size: 22px;font-weight: 600;} /* wholesaler */ #wholesaler_head_text{padding-bottom: 30px;} /* tabok */ .r-tab{padding: 10px;font-size: 15px;} /* excel táblázat tab */ .r-tab table tr td{ padding: 2px !important;} #excel-table-tab-1{float: left;margin-left: 20px;} #excel-table-tab-1 .attributes-ul{list-style-image: url('https://www.klimahome.hu/skin/frontend/base/default/images/infortis/_shared/cck/list/bullet.png');} #excel-table-tab-1 .klimaszereles{margin-top: 50px;margin-left: -20px;} @media only screen and (max-width: 768px){ #excel-table-tab-1 #excel-table-tab-2-mobile{display: block;} #excel-table-tab-2{display: none;} #excel-table-tab-1 #excel-table-tab-2-mobil .description-ul{list-style-image: url('https://www.klimahome.hu/skin/frontend/base/default/images/pipa.gif');} /*#excel-table-tab-2{display: none;}*/ } @media only screen and (min-width: 769px){ #excel-table-tab-1{width: 50%;} #excel-table-tab-2{ display: block; float: left;} #excel-table-tab-1 #excel-table-tab-2-mobil{display: none;} #excel-table-tab-2 .description-ul{list-style-image: url('https://www.klimahome.hu/skin/frontend/base/default/images/pipa.gif');} } #excel-table-tab-1 .list-description{font-size: 15px; line-height: 20px;} /*#excel-table-tab-1 .list-description img{vertical-align: middle;margin-right: 2px;}*/ #excel-table-tab-1 .list-attributes{font-size: 15px; line-height: 20px;} /*#excel-table-tab-1 .klimaszereles{float: left}*/ .footer-bottom{padding-bottom: 40px;} /* Campaign */ .demo-notice { background: none repeat scroll 0 0 #d75f07; color: #fff; font-size: 12px; line-height: 1.15; margin: 0; padding: 6px 10px; position: absolute; text-align: center; width: 100px; top: 200px; } .category_addition_text_short {float: right;text-align: justify;} .category_addition_text_short img{ display: block; margin-left: auto; margin-right: auto; } .category-tabs {margin-top: 1em;} /* product page szállítási infók, átvétel */ .shipping-info-title{ margin-bottom: 1em; display: table; } .shipping-info{ margin-bottom: 1em; background: #EBEBEB; display: table; /*width: 250px;*/ } .s-border-title { padding: 2em; } .s-border { padding: 2em; } .shipping-info-row {display: table;} .s-i-icon {float: left;width: 60px;height: 48px;} .shipping-info .s-content h2 {font-size: 2.3333em;text-decoration: none;} .keszlet_info-separator { padding-bottom: 2em; } .s-content{ padding: 10px; } .shipping-info-img{ display: table-cell; width: 60px; height: 48px; } .s-i-head { font-size: 1.3333em; font-weight:600; } .s-i-right {display: table-cell;} /*background-color: #3EB04A; background-image: url(https://www.klimahome.hu/skin/frontend/base/default/images/shipping_icons/keszlet_info_1268.png); background-repeat: no-repeat; background-position: center left;}*/ .keszlet_info_1268 {background: url(https://www.klimahome.hu/skin/frontend/base/default/images/shipping_icons/keszlet_info_1268.png) no-repeat center left;}/*raktarrol*/ .keszlet_info_1267, .keszlet_info_1319, .keszlet_info_1419 {background: url(https://www.klimahome.hu/skin/frontend/base/default/images/shipping_icons/keszlet_info_1267.png) no-repeat center left;}/*rendelesre*/ .keszlet_info_1320 {background: url(https://www.klimahome.hu/skin/frontend/base/default/images/shipping_icons/keszlet_info_1320.png) no-repeat center left;}/*utolso_darabok*/ .keszlet_info_1644 {background: url(https://www.klimahome.hu/skin/frontend/base/default/images/shipping_icons/keszlet_info_1644.png) no-repeat center left;}/*keszlet_hiany*/ .szemelyes_atvetel {background: url(https://www.klimahome.hu/skin/frontend/base/default/images/shipping_icons/user_48.png) no-repeat center left;} .kiszallitas {background: url(https://www.klimahome.hu/skin/frontend/base/default/images/shipping_icons/shipping_48.png) no-repeat center left;} .beuzemeles {background: url(https://www.klimahome.hu/skin/frontend/base/default/images/shipping_icons/wrench_plus_2_48.png) no-repeat center left;} .s-i-content{ /*background-color: #EEEEEE;*/ font-size: 1.1em; font-weight:100; /*margin-bottom: 1em;*/ /*display: block;*/ /*float: right;*/ /*width: 210px;*/ } .s-separator { margin-top: 1em; margin-bottom: 1em; height: 2px; background: #000; clear: both; } /* product page szállítási infók, átvétel */ .show-large-screen {display: none;} .show-small-screen {display: none;} /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Slideshow caption -------------------------------------------------------------- */ .show-large-screen {display: block;} } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { .show-small-screen {display: block;} } /* end: width < 768px */ /*home offers*/ #home-offers h2{ display: block; /*background: #;*/ } #home-offers .top-right{ margin-top: 90px; } #home-offers .home-offer .home-offer-item .actions {position: absolute; bottom: 5px;width: 100% !important;text-align: center} /*#home-offers .home-offer .home-offer-item .actions .btn-cart {width: 50%;text-align: center}*/ /*#home-offers .home-offer .home-offer-item .actions .btn-cart span {width: 50%; text-align: center}*/ #home-offers .home-offer .home-offer-item .actions .btn-cart span span {padding: 0 45px;} #home-offers .home-offer{ } .home-offer-item{ /*background: #e8e8e8;*/ text-align: center; height: 660px; border: 1px solid #E8E8E8; } @media only screen and (min-width: 1280px) { .home-offer-item{ width: 30% !important; } .home-offer-item h3{ height: 4em; } } @media only screen and (min-width: 641px) and (max-width: 1279px) { .home-offer-item{ width: 46% !important; margin-left: 2%; } .home-offer-item h3{ height: 4em; } } @media only screen and (max-width: 640px) { .home-offer-item{ width: 100% !important; } .home-offer-item h3{ height: 2em; } } #home-offers .home-offer-item h3{ font-size: 1.6em; } #home-offers .home-offer-item-description { text-align: left; } #home-offers .home-offer-item-description { /*background: #0000ff;*/ width: 80%; margin-left: auto; margin-right: auto; margin-top: 1em; } #home-offers .home-offer-item-description .list-attributes { text-indent: 0; } #home-offers .price-box { margin-bottom: 1em; } .pdftool-cart-info{ border: 1px solid #E1941A; background: #FFFF90; padding: 1em; width: 100%; } /*.btn-cart{display: none}*/ /*.add-to-box{display: none}*/ .flood-out{ position: fixed; bottom: 70px; max-width: 340px; z-index: 40000; right: -400px; -webkit-transition: all 400ms cubic-bezier(0.710, 0.495, 0.230, 0.690); -moz-transition: all 400ms cubic-bezier(0.710, 0.495, 0.230, 0.690); -o-transition: all 400ms cubic-bezier(0.710, 0.495, 0.230, 0.690); transition: all 400ms cubic-bezier(0.710, 0.495, 0.230, 0.690); /* custom */ } .flood-in{ right: 0px; } .flood-out .box{ background: white; position: relative; border-left:8px solid #156899; box-shadow: 0 0 20px rgba(0,0,0,0.2); } .flood-out .box .content{ padding: 15px; } .flood-out a.close{ color: white !important; font-size: 24px; position: absolute; left: 10px; top: 10px; } .flood-out .box p{ margin-bottom: 10px; } .flood-out .box a{ color:#f12b63; font-size: 17px; } #offerForm .input-text{ width: 100%; } #offerForm textarea{ height: 300px; } .attributes-descriptions table{ margin-left: auto; margin-right: auto; margin-top: 20px; } /* Product page table */ #excel-table-tab-1 .attributes-ul .list-attributes { padding-top: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #e5e5e5; } #excel-table-tab-1 .attributes-ul .list-attributes:first-child { border-top: 1px solid #b69949; } #excel-table-tab-1 .attributes-ul .list-attributes:last-child { padding-bottom: 0; border-bottom: none; } #excel-table-tab-1 .attributes-ul .list-attributes strong { display: block; color: #b69949; } @media only screen and (min-width: 640px){ .show-max-639{ display: none; padding-top: 10px; } } @media only screen and (max-width: 639px){ .show-min-640{ display: none; padding-top: 10px; } } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }/* ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com *//* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .ik-container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 3rem; padding-left: 3rem; } @media (min-width: 100%) { .ik-container { max-width: 100%; } } @media (min-width: 1200px) { .ik-container { max-width: 1200px; } } /* CMS Index Index */ @media only screen and (min-width: 768px) { .cmsIndexIndex-root { display: grid; grid-template-areas: "layeredNav hero" "layeredNav offers" "layeredNav news" "layeredNav cmsContent" "layeredNav ."; grid-template-columns: 240px minmax(0,1fr); gap: 2rem; } .cmsIndexIndex-hero { grid-area: hero; } .cmsIndexIndex-layeredNav { grid-area: layeredNav; } .cmsIndexIndex-offers { grid-area: offers; } .cmsIndexIndex-news { grid-area: news; } .cmsIndexIndex-cmsContent { grid-area: cmsContent; } } /* Layered Nav */ /*.block-layered-nav { @apply ik-bg-brand-primary-blue ik-text-white ik-rounded-2xl ik-overflow-y-hidden; } .block-layered-nav h3 { @apply ik-py-4 ik-bg-brand-secondary-blue ik-text-white; } .block-layered-nav .divider { @apply ik-hidden; } .block-layered-nav #narrow-by-list { @apply ik-p-8; } .block-layered-nav #narrow-by-list ol li { @apply ik-flex ik-justify-between; } .block-layered-nav #narrow-by-list ol li>span, .block-layered-nav #narrow-by-list ol li>a>span { @apply !ik-text-white; } .block-layered-nav #narrow-by-list ol li>a>span { @apply ik-font-semibold; } .block-layered-nav .currently { @apply !ik-bg-transparent; }*/ /* Product List */ .productListDetail-root > div:not(.productListDetail-title) { margin-top: 2rem; } @media only screen and (min-width: 640px) { .productListDetail-attributes { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; } .productListDetail-root.simple .productListDetail-attributes { display: grid; grid-template-columns: 1fr; } } @media only screen and (min-width: 992px) { .productListDetail-root { display: grid; grid-template-areas: "title title title" "image attributes attributes" "cetelem cetelem cetelem" "addToCart addToCart addToCart"; /*"image .";*/ grid-template-columns: 260px 1fr; gap: 2rem; } .productListDetail-root.simple { display: grid; grid-template-areas: "title title title" "image attributes addToCart"; grid-template-columns: 260px 1fr 1fr; gap: 2rem; } .productListDetail-image { grid-area: image; } .productListDetail-title { grid-area: title; } .productListDetail-description { grid-area: description; } .productListDetail-attributes { grid-area: attributes; /*display: block !important;*/ } .productListDetail-addToCart { grid-area: addToCart; } .productListDetail-cetelem { grid-area: cetelem; } } .productListDetail-attributes ul > li { display: flex; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .productListDetail-attributes ul > li span + span { font-weight: 700; } /* Product | View | Price Box | Simple */ .priceBox-root .priceBox-simple .price-box { margin: 0px; padding: 0px; } .priceBox-root .priceBox-simple .price-box .old-price, .priceBox-root .priceBox-simple .price-box .special-price { display: block; } /* Main Menu */ #nav { display: flex; position: static; margin-bottom: 0px; transform: none; background-color: transparent; } #nav > li { float: none; } #nav > li.level-top {} #nav > li > a { display: flex; height: 100%; align-items: center; justify-content: center; padding-left: 1rem; padding-right: 1rem; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 600; text-transform: none; line-height: 1; color: inherit; } #nav #nav-home { display: none; } .vertnav {} #nav > li.active > a { background-color: transparent; --tw-text-opacity: 1; color: rgb(51 51 51 / var(--tw-text-opacity, 1)); } #nav > li:hover > a { background-color: transparent; --tw-text-opacity: 1; color: rgb(51 51 51 / var(--tw-text-opacity, 1)); } #nav > li:hover > a .caret { --tw-border-opacity: 1 !important; border-top-color: rgb(51 51 51 / var(--tw-border-opacity, 1)) !important; } .accordion { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .vertnav-top li.current > a { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .search-autocomplete { z-index: 50; } .search-autocomplete ul { max-height: 500px; overflow-y: scroll; } .search-autocomplete ul li { display: flex; max-height: 400px; cursor: pointer; flex-direction: row-reverse; justify-content: space-between; overflow-y: scroll; padding: 1rem; font-weight: 600; } .search-autocomplete ul li:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .search-autocomplete li:after { display: none; } .search-autocomplete ul li .amount { font-weight: 400; --tw-text-opacity: 1; color: rgb(0 114 219 / var(--tw-text-opacity, 1)); } /*.short-attributes ul li { @apply ik-border-b-4 ik-border-solid ik-border-black; }*/ .ik-fixed { position: fixed; } .ik-absolute { position: absolute; } .ik-relative { position: relative; } .ik-bottom-0 { bottom: 0px; } .ik-left-0 { left: 0px; } .ik-left-1\/2 { left: 50%; } .ik-left-\[50\%\] { left: 50%; } .ik-right-0 { right: 0px; } .ik-right-4 { right: 1rem; } .ik-right-\[1px\] { right: 1px; } .ik-top-0 { top: 0px; } .ik-top-24 { top: 6rem; } .ik-top-4 { top: 1rem; } .ik-top-\[1px\] { top: 1px; } .ik-top-\[22px\] { top: 22px; } .ik-z-10 { z-index: 10; } .ik-z-\[100\] { z-index: 100; } .ik-float-right { float: right; } .\!ik-m-0 { margin: 0px !important; } .ik-m-0 { margin: 0px; } .ik-mx-4 { margin-left: 1rem; margin-right: 1rem; } .ik-mx-8 { margin-left: 2rem; margin-right: 2rem; } .ik-mx-auto { margin-left: auto; margin-right: auto; } .ik-my-8 { margin-top: 2rem; margin-bottom: 2rem; } .ik-my-\[40px\] { margin-top: 40px; margin-bottom: 40px; } .\!ik-mb-0 { margin-bottom: 0px !important; } .\!ik-mt-0 { margin-top: 0px !important; } .-ik-mb-\[40px\] { margin-bottom: -40px; } .-ik-mt-2 { margin-top: -0.5rem; } .ik-mb-0 { margin-bottom: 0px; } .ik-mb-12 { margin-bottom: 3rem; } .ik-mb-16 { margin-bottom: 4rem; } .ik-mb-2 { margin-bottom: 0.5rem; } .ik-mb-4 { margin-bottom: 1rem; } .ik-mb-6 { margin-bottom: 1.5rem; } .ik-mb-8 { margin-bottom: 2rem; } .ik-mb-\[100px\] { margin-bottom: 100px; } .ik-mb-\[15px\] { margin-bottom: 15px; } .ik-mb-\[20px\] { margin-bottom: 20px; } .ik-mr-2 { margin-right: 0.5rem; } .ik-mt-0 { margin-top: 0px; } .ik-mt-10 { margin-top: 2.5rem; } .ik-mt-16 { margin-top: 4rem; } .ik-mt-2 { margin-top: 0.5rem; } .ik-mt-4 { margin-top: 1rem; } .ik-mt-6 { margin-top: 1.5rem; } .ik-mt-8 { margin-top: 2rem; } .ik-mt-\[0\.8rem\] { margin-top: 0.8rem; } .ik-mt-\[16px\] { margin-top: 16px; } .ik-mt-\[2\.4rem\] { margin-top: 2.4rem; } .ik-mt-\[3\.2rem\] { margin-top: 3.2rem; } .ik-mt-\[32px\] { margin-top: 32px; } .ik-mt-\[40px\] { margin-top: 40px; } .ik-mt-\[60px\] { margin-top: 60px; } .ik-mt-\[80px\] { margin-top: 80px; } .\!ik-block { display: block !important; } .ik-block { display: block; } .ik-inline-block { display: inline-block; } .ik-inline { display: inline; } .ik-flex { display: flex; } .ik-grid { display: grid; } .ik-hidden { display: none; } .ik-aspect-video { aspect-ratio: 16 / 9; } .ik-size-6 { width: 1.5rem; height: 1.5rem; } .ik-size-8 { width: 2rem; height: 2rem; } .\!ik-h-auto { height: auto !important; } .ik-h-10 { height: 2.5rem; } .ik-h-11 { height: 2.75rem; } .ik-h-12 { height: 3rem; } .ik-h-14 { height: 3.5rem; } .ik-h-16 { height: 4rem; } .ik-h-24 { height: 6rem; } .ik-h-28 { height: 7rem; } .ik-h-36 { height: 9rem; } .ik-h-6 { height: 1.5rem; } .ik-h-8 { height: 2rem; } .ik-h-\[140px\] { height: 140px; } .ik-h-\[40px\] { height: 40px; } .ik-h-\[44px\] { height: 44px; } .ik-h-\[48px\] { height: 48px; } .ik-h-\[5\.4rem\] { height: 5.4rem; } .ik-h-\[550px\] { height: 550px; } .ik-h-\[80px\] { height: 80px; } .ik-h-full { height: 100%; } .ik-max-h-\[100px\] { max-height: 100px; } .ik-max-h-\[90\%\] { max-height: 90%; } .ik-w-10 { width: 2.5rem; } .ik-w-11 { width: 2.75rem; } .ik-w-12 { width: 3rem; } .ik-w-14 { width: 3.5rem; } .ik-w-16 { width: 4rem; } .ik-w-24 { width: 6rem; } .ik-w-6 { width: 1.5rem; } .ik-w-8 { width: 2rem; } .ik-w-\[140px\] { width: 140px; } .ik-w-\[220px\] { width: 220px; } .ik-w-\[260px\] { width: 260px; } .ik-w-\[320px\] { width: 320px; } .ik-w-\[80px\] { width: 80px; } .ik-w-\[920px\] { width: 920px; } .ik-w-\[calc\(100\%-1rem\)\] { width: calc(100% - 1rem); } .ik-w-auto { width: auto; } .ik-w-full { width: 100%; } .ik-w-screen { width: 100vw; } .ik-w-\[900px\] { width: 900px; } .ik-max-w-\[280px\] { max-width: 280px; } .ik-max-w-\[48rem\] { max-width: 48rem; } .ik-max-w-\[600px\] { max-width: 600px; } .ik-max-w-\[90\%\] { max-width: 90%; } .ik-max-w-screen-md { max-width: 768px; } .ik-flex-1 { flex: 1 1 0%; } .ik-flex-grow { flex-grow: 1; } .ik-origin-top-left { transform-origin: top left; } .-ik-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ik--translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-ik-rotate-45 { --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-ik-rotate-6 { --tw-rotate: -6deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ik-rotate-12 { --tw-rotate: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ik-rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ik-rotate-\[5deg\] { --tw-rotate: 5deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .ik-transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes ik-pulse { 50% { opacity: .5; } } .ik-animate-pulse { animation: ik-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .ik-cursor-pointer { cursor: pointer; } .ik-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .ik-flex-row { flex-direction: row; } .ik-flex-col { flex-direction: column; } .ik-items-start { align-items: flex-start; } .ik-items-center { align-items: center; } .ik-justify-end { justify-content: flex-end; } .ik-justify-center { justify-content: center; } .ik-justify-between { justify-content: space-between; } .ik-gap-1 { gap: 0.25rem; } .ik-gap-16 { gap: 4rem; } .ik-gap-2 { gap: 0.5rem; } .ik-gap-4 { gap: 1rem; } .ik-gap-6 { gap: 1.5rem; } .ik-gap-8 { gap: 2rem; } .ik-gap-\[1\.4rem\] { gap: 1.4rem; } .ik-gap-x-2 { column-gap: 0.5rem; } .ik-gap-y-4 { row-gap: 1rem; } .ik-gap-y-8 { row-gap: 2rem; } .ik-space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .ik-divide-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(2px * var(--tw-divide-x-reverse)); border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); } .ik-divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .ik-divide-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(2px * var(--tw-divide-y-reverse)); } .ik-divide-gray-300 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1)); } .ik-overflow-hidden { overflow: hidden; } .ik-overflow-y-auto { overflow-y: auto; } .ik-overflow-x-hidden { overflow-x: hidden; } .ik-overflow-y-hidden { overflow-y: hidden; } .\!ik-rounded-lg { border-radius: 0.5rem !important; } .ik-rounded { border-radius: 0.25rem; } .ik-rounded-2xl { border-radius: 1rem; } .ik-rounded-3xl { border-radius: 1.5rem; } .ik-rounded-full { border-radius: 9999px; } .ik-rounded-lg { border-radius: 0.5rem; } .ik-rounded-md { border-radius: 0.375rem; } .\!ik-border-0 { border-width: 0px !important; } .ik-border { border-width: 1px; } .ik-border-0 { border-width: 0px; } .ik-border-2 { border-width: 2px; } .ik-border-b-2 { border-bottom-width: 2px; } .ik-border-t { border-top-width: 1px; } .ik-border-t-2 { border-top-width: 2px; } .ik-border-t-4 { border-top-width: 4px; } .ik-border-gray-100 { --tw-border-opacity: 1; border-color: rgb(243 244 246 / var(--tw-border-opacity, 1)); } .ik-border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .ik-border-white\/10 { border-color: rgb(255 255 255 / 0.1); } .ik-bg-\[\#2E9F47\] { --tw-bg-opacity: 1; background-color: rgb(46 159 71 / var(--tw-bg-opacity, 1)); } .ik-bg-\[\#313133\] { --tw-bg-opacity: 1; background-color: rgb(49 49 51 / var(--tw-bg-opacity, 1)); } .ik-bg-\[\#74c043\] { --tw-bg-opacity: 1; background-color: rgb(116 192 67 / var(--tw-bg-opacity, 1)); } .ik-bg-\[\#d0103a\] { --tw-bg-opacity: 1; background-color: rgb(208 16 58 / var(--tw-bg-opacity, 1)); } .ik-bg-\[\#ea1b0a\] { --tw-bg-opacity: 1; background-color: rgb(234 27 10 / var(--tw-bg-opacity, 1)); } .ik-bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .ik-bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .ik-bg-brand-primary-blue { --tw-bg-opacity: 1; background-color: rgb(0 114 219 / var(--tw-bg-opacity, 1)); } .ik-bg-brand-primary-blue\/10 { background-color: rgb(0 114 219 / 0.1); } .ik-bg-brand-primary-blue\/20 { background-color: rgb(0 114 219 / 0.2); } .ik-bg-brand-red\/5 { background-color: rgb(219 6 39 / 0.05); } .ik-bg-brand-secondary-blue { --tw-bg-opacity: 1; background-color: rgb(0 71 137 / var(--tw-bg-opacity, 1)); } .ik-bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .ik-bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .ik-bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .ik-bg-green-500\/10 { background-color: rgb(34 197 94 / 0.1); } .ik-bg-orange-200 { --tw-bg-opacity: 1; background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1)); } .ik-bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .ik-bg-orange-500\/10 { background-color: rgb(249 115 22 / 0.1); } .ik-bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .ik-bg-red-500\/10 { background-color: rgb(239 68 68 / 0.1); } .ik-bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .ik-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .ik-object-cover { object-fit: cover; } .ik-p-0 { padding: 0px; } .ik-p-12 { padding: 3rem; } .ik-p-2 { padding: 0.5rem; } .ik-p-3 { padding: 0.75rem; } .ik-p-4 { padding: 1rem; } .ik-p-6 { padding: 1.5rem; } .ik-p-8 { padding: 2rem; } .ik-p-\[1\.4rem\] { padding: 1.4rem; } .\!ik-px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .\!ik-py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .ik-px-16 { padding-left: 4rem; padding-right: 4rem; } .ik-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .ik-px-4 { padding-left: 1rem; padding-right: 1rem; } .ik-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .ik-px-8 { padding-left: 2rem; padding-right: 2rem; } .ik-px-\[2\.4rem\] { padding-left: 2.4rem; padding-right: 2.4rem; } .ik-py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .ik-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .ik-py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .ik-py-16 { padding-top: 4rem; padding-bottom: 4rem; } .ik-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .ik-py-4 { padding-top: 1rem; padding-bottom: 1rem; } .ik-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .ik-py-8 { padding-top: 2rem; padding-bottom: 2rem; } .ik-py-\[1\.4rem\] { padding-top: 1.4rem; padding-bottom: 1.4rem; } .ik-py-\[60px\] { padding-top: 60px; padding-bottom: 60px; } .ik-pb-2 { padding-bottom: 0.5rem; } .ik-pb-3 { padding-bottom: 0.75rem; } .ik-pb-8 { padding-bottom: 2rem; } .ik-pl-3 { padding-left: 0.75rem; } .ik-pl-8 { padding-left: 2rem; } .ik-pt-10 { padding-top: 2.5rem; } .ik-pt-28 { padding-top: 7rem; } .ik-pt-4 { padding-top: 1rem; } .ik-pt-\[1\.4rem\] { padding-top: 1.4rem; } .ik-text-center { text-align: center; } .ik-text-right { text-align: right; } .\!ik-text-\[28px\] { font-size: 28px !important; } .ik-text-2xl { font-size: 1.5rem; line-height: 2rem; } .ik-text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .ik-text-5xl { font-size: 3rem; line-height: 1; } .ik-text-\[1\.4rem\] { font-size: 1.4rem; } .ik-text-\[11px\] { font-size: 11px; } .ik-text-\[12px\] { font-size: 12px; } .ik-text-\[12px\]\/6 { font-size: 12px; line-height: 1.5rem; } .ik-text-\[14px\] { font-size: 14px; } .ik-text-\[16px\] { font-size: 16px; } .ik-text-\[18px\] { font-size: 18px; } .ik-text-\[24px\] { font-size: 24px; } .ik-text-\[26px\] { font-size: 26px; } .ik-text-\[28px\] { font-size: 28px; } .ik-text-\[32px\] { font-size: 32px; } .ik-text-\[42px\] { font-size: 42px; } .ik-text-xl { font-size: 1.25rem; line-height: 1.75rem; } .ik-font-black { font-weight: 900; } .ik-font-bold { font-weight: 700; } .ik-font-extrabold { font-weight: 800; } .ik-font-light { font-weight: 300; } .ik-font-medium { font-weight: 500; } .ik-font-semibold { font-weight: 600; } .ik-uppercase { text-transform: uppercase; } .ik-leading-10 { line-height: 2.5rem; } .ik-leading-6 { line-height: 1.5rem; } .ik-leading-8 { line-height: 2rem; } .ik-leading-\[28px\] { line-height: 28px; } .ik-leading-\[30px\] { line-height: 30px; } .ik-leading-\[38px\] { line-height: 38px; } .ik-leading-\[48px\] { line-height: 48px; } .ik-tracking-tight { letter-spacing: -0.025em; } .\!ik-text-brand-red { --tw-text-opacity: 1 !important; color: rgb(219 6 39 / var(--tw-text-opacity, 1)) !important; } .ik-text-\[\#044c21\] { --tw-text-opacity: 1; color: rgb(4 76 33 / var(--tw-text-opacity, 1)); } .ik-text-\[\#222222\] { --tw-text-opacity: 1; color: rgb(34 34 34 / var(--tw-text-opacity, 1)); } .ik-text-\[\#333333\] { --tw-text-opacity: 1; color: rgb(51 51 51 / var(--tw-text-opacity, 1)); } .ik-text-\[\#74c043\] { --tw-text-opacity: 1; color: rgb(116 192 67 / var(--tw-text-opacity, 1)); } .ik-text-\[\#ea1b0a\] { --tw-text-opacity: 1; color: rgb(234 27 10 / var(--tw-text-opacity, 1)); } .ik-text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .ik-text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .ik-text-brand-primary-blue { --tw-text-opacity: 1; color: rgb(0 114 219 / var(--tw-text-opacity, 1)); } .ik-text-brand-red { --tw-text-opacity: 1; color: rgb(219 6 39 / var(--tw-text-opacity, 1)); } .ik-text-brand-secondary-blue { --tw-text-opacity: 1; color: rgb(0 71 137 / var(--tw-text-opacity, 1)); } .ik-text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .ik-text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .ik-text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .ik-text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .ik-text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .ik-text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .ik-text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .ik-text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .ik-text-orange-500 { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); } .ik-text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .ik-text-slate-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .ik-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .ik-text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity, 1)); } .ik-line-through { text-decoration-line: line-through; } .ik-placeholder-gray-400::placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1)); } .ik-opacity-50 { opacity: 0.5; } .ik-shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ik-shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ik-shadow-\[0_10px_15px_-3px_rgb\(0\,0\,0\,0\.1\)\,0_4px_6px_-4px_rgb\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 10px 15px -3px rgb(0,0,0,0.1),0 4px 6px -4px rgb(0,0,0,0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ik-shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ik-shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ik-shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .ik-ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ik-ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ik-ring-inset { --tw-ring-inset: inset; } .ik-ring-brand-primary-blue { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 114 219 / var(--tw-ring-opacity, 1)); } .ik-ring-gray-300 { --tw-ring-opacity: 1; --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1)); } .ik-ring-green-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)); } .ik-ring-orange-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1)); } .ik-ring-red-500 { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1)); } .bestsellers .list-attributes-box, .bestsellers .list-short-desc-box {} .bestsellers .list-attributes-box > li, .bestsellers .list-short-desc-box > li { position: relative; padding-left: 20px; } .bestsellers .list-attributes-box > li:before, .bestsellers .list-short-desc-box > li:before { content: '\f00c'; position: absolute; left: 0; font-family: FontAwesome; color: #7ac143; } /* modal-pp */ .modal-pp-pp { --modal-pp-blur: 20px; } .modal-pp { transform: translateZ(0); display: none; position: fixed; top: 0; left: 0; z-index: 1; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; height: 100%; opacity: 0; background: linear-gradient(rgba(50, 50, 50, 0.48), rgba(50, 50, 50, 0.48)); backdrop-filter: blur(var(--modal-pp-blur)); overflow: auto; } .modal-pp.modal-pp-open { display: flex; z-index: 10000; } .modal-pp-overlay { display: flex; flex-direction: column; position: relative; z-index: 1; padding-inline-start: 1rem; padding-inline-end: 1rem; padding-top: 4rem; padding-bottom: 1rem; width: 100%; max-width: 640px; clip-path: inset(4rem 1rem 1rem 1rem round 25px); pointer-events: none; } .modal-pp-content-wrapper { order: 2; position: relative; z-index: 1; background: white; visibility: visible; pointer-events: auto; } .dark .modal-pp-content-wrapper { background: #0f172a; } .modal-pp-content-wrapper .wrapper { margin-inline-start: auto; margin-inline-end: auto; max-width: 640px; overflow: hidden; } .modal-pp-close-btn-wrapper { order: 1; align-self: flex-end; justify-content: center; align-items: center; position: sticky; top: 1rem; z-index: 9999; height: 0; box-sizing: initial; } .modal-pp-close-button { order: 1; display: flex; justify-content: center; align-items: center; position: sticky; z-index: 9999; margin-inline-end: 1rem; margin-top: 1rem; margin-right: 1rem; width: 2.75rem; height: 2.75rem; pointer-events: auto; } .modal-pp-close-icon { display: flex; justify-content: center; align-items: center; position: relative; width: 2.15rem; height: 2.15rem; color: white; background: rgb(51, 51, 54); border-radius: 50%; outline: none; } .product-cetelem iframe { width: 100% !important; } /*#consent-cookie-injected-wrapper { display: none !important; }*/ .placeholder\:ik-text-gray-400::placeholder { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .first\:ik-mt-0:first-child { margin-top: 0px; } .first\:ik-border-t-0:first-child { border-top-width: 0px; } .first\:ik-pt-0:first-child { padding-top: 0px; } .hover\:ik-border-brand-primary-blue:hover { --tw-border-opacity: 1; border-color: rgb(0 114 219 / var(--tw-border-opacity, 1)); } .hover\:ik-bg-\[\#ea1b0a\]:hover { --tw-bg-opacity: 1; background-color: rgb(234 27 10 / var(--tw-bg-opacity, 1)); } .hover\:ik-bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .hover\:ik-bg-brand-secondary-blue:hover { --tw-bg-opacity: 1; background-color: rgb(0 71 137 / var(--tw-bg-opacity, 1)); } .hover\:ik-bg-brand-secondary-blue\/20:hover { background-color: rgb(0 71 137 / 0.2); } .hover\:ik-bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .hover\:ik-bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); } .hover\:ik-text-\[\#222222\]:hover { --tw-text-opacity: 1; color: rgb(34 34 34 / var(--tw-text-opacity, 1)); } .hover\:ik-text-\[\#333333\]:hover { --tw-text-opacity: 1; color: rgb(51 51 51 / var(--tw-text-opacity, 1)); } .hover\:ik-text-\[\#74c043\]:hover { --tw-text-opacity: 1; color: rgb(116 192 67 / var(--tw-text-opacity, 1)); } .hover\:ik-text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .hover\:ik-text-brand-primary-blue:hover { --tw-text-opacity: 1; color: rgb(0 114 219 / var(--tw-text-opacity, 1)); } .hover\:ik-text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:ik-no-underline:hover { text-decoration-line: none; } .hover\:ik-underline-offset-2:hover { text-underline-offset: 2px; } .hover\:ik-shadow-2xl:hover { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:ik-shadow-lg:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:ik-border-\[\#74c043\]:focus { --tw-border-opacity: 1; border-color: rgb(116 192 67 / var(--tw-border-opacity, 1)); } .focus\:ik-ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ik-ring-inset:focus { --tw-ring-inset: inset; } .focus\:ik-ring-\[\#74c043\]:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(116 192 67 / var(--tw-ring-opacity, 1)); } .focus\:ik-ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1)); } .focus\:ik-ring-brand-secondary-blue:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 71 137 / var(--tw-ring-opacity, 1)); } .focus\:ik-ring-gray-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1)); } .focus\:ik-ring-indigo-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1)); } .focus\:ik-ring-indigo-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1)); } .data-\[state\=active\]\:ik-border-brand-primary-blue[data-state="active"] { --tw-border-opacity: 1; border-color: rgb(0 114 219 / var(--tw-border-opacity, 1)); } .data-\[state\=active\]\:ik-border-white[data-state="active"] { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .data-\[state\=active\]\:ik-text-brand-primary-blue[data-state="active"] { --tw-text-opacity: 1; color: rgb(0 114 219 / var(--tw-text-opacity, 1)); } .data-\[state\=active\]\:ik-text-white[data-state="active"] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 768px) { .md\:ik-pointer-events-none { pointer-events: none; } .md\:-ik-top-\[20px\] { top: -20px; } .md\:ik-mt-0 { margin-top: 0px; } .md\:ik-block { display: block; } .md\:ik-inline-block { display: inline-block; } .md\:ik-hidden { display: none; } .md\:ik-w-1\/2 { width: 50%; } .md\:ik-w-\[100px\] { width: 100px; } .md\:ik-flex-1 { flex: 1 1 0%; } .md\:ik-flex-initial { flex: 0 1 auto; } .md\:ik-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:ik-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:ik-grid-cols-\[35\%_65\%\] { grid-template-columns: 35% 65%; } .md\:ik-flex-row { flex-direction: row; } .md\:ik-gap-x-8 { column-gap: 2rem; } .md\:ik-gap-y-8 { row-gap: 2rem; } .md\:ik-py-0 { padding-top: 0px; padding-bottom: 0px; } .md\:ik-pt-28 { padding-top: 7rem; } .md\:ik-text-left { text-align: left; } .md\:ik-text-6xl { font-size: 3.75rem; line-height: 1; } .md\:ik-text-\[24px\] { font-size: 24px; } .md\:ik-text-\[42px\] { font-size: 42px; } .md\:ik-text-\[48px\] { font-size: 48px; } .md\:ik-text-\[62px\] { font-size: 62px; } .md\:ik-leading-\[34px\] { line-height: 34px; } .md\:ik-leading-\[52px\] { line-height: 52px; } .md\:ik-leading-\[54px\] { line-height: 54px; } .md\:ik-leading-\[62px\] { line-height: 62px; } } @media (min-width: 992px) { .lg\:ik-right-\[10\%\] { right: 10%; } .lg\:ik-w-1\/2 { width: 50%; } .lg\:ik-w-\[100\%\] { width: 100%; } .lg\:ik-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:ik-flex-row { flex-direction: row; } .lg\:ik-gap-0 { gap: 0px; } .lg\:ik-gap-x-16 { column-gap: 4rem; } .lg\:ik-gap-y-8 { row-gap: 2rem; } .lg\:ik-text-\[54px\] { font-size: 54px; } .lg\:ik-text-\[72px\] { font-size: 72px; } .lg\:ik-leading-\[60px\] { line-height: 60px; } .lg\:ik-leading-\[72px\] { line-height: 72px; } } @media (prefers-color-scheme: dark) { .dark\:ik-text-slate-100 { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity, 1)); } } .\[\&\>a\]\:ik-text-\[\#74c043\]>a { --tw-text-opacity: 1; color: rgb(116 192 67 / var(--tw-text-opacity, 1)); } .\[\&\>a\]\:hover\:ik-text-\[\#74c043\]:hover>a { --tw-text-opacity: 1; color: rgb(116 192 67 / var(--tw-text-opacity, 1)); } .\[\&\>button\]\:ik-flex-1>button { flex: 1 1 0%; } .\[\&\>div\+div\]\:\!ik-mt-8>div+div { margin-top: 2rem !important; } .\[\&\>div\+div\]\:ik-mt-8>div+div { margin-top: 2rem; } .\[\&\>div\>p\]\:ik-mb-0>div>p { margin-bottom: 0px; } .\[\&\>div\]\:ik-mt-8>div { margin-top: 2rem; } @media (min-width: 768px) { .\[\&\>div\]\:md\:ik-mt-0>div { margin-top: 0px; } } .\[\&\>li\+li\]\:ik-mt-4>li+li { margin-top: 1rem; } .\[\&\>li\+li\]\:ik-border-t-2>li+li { border-top-width: 2px; } .\[\&\>li\+li\]\:ik-pt-4>li+li { padding-top: 1rem; } .\[\&\>li\>button\]\:ik-rounded-full>li>button { border-radius: 9999px; } .\[\&\>li\>button\]\:ik-border-2>li>button { border-width: 2px; } .\[\&\>li\>button\]\:ik-border-black>li>button { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .\[\&\>li\>button\]\:ik-px-4>li>button { padding-left: 1rem; padding-right: 1rem; } .\[\&\>li\>button\]\:ik-py-2>li>button { padding-top: 0.5rem; padding-bottom: 0.5rem; } .\[\&\>li\>button\]\:ik-font-bold>li>button { font-weight: 700; } .\[\&\>li\>p\]\:ik-m-0>li>p { margin: 0px; } .\[\&\>li\>span\+span\]\:ik-font-normal>li>span+span { font-weight: 400; } .\[\&\>li\>span\]\:\!ik-font-normal>li>span { font-weight: 400 !important; } .\[\&\>li\>span\]\:ik-font-semibold>li>span { font-weight: 600; } .\[\&\>li\]\:\!ik-block>li { display: block !important; } .\[\&\>li\]\:ik-flex>li { display: flex; } .\[\&\>li\]\:ik-justify-between>li { justify-content: space-between; } .\[\&\>li\]\:ik-rounded-full>li { border-radius: 9999px; } .\[\&\>li\]\:ik-bg-gray-100>li { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .\[\&\>li\]\:ik-px-6>li { padding-left: 1.5rem; padding-right: 1.5rem; } .\[\&\>li\]\:ik-py-2>li { padding-top: 0.5rem; padding-bottom: 0.5rem; } .\[\&\>li\]\:ik-py-4>li { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 992px) { .lg\:\[\&\>li\]\:ik-w-1\/3>li { width: 33.333333%; } } .\[\&\>p\]\:ik-mb-0>p { margin-bottom: 0px; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Open Sans", "sans-serif"; font-size: 14px; line-height: 1.7142; color: #222; background-color: #f9f9f9; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #42a4ff; text-decoration: none; } a:hover, a:focus { color: #007ff5; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 4px; } .img-thumbnail { padding: 4px; line-height: 1.7142; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 23px; margin-bottom: 23px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, .featured-info-block-title, #product-tabs .tabs-panels .acctab.current, h3, .cart-chooser-card-title, #product-tabs .tabs-panels .acctab, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 700; line-height: 1.25; color: #222; } h1 small, h1 .small, h2 small, .featured-info-block-title small, #product-tabs .tabs-panels .acctab.current small, h2 .small, .featured-info-block-title .small, #product-tabs .tabs-panels .acctab.current .small, h3 small, .cart-chooser-card-title small, #product-tabs .tabs-panels .acctab small, h3 .small, .cart-chooser-card-title .small, #product-tabs .tabs-panels .acctab .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .featured-info-block-title, #product-tabs .tabs-panels .acctab.current, .h2, h3, .cart-chooser-card-title, #product-tabs .tabs-panels .acctab, .h3 { margin-top: 23px; margin-bottom: 11.5px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, .featured-info-block-title small, #product-tabs .tabs-panels .acctab.current small, h2 .small, .featured-info-block-title .small, #product-tabs .tabs-panels .acctab.current .small, .h2 small, .h2 .small, h3 small, .cart-chooser-card-title small, #product-tabs .tabs-panels .acctab small, h3 .small, .cart-chooser-card-title .small, #product-tabs .tabs-panels .acctab .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 11.5px; margin-bottom: 11.5px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 32px; } h2, .featured-info-block-title, #product-tabs .tabs-panels .acctab.current, .h2 { font-size: 23px; } h3, .cart-chooser-card-title, #product-tabs .tabs-panels .acctab, .h3 { font-size: 19px; } h4, .h4 { font-size: 17px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 11.5px; } .lead { margin-bottom: 23px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #42a4ff; } a.text-primary:hover, a.text-primary:focus { color: #0f8bff; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #42a4ff; } a.bg-primary:hover, a.bg-primary:focus { background-color: #0f8bff; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 10.5px; margin: 46px 0 23px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 11.5px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 23px; } dt, dd { line-height: 1.7142; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 11.5px 23px; margin: 0 0 23px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.7142; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 23px; font-style: normal; line-height: 1.7142; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 4px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 11px; margin: 0 0 11.5px; font-size: 13px; line-height: 1.7142; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 23px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.7142; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #f9f9f9; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 17.25px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 23px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.7142; color: #555555; } .form-control { display: block; width: 100%; height: 37px; padding: 6px 12px; font-size: 14px; line-height: 1.7142; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 37px; } input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 23px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 37px; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 4px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 4px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 35px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 4px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 4px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 41px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 46.25px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 37px; height: 37px; line-height: 37px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 28px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #626262; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 30px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn, .products-list .item .add-to-links > li .link-compare { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.7142; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .products-list .item .add-to-links > li .link-compare:focus, .btn.focus, .products-list .item .add-to-links > li .focus.link-compare, .btn:active:focus, .products-list .item .add-to-links > li .link-compare:active:focus, .btn:active.focus, .products-list .item .add-to-links > li .link-compare:active.focus, .btn.active:focus, .products-list .item .add-to-links > li .active.link-compare:focus, .btn.active.focus, .products-list .item .add-to-links > li .active.focus.link-compare { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .products-list .item .add-to-links > li .link-compare:hover, .btn:focus, .products-list .item .add-to-links > li .link-compare:focus, .btn.focus, .products-list .item .add-to-links > li .focus.link-compare { color: #333; text-decoration: none; } .btn:active, .products-list .item .add-to-links > li .link-compare:active, .btn.active, .products-list .item .add-to-links > li .active.link-compare { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .products-list .item .add-to-links > li .disabled.link-compare, .btn[disabled], .products-list .item .add-to-links > li .link-compare[disabled], fieldset[disabled] .btn, fieldset[disabled] .products-list .item .add-to-links > li .link-compare, .products-list .item .add-to-links > li fieldset[disabled] .link-compare { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, .products-list .item .add-to-links > li a.disabled.link-compare, fieldset[disabled] a.btn, fieldset[disabled] .products-list .item .add-to-links > li a.link-compare, .products-list .item .add-to-links > li fieldset[disabled] a.link-compare { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #42a4ff; border-color: #2998ff; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #0f8bff; border-color: #0057a8; } .btn-primary:hover { color: #fff; background-color: #0f8bff; border-color: #0079ea; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #0f8bff; border-color: #0079ea; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #0079ea; border-color: #0057a8; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #42a4ff; border-color: #2998ff; } .btn-primary .badge { color: #42a4ff; background-color: #fff; } .btn-success { color: #fff; background-color: #7ac143; border-color: #6eb03a; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #629d34; border-color: #32501b; } .btn-success:hover { color: #fff; background-color: #629d34; border-color: #51822b; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #629d34; border-color: #51822b; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #51822b; border-color: #32501b; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #7ac143; border-color: #6eb03a; } .btn-success .badge { color: #7ac143; background-color: #fff; } .btn-info, .products-list .item .add-to-links > li .link-compare { color: #fff; background-color: #aaa; border-color: #9d9d9d; } .btn-info:focus, .products-list .item .add-to-links > li .link-compare:focus, .btn-info.focus, .products-list .item .add-to-links > li .focus.link-compare { color: #fff; background-color: #919191; border-color: #5e5e5e; } .btn-info:hover, .products-list .item .add-to-links > li .link-compare:hover { color: #fff; background-color: #919191; border-color: #7f7f7f; } .btn-info:active, .products-list .item .add-to-links > li .link-compare:active, .btn-info.active, .products-list .item .add-to-links > li .active.link-compare, .open > .btn-info.dropdown-toggle, .products-list .item .add-to-links > li .open > .dropdown-toggle.link-compare { color: #fff; background-color: #919191; border-color: #7f7f7f; } .btn-info:active:hover, .products-list .item .add-to-links > li .link-compare:active:hover, .btn-info:active:focus, .products-list .item .add-to-links > li .link-compare:active:focus, .btn-info:active.focus, .products-list .item .add-to-links > li .link-compare:active.focus, .btn-info.active:hover, .products-list .item .add-to-links > li .active.link-compare:hover, .btn-info.active:focus, .products-list .item .add-to-links > li .active.link-compare:focus, .btn-info.active.focus, .products-list .item .add-to-links > li .active.focus.link-compare, .open > .btn-info.dropdown-toggle:hover, .products-list .item .add-to-links > li .open > .dropdown-toggle.link-compare:hover, .open > .btn-info.dropdown-toggle:focus, .products-list .item .add-to-links > li .open > .dropdown-toggle.link-compare:focus, .open > .btn-info.dropdown-toggle.focus, .products-list .item .add-to-links > li .open > .dropdown-toggle.focus.link-compare { color: #fff; background-color: #7f7f7f; border-color: #5e5e5e; } .btn-info:active, .products-list .item .add-to-links > li .link-compare:active, .btn-info.active, .products-list .item .add-to-links > li .active.link-compare, .open > .btn-info.dropdown-toggle, .products-list .item .add-to-links > li .open > .dropdown-toggle.link-compare { background-image: none; } .btn-info.disabled:hover, .products-list .item .add-to-links > li .disabled.link-compare:hover, .btn-info.disabled:focus, .products-list .item .add-to-links > li .disabled.link-compare:focus, .btn-info.disabled.focus, .products-list .item .add-to-links > li .disabled.focus.link-compare, .btn-info[disabled]:hover, .products-list .item .add-to-links > li .link-compare[disabled]:hover, .btn-info[disabled]:focus, .products-list .item .add-to-links > li .link-compare[disabled]:focus, .btn-info[disabled].focus, .products-list .item .add-to-links > li .link-compare[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .products-list .item .add-to-links > li .link-compare:hover, .products-list .item .add-to-links > li fieldset[disabled] .link-compare:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .products-list .item .add-to-links > li .link-compare:focus, .products-list .item .add-to-links > li fieldset[disabled] .link-compare:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .products-list .item .add-to-links > li .focus.link-compare, .products-list .item .add-to-links > li fieldset[disabled] .focus.link-compare { background-color: #aaa; border-color: #9d9d9d; } .btn-info .badge, .products-list .item .add-to-links > li .link-compare .badge { color: #aaa; background-color: #fff; } .btn-warning { color: #fff; background-color: #f26524; border-color: #ee550e; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #d64c0d; border-color: #762a07; } .btn-warning:hover { color: #fff; background-color: #d64c0d; border-color: #b5400b; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #d64c0d; border-color: #b5400b; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #b5400b; border-color: #762a07; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f26524; border-color: #ee550e; } .btn-warning .badge { color: #f26524; background-color: #fff; } .btn-danger { color: #fff; background-color: #fb4b46; border-color: #fa332d; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #fa1a14; border-color: #a40804; } .btn-danger:hover { color: #fff; background-color: #fa1a14; border-color: #e50b05; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #fa1a14; border-color: #e50b05; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #e50b05; border-color: #a40804; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #fb4b46; border-color: #fa332d; } .btn-danger .badge { color: #fb4b46; background-color: #fff; } .btn-link { color: #42a4ff; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #007ff5; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 4px; } .btn-sm, .products-list .item .add-to-links > li .link-compare { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 4px; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 4px; } .btn-block, .products-list .item .add-to-links > li .link-compare { display: block; width: 100%; } .btn-block + .btn-block, .products-list .item .add-to-links > li .link-compare + .btn-block, .products-list .item .add-to-links > li .btn-block + .link-compare, .products-list .item .add-to-links > li .link-compare + .link-compare { margin-top: 5px; } input[type="submit"].btn-block, .products-list .item .add-to-links > li input.link-compare[type="submit"], input[type="reset"].btn-block, .products-list .item .add-to-links > li input.link-compare[type="reset"], input[type="button"].btn-block, .products-list .item .add-to-links > li input.link-compare[type="button"] { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 10.5px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.7142; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #42a4ff; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.7142; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #42a4ff; } .nav .nav-divider { height: 1px; margin: 10.5px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.7142; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #f9f9f9; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #42a4ff; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #f9f9f9; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 23px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 13.5px 15px; font-size: 18px; line-height: 23px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 6.75px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 23px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 23px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 13.5px; padding-bottom: 13.5px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 6.5px; margin-bottom: 6.5px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 6.5px; margin-bottom: 6.5px; } .navbar-btn.btn-sm, .products-list .item .add-to-links > li .navbar-btn.link-compare { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 13.5px; margin-bottom: 13.5px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .label, .sticker_sale, .sticker_stockinfo { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty, .sticker_sale:empty, .sticker_stockinfo:empty { display: none; } .btn .label, .products-list .item .add-to-links > li .link-compare .label, .btn .sticker_sale, .products-list .item .add-to-links > li .link-compare .sticker_sale, .btn .sticker_stockinfo, .products-list .item .add-to-links > li .link-compare .sticker_stockinfo { position: relative; top: -1px; } a.label:hover, a.sticker_sale:hover, a.sticker_stockinfo:hover, a.label:focus, a.sticker_sale:focus, a.sticker_stockinfo:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #42a4ff; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #0f8bff; } .label-success, .sticker_stockinfo { background-color: #7ac143; } .label-success[href]:hover, .sticker_stockinfo[href]:hover, .label-success[href]:focus, .sticker_stockinfo[href]:focus { background-color: #629d34; } .label-info { background-color: #aaa; } .label-info[href]:hover, .label-info[href]:focus { background-color: #919191; } .label-warning { background-color: #f26524; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #d64c0d; } .label-danger, .sticker_sale { background-color: #fb4b46; } .label-danger[href]:hover, .sticker_sale[href]:hover, .label-danger[href]:focus, .sticker_sale[href]:focus { background-color: #fa1a14; } .thumbnail { display: block; padding: 4px; margin-bottom: 23px; line-height: 1.7142; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #222; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #42a4ff; } .alert { padding: 15px; margin-bottom: 23px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.7142; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn, .modal-footer .products-list .item .add-to-links > li .link-compare + .btn, .products-list .item .add-to-links > li .modal-footer .link-compare + .btn, .modal-footer .products-list .item .add-to-links > li .btn + .link-compare, .products-list .item .add-to-links > li .modal-footer .btn + .link-compare, .modal-footer .products-list .item .add-to-links > li .link-compare + .link-compare, .products-list .item .add-to-links > li .modal-footer .link-compare + .link-compare { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .products-list .item .add-to-links > li .link-compare + .btn, .products-list .item .add-to-links > li .modal-footer .btn-group .link-compare + .btn, .modal-footer .btn-group .products-list .item .add-to-links > li .btn + .link-compare, .products-list .item .add-to-links > li .modal-footer .btn-group .btn + .link-compare, .modal-footer .btn-group .products-list .item .add-to-links > li .link-compare + .link-compare, .products-list .item .add-to-links > li .modal-footer .btn-group .link-compare + .link-compare { margin-left: -1px; } .modal-footer .btn-block + .btn-block, .modal-footer .products-list .item .add-to-links > li .link-compare + .btn-block, .products-list .item .add-to-links > li .modal-footer .link-compare + .btn-block, .modal-footer .products-list .item .add-to-links > li .btn-block + .link-compare, .products-list .item .add-to-links > li .modal-footer .btn-block + .link-compare, .modal-footer .products-list .item .add-to-links > li .link-compare + .link-compare, .products-list .item .add-to-links > li .modal-footer .link-compare + .link-compare { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/css/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -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 Demo Theme * v1.3.3 */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/css/AjaxLoader.gif) no-repeat center center; } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Product page -------------------------------------------------------------- */ .product-view .sticker { width: inherit; height: inherit; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Product page -------------------------------------------------------------- */ .product-view .sticker { width: inherit; height: inherit; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Product labels */ .products-grid .sticker { width: inherit; height: inherit; font-size: inherit; } .products-grid .item:hover .sticker { width: inherit; height: inherit; } } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Product labels */ .products-grid .sticker { width: inherit; height: inherit; font-size: inherit; } .products-grid .item:hover .sticker { width: inherit; height: inherit; } } /* end: width < 480px */ .sticker.new { background-color: inherit; color: inherit; } .sticker.sale { background-color: inherit; color: inherit; } .r-tab { margin: 0; padding: 0; font-size: 14px; } #excel-table-tab-1 { float: none; margin: 0; width: auto; } #excel-table-tab-1 .attributes-ul { list-style-image: none; } #excel-table-tab-1 .attributes-ul .list-attributes { font-size: 14px; line-height: 1.7142; } #excel-table-tab-2 { float: none; } #excel-table-tab-2 .description-ul { list-style-image: none; } .attributes-descriptions { font-family: "Open Sans", "sans-serif"; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.7142; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; margin-top: 0; width: auto; } .attributes-descriptions h3, .attributes-descriptions .cart-chooser-card-title, .attributes-descriptions #product-tabs .tabs-panels .acctab, #product-tabs .tabs-panels .attributes-descriptions .acctab { padding: 0; font-weight: 700; text-align: inherit; border: none; } .attributes-descriptions .attributes-descriptions-box { width: auto; padding: 0; } .attributes-descriptions .attributes-descriptions-box h4 { font-size: 17px; } .attributes-descriptions .attributes-descriptions-box .attributes-descriptions-content { margin: 0; width: auto; font-size: 14px; text-align: left; } @media only screen and (max-width: 768px) { #excel-table-tab-2 { display: block !important; } } .product-view .product-type-data .price-box { border: none; } div.icon, span.icon { width: 36px; height: 36px; } #nav > li > a { line-height: 49px; } #mobnav-trigger { line-height: 49px; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } .f { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .f-0 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .f-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 0; } .ai-c { -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .d-n { display: none !important; } .fd-c { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .jc-c { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .jc-sb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fw-w { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wrapper { background-color: transparent; } .main { background-color: transparent; } a { transition: color 250ms ease-in-out, background-color 250ms ease-in-out; -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out; -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out; -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out; } .breadcrumbs { position: relative; font-size: 12px; color: #777777; } .breadcrumbs ul { margin: 0; } .breadcrumbs ul li { display: inline-block; } .breadcrumbs ul li a { display: inherit; float: none; } .breadcrumbs ul li a:hover { color: #42a4ff; } .breadcrumbs ul li span { background: none; width: inherit; height: inherit; margin: 0; display: inline-block; float: none; text-indent: inherit; overflow: visible; } .product-image-tabs.gen-tabs { border: none; } .product-image-tabs.gen-tabs .tabs-panels { padding: 0; } @media screen and (min-width: 960px) { .product-image-tabs.gen-tabs .tabs-panels { border-bottom: none; } } .product-image-tabs.gen-tabs .tabs-panels .panel { margin: 0; padding: 0; border: none; } .product-image-tabs.gen-tabs .tabs-panels .panel .img-box .product-image { margin: 0; padding: 0; border: none; } .product-image-tabs.gen-tabs .tabs-panels .panel .img-box .more-images { margin: 0; } .product-image-tabs.gen-tabs .tabs { margin: 0; padding: 0; box-shadow: inset 0 -1px 0 #eeeeee; } .product-image-tabs.gen-tabs .tabs li { float: left; } .product-image-tabs.gen-tabs .tabs #tab-image, .product-image-tabs.gen-tabs .tabs #tab-video { width: 50%; text-align: center; } .product-image-tabs.gen-tabs .tabs a { font-size: 16px; text-decoration: none; line-height: 59px; color: #fff; background-color: #42a4ff; box-shadow: none; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .product-image-tabs.gen-tabs .tabs a i { margin-right: 5px; } .product-image-tabs.gen-tabs .tabs a:hover { color: #42a4ff; background-color: white; } .product-image-tabs.gen-tabs .tabs a.current { margin-top: 0; margin-left: 0; padding: 0 10px; color: #42a4ff; background-color: white; box-shadow: none; } .product-image-tabs.gen-tabs .tabs a.current i { color: #42a4ff; } .product-image-tabs.gen-tabs.accor .tabs-panels .acctab { margin: 0; font-size: 14px; } .product-image-tabs.gen-tabs.accor .tabs-panels .acctab i { margin-right: 5px; } .product-image-tabs.gen-tabs.accor .tabs-panels .acctab.current { display: none; } .product-image-tabs .owl-theme .owl-controls { position: relative; margin: 0; } .product-image-tabs .owl-theme .owl-controls .owl-pagination { height: 40px; } .product-image-tabs .owl-theme .owl-controls .owl-pagination .owl-page span { margin: 15px 5px; width: 10px; height: 10px; background-color: transparent; box-shadow: inset 0 0 0 1px #777777; } .product-image-tabs .owl-theme .owl-controls .owl-pagination .owl-page.active span { background-color: #777777; box-shadow: none; } .product-image-tabs .owl-theme .owl-controls .owl-buttons { height: 40px; } .product-image-tabs .owl-theme .owl-controls .owl-buttons > div { margin: 0; padding: 0; width: 50%; font-size: 30px; line-height: 40px; color: #fff; background: #42a4ff; border-radius: 0; border-bottom: 1px solid white; opacity: 1; } .product-image-tabs .owl-theme .owl-controls .owl-buttons > div:hover { color: #42a4ff; background-color: white; } .product-image-tabs .owl-theme .owl-controls .owl-buttons .owl-next { box-shadow: inset 1px 0 0 white; } .featured-info { background: #e5e5e5; } .featured-info-block { color: #222; text-align: center; } .featured-info-block:hover, .featured-info-block:visited { color: #222; text-decoration: none; } .featured-info-block-inner { padding-top: 20px; padding-bottom: 20px; } .featured-info-block-icon { margin-bottom: 20px; font-size: 48px; line-height: 1; color: #42a4ff; } .featured-info-block-title { position: relative; margin-top: 0; margin-bottom: 20px; } .featured-info-block-title:after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background: #084884; } .featured-info-block-link { color: #42a4ff; } .featured-info .fa { margin-bottom: 20px; font-size: 48px; line-height: 1; color: #42a4ff; } .featured-info .hyperlink-unstyled { display: block; text-decoration: none; color: #222; } .featured-info .fake-link { color: #42a4ff; } .featured-info .fake-link:hover { text-decoration: underline; } * + .divider-md { margin-top: 20px; } @media (min-width: 768px) { * + .divider-md { margin-top: 32px; } } .divider { display: inline-block; } .divider-wrapper h1, .divider-wrapper h2, .divider-wrapper .featured-info-block-title, .divider-wrapper #product-tabs .tabs-panels .acctab.current, #product-tabs .tabs-panels .divider-wrapper .acctab.current, .divider-wrapper h3, .divider-wrapper .cart-chooser-card-title, .divider-wrapper #product-tabs .tabs-panels .acctab, #product-tabs .tabs-panels .divider-wrapper .acctab, .divider-wrapper h4, .divider-wrapper h5, .divider-wrapper h6 { margin: 0; } .divider-sm { height: 2px; width: 30px; } .divider-md { height: 2px; width: 40px; } .divider-center { margin-left: auto; margin-right: auto; } .divider-denim { background: #fff; } .divider-primary { background: #42a4ff; } .cms-news article + article { margin-top: 20px; } .cms-news h2, .cms-news .featured-info-block-title, .cms-news #product-tabs .tabs-panels .acctab.current, #product-tabs .tabs-panels .cms-news .acctab.current { margin-top: 0; color: #42a4ff; } .header-container { background-color: #1872C5; background-color: #0072db; } .header-container .header-top-container { font-size: 12px; font-weight: 400; background-color: #084884; background-color: #004789; } .header-container .header-top-container a { text-decoration: underline; } .header-container .header-primary-container .logo-wrapper .logo img { height: 60px; } .header-container .header-primary-container .user-menu > div { display: inline-block; } #top .nav-container { padding-bottom: 0 !important; } #top .nav-container #nav { margin-bottom: 0; background-color: transparent; } #top .nav-container #nav > li > a { color: #fff; } #top .nav-container #nav > li > a .caret { border-top-color: #fff; } .footer-container { background-color: #313133; background-image: none; } .footer-bottom-container { background-color: transparent; } .footer.footer-primary { background-color: transparent; } .footer.footer-bottom { padding-top: 0; padding-bottom: 0; } .site-footer { font-size: 12px; text-align: center; color: #989899; background-color: #313133; } .site-footer a { color: #989899; } .site-footer ul li { padding-top: 4px; padding-bottom: 4px; } .site-footer ul li > .fa { display: block; margin-bottom: 5px; color: #fff; } @media screen and (min-width: 768px) { .site-footer ul li > .fa { display: inline-block; margin-right: 5px; margin-bottom: 0; } } .site-footer-content { padding-top: 40px; padding-bottom: 40px; } @media screen and (min-width: 768px) { .site-footer-content { text-align: left; } } .site-footer-copy { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #777777; } @media screen and (min-width: 768px) { .site-footer-copy div[class^="col-"]:first-child { text-align: left; } } @media screen and (min-width: 768px) { .site-footer-copy div[class^="col-"]:last-child { text-align: right; } } .site-footer-copy ul { margin-bottom: 0; } .site-footer-title { margin-bottom: 20px; color: #fff; } .site-footer-brand { display: block; margin-bottom: 20px; height: 60px; } .site-footer-brand img { width: auto; height: 100%; } .site-footer-links ul li > a { display: block; } .block-bestsellers-title { margin-top: 0; padding-bottom: 7px; font-size: 18px; font-weight: 400; line-height: 22px; border-bottom: 1px solid #e5e5e5; } .block-bestsellers { margin-bottom: 20px; padding: 10px 10px; background-color: #fff; box-shadow: 0 0 4px 0 #e1e1e1; } .block-bestsellers .block-bestsellers-list { margin: 0; padding: 0; } .block-bestsellers .block-bestsellers-list .block-bestsellers-item { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; } .block-bestsellers .block-bestsellers-list .block-bestsellers-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .block-bestsellers .block-bestsellers-list .block-bestsellers-item > div { overflow: auto; zoom: 1; } .block-bestsellers .block-bestsellers-list .block-bestsellers-item .block-image { float: left; width: 40px; height: 40px; background-color: #d92222; } .block-bestsellers .block-bestsellers-list .block-bestsellers-item .block-content { float: right; padding: 0; width: calc(100% - 45px); } .block-bestsellers .block-bestsellers-list .block-bestsellers-item .block-content h5 { margin-top: 0; margin-bottom: 0; line-height: 1.4; } .block-bestsellers .block-bestsellers-list .block-bestsellers-item .block-content > span { color: #d92222; font-weight: 700; line-height: 1; } .attributes-descriptions img { display: block; margin-left: auto; margin-right: auto; } .homeoffer .list-group + .list-group { margin-top: 10px; } .homeoffer h3, .homeoffer .cart-chooser-card-title, .homeoffer #product-tabs .tabs-panels .acctab, #product-tabs .tabs-panels .homeoffer .acctab { margin-top: 0; font-size: 14px; line-height: 1.7142; color: #42a4ff; } .homeoffer a:hover { text-decoration: none; } .homeoffer .description { font-size: 12px; } .homeoffer .addto { margin-top: 10px; } .homeoffer .addto .btn, .homeoffer .addto .products-list .item .add-to-links > li .link-compare, .products-list .item .add-to-links > li .homeoffer .addto .link-compare { margin-top: 10px; } .breadcrumbs { margin-bottom: 20px; } .page-section { margin-top: 60px; margin-bottom: 60px; } .category-products { margin-top: 0; } .products-list .item .btn, .products-list .item .add-to-links > li .link-compare { max-width: inherit; height: auto; } .products-list .item .add-to-links > li { float: none; margin: 0; } .products-list .item .add-to-links > li .link-compare { margin-bottom: 5px; max-width: inherit; height: auto; } .products-list .item .add-to-links > li .link-compare > span { display: block; } .products-list .item .add-to-links > li .link-compare .icon { display: none; } .products-list .product-name { font-weight: 700; line-height: 1.25; } .products-list .product-name > a { color: #222; } .product-tiles-list .product-tile-wrapper { margin-top: 10px; margin-bottom: 10px; } .product-tiles-list .product-tile-wrapper .product-tile { padding: 10px; z-index: 0; height: 100%; background-color: #fff; } .product-tiles-list .product-tile-wrapper .product-tile:hover { z-index: 1; } .product-tiles-list .product-tile-wrapper .product-tile .preview { position: relative; } .product-tiles-list .product-tile-wrapper .product-tile .preview img { display: block; margin: 0 auto; } .product-tiles-list .product-tile-wrapper .product-tile .description .product-name { display: block; margin-top: 10px; font-weight: 700; } .product-tiles-list .product-tile-wrapper .product-tile .description .product-price { margin-top: 10px; font-size: 24px; font-weight: 700; line-height: 1; color: #fb4b46; } .product-tiles-list .product-tile-wrapper .product-tile .addto .price-box > p { margin-bottom: 0; } .product-tiles-list .product-tile-wrapper .product-tile .addto .price-box .price { line-height: 1; } .product-tiles-list .product-tile-wrapper .product-tile .addto .price-box .regular-price { font-weight: 700; } .block-layered-nav #narrow-by-list ol { margin: 0; padding: 0; list-style: none; } .block-layered-nav #narrow-by-list ol li { font-size: 12px; } .block-layered-nav #narrow-by-list ol li a { display: inline-block; } .block-layered-nav #narrow-by-list ol li a > span { display: inline-block; color: #777777; } .catalog-product-view .product-view .product-name h1 { font-size: 23px; } .catalog-product-view .product-view .guarantee { margin-bottom: 20px; } .catalog-product-view .product-view .add-to-box > div { display: inline-block; } .catalog-product-view .product-view .add-to-box .add-to-cart .qty-wrapper { display: none; } .catalog-product-view .product-view .card { min-height: 360px; } .catalog-product-view .product-view #ingredients { margin-top: 0; } .sticker-wrapper { position: absolute; top: 5px; right: 5px; z-index: 99; line-height: 2; text-align: right; } .sticker > span { font-size: 1em; } .short-description ul { margin: 0 !important; } .short-description ul li { position: relative; padding-left: 20px; } .short-description ul li:before { content: '\f00c'; position: absolute; left: 0; font-family: FontAwesome; color: #7ac143; } .guarantee-image { margin-right: 10px; } .guarantee-text { font-size: 18px; font-weight: 700; } .price-box .price-label { font-size: 14px !important; color: #222 !important; } .price-box .price { font-family: "Open Sans", "sans-serif" !important; color: #222 !important; font-size: 32px !important; font-weight: 700; } .price-box .special-price { display: inline-block; } .price-box .special-price .price-label { display: block; font-weight: 700; } .price-box .special-price .price { color: #fb4b46 !important; line-height: 1; } .price-box .old-price { display: inline-block; } .price-box .old-price .price-label { display: inline-block !important; color: #777777 !important; } .price-box .old-price .price { text-decoration: none; font-size: 14px !important; font-weight: 400; color: #777777 !important; } .order-by-telephone { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .order-by-telephone-inner { position: relative; padding-left: 40px; } .order-by-telephone-inner:before { content: '\f095'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-family: FontAwesome; font-size: 32px; } .order-by-telephone p:last-child { margin-bottom: 0; } .order-by-telephone-sku { color: #42a4ff; } .cart-chooser { margin-top: 20px; margin-bottom: 40px; text-align: center; } .cart-chooser-card { padding: 10px 10px 20px 10px; height: 100%; background: #fff; border: 1px solid #e5e5e5; } .cart-chooser-card:first-child { margin-bottom: 20px; } @media screen and (min-width: 1200px) { .cart-chooser-card:first-child { margin-bottom: 0; } } .cart-chooser-card-title { margin-top: 0; } .cart-chooser-card .price-box { margin-top: 10px; margin-bottom: 10px; } .cart-chooser-card .price-box .price-label { white-space: normal !important; } .cart-chooser-card .price-box .regular-price { margin-top: 31px; } .cart-chooser-card .price-box .regular-price .price-label { display: block; } .cart-chooser-card .price-box .regular-price .price { line-height: 1; } .cart-chooser-card .price-box .special-price { display: block; } .cart-chooser-card .price-box .old-price { display: block; } .cart-chooser-card .price-box .old-price + .special-price { margin-top: 0; } .cart-chooser-card .fa { margin-bottom: 20px; font-size: 48px; line-height: 1; color: #42a4ff; } #product-tabs .tabs { margin-bottom: 0; } #product-tabs .tabs .tab { border-top-right-radius: 4px; border-top-left-radius: 4px; margin-top: 8px; padding-right: 20px; padding-left: 20px; font-weight: 700; line-height: 41px; color: #eeeeee; background-color: #777777; border-top: 1px solid #777777; border-right: 1px solid #777777; border-left: 1px solid #777777; cursor: pointer; -webkit-transition: all 25ms; transition: all 25ms; } #product-tabs .tabs .tab.current { margin-top: 0; line-height: 50px; color: #222; background-color: #fff; border-top: 1px solid #777777; border-right: 1px solid #777777; border-left: 1px solid #777777; } #product-tabs .tabs .tab:hover:not(.current) { margin-top: 0; line-height: 49px; } #product-tabs .tabs .tab + .tab { margin-left: 3px; } #product-tabs .tabs-panels { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-top: -1px; padding: 0; background-color: transparent; } @media screen and (min-width: 960px) { #product-tabs .tabs-panels { background-color: #fff; border: 1px solid #777777; } } #product-tabs .tabs-panels .acctab { margin-top: 3px; margin-bottom: 3px; padding-top: 10px; padding-bottom: 10px; width: 100%; text-align: left; color: #eeeeee; background-color: #000; border: none; } #product-tabs .tabs-panels .acctab.current { margin-bottom: 40px; padding: 0; background-color: transparent; } #product-tabs .tabs-panels .panel { padding: 0; } @media screen and (min-width: 960px) { #product-tabs .tabs-panels .panel { padding: 20px; } } .accordion { background-color: #222; } .tab-content .tab-pane-title { margin-top: 10px; margin-bottom: 20px; font-weight: 400; } #excel-table-tab-2 ul li { position: relative; padding-left: 20px; } #excel-table-tab-2 ul li :before { content: '\f00c'; position: absolute; left: 0; font-family: FontAwesome; color: #7ac143; } #szereles-info.ac-installation h3, #szereles-info.ac-installation .cart-chooser-card-title, #szereles-info.ac-installation #product-tabs .tabs-panels .acctab, #product-tabs .tabs-panels #szereles-info.ac-installation .acctab { margin-top: 0; } .bg-denim { position: relative; z-index: 1; padding-top: 20px; padding-bottom: 20px; color: #fff; background-color: #42a4ff; } .bg-denim h2, .bg-denim .featured-info-block-title, .bg-denim #product-tabs .tabs-panels .acctab.current, #product-tabs .tabs-panels .bg-denim .acctab.current { color: #fff; } .bg-denim .bg-diamond-element { position: absolute; left: 50%; bottom: 0; z-index: -2; width: 30px; height: 30px; -webkit-transform: translateX(-50%) translateY(50%) rotate(45deg); transform: translateX(-50%) translateY(50%) rotate(45deg); background: #42a4ff; pointer-events: none; } .card { background-color: #fff; border-radius: 4px; } .card-shadowed { box-shadow: 0 2px 4px #eeeeee; } .card-body { padding: 20px; } .card-title { margin-top: 0; color: #42a4ff; } #featured-articles .divider-wrapper { margin-bottom: 20px; } .featured-video-wrapper { position: relative; width: 100%; height: 100%; border-radius: 4px; overflow: hidden; } .featured-video-background iframe { position: absolute; top: 0; left: -100%; width: 300%; height: 100%; pointer-events: none; } .featured-video-foreground { position: absolute; top: 0; left: -100%; width: 300%; height: 100%; pointer-events: none; } .featured-video-fade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); } .featured-video-modals .modal-header { position: absolute; top: 0; right: 0; z-index: 1; padding: 0; border: none; } .featured-video-modals .modal-header button { width: 40px; height: 40px; opacity: 1; } .featured-video-modals .modal-body { padding: 0; } .responsive-video-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .responsive-video-embed-container iframe, .responsive-video-embed-container object, .responsive-video-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .list-group + .list-group { margin-top: 20px; } .list-group .list-group-item.check { position: relative; padding-left: 20px; } .list-group .list-group-item.check:before { content: '\f00c'; position: absolute; left: 0; font-family: FontAwesome; color: #7ac143; } #featured-articles img { display: block; margin: 0 auto; width: auto; max-height: 200px; } #mini-cart .dropdown-menu { margin: 0; border: none; border-radius: 0; } .checkout-cart-index { /*.cart-air-conditioner-installation.error-border { box-shadow: inset 0 0 0 3px #fb4b46; } .cart-air-conditioner-installation.error-border .background { display: block; background-color: rgba(251, 75, 70, 0.15); } .cart-air-conditioner-installation.error-border label { color: #000; } .cart-air-conditioner-installation.error-border .fieldset .field input[type="radio"] { border-color: #fb4b46; }*/ } .checkout-cart-index #klimabeuzemeles { margin-bottom: 30px; } .checkout-cart-index #klimabeuzemeles #klimabeuzemeles-opener { font-size: 1.3333em; line-height: 3em; text-align: center; color: #ffffff; background-color: #42a4ff; cursor: pointer; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .checkout-cart-index #klimabeuzemeles #klimabeuzemeles-opener .active { color: #ffffff; background-color: #42a4ff; } .checkout-cart-index #klimabeuzemeles #klimabeuzemeles-opener .caret { border-top-color: white; transition: border-top-color 300ms ease-in-out; -moz-transition: border-top-color 300ms ease-in-out; -webkit-transition: border-top-color 300ms ease-in-out; -o-transition: border-top-color 300ms ease-in-out; } .checkout-cart-index #klimabeuzemeles #klimabeuzemeles-opener:hover:not(.active) { color: #42a4ff; background: #fff; } .checkout-cart-index #klimabeuzemeles #klimabeuzemeles-opener:hover .caret { border-top-color: #42a4ff; } .checkout-cart-index #klimabeuzemeles #klimabeuzemeles-content { padding: 20px; font-size: 14px; line-height: 1.7142; border: 1px solid #42a4ff; border-top: none; transition: border-color 300ms ease-in-out; -moz-transition: border-color 300ms ease-in-out; -webkit-transition: border-color 300ms ease-in-out; -o-transition: border-color 300ms ease-in-out; } .checkout-cart-index #klimabeuzemeles #klimabeuzemeles-content.active { border-color: #42a4ff; } .checkout-cart-index .installation-totals-group { margin: 0 auto; padding: 20px; max-width: 520px; border: 3px solid #42a4ff; } .checkout-cart-index .installation-totals-group .grid-full { width: 100% !important; } .checkout-cart-index .checkout-cart-index div.grid12-6.mobile-grid-half { margin-bottom: 0; } .checkout-cart-index .cart-air-conditioner-installation { position: relative; margin-right: auto; margin-bottom: 40px !important; margin-left: auto; } .checkout-cart-index .cart-air-conditioner-installation h2, .checkout-cart-index .cart-air-conditioner-installation .featured-info-block-title, .checkout-cart-index .cart-air-conditioner-installation #product-tabs .tabs-panels .acctab.current, #product-tabs .tabs-panels .checkout-cart-index .cart-air-conditioner-installation .acctab.current { position: relative; font-size: 28px; color: #f12b63; } .checkout-cart-index .cart-air-conditioner-installation h3, .checkout-cart-index .cart-air-conditioner-installation .cart-chooser-card-title, .checkout-cart-index .cart-air-conditioner-installation #product-tabs .tabs-panels .acctab, #product-tabs .tabs-panels .checkout-cart-index .cart-air-conditioner-installation .acctab { position: relative; margin-bottom: 15px; font-size: 18px; line-height: 20px; } .checkout-cart-index .cart-air-conditioner-installation p { position: relative; margin-bottom: 7px; font-size: 16px; line-height: 20px; } .checkout-cart-index .cart-air-conditioner-installation p { font-weight: 700; } .checkout-cart-index .cart-air-conditioner-installation .fieldset { position: relative; margin: 0; padding: 0; } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field { margin-bottom: 5px; padding-right: 18px; } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field:last-child { margin-bottom: 0; } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field label { margin-right: 4px; font-size: 16px; /*font-weight: 700;*/ line-height: 22px; /*color: #656d72;*/ color: #000; cursor: pointer; } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field label:hover { color: #000; text-decoration: underline; } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field input { margin: 4px !important; background-color: #fff; border: none; border-radius: 4px; -webkit-appearance: none; -webkit-font-smoothing: inherit; cursor: auto; } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field input[type="radio"] { position: absolute; width: 20px; height: 20px; vertical-align: -4px; outline: 0; /*border: 1px solid #e0e0e0;*/ border: 1px solid #656d72; box-shadow: 0 0 0 0 #1e88e5 inset; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field input[type="radio"] { border-radius: 50%; } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field input[type="radio"]:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field input[type="radio"]:checked { border: none; box-shadow: 0 0 0 10px #1e88e5 inset; } .checkout-cart-index .cart-air-conditioner-installation .fieldset .field input[type="radio"]:checked:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); } .checkout-cart-index .cart-air-conditioner-installation .fieldset.radio input:after { margin-left: -2px; margin-top: -2px; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; } .checkout-cart-index .totals .btn-checkout span { float: none; color: #fff; background-color: transparent; } .checkout-cart-index .totals .btn-checkout span:hover { color: #fff; background-color: transparent; } .checkout-cart-index #shopping-cart-totals-table tr { height: 50px; border-bottom: 1px solid #eee; } .checkout-cart-index #shopping-cart-totals-table tr td { vertical-align: middle; } .checkout-cart-index #shopping-cart-totals-table tfoot tr strong .price { font-size: 24px; } .checkout-cart-index #shopping-cart-totals-table tfoot tr:last-child strong .price { color: #42a4ff; } .checkout-cart-index #shopping-cart-totals-table .a-right:first-child { text-align: left !important; } .cms-index-index .grid-full { margin: 0; width: 100%; } .cms-index-index .main { margin-top: 0 !important; padding-top: 0 !important; } .cms-index-index .the-slideshow-wrapper-outer { margin-bottom: 0 !important; } .cms-index-index .featured-info { margin-top: 0; margin-bottom: 0; } .cms-index-index .bestsellers { margin-top: 0; } .cms-index-index .bestsellers .bg-denim { margin-bottom: 40px; } #nav .itemgrid-6col .item { width: 16.6666%; } #top-left-call { font-size: 12px; font-weight: 800; vertical-align: middle; } #top-right-additional { margin-left: 50px; font-size: 12px; font-weight: 800; vertical-align: middle; } .shipping-info { margin-bottom: 1em; display: table; /*raktarrol*/ /*rendelesre*/ /*utolso_darabok*/ /*keszlet_hiany*/ } .shipping-info .s-border { padding: 2em; border: 1px solid #156899; } .shipping-info .shipping-info-row { display: table; } .shipping-info .s-i-icon { float: left; width: 60px; height: 48px; } .shipping-info .shipping-info .s-content h2, .shipping-info .shipping-info .s-content .featured-info-block-title, .shipping-info .shipping-info .s-content #product-tabs .tabs-panels .acctab.current, #product-tabs .tabs-panels .shipping-info .shipping-info .s-content .acctab.current { font-size: 2.3333em; } .shipping-info .keszlet_info-separator { padding-bottom: 2em; } .shipping-info .s-content { padding: 10px; } .shipping-info .shipping-info-img { display: table-cell; width: 60px; height: 48px; } .shipping-info .s-i-head { font-size: 1.3333em; font-weight: 600; } .shipping-info .s-i-right { display: table-cell; } .shipping-info .keszlet_info_1268 { background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/shipping_icons/keszlet_info_1268.png) no-repeat center left; } .shipping-info .keszlet_info_1267, .shipping-info .keszlet_info_1319, .shipping-info .keszlet_info_1419 { background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/shipping_icons/keszlet_info_1267.png) no-repeat center left; } .shipping-info .keszlet_info_1320 { background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/shipping_icons/keszlet_info_1320.png) no-repeat center left; } .shipping-info .keszlet_info_1644 { background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/shipping_icons/keszlet_info_1644.png) no-repeat center left; } .shipping-info .szemelyes_atvetel { background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/shipping_icons/user_48.png) no-repeat center left; } .shipping-info .kiszallitas { background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/shipping_icons/shipping_48.png) no-repeat center left; } .shipping-info .beuzemeles { background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/shipping_icons/wrench_plus_2_48.png) no-repeat center left; } .shipping-info .s-i-content { font-size: 1.1em; font-weight: 100; } .shipping-info .s-separator { margin-top: 0.3333em; margin-bottom: 0.3333em; height: 0.2em; background: #EEEEEE; clear: both; } .shipping-box-small-screen { margin-top: 1em; margin-bottom: 1em; } /*checkout*/ /*.add-to-cart .qty-wrapper {padding-left: 10px;}*/ /*.product-view .add-to-cart label { margin-left: 10px; }*/ .checkout-s-info { vertical-align: middle; } .checkout-s-info-img { display: inline-block; width: 30px; height: 30px; background: url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/i_msg-note.png) no-repeat center; vertical-align: middle; } @media only screen and (min-width: 960px) { .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; float: left; width: 33%; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 96% !important; height: 50% !important; } .contact-block { text-align: left; float: left; width: 33%; } .contact-block p { font-size: 1.3em; font-weight: 600; color: #156899; padding-top: 10px; padding-bottom: 10px; } #contactForm { float: left; width: 33%; } } @media only screen and (max-width: 960px) { .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 85% !important; } .contact-block { text-align: left; width: 100%; margin-bottom: 60px; } .contact-block p { font-size: 1.1em; font-weight: 600; color: #156899; padding-top: 10px; padding-bottom: 10px; } #contactForm { width: 100%; } } #contactForm .field, #contactForm .input-text { width: 100%; } .contact-block table { border-collapse: collapse; width: 100%; } /*.contact-block table, td {border: 1px solid black;}*/ .contact-block td { padding: 2px; background-color: #E9E9E9; color: #000; text-align: center; font-weight: 600; } .contact-block tr.alt td { background-color: #fff; color: #000; } .contact-block .closed_text { font-size: 14px; color: #EE071C; } .filter-name { font-size: 16px; } .block-title { color: #156899; } .filter-value { font-size: 14px; } /*.toolbar .pager { border:none; float: right;}*/ /*.sorter .limiter { margin-top: 5px;}*/ #excel-table-tab-2 table tr td { font-family: 'Arial' !important; width: 100% !important; border: 1px solid #156899 !important; } /* #garancia-content {font-size: 14px;} #garancia-content h3 {margin-top: 10px;} #garancia-content ul{list-style-image: url('https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/pipa.gif');padding-left: 20px;} */ .footer .bullet { font-size: 14px; } .footer .footer-icon { text-align: center; margin: 10px; } .itemslider { text-align: center; } .owl-item .old-price { display: none; } .owl-item .price-label-regular { font-size: 18px; } .owl-item .price { font-size: 18px; display: block; } .gen-tabs-style1 .tabs a { border-color: #fff; } #nav.wide ul.level0 > li > a { font-size: 16px; font-weight: 600; /*text-transform: uppercase;*/ } .wholesaler #contactForm { width: 100%; } .category-tabs .gen-tabs .tabs .current { background-color: #ccc; color: #156899; } /** Product Page - Tabs **/ .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color: #ffffff; color: #156899; /**/ } .gen-tabs .tabs a.current { background-color: #a5cfe5; /**/ color: #156899; /**/ } /** Product Page - Shipping Info Title **/ .product-img-column .shipping-info-title { /*display: block;*/ margin-top: 10px; width: 100%; } .product-img-column .shipping-info-title > div, .product-img-column .shipping-info-title > h2, .product-img-column .shipping-info-title > .featured-info-block-title, .product-img-column #product-tabs .tabs-panels .shipping-info-title > .acctab.current, #product-tabs .tabs-panels .product-img-column .shipping-info-title > .acctab.current { display: table-cell; vertical-align: middle; } /** Checkout Cart **/ /** Offer Form **/ #offerForm label { font-size: 15px; line-height: 18px; } #offerForm label em { margin-right: 5px; } #offerForm .field { margin-bottom: 10px; } /* Article Recommendation */ .article-recommendation { margin-bottom: 60px; } .article-recommendation:after { content: ""; display: table; clear: both; } .article-recommendation .row:after { content: ""; clear: both; display: table; } .article-recommendation .article-recommendation-item-list:after { content: ""; clear: both; display: table; } .article-recommendation .article-recommendation-item { margin-bottom: 20px; } .article-recommendation .article-recommendation-item > div { padding: 10px; border: 1px solid #156899; border-radius: 4px; } .article-recommendation .title { color: #f12b63; } .article-recommendation .image { margin-bottom: 10px; position: relative; overflow: hidden; } .article-recommendation .image:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .article-recommendation img { position: absolute; top: 50%; right: 0; bottom: 0; left: 0; width: 100%; height: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .article-recommendation .description { font-size: 14px; line-height: 1.42; } .article-recommendation .btn, .article-recommendation .products-list .item .add-to-links > li .link-compare, .products-list .item .add-to-links > li .article-recommendation .link-compare { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 10px 10px; font-size: 14px; line-height: 1.7142; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .article-recommendation .btn, .article-recommendation .products-list .item .add-to-links > li .link-compare, .products-list .item .add-to-links > li .article-recommendation .link-compare { padding: 15px 10px; font-size: 14px; line-height: normal; border-radius: 4px; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .article-recommendation .btn, .article-recommendation .products-list .item .add-to-links > li .link-compare, .products-list .item .add-to-links > li .article-recommendation .link-compare { margin-top: 10px; } .article-recommendation .btn-01 { color: #fff; background-color: #507e7b; } .article-recommendation .btn-02 { color: #fff; background-color: #ff4411; } .article-recommendation .btn-03 { color: #fff; background-color: #41b23e; } @media screen and (min-width: 768px) { .article-recommendation .row { margin-left: -10px; margin-right: -10px; } .article-recommendation .article-recommendation-item { margin-bottom: 0; } } /* Article Recommendation END */ .product-essential-left { display: flex; flex-direction: column; } .installation-bundle { display: flex; align-items: center; justify-content: center; padding-bottom: 40px; height: 100%; } #excel-table-tab-1 .attributes-ul .list-attributes { padding-top: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #e5e5e5; } #excel-table-tab-1 .attributes-ul .list-attributes:first-child { border-top: 1px solid #b69949; } #excel-table-tab-1 .attributes-ul .list-attributes:last-child { padding-bottom: 0; border-bottom: none; } #excel-table-tab-1 .attributes-ul .list-attributes strong { display: block; color: #b69949; } /*# sourceMappingURL=../css/style.css.map */ :root { --primary-color-default: #9E9E9E; --primary-color-dark: #757575; } #nav > li > a, #mobnav-trigger { font-size: 14px; } .ik-text-brand-primary-blue { color: var(--primary-color-default); } .ik-bg-brand-primary-blue { background-color: var(--primary-color-default); } .ik-bg-brand-secondary-blue { background-color: var(--primary-color-dark); } .hover\:ik-bg-brand-secondary-blue:hover { background-color: var(--primary-color-dark); } .hover\:ik-border-brand-primary-blue:hover { border-color: var(--primary-color-default); } a { color: var(--primary-color-default) } a:hover { color: var(--primary-color-dark) } .btn-primary { background-color: var(--primary-color-default); border-color: var(--primary-color-dark); } .btn-primary:hover { background-color: var(--primary-color-dark); border-color: var(--primary-color-dark); } .card-title { color: var(--primary-color-default); } .divider-primary { background: var(--primary-color-default); } .checkout-cart-index .installation-totals-group { border-color: var(--primary-color-default); } .checkout-cart-index #shopping-cart-totals-table tfoot tr:last-child strong .price { color: var(--primary-color-default); } h1.onestepcheckout-title, form div.onestepcheckout-skin-magento .onestepcheckout-numbers { color: var(--primary-color-default) !important; } a.onestepcheckout-button, a.onestepcheckout-button:visited { background: var(--primary-color-default); } a.onestepcheckout-button:hover { background: var(--primary-color-dark); } .bg-denim { background-color: var(--primary-color-dark); } .bg-denim .bg-diamond-element { background-color: var(--primary-color-dark); } /* * Product images gallery and zoom */ /* Basic zoom styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border:1px solid #ccc; margin:-1px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is the zoom window. */ .cloud-zoom-big { border:1px solid #e5e5e5; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:0.25em; border:1px solid #000; } #wrap { /* Decrease default z-index */ z-index:99 !important; } /* Zoom position: "inside" -------------------------------------------------------------- */ .product-image .mousetrap { z-index:100 !important; /* For responsive layout */ width:100% !important; height:100% !important; } .zoom-inside #wrap { overflow:hidden; } /* No borders if zoom position is "inside" */ .zoom-inside .cloud-zoom-big { border:none; } /* Display images without Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom area */ .simple-mode .cloud-zoom-big, .simple-mode .cloud-zoom-lens { display:none !important; } .simple-mode .cloud-zoom-lens { cursor:default !important; } /* Zoom button (enlarge the main image) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .zoom-btn-small { position:absolute; right:4px; bottom:4px; padding:0 1em; line-height:2.6666em; z-index:100; background-color:#fff; background-color:rgba(255,255,255, 0.7); color:#333; } .zoom-btn-small:hover { background-color:#fff; } /* Use lightbox without cloud zoom */ .zoom-btn-large { position:absolute; top:0; bottom:0; right:0; left:0; padding:0; z-index:100; cursor:pointer; text-indent:-9999px; overflow:hidden; } .zoom-btn-large:hover { background-color:rgba(255,255,255, 0.15); } /* Skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box .product-image { margin: 0 auto; position:relative; /* Labels (e.g. "sale") are positioned relative to this box */ } .img-box .product-image.product-image-zoom { z-index:9; } /*TODO: obsolete*/ /* Image pop-up */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight:bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { margin:0 0 10px; } /* Thumbnails */ .img-box .more-images { margin-top:12px; } /*.img-box .more-images .thumbnails { width:80%; margin:0 auto; }*/ /*.img-box .more-images .thumbnails .item { float:left; }*/ /* Deprecated */ .img-box .more-images .thumbnails .item.last { margin-right:0; } /* Deprecated */ .img-box .more-images .thumbnails .item a { margin:0 3px; display:block; overflow:hidden; text-decoration:none; text-align:center; } /* Thumbnails - with slider */ .img-box .more-images .thumbnails.slides { display:none; } /* Minimum size of thumbnail if lazy loading enabled */ .img-box .more-images .thumbnails .owl-item.loading { min-height:50px; } .img-box .more-images .thumbnails .owl-item.loading a { min-height:36px; } /* Thumbnails - without slider */ .img-box .more-images .thumbnails.show-all { width:100%; text-align: center; } .img-box .more-images .thumbnails.show-all .item { float: none; display: inline-block; } /* Skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box-style1 .product-image { border:1px solid #eee; padding:5px; } /* Thumbnails */ /* Prevent cutting off thumbnails */ .img-box-style1 .more-images .thumbnails .owl-wrapper-outer { padding:1px 0; } .img-box-style1 .more-images .thumbnails .item a { margin:0 2px 4px; padding:4px; border:1px solid #eee; } .img-box-style1 .more-images .thumbnails .item a:hover { border-color:#999; position:relative; z-index:1; } /* Thumbnails carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .img-box .itemslider-thumbnails { margin-left: auto; margin-right: auto; } .itemslider-thumbnails { max-width:237px; } /* count-3 is default */ .itemslider-thumbnails.count-1 { max-width:79px; } .itemslider-thumbnails.count-2 { max-width:158px; } /** * Lightbox */ /* ColorBox Core Style -------------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; } .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* ColorBox skin. The following styles are ordered & tabbed in a way that represents the nesting of the generated HTML. -------------------------------------------------------------- */ #cboxOverlay{background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ } #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious, #cboxNext { position:absolute; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/slider-arrows.png) no-repeat #ddd; width:30px; height:30px; text-indent:-9999px; } #cboxPrevious:hover, #cboxNext:hover { background-color:#333; } #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;} #cboxPrevious:hover{background-position:-10px -60px;} #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;} #cboxNext:hover{background-position:-60px -60px;} #cboxLoadingOverlay{background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:10px; right:10px; background:url(https://www.klimahome.hu/skin/frontend/ultimo/iceklima/images/infortis/_shared/close-button.png) -10px -10px no-repeat #ddd; width:30px; height:30px; text-indent:-9999px;} #cboxClose:hover{background-position:-10px -60px; background-color:#333;} /* Captions */ #cboxTitle {position:absolute; bottom:17px; left:0; text-align:center; width:100%; color:#999;} /* Alternative position and style of captions */ /* #cboxTitle { position: absolute; bottom: 50px; left: 10px; text-align: left; right: 10px; color: #000; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); padding: 10px; } */ #cboxNext, #cboxPrevious, #cboxClose { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; }