/** * 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@magentocommerce.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.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.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.designtorget.se/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.designtorget.se/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.designtorget.se/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.designtorget.se/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.designtorget.se/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.designtorget.se/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.designtorget.se/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.designtorget.se/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.designtorget.se/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* Print ======================================================================================= */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ======================================================================================= */ /*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}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:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0;border:0} /**** Typography ****/ @font-face { font-family: 'apercubold'; src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold-webfont.eot'); src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold-webfont.woff2') format('woff2'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold-webfont.woff') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold-webfont.ttf') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold-webfont.svg#apercubold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'apercubold_italic'; src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold_italic-webfont.eot'); src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold_italic-webfont.woff2') format('woff2'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold_italic-webfont.woff') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold_italic-webfont.ttf') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_bold_italic-webfont.svg#apercubold_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'apercumono'; src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_mono-webfont.eot'); src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_mono-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_mono-webfont.woff2') format('woff2'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_mono-webfont.woff') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_mono-webfont.ttf') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_mono-webfont.svg#apercumono') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'apercumedium_italic'; src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium_italic-webfont.eot'); src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium_italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium_italic-webfont.woff2') format('woff2'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium_italic-webfont.woff') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium_italic-webfont.ttf') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium_italic-webfont.svg#apercumedium_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aperculight_italic'; src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_italic-webfont.eot'); src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_italic-webfont.woff2') format('woff2'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_italic-webfont.woff') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_italic-webfont.ttf') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_italic-webfont.svg#aperculight_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aperculight'; src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_000-webfont.eot'); src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_000-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_000-webfont.woff2') format('woff2'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_000-webfont.woff') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_000-webfont.ttf') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_light_000-webfont.svg#aperculight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'apercuregular'; src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular-webfont.eot'); src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular-webfont.woff2') format('woff2'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular-webfont.woff') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular-webfont.ttf') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular-webfont.svg#apercuregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'apercumedium'; src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium-webfont.eot'); src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium-webfont.woff2') format('woff2'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium-webfont.woff') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium-webfont.ttf') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_medium-webfont.svg#apercumedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'apercuitalic'; src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular_italic-webfont.eot'); src: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular_italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular_italic-webfont.woff2') format('woff2'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular_italic-webfont.woff') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular_italic-webfont.ttf') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/apercu_regular_italic-webfont.svg#apercuitalic') format('svg'); font-weight: normal; font-style: normal; } /* Bold */ b, strong { font-weight: normal; font-family: 'apercubold'; } /* Italic */ i, em, address { font-style: normal; font-family: 'apercuitalic'; } /* Bold Italic */ i b, em b, strong i, strong b, b i, b em, strong i, strong em { font-style: normal; font-weight: normal; font-family: 'apercubold_italic'; } /**** Icon Font ****/ @font-face { font-family: 'icomoon'; src:url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/icomoon/icomoon.eot?-bi51ag'); src:url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/icomoon/icomoon.eot?#iefix-bi51ag') format('embedded-opentype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/icomoon/icomoon.woff?-bi51ag') format('woff'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/icomoon/icomoon.ttf?-bi51ag') format('truetype'), url('https://www.designtorget.se/skin/frontend/carbon/designtorget/fonts/icomoon/icomoon.svg?-bi51ag#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-down:before { content: "\e60d"; } .icon-chevron-up:before { content: "\e60e"; } .icon-user:before { content: "\e60b"; } .icon-remove:before { content: "\e60c"; } .icon-accept:before { content: "\e600"; } .icon-arrow-down:before { content: "\e601"; } .icon-arrow-left:before { content: "\e602"; } .icon-arrow-right:before { content: "\e603"; } .icon-designtorget:before { content: "\e604"; } .icon-facebook:before { content: "\e605"; } .icon-instagram:before { content: "\e606"; } .icon-pinterest:before { content: "\e607"; } .icon-return:before { content: "\e608"; } .icon-twitter:before { content: "\e609"; } .icon-zoom:before { content: "\e60a"; } /**** Global ****/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { outline: none; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: 'apercuregular'; font-size: 14px; line-height: 16px; color: #000; background-color: #fff; background-image: url(https://www.designtorget.se/skin/frontend/carbon/designtorget/images/bg01.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 20px 0 0 0; font-weight: normal; font-family: 'apercubold'; line-height: normal; } h1 { margin: 0; font-size: 36px; } h2 { font-size: 26px; } h3 { font-size: 16px; } h4 { font-size: 15px; } h5 { font-size: 16px; font-family: 'apercumedium'; } h6 { font-size: 12px; } p { margin: 20px 0 0 0; } .main-container { border: 20px solid rgba(255,255,255, 0.7); } .col-main { padding: 20px; background: #fff; } /* Page Heading */ .page-title { position: relative; padding: 12px 0 34px 0; border-bottom: 1px solid #000; } .page-title h1 { line-height: 1; } .page-title .publish-date { margin: 10px 0 0 0; text-align: right; font-family: 'apercubold_italic'; } .subtitle, .sub-title { clear: both; } /* Links */ a { color: #000; text-decoration: none; } a:hover { text-decoration: underline; } img { max-width: 100%; height: auto; vertical-align: middle; } /* Buttons */ .button { display: block; width: 100%; padding: 16px 20px 14px 20px; font-family: 'apercumedium'; font-size: 18px; font-weight: normal; background: #006f44; border: 1px solid #00643d; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; transition: 0.2s; } .secondary { background: #333; border-color: #000; } .secondary:hover { background: #000; } .button.disabled, .button[disabled], fieldset[disabled] .button { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .button:hover { text-decoration: underline; } /* Inputs and textareas */ fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } 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; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } input.required-entry { background: #fff url('https://www.designtorget.se/skin/frontend/carbon/designtorget/images/input_dot.png') 15px center no-repeat; padding: 15px 10px 14px 30px; } .field-select-required .sod_select { padding-left: 30px; } .field-select-required { position: relative; } .field-select-required .required { background: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/images/input_dot.png') no-repeat; position: absolute; top: 20px; left: 16px; width: 15px; height: 15px; display: block; z-index: 1; } .field-select-required .sod_select.open .sod_list_wrapper { z-index: 2; } .country-select .sod_select .sod_option:first-child{ display: none; } select[multiple], select[size] { height: auto; } select optgroup { font-size: inherit; font-style: inherit; font-family: inherit; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } .input-text:-moz-placeholder { color: #aaa; } .input-text::-moz-placeholder { color: #aaa; } .input-text:-ms-input-placeholder { color: #aaa; } .input-text::-webkit-input-placeholder { color: #aaa; } .input-text, textarea { display: block; padding: 15px 10px 14px 15px; width: 100%; border: 1px solid #000; font-size: 14px; -webkit-appearance: none; -webkit-border-radius: 0; } .input-text[disabled], .input-text[readonly], textarea[disabled], textarea[readonly], fieldset[disabled] .input-text { cursor: not-allowed; background-color: #eeeeee; } .radio, .form-list .control label, .checkbox { cursor: pointer; width: auto; } /* Custom styled inputs */ input.custom-checkbox { display: none; } input.custom-checkbox + label { cursor: pointer; } input.custom-checkbox + label:before { background: transparent url('https://www.designtorget.se/skin/frontend/carbon/designtorget/images/checkbox_sprite.png') no-repeat 0 0; content: ''; display: inline-block; cursor: pointer; width: 24px; height: 24px; margin-right: 12px; position: relative; top: 5px; } input.custom-checkbox:checked + label:before { background-position: -35px 0; } input.custom-radio-button { display: none; } input.custom-radio-button + label { cursor: pointer; } input.custom-radio-button + label:before { background: transparent url('https://www.designtorget.se/skin/frontend/carbon/designtorget/images/checkbox_sprite.png') no-repeat -70px 0; content: ''; display: inline-block; cursor: pointer; width: 24px; height: 24px; margin-right: 12px; position: relative; top: 7px; } input.custom-radio-button:checked + label:before { background-position: -105px 0; } /* Lists */ ul, ol { list-style: none; margin: 0; padding: 0; } /* Tables */ table { border: none; } /* Labels */ label { display: block; padding: 0 0 6px 0; font-family: 'apercumono'; font-size: 14px; color: #000; cursor: pointer; } label.required:before { display: inline-block; margin: 0 9px 0 -1px; content: "\2022"; color: #de0000; } label em, span.required { display: none; } /* Grouped fields */ .form-list li { position: relative; margin: 25px 0 0 0; } .form-list textarea { height: 260px; } .form-list .field { margin: 20px 0 0 0; } .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 li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px; } .form-list label:after { content: ':'; } .form-list .control label:after { display: none; } .form-actions { margin-top: 30px; } .forgot-pass { display: block; padding: 19px 0; text-decoration: underline; } .side-by-side { display: flex; display: -webkit-flex; } .side-by-side .item { margin-right: 30px; } .content-box { background: #f5f5f5; border: 1px solid #006f44; padding: 20px 30px; } .top-arrow-down { position: relative; } .top-arrow-down:before { content: ""; position: absolute; top: 0; left: 30px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #006f44 transparent transparent transparent; } .top-arrow-down:after { content: ""; position: absolute; top: -1px; left: 31px; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 11px; border-color: #fff transparent transparent transparent; } /* Buttons set */ .buttons-set { margin: 20px 0 0 0; float: left; } .buttons-set a { text-transform: none; } .back-link { float: left; } .buttons-set button.button { float: right; } .buttons-set p.required { margin: 0 0 5px; color: #00809f; } /* Form Validation */ .validation-advice { position: absolute; top: 50px; right: 0; font-size: 12px; color: #de0000; } label + input + .validation-advice { top: 72px; } label + input.validate-customer-phonenumber + .validation-advice { text-align: right; } .validation-failed { border-color: #de0000; } .validation-failed:focus { border-color: #de0000; } p.required { font-size: 11px; text-align: right; color: #de0000; } span.required { color: #de0000; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { left: 0; } /* Global Messages */ .messages { margin: 0 0 30px 0; } .messages .success-msg, .messages .error-msg, .messages .notice-msg, p.note-msg { margin: 40px 0 0 0; padding: 20px; border: 1px solid #000; text-align: center; font-family: 'apercumono'; } .messages .success-msg { border-color: #3cb878; color: #3cb878; } .messages .error-msg { border-color: #de0000; color: #de0000; } .messages .notice-msg, p.note-msg { border: 1px solid #666; color: #666; } /* Breadcrumbs */ .breadcrumbs { margin: 0 0 0 40px; } .breadcrumbs * { float: left; } .breadcrumbs a, .breadcrumbs strong { padding: 17px 0; font-family: 'apercumono'; font-size: 12px; text-decoration: none; } .breadcrumbs a:after { content: '/'; padding: 0 8px; } .breadcrumbs a:hover span { text-decoration: underline; } /* Toolbar */ .pagination { position: relative; z-index: 40; float: right; margin: 0 -10px 0 0; font-family: 'apercumono'; } .pagination * { float: left; } .pagination a { padding: 13px 8px 12px 8px; } .pagination .active { padding: 10px 4px 0 4px; } .pagination .active span { padding: 2px 5px 1px 5px; border: 1px solid #000; } .pagination .previous, .pagination .next { padding: 0 10px; } .pagination .previous span, .pagination .next span { padding: 13px 16px 10px 16px; font-family: 'apercuregular'; color: #fff; background: #333; border: 1px solid #000; } .pagination a.previous:hover span, .pagination a.next:hover span { text-decoration: underline; } .pagination .disabled .previous span, .pagination .disabled .next span { background: #fff; border: none; color: #ccc; } .toolbar { position: relative; padding: 20px 0; } .toolbar label { display: inline-block; } .toolbar .sort-by { position: relative; z-index: 30; } .toolbar .sort-by label { padding: 13px 16px 10px 0; font-size: 12px; vertical-align: top; cursor: default; } .toolbar .amount { padding: 12px 0 0 0; text-align: center; font-family: 'apercumono'; font-size: 12px; } .toolbar .amount a, .toolbar .amount a:hover span { text-decoration: none; } .toolbar .amount span { text-decoration: underline; } .toolbar .amount a:before { padding: 0 14px 0 8px; content: '|'; } .toolbar-bottom { border-top: 1px solid #000; } .toolbar-bottom .toolbar .sort-by, .toolbar-bottom .toolbar .limiter { display: none; } .toolbar-bottom .toolbar .amount { float: left; } /* Data tables */ .data-table { margin: 20px 0 0 0; width: 100%; } .data-table th, .data-table td { vertical-align: top; padding: 10px 20px; text-align: left; border-bottom: 1px solid #f1f1f1; line-height: 18px; } .data-table th { font-family: 'apercubold'; font-weight: normal; font-size: 16px; border-color: #000; } .data-table a { text-decoration: underline; } .data-table .links a { display: block; padding: 5px 0; font-family: 'apercubold'; white-space: nowrap; } .data-table th.first, .data-table td.first { padding-left: 0; } .data-table td.last { padding-right: 0; } .data-table tr.last td { border-color: #000; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer; } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(https://www.designtorget.se/skin/frontend/carbon/designtorget/images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -53px; } tr.summary-details td { font-size: 11px; background-color: #dae1e4; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db; } tr.summary-details-excluded { font-style: italic; } /* Shopping cart tax info */ .cart-tax-info { display: block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(https://www.designtorget.se/skin/frontend/carbon/designtorget/images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline; font-weight: normal; } .cart-tax-total-expanded { background-position: 100% -53px; } /* Misc */ .links li { display: inline; } .links li.first { padding-left: 0; } .links li.last { background: none; padding-right: 0; } .link-cart { font-family: 'apercubold'; color: #f00; } .link-reorder { font-family: 'apercubold'; } .btn-remove { font-size: 14px; } .continue-shopping-link { background: url(https://www.designtorget.se/skin/frontend/carbon/designtorget/images/back_icon.png) 0 0 no-repeat; padding: 0 10px 0 30px; } .cards-list dt { margin: 5px 0 0; } .cards-list .offset { padding: 2px 0 2px 20px; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; background: #ddd; text-indent: -999em; overflow: hidden; } /* Noscript notice */ .noscript { border: 1px solid #ddd; border-width: 0 0 1px; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; } .noscript .noscript-inner { width: 1000px; margin: 0 auto; padding: 12px 0 12px; background: url(https://www.designtorget.se/skin/frontend/carbon/designtorget/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin: 0; } /* Demo notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; font-size: 12px; line-height: 1.15; text-align: center; color: #fff; } /* Cookie notice */ .notice-cookie { border: none; border-top: 1px solid #000000; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; position: fixed; bottom: 0; right: 0; left: 0; background: #ffffff; z-index: 15; } .notice-cookie .notice-inner { margin: 0 auto; padding: 12px 20px; background: none; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .notice-text { margin: 0 20px 0 0; } .notice-cookie .notice-inner p { margin: 0; border: none; padding: 10px 10px 10px 0; } .notice-cookie .actions { margin-left: auto; } /* Figure */ figure { margin: 0; } /* Social Networks */ .social-networks { margin: 0 0 0 -5px; } .social-networks * { float: left; } .social-networks a { padding: 20px 5px; } .social-networks span { width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; border: 1px solid #000; transition: 0.2s; } .social-networks .twitter span { font-size: 15px; } .social-networks .facebook span { font-size: 18px; } .social-networks a:hover span { color: #fff; } .social-networks .instagram a:hover span { background: #517fa4; } .social-networks .pinterest a:hover span { background: #bd1e23; } .social-networks .twitter a:hover span { background: #55acee; } .social-networks .facebook a:hover span { background: #3b5998; } .social-networks .label { padding: 20px 0; } .social-networks .label span { border-color: #fff; font-family: 'apercumono'; font-size: 12px; } /* Social Networks Share */ .social-share .social-networks { float: right; } .page-title .social-networks a, .page-title .social-networks .label { padding-top: 0; padding-bottom: 0; } /* Other */ .carousel-control { overflow: hidden; } .blockajax-loader { margin-left: -65px; } /* Hide an element to all users except screen readers */ .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .hide { display: none !important; } .show { display: block !important; } .visible-checkout-only { display: none; } .invisible { visibility: hidden; } .pull-right { float: right !important; } .pull-left { float: left !important; } .pull-clear-right { float: right; clear: right; } .pull-clear-left { float: left; clear: left; } .pos-static { position: static !important; } .underline { text-decoration: underline; } .form-group{ display: inline-block; margin-bottom: 0; vertical-align: middle; } .page { margin: 0 auto; padding: 0; text-align: left; width: 960px; } .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; } .main-container { } /* Tools ================================================================================= */ .nobr { white-space: nowrap; } .wrap { white-space: normal; } .a-left, table th.a-left, table td.a-left { text-align: left; } .a-center, table th.a-center, table td.a-center { text-align: center; } .a-right, table th.a-right, table td.a-right { text-align: right; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left; } .f-right, .right { float: right; } .f-none { float: none; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .d-inline { display: inline; } .no-margin { margin: 0; } .no-padding { padding: 0; } .no-bg { background: none; } .hidden { display: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .price-box { margin: 10px 0; font-family: 'apercumono'; line-height: 1; overflow: hidden; } .price-box p { display: inline-block; margin: 0; } .special-price { color: #de0000; } .old-price { text-decoration: line-through; } /* Header ================================================================================ */ .header-outer { background: #fff; } .header__menu { font-size: 0; height: 45px; padding: 20px 40px 0 0; text-align: right; } .header__menu li { font-size: 14px; display: inline-block; } .header__menu li a { font-family: 'apercumono'; font-size: 12px; color: #aaa; } .header__menu li:first-child { padding: 0; } .header__menu li { padding: 0 0 0 30px; } #header { position: relative; padding: 0 40px; height: 70px; } #header .logo { float: left; margin: 25px 20px 0 0; width: 140px; } #header .main-nav { float: left; } /* Navigation */ #nav { padding: 0; margin: 0; } #nav span.toggle, #nav .view-all { display: none; } /* All Levels */ #header #nav li { position: static; } #nav li a { float: left; display: block; color: #000; } #nav .level0 > a { padding: 27px 20px 27px 20px; font-size: 16px; color: #000; } #nav .level0.parent > a { position: relative; padding-right: 13px; } #nav .level0.parent > a:after { display: inline-block; position: relative; top: -3px; margin: 0 0 0 8px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e601"; font-size: 4px; } .parent > .menu-vlist { margin: 0 10px; border: 10px solid rgba(0,0,0, 0.05); } .parent > .menu-vlist .menu-vlist { margin: 0; } #header #nav .level0 .menu-bp-wrapper { min-width: 0; } .parent > .menu-vlist > .menu-group-main, .parent > .menu-vlist > .menu-group-footer { padding: 0; background: #fff; overflow: hidden; } .parent > .menu-vlist > .menu-group-main .menu-group-main { padding: 0; } #nav ul li { float: none; border-bottom: none; } #nav ul li.last { border-bottom: 0; } #nav ul li a { float: none; } #nav .level0.parent > .menu-vlist { top: 70px; } #header #nav .level1.menu-nested-parent > a { padding-left: 20px; font-weight: normal; text-transform: none; font-family: 'apercumedium'; font-size: 16px; } #header #nav .menu-bp-column.last .level1.menu-nested-parent > a { padding-right: 20px; } #header #nav .level1.menu-nested-parent > a > span { display: block; padding: 15px 0; border-bottom: 1px solid #000; } #header #nav .level1.menu-nested-parent > a:hover { text-decoration: none; } #header #nav ul.level2 > li.level2 > a { padding: 6px 20px; font-family: 'apercumono'; font-size: 14px; white-space: normal; } #header #nav ul.level2 > li.level2:first-child > a { padding-top: 20px; } #header #nav ul.level2 > li.level2:last-child > a { padding-bottom: 20px; } #header .tablet-tools { display: none; } #search_mini_form { position: relative; float: left; margin: 0 0 0 20px; width: 180px; border-bottom: 1px solid #000; } #search_mini_form .input-search { display: block; padding: 25px 30px 10px 0; width: 100%; font-size: 16px; color: #000; border: none; -webkit-appearance: none; -webkit-border-radius: 0; overflow: hidden; } #search_mini_form button { position: absolute; padding: 0; top: 29px; right: 0; width: 30px; text-align: right; background: none; border: none; font-size: 16px; } #search_autocomplete { display: none !important; } #header .account { float: right; } #header .account a { display: block; padding: 27px 20px 27px 20px; } #header .account .icon-user { display: none; } #sticky-header { width: 100%; z-index: 999; background: #fff; } /*#sticky-header.sticky {*/ /*position: fixed;*/ /*top: 0;*/ /*}*/ /* Footer ================================================================================ */ .footer { padding: 40px 20px 20px 20px; background: #fff; } .footer p { margin: 0; } .footer a { display: block; } .footer h5 { margin: 0; padding: 36px 0 11px 0; border-bottom: 1px solid #000; } .footer form { position: relative; } .footer label { padding: 16px 0; font-family: 'apercuregular'; } .footer .logo a { padding: 0 0 34px 0; border-bottom: 1px solid #000; text-align: center; text-decoration: none; } .footer .logo span { display: block; margin: 0 0 9px 0; font-size: 29px; } .footer .logo img { width: 140px; } .footer .content a { padding: 5px 0; font-family: 'apercumono'; } .footer .content li:first-child a { padding-top: 16px; } .footer .content li:last-child a { padding-bottom: 36px; } .footer .input-text { padding-right: 80px; } .footer .button { position: absolute; top: 0; right: 0; padding: 14px 16px 14px 16px; width: auto; font-family: 'apercuregular'; font-size: 14px; background: #333; border-color: #000; } .footer .social-networks a { padding: 20px 5px; } .footer .social-networks li:first-child a { padding-top: 20px; } .footer .social-networks li:last-child a { padding-bottom: 20px; } .footer .bottom { padding: 20px 0 0 0; border-top: 1px solid #000; } .footer .payment { text-align: right; } .footer .copyright { font-size: 12px; } .footer form.newsletter--with-captcha { width: 302px; } .footer form.newsletter--with-captcha input[name="email"] { margin-bottom: 5px; } /* Category view */ .category-top .with-img { margin: -20px -20px 0 -20px; padding: 0; border: none; } .category-top .with-img h1 { position: absolute; bottom: 0; left: 0; padding: 10px 20px; background: #fff; } .category-description { margin: 20px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px dashed #9b9b9b; } .categorypath-aktuellt .sort-by { visibility: hidden; } /* List */ .products-list li { position: relative; border-top: 1px solid #000; } .products-list a { display: block; padding-top: 40px; padding-bottom: 40px; text-decoration: none; } .products-list a:hover .button { text-decoration: underline; } .products-list li:first-child { border: none; } .products-list li:first-child a { padding-top: 20px; } .products-list .product-name { margin: -5px 0 0 0; font-size: 24px; } .products-list .std { padding-left: 70px; padding-bottom: 60px; } .products-list .actions { margin: 0; position: absolute; bottom: 40px; left: 670px; } .products-list .button { display: inline-block; padding: 11px 60px 10px 60px; width: auto; font-size: 14px; } .products-list .short-description { margin: 20px 0 0 0; } /* Grid */ .products-grid a { display: block; text-align: center; text-decoration: none; } .products-grid a { padding: 38px 0; } .products-grid.smaller a { padding: 0; } .products-grid.smaller img { width: 170px; } .products-grid img { width: 270px; } .products-grid h5 { margin: 0; font-family: 'apercubold'; font-size: 14px; line-height: 22px; } .products-grid .designer { display: block; font-family: 'apercuregular'; } .products-grid .title { display: block; line-height: 18px; } .products-grid .product-name.blog { padding-top: 5px; } .products-grid a:hover .title, .products-grid a:hover .blog .designer { text-decoration: underline; } .products-grid .price-box { margin: 20px 0 0 0; font-family: 'apercumono'; } .products-grid .price-box p { display: inline-block; margin: 0 5px; } /* Responcive iframe */ .iframe-container{ position: relative; padding-bottom: 79.5%; /*padding-top: 35px;*/ height: 0; overflow: hidden; } .iframe-container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Product ========================================================================== */ .catalog-product-view .page-title { padding-top: 0; } .page-title .designer { display: block; margin: 0 0 6px 0; font-family: 'apercuregular'; font-size: 16px; } .catalog-product-view .product-shop > .price-box { display: none; } .catalog-product-view .short-description { margin: 36px 0; text-align: left; } .catalog-product-view .short-description.show-more { height: 250px; overflow: hidden; } .catalog-product-view .short-description-button { display: none; margin: 0 auto; font-size: 24px; } .catalog-product-view .short-description-button:hover { cursor: pointer; } .short-description-container { text-align: center; } .product-info { margin: 10px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px solid #000; } .product-info h5 { margin: 0; padding: 16px 0; border: none; cursor: pointer; border-bottom: 1px dashed #cdcdcd; overflow: hidden; } .product-info .last h5 { border: none; } .product-info h5:after { float: right; content: '+'; font-family: 'apercumedium'; font-size: 16px; } .product-info .active h5 { border: none;} .product-info .active h5:after { content: '-'; } .product-info h5.last { padding-bottom: 0; border: none; cursor: default; } .product-info h5.last:after { display: none; } .product-info .content { display: none; padding: 0 20px 20px 20px; } .product-info .active .content { border-bottom: 1px dashed #cdcdcd; } .product-info .last .content { border: none; } .product-info p { margin: 0 0 10px 0; } .product-attributes { font-family: 'apercumono'; } .product-attributes .value { text-align: right; } .product-attributes .row { margin-bottom: 10px; } /* Add to Cart */ .add-to-cart { margin-top: 16px; } .add-to-cart .qty { padding: 13px 0; font-family: 'apercumono'; font-size: 18px; text-align: center; } .add-to-cart .button { padding: 14px 0 12px 0; } .add-to-cart .button:hover { background: #3cb878; border: 1px solid #00a651; text-decoration: none; } /* Product Images */ .product-media { position: relative; } .product-media p { margin: 0; } .product-media a { display: block; } .product-media .product-image { text-align: right; } .product-media .product-image img { width: 475px; } .product-media .more-views { position: absolute; top: 0; left: 0; width: 63px; } .product-media .more-views li { margin: 0 0 10px 0; opacity: 1 !important; } .product-media .more-views .active { border: 1px solid #000; } .product-image-popup { margin: 0 auto; } .product-image-popup .buttons-set { float: right; clear: none; border: 0; margin: 0; padding: 0; } .product-image-popup .nav { margin: 0 100px; text-align: center; } .product-image-popup .image { display: block; } /* Product Shop */ .product-shop .add-to-box { margin: 40px 0 0 0; } .product-shop .price-box { display: block; margin: 0; font-size: 24px; } .product-shop .old-price { font-size: 14px; display: block; } .product-shop .special-price { float: left; margin: 0 15px 0 0; } /* Upsell */ .box-upsell { margin: 30px 0 0 0; } .box-upsell .heading { margin: 0 0 20px; font-size: 24px; font-family: 'apercubold'; text-align: center; } /* Related */ .box-related { margin: 36px 0 0 0; } .box-related h5 { margin: 0; } .box-related li { margin-top: 20px; text-align: center; } .box-related a { display: block; } /* Product Options (General) */ .product-options dl { margin: 20px 0; } .product-options dd { margin: 0; } .product-options .validation-advice { position: static; top: auto; right: auto; margin: 10px 0 0 0; } /* Product Promo */ .product-promo { margin: 60px 0 0 0; } .product-promo .row { margin: 0; } .product-promo .row .promo-box { padding: 0; } .product-promo .outer { border: 1px solid #f7f5f3; } .product-promo.promo-full { border: 1px solid #f7f5f3; } .product-promo.promo-full .pull-left .outer { border: solid #f7f5f3; border-width: 0 1px 0 0; } .product-promo.promo-full .pull-right .outer { border: solid #f7f5f3; border-width: 0 0 0 1px; } .product-promo .inner { padding: 40px 0; } .product-promo .txt-block table { float: none; margin: 0; } .product-promo .txt-block table th, .product-promo .txt-block table td { border: none; padding: 0 10px 10px; } .product-promo h2, .product-promo h3, .product-promo h4, .product-promo h5 { margin-top: 0; } .product-promo h3 { font-size: 18px; } .stock { text-align: right; } .stock-returns { padding: 0 0 28px 25px; border-bottom: 1px solid #000; } .stock-returns li { margin: 0 0 12px 0; } .stock-returns span { position: relative; display: inline-block; width: 25px; font-size: 14px; } .stock-returns .returns span { font-size: 17px; } .stock-returns .icon-accept { color: #00c0b3; } .stock-returns .icon-remove { bottom: -1px; color: #de0000; } .stock-returns .icon-return { bottom: -2px; color: #00b4ff; } .promo-full .txt-block, .promo-general .txt-block { padding: 25px 25px 20px 25px; } .promo-full .promo-designer .description { padding: 0 20px 0 0; } .promo-designer .description { padding: 25px 25px 20px 25px; } .promo-designer .media { padding: 0; text-align: right; } .pull-left .txt-block.with-border { padding: 0 26px 40px 0; border-bottom: 1px solid #000; } .txt-block h5 { margin: 0; } /* Carbon Default */ .price-box-bundle { display: none; } .bundle-product .price-box { display: none; } .bundle-product .product-options-bottom .price-box { display: inherit; } .image-download__link { font: 400 12px/80px "apercumono",Arial,sans-serif; padding: 5px 0 5px 28px; background: url(https://www.designtorget.se/skin/frontend/carbon/designtorget/images/download-icon.png) 0 50% no-repeat; } /* Class: std - styles for admin-controlled content ================================================================================ */ .std { line-height: 18px; } .std a { text-decoration: underline; } .std ul { margin: 20px 0 0 20px; } .std ul li { margin: 5px 0 0 0; padding: 0 0 0 12px; position: relative; } .std ul li:before { position: absolute; top: 7px; left: 0; display: block; content: ''; width: 4px; height: 4px; background: #000; } .std ol { margin: 20px 0 0 20px; } .std ol li { counter-increment: item; margin-bottom:5px; } .std ol li:before { content: counter(item)')'; display: inline-block; margin: 0 5px 0 0; font-family: 'apercumono'; font-size: 11px; } .std table { margin: 20px 0 0 0; width: 100%; } .std table th, .std table td { vertical-align: top; padding: 10px; text-align: left; border-bottom: 1px solid #f1f1f1; line-height: 18px; } .std table th { font-family: 'apercubold'; font-weight: normal; font-size: 16px; border-color: #000; } .contacts { font-family: 'apercumono'; } .cms-page-view .std { padding: 0 25%; } @media (max-width: 991px) { .cms-page-view .std { padding: 0; } } @media (max-width: 767px) { .contacts { margin: 0 0 40px 0; padding: 20px 0 40px 0; border-bottom: 1px solid #000; overflow: hidden; } } /* Captcha */ .captcha-image { float: left; position: relative; } .captcha-img { border: 1px solid #ccc; } .captcha-reload { position: absolute; top: 2px; right: 2px; } .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background: url(https://www.designtorget.se/skin/frontend/carbon/designtorget/images/window_overlay.png) repeat; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } /* Navigation */ .my-account .sub-nav li:last-child span.a:after { display: none; } .my-account .sub-nav-xs { margin: 20px 0 0 0; } /* Block: Account Information */ .box-account .box { padding: 0 0 20px 0; border-bottom: 1px solid #000; } .box-account h3 { padding: 0 0 10px 0; } .box-account .box address { margin: 20px 0 0 0; } .box-payment p { margin: 0; } .box-payment p strong { font-family: 'apercuregular'; } .order-info-box .box address { margin: 0; } /* Orders table */ #my-orders-table td { vertical-align: middle; } #my-orders-table .link-reorder { display: inline-block; padding: 8px 10px 6px 10px; font-family: 'apercumedium'; font-size: 14px; font-weight: normal; background: #006f44; border: 1px solid #00643d; color: #fff; text-align: center; cursor: pointer; text-decoration: none; } #my-orders-table .link-reorder:hover { text-decoration: underline; } /* Order View */ .order-info { margin: 30px 0 0 0; } .order-info li { margin: 10px 0 0 0; } .order-info a { text-decoration: underline; } .order-items { width: 100%; overflow-x: auto; } .order-additional { margin: 15px 0; } /* Order Gift Message */ .gift-message dt strong { color: #666; } .gift-message dd { font-size: 13px; margin: 5px 0 0; } /* Order Comments */ .order-about dt { font-weight: bold; } .order-about dd { font-size: 13px; margin: 0 0 7px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { font-weight: bold; white-space: nowrap; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages */ .page-print .print-head { } .page-print .print-head img { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } /* 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; } /* Sales order view */ .sales-order-view .data-table { background: #e5e5e5; } .sales-order-view .data-table th { text-align: left; } .sales-order-view .data-table th { padding: 15px 10px 5px 10px; } .sales-order-view .data-table td { padding: 5px 10px; } .sales-order-view .data-table h3 { display: inline; margin-right: 15px; } .sales-order-view .data-table dl { display: inline; } .sales-order-view .data-table dl dt, .sales-order-view .data-table dl dd { display: inline-block; } .sales-order-view .data-table dl dd { margin-right: 15px; } /* Content Styles for pages such as startpage, sitemap etc ================================================================= */ /* Startpage */ .cms-index-index .main-container { margin: 50px 0 0 0; } .cms-index-index .pagemanager h4 { margin: 0; font-size: 24px; text-align: center; } .cms-index-index .pagemanager .border { padding: 70px 0 0 0; border-top: 1px solid #000; } .front-products { padding: 0 0 70px 0; border-bottom: 1px solid #000; } .front-promo { position: relative; margin: 0; overflow: hidden; } .front-promo a { display: block; } .front-promo span { position: absolute; bottom: 0; left: 0; display: block; padding: 14px 20px 14px 0; background: #fff; font-family: 'apercubold'; font-size: 18px; } .front-promo a:hover span { text-decoration: underline; } .front-links a { display: block; text-align: center; font-size: 18px; line-height: 30px; } .front-links span { display: block; font-family: 'apercumono'; font-size: 24px; text-decoration: underline; } .front-seo { padding: 70px 16% 0 16%; font-size: 18px; line-height: 22px; text-align: center; } .front-seo h1 { margin: 0; font-size: 24px; } .pagemanager .front-seo p { margin: 10px 0 0 0; } /* Shopping Cart ========================================================================= */ .cart-table td { padding: 10px 0; vertical-align: middle; border-bottom: 1px dashed #e5e5e5; } .cart-table tr:last-child td { border: none; } .cart-table a { display: block; text-decoration: none; } .cart-table .remove a { transition: 0.2s; } .cart-table .remove a:hover { color: #de0000; } .cart-table .product-image { width: 100px; } .cart-table .product-name { margin: 0; } .cart-table .product-name a { padding: 0 0 0 20px; } .cart-table .product-name span { display: block; line-height: 22px; } .cart-table .product-name .title { font-family: 'apercubold'; } .cart-table .product-name a:hover .title { text-decoration: underline; } .cart-table .product-details-lower { margin: 20px 0 0 20px; font-family: 'apercumono'; } .cart-table .item-options { margin: 10px 0 0 0; } .cart-table .qty-increments { width: 120px; overflow: hidden; } .cart-table .qty-increments * { float: left; } .cart-table .qty-increments button { width: 40px; height: 40px; border: 1px solid #000; background: #333; color: #fff; font-size: 18px; transition: 0.2s; } .cart-table .qty-increments button:hover { background: #000; } .cart-table .qty-increments .subtract { border-right: none; } .cart-table .qty-increments .add { border-left: none; } .cart-table .qty { padding: 8px 0; width: 40px; text-align: center; font-size: 18px; font-family: 'apercumono'; } #discount-coupon-form { margin: 20px 0 0 0; border-top: 1px solid #000; } #discount-coupon-form label { text-align: right; padding: 20px 0 10px 0; font-family: 'apercuregular'; } #discount-coupon-form label:hover { text-decoration: underline; } .discount-form #coupon_code.required-entry { background: none; padding: 15px 10px 14px 15px; } .discount-form { position: relative; display: none; width: 300px; margin: 0 0 0 auto; } .discount-form .input-text { padding-right: 112px; } .discount-form .button { position: absolute; top: 0; right: 0; padding: 15px 0 13px 0; width: 102px; font-family: 'apercuregular'; font-size: 14px; } .discount-form .validation-advice { position: static; top: auto; right: auto; margin: 5px 0 0 0; } .cart .continue a { display: block; padding: 20px 0; border-top: 1px solid #000; text-align: center; text-decoration: none; font-family: 'apercumono'; } .cart .continue a:before { padding: 0 10px; content: "\00ab"; } .cart .continue a:hover span { text-decoration: underline; } .cart .totals { margin: 82px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #000; } .cart .totals table { width: 100%; } .cart .totals table td, .cart .totals table th { padding: 7px 0; border: none; font-family: 'apercumono'; font-weight: normal; vertical-align: middle; } .cart .totals table th { text-align: left; } .cart .totals .grand-total-incl td { padding-top: 10px; padding-bottom: 15px; } .cart .totals .grand-total-incl td:before { display: block; content: ''; padding-top: 18px; border-top: 1px dashed #ccc; } .cart .totals strong { font-family: 'apercumono'; } .sub-nav { font-family: 'apercumono'; font-size: 16px; border-bottom: 1px dashed #9b9b9b; } .sub-nav .closed, .sub-nav li.level0 > a { display: none; } .sub-nav > ul * { float: left; } .sub-nav a { padding: 20px 0 16px 0; text-decoration: none; } .sub-nav span.b { text-decoration: underline; font-size: 15px; } .sub-nav a:hover span.b { text-decoration: none; } .sub-nav a span.a:after { padding: 0 8px; content: '|'; } .sub-nav li.level1.last a span.a:after { display: none; } @media (max-width: 1071px) { .sub-nav { padding: 12px 0 8px 0; } .sub-nav a { padding: 8px 0; } } .carousel { position: relative; margin: -20px -20px 0 -20px; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; float: none; } .carousel-inner > .active.left { left: -100%; float: none; } .carousel-inner > .active.right { left: 100%; float: none; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 80px; text-align: center; opacity: 0.2; transition: 0.2s; } .carousel-control:hover { opacity: 1; } .carousel-control.right { left: auto; right: 0; } .carousel-control span { position: absolute; top: 50%; left: 20px; display: block; margin: -50px 0 0 0; width: 40px; height: 40px; line-height: 40px; font-size: 16px; background: #fff; color: #000; border: 1px solid #000; } .carousel-indicators { list-style: none; line-height: 0; text-align: center; } .carousel-indicators li { display: inline-block; margin: 0 0 0 -2px; height: 30px; width: 18px; cursor: pointer; } .carousel-indicators li:after { content: ''; display: inline-block; margin: 10px 0 0 0; width: 10px; height: 10px; background: #fff; border: 1px solid #000; } .carousel-indicators li.active:after { background: #000; } .carousel-caption { position: absolute; bottom: 20px; left: 20px; text-align: center; } .carousel-caption p { margin: 0; padding: 10px 20px; display: inline-block; font-size: 18px; font-family: 'apercumono'; background: #fff; line-height: 30px; } .carousel-caption span { display: block; padding: 6px 0; font-family: 'apercubold'; font-size: 36px; } @media screen and (max-width: 768px) { .carousel { margin: 0 -10px; } .carousel-control { display: none; } .carousel-indicators li:after { margin-top: 20px; } .carousel-caption { position: static; bottom: auto; left: auto; } .carousel-caption p { display: block; padding: 18px 0 0 0; font-size: 14px; line-height: 22px; } .carousel-caption span { padding: 0 0 3px 0; font-size: 18px; } } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .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: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; 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: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; } } .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: #ffffff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .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 { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; } } .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; } .container { margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; } .container:before, .container:after { content: " "; /* 1 */ display: table; /* 2 */ } .container:after { clear: both; } .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; /* 1 */ display: table; /* 2 */ } .row:after { clear: both; } .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, .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, .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, .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 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .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 { float: left; } .col-xs-1 { width: 8.333333333333332%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-12 { width: 100%; } @media (min-width: 768px) { .container { max-width: 744px; } .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 { float: left; } .col-sm-1 { width: 8.333333333333332%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-12 { width: 100%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } .pull-sm-clear-right { float: right; clear: right; } .pull-sm-clear-left { float: left; clear: left; } } @media (min-width: 992px) { .container { max-width: 1050px; padding-right: 0; padding-left: 0; } .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 { float: left; } .col-md-1 { width: 8.333333333333332%; } .col-md-2 { width: 16.666666666666664%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333333333333%; } .col-md-5 { width: 41.66666666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333333333336%; } .col-md-8 { width: 66.66666666666666%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333333333334%; } .col-md-11 { width: 91.66666666666666%; } .col-md-12 { width: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.333333333333332%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.333333333333336%; } .col-md-push-8 { left: 66.66666666666666%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-8 { right: 66.66666666666666%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-8 { margin-left: 66.66666666666666%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .pull-md-clear-right { float: right; clear: right; } .pull-md-clear-left { float: left; clear: left; } } @media (min-width: 1200px) { .container { max-width: 1250px; } .row { margin-left: -15px; margin-right: -15px; } .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 { float: left; } .col-lg-1 { width: 8.333333333333332%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-12 { width: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } .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-11, .col-md-12, .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 { padding-left: 15px; padding-right: 15px; } .pull-lg-clear-right { float: right; clear: right; } .pull-lg-clear-left { float: left; clear: left; } } @media (max-width: 1200px) { .toolbar .sort-by label { display: none; } } @media (min-width:1200px) { .toolbar .amount { position: absolute; top: 20px; left: 0; width: 100%; z-index: 20; } .toolbar-bottom .toolbar .amount { position: static; top: auto; left: auto; width: auto; } } @media (min-width: 768px) and (max-width: 991px) { .pagination { margin: 0; } .toolbar .sort-by { position: absolute; top: 20px; left: 0; } .no-pagination .amount { text-align: right; } .toolbar-bottom .toolbar .amount { display: none; } } @media (max-width: 767px) { body { font-size: 14px; line-height: 18px; } h1 { font-size: 24px; } .pull-right, .pull-left { float: none !important; } .main-container { border: none; } .col-main { padding: 0; } .container { background: #fff; } .page-title { margin: 0 -10px; padding-right: 10px; padding-bottom: 18px; padding-left: 10px; } .input-text, textarea { font-size: 16px; } /* Toolbar */ .toolbar { padding: 10px 0; } .toolbar .amount { padding: 10px 0; } .pagination { float: none; margin: 30px 0 0 0; text-align: center; font-size: 0; } .pagination * { float: none; } .pagination li { display: inline-block; } .pagination a { display: block; font-size: 18px; text-decoration: none; } .pagination .active { padding: 0; } .pagination .active span { display: block; padding: 10px 12px 9px 12px; border: 1px solid #000; font-size: 18px; } .pagination a { padding: 11px 18px 10px 18px; } .pagination li:first-child, .pagination li:last-child { display: none; } .toolbar .amount { text-align: left; font-size: 14px; } .toolbar .amount a { display: none; } .toolbar-bottom { border: none; } .toolbar-bottom .toolbar .amount { display: block; float: none; text-align: center; } .toolbar-bottom .toolbar .amount a { display: block; padding: 10px 0; } .toolbar-bottom .toolbar .amount a:before { display: none; } .data-table { margin: 0; } .data-table tr, .data-table td, .data-table tbody, .data-table thead, .data-table tfoot { display: block; } .data-table th { display: none; } .data-table td { padding: 0; border: none; } .data-table td.first { padding: 20px 0 0 0; } .data-table td.last { padding: 0 0 20px 0; border-bottom: 1px solid #000; } .data-table .links { text-align: left; } .data-table .links a { display: inline-block; } .data-table td:before { display: inline-block; width: 35%; content: attr(data-txt)':'; } .data-table td.last:before { content: ''; } .multiple-links a { margin-top: 10px; } } /* Retina ----------------------*/ @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 (min-device-pixel-ratio: 1.5) { input.custom-checkbox + label:before { background-image: url('https://www.designtorget.se/skin/frontend/carbon/designtorget/images/checkbox_sprite-2x.png'); background-size: 300px; } } @media (max-width: 1200px) { #search_mini_form { width: 140px } } @media (max-width: 1100px) { #search_mini_form { width: 90px } } @media (max-width: 992px) { #header { padding: 0; } #header .headercart .top .txt { display: none; } #header #recently-added-container { right: 0; } #header .account { display: none; } #search_mini_form { display: none; float: none; margin: 0 0 11px 0; width: auto; border: 10px solid rgba(255,255,255, 0.7); } #search_mini_form .input-search { padding-top: 10px; padding-right: 50px; padding-left: 10px; border-bottom: 1px solid #000; border-top: 1px solid #000; } #search_mini_form button { top: 1px; display: block; padding: 12px 0 8px 0; width: 40px; background: #3cb878; color: #fff; text-align: center; } #search_mini_form button:hover { color: #fff; } .header__menu { text-align: center; } .header__menu li:first-child { padding: 0 0 0 30px; } } @media (min-width: 768px) and (max-width: 992px) { #header .tablet-tools { display: block; float: right; margin: 14px 10px 0 0; font-size: 16px; } #header .tablet-tools * { float: left; padding: 12px 10px 10px 10px; cursor: pointer; text-decoration: none; } #search_mini_form { position: absolute; top: 70px; left: 0; margin: 0; width: 100%; z-index: 10; } } @media (max-width: 767px) { #header { position: relative; margin: 0 -10px; padding: 59px 10px 0 10px; height: auto; } #header .separator { clear: both; margin: 0 -10px; height: 1px; background: #000; } #header .phone-menu { position: absolute; top: 12px; left: 10px; font-size: 24px; } #header .phone-menu li { float: left; margin: 0 14px 0 0; } #header .phone-menu a { display: block; padding: 6px; text-decoration: none; } #header .phone-menu .hamburger .bread { display: block; margin: 6px 0 0 0; width: 18px; height: 2px; background: #000; } #header .phone-menu .hamburger .bread:first-child { margin-top: 3px; } #header .phone-menu .icon-remove { display: none; } #header .phone-menu .active .hamburger { display: none; } #header .phone-menu .active .icon-remove { display: block; margin: 3px 0 0 0; font-size: 18px; } #header .logo { position: absolute; float: none; top: 0; left: 50%; margin: 0 0 0 -15px; padding: 16px 0 14px 0; width: 30px; font-size: 28px; text-align: center; text-decoration: none; } #header .headercart { float: none; position: absolute; top: 12px; right: 10px; margin: 0; } #header .headercart .top a { padding: 9px 14px 7px 14px; font-size: 12px; } #recently-added-container { display: none !important; } #search_mini_form .input-search { border-top: none; } #search_mini_form button { top: 0; } #nav, #search_mini_form, #header .account { display: none; } #header .main-nav { float: none; } #search_mini_form { border: none; } /* Navigation */ #header #nav { padding: 10px; background: #f2f2f2; } #header #nav li { float: none; text-align: left; position: relative; margin: 0; background: #fff; } #nav li a { display: block; float: none; padding: 10px; font-family: 'apercumedium'; font-size: 16px; border: none; } #nav li a:hover { text-decoration: none; } #nav .level0 > a, #nav .level0.parent > a, #nav .level1 > a { padding: 14px 10px; border-bottom: 1px dashed #cdcdcd; } #nav li.level0:last-child > a { border: none; } #nav .level0.parent > a:after, #nav .level1.parent > a:after { position: absolute; top: 15px; right: 10px; font-family: 'apercumedium'; content: '+'; font-size: 16px; line-height: 18px; } #nav .level0.parent.toggle > a:after, #nav .level0.active.parent > a:after, #nav .level1.parent.toggle > a:after, #nav .level1.active.parent > a:after { content: '-'; } #nav .level0.parent.toggle > a, #nav .level0.active.parent > a, #nav .level1.parent.toggle > a, #nav .level1.active.parent > a { border: none; } #header #nav .level1.menu-nested-parent > a { padding-left: 30px; } .parent > .menu-vlist { margin: 0; } #nav .level0.parent > .menu-vlist { top: auto; left: auto; } #header #nav .level1.menu-nested-parent > a > span { padding: 0; border: none; } #header #nav ul.level2 > li.level2 > a { padding: 11px 0 11px 50px; } #header li.level2.active > a { text-decoration: underline; } #header #nav ul.level2 > li.level2:first-child > a { padding-top: 9px; } #header #nav ul.level2 > li.level2:last-child > a { padding-bottom: 14px; border-bottom: 1px dashed #cdcdcd; } #nav .view-all { display: block; } #nav .view-all a { padding: 8px 0 11px 50px; font-family: 'apercumono'; font-size: 14px; } #nav .view-all .active { text-decoration: underline; } #nav .level0 > ul, #nav .level1 > ul { display: none; } #nav .level0.parent.toggle > ul, #nav .level1.parent.toggle > ul { display: block; } #nav .active > ul { display: block; } .header__menu { text-align: center; height: auto; padding: 10px 0 0; } .header__menu li, .header__menu li:first-child { padding: 0; display: block; } } @media (max-width: 1200px) { .products-list .actions { left: 566px; } } @media (max-width: 1020px) { .pagination .previous, .pagination .next { padding: 0; } .toolbar .amount a:before { padding: 0 10px 0 4px; } } @media (max-width: 991px) { .products-list .actions { position: static; bottom: auto; left: auto; text-align: center; } .products-list .product-name { margin: 20px 0 0 0; } .products-list .std { padding: 0 0 40px 0; } .iframe-container{ display: none; } } @media (max-width: 767px) { .category-top .with-img { margin: 0 -10px; } .category-top .with-img img { display: none; } .category-top .with-img h1 { position: static; bottom: auto; left: auto; padding: 20px 0 0 10px; } .products-list .button { display: block; margin: 0 10px; padding: 16px 60px 15px 60px; } .products-grid a { padding: 15px 0; } } @media (min-width: 1229px) { .product-media .product-image img { width: 570px; } .product-media .more-views { width: 70px; } } @media (max-width: 1071px) { .product-media .product-image { text-align: center; } .product-media .product-image img { width: auto; } .product-media .more-views { position: static; top: auto; left: auto; width: auto; text-align: center; } .product-media .more-views li { display: inline-block; margin: 20px 8px 0 8px; ; width: 50px; } } @media (max-width: 991px) { .product-attributes .title:after { content: ':'; } .product-attributes .value { text-align: left; } .product-promo { margin: 40px 0 0 0; border-width: 1px 0 0 0; } .product-promo.promo-full { border: none; } .product-promo.promo-full .pull-right .outer, .product-promo.promo-full .pull-left .outer{ border: none; } .product-promo .outer, .product-promo .pull-left .outer { margin: 0; border: none; } .product-promo .inner { padding: 0; } .stock-returns, .txt-block, .pull-left .txt-block, .pull-left .txt-block.with-border { padding: 40px 0; border-bottom: 1px solid #f7f5f3; } .stock-returns .returns { margin: 0; } .product-promo .txt-block .media { margin-top: 30px; } } @media (min-width: 768px) { .pdp-media-carousel { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .nav-tabs > li > a { padding: 5px 8px; } } @media (max-width: 767px) { .product-media { display: none; } .product-media, .pdp-media-carousel { margin: 0 -10px 10px -10px; } .product-media .more-views ul { font-size: 0; } .product-media .more-views li { margin: 10px 5px 0 5px; width: auto; } .product-media .more-views a { width: 10px; height: 10px; border: 1px solid #000; } .product-media .more-views img { display: none; } .product-media .more-views .active { border: none; background: #000; } .product-shop .add-to-box { margin: 20px 0 0 0; } .catalog-product-view .short-description { margin: 16px 0 0 0; } .product-promo .media { margin-top: 20px; } .social-share .social-networks {float: none; margin: 0;} .box-related {margin-top: 0} } @media (max-width: 991px) { .footer .bottom { margin: 40px 0 0 0; } } @media (min-width: 768px) and (max-width: 991px) { .footer .content li:last-child a { padding-bottom: 0; } } @media (max-width: 767px) { .footer { padding: 10px 0; } .cms-index-index .footer { padding: 10px 10px; } .footer h5 { padding: 16px 0; border: none; cursor: pointer; border-bottom: 1px dashed #cdcdcd; overflow: hidden; } .footer h5:after { float: right; content: '+'; font-family: 'apercumedium'; font-size: 16px; } .footer .active h5 { border: none;} .footer .active h5:after { content: '-'; } .footer h5.last { padding-bottom: 0; border: none; cursor: default; } .footer h5.last:after { display: none; } .footer .content { display: none; } .footer .active .content { display: block; border-bottom: 1px dashed #cdcdcd; } .footer form { padding-bottom: 40px; } .footer .bottom { margin: 40px 0 0 0; text-align: center; } .footer .payment { text-align: center; } .footer .button { font-size: 16px; } } @media (max-width: 767px) { .box-account h3 { padding: 0; } #my-orders-table .link-reorder { margin: 5px 0 0 0; } } @media (max-width: 1199px) { .pagemanager .slideshow { padding: 0; } .front-promo span { padding: 10px 16px 10px 0; font-size: 14px; } } @media (max-width: 992px) { .front-promo span { position: static; left: auto; bottom: auto; padding: 6px 0 0 0; font-size: 14px; } } @media (max-width: 767px) { .cms-index-index .main-container { margin: 0 -10px; } .cms-index-index .pagemanager h4 { font-size: 18px; } .cms-index-index .pagemanager .border, .cms-index-index .pagemanager .border-xs { margin: 10px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #000; } .front-products { padding: 0 0 40px 0; } .pagemanager .front-promo { margin-top: 20px; } .front-links a { padding: 10px 0; font-size: 14px; line-height: 26px; } .front-links span { font-size: 18px; } .front-seo { padding: 20px 0 0 0; font-size: 14px; line-height: 18px; } .front-seo h1 { font-size: 18px; } .pagemanager .front-seo p { margin: 10px 0 0 0; } } @media (max-width: 991px) { .pagemanager__flex-block p.front-promo { width: 100%; margin-top: 20px; } .pagemanager__flex-block img { width: 100%; } } @media (min-width: 992px) { .pagemanager__flex-block { display: flex; overflow: hidden; } .pagemanager__flex-block .front-promo + .front-promo { margin: 20px 0 0 0; } .pagemanager__flex-block > div { flex-shrink: 1; flex-grow: 1; overflow: hidden; } .pagemanager__flex-block > div > * { height: 100%; } .pagemanager__flex-block img { min-height: 100%; min-width: 100%; width: auto; max-width: none; } .pagemanager__flex-block a, .pagemanager__flex-block p { height: 100%; } .pagemanager__flex-block [data-blocks="2"] p { height: calc(50% - 10px); } .pagemanager__flex-block [data-blocks="2"] p + p { margin-top: 20px; } .pagemanager__flex-block div[data-basis] { padding: 0 10px 0 10px; } .pagemanager__flex-block div[data-basis]:first-child { padding: 0 10px 0 0; } .pagemanager__flex-block div[data-basis]:last-child { padding: 0 0 0 10px; } .pagemanager__flex-block div[data-basis="25"] { flex-basis: 25%; width: 25%; } .pagemanager__flex-block div[data-basis="35"] { flex-basis: 35%; width: 35%; } .pagemanager__flex-block div[data-basis="50"] { flex-basis: 50%; width: 50%; } .pagemanager__flex-block div[data-basis="65"] { flex-basis: 65%; width: 65%; } .pagemanager__flex-block div[data-basis="75"] { flex-basis: 75%; width: 75%; } .pagemanager__flex-block div[data-basis="100"] { flex-basis: 100%; width: 100%; } .pagemanager__flex-block div[data-basis="auto"] img { max-width: 100%; min-height: auto; } } @media (max-width: 991px) { .cart .totals { margin-top: 40px; } } @media (max-width: 767px) { .cart-table tr { padding: 20px 0; border-bottom: 1px dashed #e5e5e5; } .cart-table tr:last-child { border: none; } .cart-table td:before { display: none; } .cart-table .remove { display: none; } .cart-table .product-image { width: auto; } .cart-table .product-name a { padding: 10px 0 0 0; } .cart-table .product-details-lower { margin: 20px 0; } .discount-form .button { padding: 12px 0 11px 0; } } @-ms-viewport { width: device-width; } @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } .hidden { display: none !important; visibility: hidden !important; } .visible-xs { display: none !important; } tr.visible-xs { display: none !important; } th.visible-xs, td.visible-xs { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm { display: block !important; } tr.visible-xs.visible-sm { display: table-row !important; } th.visible-xs.visible-sm, td.visible-xs.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-xs.visible-md { display: block !important; } tr.visible-xs.visible-md { display: table-row !important; } th.visible-xs.visible-md, td.visible-xs.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-xs.visible-lg { display: block !important; } tr.visible-xs.visible-lg { display: table-row !important; } th.visible-xs.visible-lg, td.visible-xs.visible-lg { display: table-cell !important; } } .visible-sm { display: none !important; } tr.visible-sm { display: none !important; } th.visible-sm, td.visible-sm { display: none !important; } @media (max-width: 767px) { .visible-sm.visible-xs { display: block !important; } tr.visible-sm.visible-xs { display: table-row !important; } th.visible-sm.visible-xs, td.visible-sm.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-sm.visible-md { display: block !important; } tr.visible-sm.visible-md { display: table-row !important; } th.visible-sm.visible-md, td.visible-sm.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-sm.visible-lg { display: block !important; } tr.visible-sm.visible-lg { display: table-row !important; } th.visible-sm.visible-lg, td.visible-sm.visible-lg { display: table-cell !important; } } .visible-md { display: none !important; } tr.visible-md { display: none !important; } th.visible-md, td.visible-md { display: none !important; } @media (max-width: 767px) { .visible-md.visible-xs { display: block !important; } tr.visible-md.visible-xs { display: table-row !important; } th.visible-md.visible-xs, td.visible-md.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md.visible-sm { display: block !important; } tr.visible-md.visible-sm { display: table-row !important; } th.visible-md.visible-sm, td.visible-md.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-md.visible-lg { display: block !important; } tr.visible-md.visible-lg { display: table-row !important; } th.visible-md.visible-lg, td.visible-md.visible-lg { display: table-cell !important; } } .visible-lg { display: none !important; } tr.visible-lg { display: none !important; } th.visible-lg, td.visible-lg { display: none !important; } @media (max-width: 767px) { .visible-lg.visible-xs { display: block !important; } tr.visible-lg.visible-xs { display: table-row !important; } th.visible-lg.visible-xs, td.visible-lg.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-lg.visible-sm { display: block !important; } tr.visible-lg.visible-sm { display: table-row !important; } th.visible-lg.visible-sm, td.visible-lg.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-lg.visible-md { display: block !important; } tr.visible-lg.visible-md { display: table-row !important; } th.visible-lg.visible-md, td.visible-lg.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } .hidden-xs { display: block !important; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } tr.hidden-xs { display: none !important; } th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm { display: none !important; } tr.hidden-xs.hidden-sm { display: none !important; } th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md { display: none !important; } tr.hidden-xs.hidden-md { display: none !important; } th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-xs.hidden-lg { display: none !important; } tr.hidden-xs.hidden-lg { display: none !important; } th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display: none !important; } } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .hidden-sm.hidden-xs { display: none !important; } tr.hidden-sm.hidden-xs { display: none !important; } th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } tr.hidden-sm { display: none !important; } th.hidden-sm, td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md { display: none !important; } tr.hidden-sm.hidden-md { display: none !important; } th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-sm.hidden-lg { display: none !important; } tr.hidden-sm.hidden-lg { display: none !important; } th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display: none !important; } } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .hidden-md.hidden-xs { display: none !important; } tr.hidden-md.hidden-xs { display: none !important; } th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm { display: none !important; } tr.hidden-md.hidden-sm { display: none !important; } th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } tr.hidden-md { display: none !important; } th.hidden-md, td.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-md.hidden-lg { display: none !important; } tr.hidden-md.hidden-lg { display: none !important; } th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important; } } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (max-width: 767px) { .hidden-lg.hidden-xs { display: none !important; } tr.hidden-lg.hidden-xs { display: none !important; } th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm { display: none !important; } tr.hidden-lg.hidden-sm { display: none !important; } th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md { display: none !important; } tr.hidden-lg.hidden-md { display: none !important; } th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } tr.hidden-lg { display: none !important; } th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print { display: none !important; } tr.visible-print { display: none !important; } th.visible-print, td.visible-print { display: none !important; } @media print { .visible-print { display: block !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .hidden-print { display: none !important; } tr.hidden-print { display: none !important; } th.hidden-print, td.hidden-print { display: none !important; } } #atca-popup-container { position: absolute; z-index: 200; top: 50%; left: 50%; margin-top: -50px; margin-left: -127px; border: 10px solid rgba(0,0,0, 0.05); text-align: center; } #atca-message-container { padding: 20px; background: #fff; } #atca-button-container { padding: 0 20px 20px 20px; background: #fff; overflow: hidden; } #atca-button-container .button { margin: 10px 0 0 0; float: none !important; } #atca-continue-btn, #atca-no-btn { background: #333; border-color: #000; } .headercart { position: relative; float: right; margin: 14px 0 0 0; } .headercart p { margin: 0; } .headercart .top { overflow: hidden; } #headercart-disabled .top a { border-color: #000; background: #fff; color: #000; } .headercart .top a { display: block; padding: 11px 15px 11px 15px; white-space: nowrap; border: 1px solid #00643d; background: #006f44; color: #fff; } .headercart .top .qty { font-family: 'apercumono'; } #recently-added-container { position: absolute; top: 40px; right: -30px; width: 390px; z-index: 100; } .headercart-outer { margin: 16px 0 0 0; border: 10px solid rgba(0,0,0, 0.05); } .headercart-inner { padding: 0 20px 20px 20px; background: #fff; } .headercart .viewing { display: block; padding: 16px 0; border-bottom: 1px solid #000; overflow: hidden; } .headercart .viewing .f-right { font-family: 'apercumono'; text-decoration: underline; } .mini-products-list li { position: relative; padding: 20px 0; border-bottom: 1px solid #000; overflow: hidden; } .mini-products-list a { display: block; text-decoration: none; } .mini-products-list .product-image { float: left; } .mini-products-list .product-details { float: left; margin: 0 0 0 10px; width: 200px; } .mini-products-list .product-name a { padding: 5px 0 30px 0; } .mini-products-list .product-name span { margin: 5px 0 0 0; display: block; } .mini-products-list .product-name .title { font-family: 'apercubold'; } .mini-products-list .product-name a:hover .title { text-decoration: underline; } .mini-products-list .product-details-lower { font-family: 'apercumono'; } .mini-products-list .btn-remove { position: absolute; top: 50%; right: 0; margin: -7px 0 0 0; font-size: 14px; text-decoration: none; transition: 0.2s; } .mini-products-list .btn-remove:hover { color: #de0000; } .mini-products-list .item-options { margin: 10px 0 0 0; } .headercart .sum { padding: 20px 0; font-size: 24px; font-family: 'apercubold'; overflow: hidden; } .headercart .sum .price { float: right; font-family: 'apercumono'; } .pagemanager p { margin: 0; } .pagemanager .row { margin-bottom: 30px; } .pagemanager .products-grid { margin-bottom: 0; } @media (max-width: 1199px) { .pagemanager { padding: 0 10px; } .pagemanager .row { margin-bottom: 20px; } .pagemanager .products-grid { margin-bottom: 0; } } @media (max-width: 767px) { .pagemanager { overflow: hidden; } } .selected-products.list-horizontal .content { display: table; table-layout: fixed; width: 100%; } .selected-products.list-horizontal .products-grid { display: table-row; } .selected-products.list-horizontal .products-grid .item { display: table-cell; } /* Styles for facebook likebox */ .fan_box { } .fan_box .connect_widget_facebook_logo_menubar { } .fan_box .full_widget a{ } .fan_box .full_widget { } .fan_box .full_widget .connect_top { } .fan_box .page_stream { } .fan_box_bottom { } /* Icommerce_Tabs CSS -------------------------------------------------------- */ /* General */ #tabs { overflow: hidden; } .ui-tabs-nav { float: left; margin: 0; padding: 0;} .ui-tabs-nav li { float:left; margin: 0 2px 0 0; padding: 0; } .ui-tabs-nav li a { display:block; float:left; margin: 0; padding: 7px 15px 5px 15px; background: #efefef; border: 1px solid #E7E7E7; border-bottom: none; } .ui-tabs-nav li.ui-state-active a { background: #fff; position:relative; z-index: 3; } .ui-tabs-panel { display: block; clear:both; padding: 10px; background: #fff; border: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7; position: relative; top: -1px; z-index: 2; } .ui-tabs-hide { display:none; } /* Product page tabs*/ .ui-tabs-panel .add-review .form-list input, .ui-tabs-panel .add-review .form-list textarea, .ui-tabs-panel .add-review .buttons-set{ width: 98%; } .ui-tabs-panel .add-review .buttons-set{ margin: 10px 0 0 0; } .ui-tabs-panel .reviews-text td.value{ width: 10px; overflow: hidden; } .ui-tabs-panel .add-review .data-table{ width: 400px; } .ui-tabs-panel .add-review .form-list{ margin: 10px 0 0 0; } .ui-tabs-panel .reviews .data-table, .ui-tabs-panel .reviews .data-table th{ border: 0; } .ui-tabs-panel .reviews .data-table td { border-bottom:0; border-left:0; border-right:0; width: 10px; } .ui-tabs-panel .reviews .data-table td.label, .ui-tabs-panel .reviews-text .data-table th.label { background-color:#ffffff; font-weight:bold; } .ui-tabs-panel .reviews .data-table th { border-bottom:0; border-left:0; border-right:0 !important; border-top:0; color:#333333; padding:2px 0; white-space:nowrap; } .ui-tabs-panel .reviews .review-title{ font-weight: bold; color: #888; } .ui-tabs-panel .rating-box { background:url(https://www.designtorget.se/skin/frontend/base/default/images/product_rating_blank_star.gif) repeat-x; float:left; font-size:0.9em; height:13px; margin-right:5px; position:relative; width:69px; } .ui-tabs-panel .rating-box .rating { background:url(https://www.designtorget.se/skin/frontend/base/default/images/product_rating_full_star.gif) repeat-x; height:13px; left:0; position:absolute; top:0; } /* Style in ic_vertnav.css */ /* FUNCTION-CRITICAL CSS (note that Vanilla Magento uses #nav, so we can't get rid of that one :S) */ #nav ul { left: 0; } .parent > .menu-vlist { position: absolute; display: none; } .menu-link { white-space: nowrap; } .menu-vlist { z-index: 999; } .parent > .menu-children-nested.menu-vlist, .parent > .shown-sub { display: block; } .menu-bp-wrapper { display: table; width: auto; /** Remove this if you want the menu to be 100% of the content **/ table-layout: fixed; } /** column within a column correct fixed-cell sizing */ .menu-bp-column .menu-bp-wrapper { width: 100%; } .level0.menu-vlist { left: 0; } .level0.parent > .menu-vlist { top: 29px; } #nav .menu-bp-items, #nav .shown-sub .menu-children-nested.menu-children-nested { position: relative; left: 0; border: 0; top: 0; padding: 0; } #nav li { text-align: left; position: relative; } .toggle-sub-menu { display: none; } /** NON-CRITICAL */ #header #nav .menu-bp-row { clear: both; } .menu-image { margin: 5px 0; } .menu-multilevel-slideout .parent > .menu-vlist, .menu-standard-navigation .parent > .menu-vlist { width: 220px; } #nav .level0 .menu-bp-wrapper { min-width: 180px; } /** Will deterine the size of the widget in the menu */ .menu-bp-column.widget-column .widget { display: block; width: 200px; } .menu-image { max-width: 160px; /*IE fix*/ } .menu-vlist .menu-image.menu-image { display: inline; } #nav .widget-static-block h1, #nav .widget-static-block h2, #nav .widget-static-block h3, #nav .widget-static-block h4, #nav .widget-static-block h5 { font-size: 12px; line-height: 15px; margin: 0; font-weight: bold; text-transform: uppercase; } /** Styling that is related to media-query based (adaptive) viewport size */ @media (min-width: 768px) { /* FUNCTION-CRITICAL CSS */ .menu-bp-column { display: table-cell; padding-left: 20px; } #nav li { float: left; /** Remove this if you want the menu to be 100% of the content **/ } #nav .level1.menu-nested-parent > a { font-weight: bold; text-transform: uppercase; } /** NON-CRITICAL */ #nav .shown-sub .menu-vlist { left: 160px; top: -12px; } .menu-bp-column.first { padding-left: 0; } #nav .menu-bp-wrapper.menu-hlist > .menu-bp-column .menu-bp-items li { list-style-type: none; padding-right: 10px; float: left; } /** footer group styling */ .menu-group-footer > .group-items { margin-top: 10px; padding-top: 10px; border-top: 1px solid #333; } #nav .menu-bp-wrapper .menu-group-footer .group-items li { float: none; display: table-cell; white-space: nowrap; } #nav .menu-group-footer a { text-transform: uppercase; font-weight: bold; } #nav .menu-bp-wrapper .menu-group-footer .group-items li { float: none; padding-left: 20px; display: table-cell; white-space: nowrap; } #nav .menu-group-footer .group-items li:first-of-type { padding-left: 0; } .parent.menu-nested-parent { margin-top: 10px; } .parent.menu-nested-parent.first { margin-top: 0; } .menu-simple-dropdown .menu-bp-column { width: 100%; } } @media (max-width: 767px) { .level0.parent .menu-vlist { top: 0; } .level1 .menu-vlist { margin-left: 5px; } .parent > .menu-vlist { display: block; } #nav .menu-group-footer a { text-transform: uppercase; } .parent > .menu-vlist.menu-vlist { position: relative; } .parent > .menu-vlist { border: 0; padding: 0; } .menu-bp-wrapper { display: block; } .shown-sub .menu-vlist { left: 0; } #nav { margin: 0 -10px; } .mobile-hide, .menu-image, .menu-group-main .widget { display: none !important; } .mobile-show { display: block !important; } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.designtorget.se/skin/frontend/base/default/images/vaimo-fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://www.designtorget.se/skin/frontend/base/default/images/vaimo-fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.designtorget.se/skin/frontend/base/default/css/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://www.designtorget.se/skin/frontend/base/default/images/vaimo-fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.designtorget.se/skin/frontend/base/default/images/vaimo-fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://www.designtorget.se/skin/frontend/base/default/images/vaimo-fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* Instagramfeed */ .instagram-grid { margin-top: 24px; } .instagram-grid a { display: block; padding: 10px 0; } .qliro_promotion_logo img{ margin: 10px auto; display: block; } .carousel .hotspot { position: absolute; text-align: left; } .carousel .hotspot-icon { height: 18px; width: 20px; padding-top: 1px; text-align: center; cursor: pointer; } .carousel .hotspot-icon { font-size: 22px; color: #FFFFFF; } .carousel .hotspot-content { display: none; border-radius: 4px; width: 260px; padding:8px 11px; background: rgba(255,255,255,0.8); font-size:12px; color: #333; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); } #tab-container { margin-bottom: 15px; } #tab-container .tabs { width: 100%; overflow: hidden; } #tab-container .tabs li { float: left; margin: 0 2px 0 0; } #tab-container .tabs li a { float: left; display: block; padding: 10px; border: 1px solid #ddd; } #tab-container .tabs li.active a { border-bottom: 1px solid #fff; } #tab-container .tab-content { border: 1px solid #ddd; padding: 10px; margin: -1px 0 0 0; } /* =========================================================== * * Name: selectordie_dev.css * Updated: 2014-10-10 * Created by: Per V @ Vst.mn * What?: Base CSS for Select or Die * * Copyright (c) 2014 Per Vestman * Dual licensed under the MIT and GPL licenses. * * No, I don't usually comment my CSS, but in this * case it might "help" someone. * * Oddny | Cogs 'n Kegs * =========================================================== */ /* Remove, change to fit your needs */ .sod_select, .sod_select * { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */ .sod_select { display: inline-block; position: relative; line-height: 1; width: 170px; padding: 13px 0 11px 10px; border: 1px solid #000; background: #333; color: #fff; font-size: 14px; text-align: left; cursor: pointer; } /* Arrow */ .sod_select:after { position: absolute; top: 18px; right: 11px; font-size: 4px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60d"; } /* When the entire SoD is disabled, go crazy! */ .sod_select.disabled { border-color: #828282; color: #b2b2b2; cursor: not-allowed; } /* The "label", or whatever we should call it. Keep the first three lines for truncating. */ .sod_select .sod_label { display: block; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; } .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ } .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ } /* Options list wrapper */ .sod_select .sod_list_wrapper { position: absolute; top: 100%; left: 0; display: none; height: auto; width: 170px; margin: 0 0 0 -1px; background: #ffffff; border: 1px solid #000; border-top: none; color: #333; z-index: 1; } /* Shows the option list (don't edit) */ .sod_select.open .sod_list_wrapper { display: block; } /* Don't display the options when */ .sod_select.disabled.open .sod_list_wrapper { display: none; } /* When the option list is displayed above the SoD */ .sod_select.above .sod_list_wrapper { top: auto; bottom: 100%; border-top: 1px solid #000000; border-bottom: none; } /* Options list container */ .sod_select .sod_list { display: block; overflow-y: auto; padding: 0; margin: 0; } /* All the options. Keep the first three lines for truncating... */ .sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px 10px; list-style-type: none; } /* Optgroups */ .sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled { background: inherit; color: #939393; font-family: 'apercumedium_italic'; font-size: 12px; } /* Children of an optgroup */ .sod_select .sod_option.groupchild { padding-left: 20px; } /* Used together with placeholderOption / data-placeholder-option */ .sod_select .sod_option.is-placeholder { display: none; } /* Disabled option */ .sod_select .sod_option.disabled { background: inherit; color: #ccc; } /* Hover state for options, also used when a user uses his/hers up/down keys */ .sod_select .sod_option.active { background: #f7f7f7; color: #000; } /*Make room for the check mark */ .sod_select .sod_option.selected { font-family: 'apercubold'; padding-right: 25px; } /* Displays a check mark for the selected option */ .sod_select .sod_option.selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); } /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ .sod_select.no_highlight .sod_option.selected { font-weight: 300; } .sod_select.no_highlight .sod_option.selected:before { display: none; } .sod_select .sod_option.link { /* If data-link is set on a specific option */ } .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ } /* Hide native select */ .sod_select select { display: none !important; } /* The native select in touch mode. Keep this first line. Sorry, keep everything. */ .sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; } /* 100% width on Forms */ .form-list .sod_select, .form-list .sod_select .sod_list_wrapper { width: 100%; } .form-list .sod_list_wrapper { box-sizing: content-box; } @media (max-width: 767px) { .sod_select, .sod_select .sod_list_wrapper { width: 100%; } .sod_list_wrapper { box-sizing: content-box; } } .siema-carousel { position: relative; } .siema-carousel__slide > img { display: block; margin: auto; } .siema-carousel__dots { text-align: center; } .siema-carousel__dot { width: 10px; height: 10px; border: 1px solid #000; display: inline-block; margin: 10px 5px 0 5px; } .siema-carousel__dot.active { background: #000; } .siema-carousel__nav { display: none; color: #C9C9C9; border: 1px solid currentColor; position: absolute; right: -1px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 10px; background-color: #fff; line-height: 0; } .siema-carousel--init .siema-carousel__nav { display: block; } .siema-carousel__nav.disabled { opacity: 0.3; } .siema-carousel__nav[data-dir="prev"] { right: auto; left: -1px; } /* for module init */ #klevu-pt-rs-hover { display: none !important; } .kuSortby label, .kuPerPage label { font-size: .8em; } .method .shipping-description { display: none; } .method.active-method .shipping-description { display: block; padding-bottom: 10px; padding-top: 20px; margin-top: 10px; } .gift-container { overflow: hidden; } .gift-container .label-field { float: left; } .gift-container .gift-price { float: right; margin-top: 10px; font-size: 18px; } .sp-methods .shipping-from-new.vco-form { padding: 20px 30px; } #checkout-shipping-method-load .method { position: relative; overflow: hidden; } .sp-methods .method > .shipping-label { overflow: hidden; display: block; padding-left: 36px; } .sp-methods .method > .shipping-label:before { content: ''; position: absolute; top: 14px; left: 0; } .shipping-label .shipping-title { float: left; width: 90%; } .shipping-label .shipping-price { float: right; } .sp-methods.shipping .method .shipping-price .price { margin-top: 0; } /* store-switcher */ .header-outer .store-switcher { overflow: visible !important; display: flex; justify-content: space-between; align-items: center; margin: 15px 40px; } .store-switcher .sod_select { background: #fff; color: #000; } .store-switcher__continue-button { width: auto; display: inline-block; height: 40px; padding: 0 15px; vertical-align: top; background: #000; font-size: 14px; } .switcher-website__label { padding: 11px 15px; white-space: nowrap; border: 1px solid #000; width: auto; float: left; } .switcher-website__label:hover { cursor: pointer; } .switcher-website { float: left; padding: 15px 40px; } @media (max-width: 767px) { .header-outer .store-switcher { display: block; padding: 0; } .store-switcher__select-block { display: flex; } .switcher-website { float: left; padding: 15px 0; } } .badge { position: absolute; z-index: 11; top: -15px; } .badge.top-right { right: -15px; } .badge.top-left { left: -15px; } .badge.bottom-left, .badge.bottom-right { display: none; } .badge-wrapper { width: 270px; max-width: 100%; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .product-view-badge .badge-wrapper { width: 100%; margin: 0 0 0 auto; } img.badge { width: auto !important; height: auto; } .product-view-badge img.badge { max-width: 100px; max-height: 100px; } .product-list-badge img.badge { max-width: 75px; max-height: 75px; } .products-grid.smaller .badge-wrapper { width: 170px; } .products-grid.smaller .product-list-badge img.badge { max-width: 75px; max-height: 75px; } .siema-carousel__slide .badge { top: 0; } .siema-carousel__slide .badge.top-right { right: 0; } .siema-carousel__slide .badge.top-left { left: 0; } @media (min-width: 1071px) { .product-view-badge .badge-wrapper { width: 475px; } } @media (min-width: 1229px) { .product-view-badge .badge-wrapper { width: 570px; } } @media (max-width: 450px) { .product-view-badge img.badge { max-width: 75px; max-height: 75px; } .product-list-badge img.badge, .products-grid.smaller .product-list-badge img.badge { max-width: 50px; max-height: 50px; } } .monthly-cost { color: #c76200; font-weight: bold; }