@import "argonova/icon";@-webkit-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@-moz-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{ margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{ line-height: 1;}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{ display: block;}nav ul{ list-style: none;}blockquote, q{ quotes: none;}blockquote:before, blockquote:after, q:before, q:after{ content: '';content: none;}a{ margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent;}ins{ background-color: #ff9;color: #000;text-decoration: none;}mark{ background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}del{ text-decoration: line-through;}abbr[title], dfn[title]{ border-bottom: 1px dotted;cursor: help;}table{ border-collapse: collapse;border-spacing: 0;}hr{ display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}input, select{ vertical-align: middle;}::-moz-selection{ color: #000;background: #fd9335;}::selection{ color: #000;background: #fd9335;}*{ box-sizing: border-box;}a{ color: #9a989a;text-decoration: none;transition: color 0.3s;}a:hover{ color: #fd9335;}body{ background-color: #fafafa;font-family: inherit;line-height: inherit;font-weight: inherit;color: rgba(0, 0, 0, 0.87);font-size: inherit;min-height: 100%;}h1, h2, h3, h4, h5, h6{ line-height: 1.5;font-weight: 800;margin: 1.5em 0 0.2em 0;}h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{ margin-top: 0;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #fd9335;}h1{ font-size: 2em;font-weight: ;text-transform: uppercase;}h2{ font-size: 1.5em;font-weight: 400;}h3{ font-size: 1.17em;font-weight: ;}h4{ font-size: 1em;font-weight: ;}h5{ font-size: 0.83em;font-weight: ;}h6{ font-size: 0.75em;font-weight: ;}html{ color: ;line-height: 1.5;font-size: ;font-weight: 300;font-family: 'Lato', sans-serif;background-color: #fd9335;height: 100%;}img{ max-width: 100%;height: auto;}img.showCase{ float: left;margin-right: 1em;}@media screen and (max-width: 650px){img.showCase{ float: none;width: 100%;} }p{ margin-bottom: 1em;}p::after{ clear: both;content: "";display: table;}p a.fillBtn{ font-weight: 500;display: inline-block;color: #fff;padding-top: 8px;padding-bottom: 8px;padding-left: 24px;padding-right: 24px;text-align: center;text-transform: uppercase;border-radius: 20px;background-color: #fd9335;}p a.fillBtn.right{ float: right;}@media screen and (max-width: 650px){p a.fillBtn.right{ float: none;margin: 0 auto;text-align: center;display: block;margin-top: 1em;} }li, ol, ul{ list-style: inherit;list-style-position: inside;padding-left: 0;}nav ol, nav ul{ list-style-type: none;padding: 0;margin: 0;}nav ol li, nav ul li{ padding: 0;}th, td{ vertical-align: top;font-family: inherit;font-size: inherit;text-align: inherit;}.clearfix:after{ visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}* html .clearfix{ zoom: 1; }*:first-child + html .clearfix{ zoom: 1; } @import "argonova/icon";@-webkit-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@-moz-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }.dataTable{ width: 100%;}.pagination{ margin: 1em auto;}.pagination .paginationList{ display: inline-block;overflow: hidden;}.pagination .paginationList li{ display: block;float: left;transition: background 0.3s, color 0.3s;}.pagination .paginationList li.active{ color: #000;background: #9a989a;}.pagination .paginationList li:hover{ color: #000;background: #fd9335;}.pagination .paginationList li a{ display: block;padding: 0.5em;color: inherit;}iframe{ width: 100% !important;height: 600px !important;}.view.product.categoryList{ float: left;width: 160px;}ul.treeList{ list-style: none;}ul.treeList li{ padding: 0;border-bottom: 1px solid #ccc;}ul.treeList li a{ line-height: 30px;font-size: 12px;color: #656565;}ul.treeList li ul{ list-style: none;margin-left: 15px;}ul.treeList li ul li{ border-bottom: none;}ul.treeList li.last{ border-bottom: none;} @import "argonova/icon";@-webkit-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@-moz-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }::-webkit-input-placeholder{ color: rgba(0, 0, 0, 0.38);}:-moz-placeholder{ color: rgba(0, 0, 0, 0.38);opacity: 1;}::-moz-placeholder{ color: rgba(0, 0, 0, 0.38);opacity: 1;}:-ms-input-placeholder{ color: rgba(0, 0, 0, 0.38);}button, input, textarea, select{ transition: box-shadow 0.3s;}button:focus, input:focus, textarea:focus, select:focus{ outline: none;box-shadow: 0 0 0.25em rgba(33, 150, 243, 0.87);}button, input, textarea, select{ font: inherit;max-width: 100%;font-weight: 300;}button, input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), textarea{ border: 1px solid rgba(0, 0, 0, .38);letter-spacing: 0.05em;border-radius: 0.3em;padding: 0.45em;background: #fff;}button{ border: 0 none;display: inline-block;background: #fd9335;color: #fff;font-weight: 400;vertical-align: sub;cursor: pointer;text-transform: uppercase;border-radius: 20px;min-width: 70px;padding: 0.45em 1em;transition: ease all 0.5s;}button:hover{ background: #fda95d !important;}form{ margin: 1em 0;}form:first-child{ margin-top: 0;}form:last-child{ margin-bottom: 0;}form.inline .buttons, form.searchForm .buttons, form.inline .field, form.searchForm .field{ display: inline-block;vertical-align: middle;}form.inline label, form.searchForm label{ display: none;}form.inline .field, form.searchForm .field{ margin-right: 1em;}form.inline .field + .field, form.searchForm .field + .field{ margin-top: 0;}form.inTable td button{ padding: 0;}form.inTable td label{ display: none;}form.marginal .buttons{ display: block;margin: 1em 0 0 0;}form.marginal .buttons::after{ clear: both;content: "";display: table;}form.marginal .buttons button + button:last-child{ float: right;}form.marginal .field label{ display: none;}form.marginal .field input, form.marginal .field select, form.marginal .field textarea{ width: 100%;}form.vertical label{ display: block;}form.vertical input, form.vertical select, form.vertical textarea{ width: 100%;min-width: 150px;}form .hidden{ display: none;}fieldset{ border-top:dashed textColor(divider, dark);margin: 1em 0;padding: 1em 0;}fieldset:first-child{ margin-top: 0;}fieldset > legend{ padding-right: 1em;margin: 0.25em 0;font-size: 0.8em;font-weight: bold;text-transform: uppercase;color: textColor(hint, dark);}fieldset > legend ~ *{ margin-left: 1em;}input[type="checkbox"], input[type="radio"]{ max-width: 1em;}label{ font-weight: inherit;}label[for]{ cursor: pointer;}select option{ padding: 0.1em 0.25em;}textarea{ padding: ;resize: none;height: 10em;min-height: 3em;}textarea:hover{ resize: vertical;}.field{ position: relative;max-width: 100%;}.field::after{ clear: both;content: "";display: table;}.field + .field{ margin-top: 1em;}.field label{ padding: 0.45em 1em 0.45em 0;display: inline-block;font-size: 0.9em;word-break: break-word;word-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}.field .suffixContent{ width: 100%;display: block;clear: both;margin: 0.5em 0;font-style: italic;font-size: 0.9em;color: textColor(hint, dark);}.checkoutCountrySelect .field{ margin: 0;} @import "argonova/icon";@-webkit-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@-moz-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }#wrapper > header{ position: relative;top: 0px;transition: all ease-in-out 500ms;}#wrapper > header.hide{ position: absolute;top: -100px;transition: all ease-in-out 500ms;}#wrapper > header .logo{ margin-right: 3em;display: block;width: 200px;max-width: 100%;margin: 1em;}#wrapper > header .locales{ position: absolute;top: -0.5em;right: 0;padding-right: 1.618em !important;}#wrapper > header .locales li{ text-indent: -9999em;list-style-type: none;display: inline-block;float: left;margin-left: 5px;}#wrapper > header .locales li a{ display: block;width: 24px;height: 24px;outline: none;}#wrapper > header .locales li.sv_SE a{ background: transparent url("/images/locales/24/se.png") no-repeat;}#wrapper > header .locales li.en_GB a{ background: transparent url("/images/locales/24/gb.png") no-repeat;}#wrapper > header .locales li.da_DK a{ background: transparent url("/images/locales/24/dk.png") no-repeat;}#wrapper > header .locales li.fr_FR a{ background: transparent url("/images/locales/24/fr.png") no-repeat;}#wrapper > header .locales li.fi_FI a{ background: transparent url("/images/locales/24/fi.png") no-repeat;}#wrapper > header .locales li.en_US a{ background: transparent url("/images/locales/24/us.png") no-repeat;}#wrapper > header .locales li.no_NO a{ background: transparent url("/images/locales/24/no.png") no-repeat;}#wrapper > header .locales li.de_DE a{ background: transparent url("/images/locales/24/de.png") no-repeat;}#wrapper > header .container{ min-height: 70px;position: fixed;background: white;z-index: 999;width: 100%;height: 101px;}@media screen and (max-width: 650px){#wrapper > header .container{ position: absolute;} }#mainMenu{ display: none;}#mainMenu + #wrapper #mainNavigation{ float: right;transition: background 0.3s;}#mainMenu + #wrapper #mainNavigation > label{ position: absolute;top: 2em;right: 5em;display: block;overflow: hidden;margin: 0;padding: 0;height: 2em;width: 2em;transition: background 0.3s;}#mainMenu + #wrapper #mainNavigation > label span{ display: block;background: #9a989a;width: 2em;height: 0.4em;transition: background 0s ease 0.15s;position: absolute;top: 50%;margin-top: -0.2em;left: 50%;margin-left: -1em;text-indent: -9999px;white-space: nowrap;}#mainMenu + #wrapper #mainNavigation > label span::after, #mainMenu + #wrapper #mainNavigation > label span::before{ position: absolute;display: block;left: 0;width: 2em;height: 0.4em;content: '';background: #9a989a;transition-duration: 0.15s;transition-delay: 0.15s, 0s;transition-timing-function: ease-out;}#mainMenu + #wrapper #mainNavigation > label span::after{ transition-property: top, transform;top: -0.8em;}#mainMenu + #wrapper #mainNavigation > label span::before{ transition-property: bottom, transform;bottom: -0.8em;}#mainMenu + #wrapper #mainNavigation > ul{ display: none;transition: opacity 0.3s;opacity: 0;max-width: 960px;margin: auto;width: 100%;padding: 1.618em;}#mainMenu + #wrapper #mainNavigation > ul a{ font-size: 1em;padding: 0.5em 0;display: block;text-transform: uppercase;font-weight: normal;}#mainMenu + #wrapper #mainNavigation > ul li a{ color: #9a989a;}#mainMenu + #wrapper #mainNavigation > ul li.active > a, #mainMenu + #wrapper #mainNavigation > ul li a:hover{ color: #fd9335;}#mainMenu + #wrapper #mainNavigation > ul ul{ padding-left: 1em;font-size: 0.95em;}#mainMenu:checked + #wrapper #mainNavigation{ overflow: auto;left: 0;top: 101px;width: 100%;height: auto;background: #fff;z-index: 103;}@supports (column-count: 3){#mainMenu:checked + #wrapper #mainNavigation > ul{ -moz-column-count: 3;column-count: 3;}@media screen and (max-width: 678px){#mainMenu:checked + #wrapper #mainNavigation > ul{ column-count: 2;} }@media screen and (max-width: 464px){#mainMenu:checked + #wrapper #mainNavigation > ul{ column-count: 1;} } }#mainMenu:checked + #wrapper #mainNavigation > ul{ display: block;opacity: 1;}@supports (column-count: 3){#mainMenu:checked + #wrapper #mainNavigation > ul > li{ width: 100% !important;float: none !important; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;display: table; } }#mainMenu:checked + #wrapper #mainNavigation > ul > li{ float: left;width: 25%;}@media screen and (max-width: 780px){#mainMenu:checked + #wrapper #mainNavigation > ul > li{ width: 50%;} }@media screen and (max-width: 650px){#mainMenu:checked + #wrapper #mainNavigation > ul > li{ width: 100%;} }#mainMenu:checked + #wrapper #mainNavigation > ul > li > a{ display: block;color: ;font-weight: 600;font-size: 1em;text-transform: uppercase;}#mainMenu:checked + #wrapper #mainNavigation > ul > li > a:after{ display: block;content: '';width: 40%;height: 0.5em;border-bottom: 1px solid ;opacity: 0.5;}#mainMenu:checked + #wrapper #mainNavigation > ul > li:hover > a, #mainMenu:checked + #wrapper #mainNavigation > ul > li.selected > a{ color: ;}#mainMenu:checked + #wrapper #mainNavigation > ul > li:first-child{ margin-left: 0;}#mainMenu:checked + #wrapper #mainNavigation > ul > li:last-child{ margin-right: 0;}#mainMenu:checked + #wrapper #mainNavigation > ul > li > ul{ padding-top: 0.5em;}#mainMenu:checked + #wrapper #mainNavigation > ul > li > ul > li{ display: block;padding: 0.5em 0;}#mainMenu:checked + #wrapper #mainNavigation > ul > li > ul > li > a{ font-weight: 600;}#mainMenu:checked + #wrapper #mainNavigation > ul > li > ul > li:hover > a, #mainMenu:checked + #wrapper #mainNavigation > ul > li > ul > li.selected > a{ color: ;}#mainMenu:checked + #wrapper #mainNavigation > ul > li > ul > li ul{ list-style: none;margin-left: 1em;}#mainMenu:checked + #wrapper #mainNavigation > ul > li > ul > li ul li:hover a, #mainMenu:checked + #wrapper #mainNavigation > ul > li > ul > li ul li.selected a{ color: ;}#mainMenu:checked + #wrapper #mainNavigation > ul > li:hover > ul{ display: block;}#mainMenu:checked + #wrapper #mainNavigation > label{ z-index: 104;}#mainMenu:checked + #wrapper #mainNavigation > label span{ background: none;}#mainMenu:checked + #wrapper #mainNavigation > label span::after, #mainMenu:checked + #wrapper #mainNavigation > label span::before{ transition-delay: 0s, 0.15s;}#mainMenu:checked + #wrapper #mainNavigation > label span::after{ top: 0;transform: rotate(-45deg);}#mainMenu:checked + #wrapper #mainNavigation > label span::before{ bottom: 0;transform: rotate(45deg);} @import "argonova/icon";@-webkit-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@-moz-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }html::before{ position: fixed;background-color: #fd9335;top: 0;bottom: 0;left: 0;right: 0;pointer-events: none;box-shadow: inset 0 0 1em rgba(0, 0, 0, .5);content: '';z-index: -1;}#cookieNotification{ position: fixed;bottom: 0;width: 100%;padding: 1em;box-sizing: border-box;text-align: center;background: #f07e17;border-top: 1px solid #c06512;color: #fff;z-index: 999;}#cookieNotification #infoContainer{ display: flex;justify-content: center;align-items: center;flex-flow: row wrap;}#cookieNotification #infoContainer form{ margin: 0;width: auto;}#cookieNotification #infoContainer p{ margin: 0;}#cookieNotification #infoContainer a{ color: #fbd8b9;}#cookieNotification #infoContainer a:hover{ color: #fff;}#cookieNotification #infoContainer .buttons{ margin: 0 1em;}#cookieNotification #infoContainer .buttons button{ background: #a85810;font-size: 0.8em;padding: 0.5em 1em;transition: all ease 0.3s;width: auto;border: 1px solid #904c0e;}#cookieNotification #infoContainer .buttons button:hover{ background: #c06512;}.layout{ margin-top: calc(1em + 101px) !important;background: #fafafa;}.layout.introMain #main, .layout.main #main{ max-width: 960px;margin: auto;padding-left: 1.618em;padding-right: 1.618em;}.layout.introMain #main::after, .layout.main #main::after{ clear: both;content: "";display: table;}.layout.misc, .layout.introMisc{ max-width: 960px;margin: auto;padding-left: 1.618em;padding-right: 1.618em;}.layout.misc::after, .layout.introMisc::after{ clear: both;content: "";display: table;}.layout.misc #aside, .layout.introMisc #aside{ display: none;}@media screen and (min-width: 650px){.layout.misc #aside, .layout.introMisc #aside{ display: block;float: left;max-width: 25%;padding-right: 2em;} }.layout.misc #main, .layout.introMisc #main{ overflow: hidden;}.layout.introMiscOpposite::after{ clear: both;content: "";display: table;}@media screen and (min-width: 650px){.layout.introMiscOpposite{ text-align: center;}.layout.introMiscOpposite #aside, .layout.introMiscOpposite #main{ vertical-align: top;text-align: left;}.layout.introMiscOpposite #aside{ display: inline-block;width: 24%;max-width: 230.4px;}.layout.introMiscOpposite #main{ display: inline-block;width: 74%;padding-right: 2em;max-width: 710.4px;} }.layout .artstone{ max-width: 50%;float: left;flex-grow: 1;padding-right: 1em;margin-bottom: 2em;}.layout .artstone img{ height: 150px;object-fit: contain;}.layout .artstone h3{ margin: 0px;}.layout .container{ display: flex;flex-wrap: wrap;justify-content: space-evenly;}.layout .clearfix{ clear: both;}.layout .infoContent a[href$= ".pdf"]:not(.noIcon), .layout .categoryDescription a[href$= ".pdf"]:not(.noIcon), .layout .description a[href$= ".pdf"]:not(.noIcon){ background-image: url(/images/user/Adobe_PDF_file_icon_32x32.png);background-position: center left;background-repeat: no-repeat;padding-left: 45px;height: 35px;display: inline-block;padding-top: 7px;color: #9a989a;}.layout .infoContent a[href$= ".pdf"]:not(.noIcon):hover, .layout .categoryDescription a[href$= ".pdf"]:not(.noIcon):hover, .layout .description a[href$= ".pdf"]:not(.noIcon):hover{ color: #fd9335;}.layout .categoryDescription > .desc-banner{ background: url(/images/user/H%C3%B6jds%C3%A4kring.jpeg) bottom;height: 150px;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 1.2em;font-weight: 500;text-shadow: 2px 2px 1px black;}#aside .view, #main .view, #intro .view{ margin-bottom: 2em;}#wrapper{ overflow: hidden;}#wrapper .cartContainer{ position: fixed;top: 1em;right: 1em; z-index: 900;width: auto;height: 64px;}#wrapper .cartContainer > input{ display: none;}#wrapper .cartContainer > input:checked ~ label{ position: absolute;top: 2.2em;right: 2em;-moz-transform: scaleX(-1) translateY(-50%);-o-transform: scaleX(-1) translateY(-50%);-webkit-transform: scaleX(-1) translateY(-50%);transform: scaleX(-1) translateY(-50%);filter: FlipH;-ms-filter: "FlipH";width: 0;}#wrapper .cartContainer > input:checked ~ label strong{ display: none;width: 0;}#wrapper .cartContainer > input:checked ~ .container{ display: block !important;margin-right: 0;opacity: 0.96;}#wrapper .cartContainer > label{ display: inline-block;position: relative;top: 50%;right: 0;transform: translateY(-50%);padding-right: 2.8em;background: url('/images/templates/screwonline/cart.png') no-repeat right center;line-height: ;font-size: 0.875em;color: ;height: 4em;z-index: 905;text-align: right;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-backface-visibility: hidden;}#wrapper .cartContainer > label strong{ display: none;}#wrapper .cartContainer > .container{ display: block;width: 30em;height: 1000%;margin-right: -64em;margin-top: 0;position: absolute;top: 0;right: 0;z-index: 900;padding-top: 1.1em;background: #fff;box-shadow: 0 0px 0.7em #888;border-left:solid transparent;border-right:solid transparent;-webkit-transition: margin-right 0.3s ease-in-out;-moz-transition: margin-right 0.3s ease-in-out;-ms-transition: margin-right 0.3s ease-in-out;-o-transition: margin-right 0.3s ease-in-out;transition: margin-right 0.3s ease-in-out;-webkit-backface-visibility: hidden;}#wrapper .cartContainer > .container h2{ text-transform: uppercase;color: #a0a0a0;text-align: center;margin-bottom: 1em;}#wrapper .cartContainer > .container .entries ul{ list-style: none;}#wrapper .cartContainer > .container .entries ul li{ padding: 1em 0;border-bottom: 1px solid #a0a0a0;}#wrapper .cartContainer > .container .entries ul li:first-child{ border-top: 1px solid #a0a0a0;}#wrapper .cartContainer > .container .entries ul li::after{ clear: both;content: "";display: table;}#wrapper .cartContainer > .container .entries ul li .productImage{ float: left;width: auto;margin-right: 2em;}#wrapper .cartContainer > .container .entries ul li .productImage .image img{ display: block;}#wrapper .cartContainer > .container .entries ul li .productDescription{ float: left;width: auto;}#wrapper .cartContainer > .container .entries ul li .cartControls{ float: right;width: auto;height: 3.9em;}#wrapper .cartContainer > .container .entries ul li .cartControls .controls{ position: relative;top: 50%;transform: translateY(-50%);}#wrapper .cartContainer > .container .summation{ padding-top: 2em;font-size: 1.4em;}#wrapper .cartContainer > .container .summation .label{ display: inline-block;text-align: left;width: 49%;}#wrapper .cartContainer > .container .summation .value{ display: inline-block;text-align: right;width: 49%;}#wrapper .cartContainer > .container .buttons{ padding-top: 1em;}#wrapper .cartContainer > .container .buttons a{ display: block;width: 100%;box-sizing: border-box;text-align: center;padding: 0.45em;text-transform: uppercase;background: #fd9335;color: #fff;font-weight: 400;cursor: pointer;position: relative;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}#wrapper .cartContainer > .container .buttons a:hover{ color: #fff !important;background-color: transparent;text-shadow: ntwo;}#wrapper .cartContainer > .container .buttons a:hover:before{ top: 0%;bottom: auto;height: 100%;}#wrapper .cartContainer > .container .buttons a:before{ display: block;position: absolute;left: 0px;bottom: 0px;height: 0px;width: 100%;z-index: -1;content: '';color: #fff !important;background: #fd9e49;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}@media screen and (max-width: 650px){#wrapper .cartContainer{ position: fixed;top: 1em;right: 1em; z-index: 900;width: auto;height: 64px;}#wrapper .cartContainer > input{ display: none;}#wrapper .cartContainer > input:checked ~ label{ position: absolute;top: 2.2em;right: 2em;-moz-transform: scaleX(-1) translateY(-50%);-o-transform: scaleX(-1) translateY(-50%);-webkit-transform: scaleX(-1) translateY(-50%);transform: scaleX(-1) translateY(-50%);filter: FlipH;-ms-filter: "FlipH";width: 0;}#wrapper .cartContainer > input:checked ~ label strong{ display: none;width: 0;}#wrapper .cartContainer > input:checked ~ .container{ display: block !important;margin-right: 0;opacity: 0.96;}#wrapper .cartContainer > label{ display: inline-block;position: relative;top: 50%;right: 0;transform: translateY(-50%);padding-right: 2.8em;background: url('/images/templates/screwonline/cart.png') no-repeat right center;line-height: ;font-size: 0.875em;color: ;height: 4em;z-index: 905;text-align: right;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-backface-visibility: hidden;}#wrapper .cartContainer > label strong{ display: none;}#wrapper .cartContainer > .container{ display: block;width: 30em;height: 1000%;margin-right: -64em;margin-top: 0;position: absolute;top: 0;right: 0;z-index: 900;padding-top: 1.1em;background: #fff;box-shadow: 0 0px 0.7em #888;border-left:solid transparent;border-right:solid transparent;-webkit-transition: margin-right 0.3s ease-in-out;-moz-transition: margin-right 0.3s ease-in-out;-ms-transition: margin-right 0.3s ease-in-out;-o-transition: margin-right 0.3s ease-in-out;transition: margin-right 0.3s ease-in-out;-webkit-backface-visibility: hidden;}#wrapper .cartContainer > .container h2{ text-transform: uppercase;color: #a0a0a0;text-align: center;margin-bottom: 1em;}#wrapper .cartContainer > .container .entries ul{ list-style: none;}#wrapper .cartContainer > .container .entries ul li{ padding: 1em 0;border-bottom: 1px solid #a0a0a0;}#wrapper .cartContainer > .container .entries ul li:first-child{ border-top: 1px solid #a0a0a0;}#wrapper .cartContainer > .container .entries ul li::after{ clear: both;content: "";display: table;}#wrapper .cartContainer > .container .entries ul li .productImage{ float: left;width: auto;margin-right: 2em;}#wrapper .cartContainer > .container .entries ul li .productImage .image img{ display: block;}#wrapper .cartContainer > .container .entries ul li .productDescription{ float: left;width: auto;}#wrapper .cartContainer > .container .entries ul li .cartControls{ float: right;width: auto;height: 3.9em;}#wrapper .cartContainer > .container .entries ul li .cartControls .controls{ position: relative;top: 50%;transform: translateY(-50%);}#wrapper .cartContainer > .container .summation{ padding-top: 2em;font-size: 1.4em;}#wrapper .cartContainer > .container .summation .label{ display: inline-block;text-align: left;width: 49%;}#wrapper .cartContainer > .container .summation .value{ display: inline-block;text-align: right;width: 49%;}#wrapper .cartContainer > .container .buttons{ padding-top: 1em;}#wrapper .cartContainer > .container .buttons a{ display: block;width: 100%;box-sizing: border-box;text-align: center;padding: 0.45em;text-transform: uppercase;background: #fd9335;color: #fff;font-weight: 400;cursor: pointer;position: relative;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}#wrapper .cartContainer > .container .buttons a:hover{ color: #fff !important;background-color: transparent;text-shadow: ntwo;}#wrapper .cartContainer > .container .buttons a:hover:before{ top: 0%;bottom: auto;height: 100%;}#wrapper .cartContainer > .container .buttons a:before{ display: block;position: absolute;left: 0px;bottom: 0px;height: 0px;width: 100%;z-index: -1;content: '';color: #fff !important;background: #fd9e49;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} }#wrapper > aside, #wrapper > footer{ max-width: 960px;margin: auto;padding-left: 1.618em;padding-right: 1.618em;}#wrapper > aside::after, #wrapper > footer::after{ clear: both;content: "";display: table;}#wrapper > footer{ display: block;max-width: 100%;background-color: #efecec;color: #a7a5a5;}#wrapper > footer #footerContainer{ max-width: 960px;margin: auto;}#wrapper > footer #footerContainer h1{ font-weight: 600;}#wrapper > footer #footerContainer .footerLogo{ float: right;max-width: 200px;margin-top: 0.5em;}@media screen and (max-width: 650px){#wrapper > footer #footerContainer .footerLogo{ float: none;margin: auto;position: relative;top: 0.5em;text-align: center;} }#wrapper > footer .copyright{ text-align: center;font-size: 0.7em;margin: 1em 0;opacity: 0.5;}#wrapper > footer .copyright a{ color: inherit;}#infoBanner{ padding: 0.5em 0;font-size: 1.1em;font-weight: bold;margin: 0;background-color: #fd9335;text-align: center;position: relative;overflow: hidden;top: 101px;}#infoBanner p{ margin: 0;padding: 0;text-align: inherit;}@media screen and (max-width: 800px){#infoBanner{ padding: 0.4em;font-size: 1em;} } @import "argonova/icon";@-webkit-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@-moz-keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }@keyframes rotate{0%{ transform: rotate(0deg);}100%{ transform: rotate(360deg);} }.view.infoContent266 .section.last::after{ clear: both;content: "";display: table;}.view.infoContent266 .section.last img{ height: 100vh !important;width: auto !important;float: left;}.view.infoContent266 .section.last img + img{ float: right;}.view:not(.infoContent) h1{ font-size: 2em;}.view:not(.infoContent) h2{ font-size: 1em;text-transform: uppercase;}.view:not(.infoContent) h3{ font-size: 1.5em;}.view:not(.infoContent) h4{ font-size: 1em;}.view:not(.infoContent) h5{ font-size: 0.83em;}.view:not(.infoContent) h6{ font-size: 0.75em;}.view:not(.infoContent) .productList > h2{ font-weight: 400;}.view.contact.formContactByPhone{ text-align: center;padding: 2em;background-image: url('/images/templates/palett/contactByPhoneBackground.jpg');}.view.contact.formContactByPhone form{ max-width: 300px;margin-left: auto;margin-right: auto;}.view.contact.formContactByPhone input{ text-align: inherit;}.view.contact.formContactByPhone label{ display: none;}.view.contact.formContactByPhone > h2, .view.contact.formContactByPhone > p{ display: inline;font-size: 1em;text-transform: uppercase;}.view.contact.formContactByPhone > h2{ font-weight: 600;}.view.contact.formContactByPhone > p{ font-weight: 400;}.view.listSub{ border-bottom: 3px solid rgba(0, 0, 0, .1);width: 200px;max-width: 100%;}.view.listSub a{ display: block;padding: 0.5em 1em;padding-left: 0;}.view.listSub li{ border-top: 3px solid rgba(0, 0, 0, .1);}.view.listSub li.selected > a{ color: #fd9335;}.view.listSub li li{ padding-left: 1em;font-size: 0.9em;}.view.product.categoryList{ float: left;}@media screen and (max-width: 650px){.view.product.categoryList{ display: none;} }.view.product.categoryList a:hover{ color: #fd9335;}.view.product.categoryList > ul > li > a{ font-size: 1em;font-weight: 500;}.view.product.categoryList > ul > li > ul > li.hasSub > a:first-of-type{ font-weight: 600;}.view.product.categoryList > ul > li > ul > li.selected > a{ color: #fd9335;}.view.product.categoryList > ul > li > ul > li.selected ul li.selected > a{ color: #fd9335;}.view.product.list{ width: 75%;float: right;}@media screen and (max-width: 650px){.view.product.list{ width: 100%;float: none;} }.view.product.list .breadcrumb{ clear: both;display: flex;}.view.product.list .breadcrumb li{ float: left;}.view.product.list .breadcrumb li::after{ content: '»';margin: 0 7px;}.view.product.list .breadcrumb li:last-child::after{ content: '';}.view.product.list .loader{ margin-top: 2em;}.view.product.list .loader li{ list-style: none;}.view.product.list .productList{ margin-top: 2em;clear: both;}.view.product.list .productList::after{ clear: both;content: "";display: table;}.view.product.list .productList li{ list-style: none;float: left;margin-right: 2%;width: 31%;}@media screen and (max-width: 650px){.view.product.list .productList li{ width: 100%;float: none;margin: 0;} }@supports (display: flex){.view.product.list .productList{ display: flex;justify-content: flex-start;flex-wrap: wrap;} }@supports not (display: flex){.view.product.list .productList{ display: table;} }.view.newsList .image, .view.news.show .image{ margin-bottom: 1em;text-align: center;}.view.news.show{ margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);background: #fff;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}.view.news.show::after{ clear: both;content: "";display: table;}.view.news.show .newsContentWrapper{ max-width: 960px;margin: auto;padding-left: 1.618em;padding-right: 1.618em;padding-top: 2em;padding-bottom: 2em;}.view.news.show .newsContentWrapper::after{ clear: both;content: "";display: table;}.view.news.show .newsContentWrapper header .image{ float: right;width: 25%;}@media screen and (max-width: 650px){.view.news.show .newsContentWrapper header .image{ float: none;width: 100%;} }.view.news.show .newsContentWrapper header .title{ float: left;width: 73%;}@media screen and (max-width: 650px){.view.news.show .newsContentWrapper header .title{ float: none;width: 100%;} }.view.news.show .newsContentWrapper time{ font-size: 0.8em;}.view.news.show .newsContentWrapper .summary{ margin: 1em 0;float: left;width: 73%;}@media screen and (max-width: 650px){.view.news.show .newsContentWrapper .summary{ float: none;width: 100%;} }.view.news.show .newsContentWrapper .content{ padding-bottom: 2em;float: left;width: 73%;}@media screen and (max-width: 650px){.view.news.show .newsContentWrapper .content{ float: none;width: 100%;} }.view.news.show .newsContentWrapper .content .productVariantData table{ width: 100%;}@media screen and (max-width: 650px){.view.news.show .newsContentWrapper .content .productVariantData table{ font-size: 0.8em;} }.view.newsList article header, .view.news.listAll article header, .view.newsList article .summary, .view.news.listAll article .summary{ display: block;clear: both;}.view.newsList article header h3, .view.news.listAll article header h3, .view.newsList article .summary h3, .view.news.listAll article .summary h3{ font-size: 1em !important;font-weight: 600;}.view.newsList article header a.newsHeaderLink, .view.news.listAll article header a.newsHeaderLink, .view.newsList article .summary a.newsHeaderLink, .view.news.listAll article .summary a.newsHeaderLink{ color: rgba(0, 0, 0, 0.87);}.view.newsList article time, .view.news.listAll article time{ font-size: 0.8em;}.view.newsList article .image, .view.news.listAll article .image{ width: 100%;}.view.newsList article .image img, .view.news.listAll article .image img{ width: 100%;height: 150px;object-fit: cover;}.view.newsList > ul, .view.news.listAll > ul{ list-style-type: none;padding: 0;margin: 0;}.view.newsList > ul li, .view.news.listAll > ul li{ padding: 0;}.view.newsList > ul > li, .view.news.listAll > ul > li{ margin-bottom: 1em;float: left;margin-right: 2%;width: 31%;}.view.newsList > ul > li::after, .view.news.listAll > ul > li::after{ clear: both;content: "";display: table;}@media screen and (max-width: 650px){.view.newsList > ul > li, .view.news.listAll > ul > li{ width: 100%;float: none;margin: 0;} }@supports (display: flex){.view.newsList > ul, .view.news.listAll > ul{ display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: flex-start;} }@supports not (display: flex){.view.newsList > ul, .view.news.listAll > ul{ display: table;} }@media screen and (min-width: 500px){.view.newsList article .image, .view.news.listAll article .image{ float: left;margin-right: 1em;} }.view.puffList{ width: auto;margin-left: -1em;display: flex;flex-grow: 1;justify-content: center;flex-wrap: wrap;}.view.puffList::after{ clear: both;content: "";display: table;}.view.puffList .footer, .view.puffList .titleBackground{ margin-bottom: 1em;padding-left: 1em;float: left;min-height: 1px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}@media screen and (min-width: 320px){.view.puffList .footer{ width: 50%;}.view.puffList .footer:nth-child(1n){ clear: none;}.view.puffList .footer:nth-child(2n+1){ clear: left;}.view.puffList .titleBackground{ width: 50%;}.view.puffList .titleBackground:nth-child(1n){ clear: none;}.view.puffList .titleBackground:nth-child(2n+1){ clear: left;} }@media screen and (min-width: 550px){.view.puffList .footer{ width: 33.33333%;}.view.puffList .footer:nth-child(1n){ clear: none;}.view.puffList .footer:nth-child(3n+1){ clear: left;}.view.puffList .titleBackground{ width: 25%;}.view.puffList .titleBackground:nth-child(1n){ clear: none;}.view.puffList .titleBackground:nth-child(3n+1){ clear: left;} }@media screen and (min-width: 900px){.view.puffList .footer{ width: 33.33333%;}.view.puffList .footer:nth-child(1n){ clear: none;}.view.puffList .footer:nth-child(3n+1){ clear: left;}.view.puffList .titleBackground{ width: 25%;}.view.puffList .titleBackground:nth-child(1n){ clear: none;}.view.puffList .titleBackground:nth-child(3n+1){ clear: left;} }.view.puffList .titleBackground > div{ height: 0;padding-top: 100%;position: relative;background-size: contain;}.view.puffList .titleBackground > div .description{ background: rgba(255, 255, 255, 0.75);color: #000;position: absolute;bottom: 0;width: 100%;padding: 1em;text-align: center;text-transform: uppercase;font-weight: bold;overflow: hidden;}.view.slideshow{ position: relative;max-width: 1500px;margin: auto;margin-top: -1em;}.view.slideshow .cycle-pager{ display: none;}.view.slideshow .cycle-slideshow > li{ width: 100%;overflow: hidden;}.view.slideshow .cycle-slideshow > li + li{ display: none;}.view.slideshow .cycle-slideshow > li .description{ clear: both;}@media screen and (max-width: 650px){.view.slideshow .cycle-slideshow > li .description{ display: none;} }.view.slideshow .cycle-slideshow > li .description p{ text-align: center;}.view.slideshow .cycle-slideshow > li .description p:last-child{ margin-bottom: 0;}.view.slideshow .cycle-slideshow > li .description p .btn{ color: #fff;padding-top: 8px;padding-bottom: 8px;padding-left: 10px;padding-right: 10px;margin: 1em 30px;text-transform: uppercase;text-align: center;display: inline-block;border: 1px solid #fff;border-radius: 20px;}.view.slideshow .cycle-slideshow > li .description .container{ margin: auto;padding-left: 1.618em;padding-right: 1.618em;padding: 1.618em;}@media screen and (min-width: 750px){.view.slideshow .cycle-slideshow > li .description{ background: rgba(238, 148, 69, 0.80);width: 100%;position: absolute;bottom: 0;left: 0;} }.view.slideshow .cycle-slideshow > li .image{ position: relative;float: right;right: 50%;max-width: 100%;}.view.slideshow .cycle-slideshow > li .image img{ display: block;position: relative;right: -50%;}@media screen and (min-width: 750px){.view.slideshow .cycle-pager{ max-width: 960px;margin: auto;padding-left: 1.618em;padding-right: 1.618em;text-align: center;margin: 1em auto;}.view.slideshow .cycle-pager span{ overflow: hidden;text-indent: 200%;white-space: nowrap;width: 0.618em;height: 0.618em;margin: 0 0.309em;border-radius: 0.618em;background: rgba(127, 127, 127, 0.5);display: inline-block;cursor: pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;box-shadow: 0 0.05em 0.1em rgba(0, 0, 0, .5);}.view.slideshow .cycle-pager span:hover, .view.slideshow .cycle-pager span.cycle-pager-active{ background: #fd9335;}.view.slideshow .cycle-slideshow > li .description{ background: rgba(238, 148, 69, 0.80);width: 100%;position: absolute;bottom: 0;left: 0;} }#controls{ position: fixed;list-style: none;align-items: center;justify-content: center;top: 35%;right: 0;z-index: 999;display: block;background-color: rgba(0, 0, 0, .5);}#controls li{ padding: 0 1em;}#controls li.active a{ color: #ee9445;}.back{ position: fixed;bottom: 1em;right: 4em;display: block;width: 6em;height: 2em;background-color: rgba(0, 0, 0, .5);text-align: center;border-radius: 0.3em;transition: all ease-in-out 500ms;z-index: 300;}.toTop{ position: fixed;bottom: 1em;right: 1em;display: block;width: 2em;height: 2em;background-color: rgba(0, 0, 0, .5);text-align: center;border-radius: 50%;transition: all ease-in-out 500ms;z-index: 300;}.toTop.hide{ transition: all ease-in-out 500ms;bottom: -2em;}.section{ background-color: #fff;max-height: 100%;max-width: 100%;position: relative;}.section .content{ max-width: 960px;margin: auto;padding-left: 1.618em;padding-right: 1.618em;display: block;margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}.section .content ul{ list-style: none;display: inline-flex;}.section .content ul li{ padding: 0 0.75em;}.section .content ul li a img{ max-width: 100%;width: 7em;height: 3.5em;object-fit: cover;object-position: center;}.section .description{ width: 50%;}.section .description.text{ padding: 0 10%;text-align: center;}.section .left{ float: left;}.section .left.center{ display: block;margin: 0;position: absolute;top: 25%;transform: translate(0, -50%);}.section .left.upperhalf{ display: block;margin: 0;position: absolute;top: 25%;transform: translate(0, -50%);}.section .left.lowerhalf{ position: absolute;bottom: 2em;}.section .left.lowerhalf table{ width: 100%;}.section .left.lowerhalf table thead tr td{ font-weight: 600;}.section .left.lowerhalf table tbody tr td{ width: calc(100% / 3) !important;}.section .left.lowerhalf table tbody tr td img{ width: 50% !important;}.section .left.image img{ width: 100%;height: 100vh;object-fit: cover;object-position: center;}.section .right{ right: 0;position: absolute;}.section .right.image img{ width: 100%;height: 100vh;object-fit: cover;object-position: center;}@media screen and (max-width: 768px){.section{ background-color: #fff;max-height: 100%;max-width: 100%;display: flex;flex-direction: column;}.section .description{ display: block;background-color: rgba(0, 0, 0, .45);padding: 1em;color: #fff;position: relative;z-index: 100;font-weight: 600;}.section .description.image{ order: 1;margin: auto;width: 100%;background-color: unset;padding: 0;}.section .description.image img{ height: inherit;}.section .description.lowerhalf{ order: 3;position: unset;width: 100%;background: unset;}.section .description.lowerhalf table{ width: 100% !important;background: #fff !important;color: #000;}.section .description.lowerhalf table td{ width: 33% !important;}.section .description.upperhalf{ order: 2;position: unset;transform: unset;width: 100%;} }.designaLogo{ position: fixed;bottom: 1em;right: 1em;width: 15%;z-index: 2;}@media screen and (max-width: 750px){.designaLogo{ width: 50%;right: 25%;} }.view.receiptTable .logo{ display: none;}.view.receiptTable .orderSummary{ background-color: inherit !important;}.view.receiptTable .orderSummary h2{ text-align: center;margin-bottom: 2em;}.view.receiptTable .orderSummary dl.marginal{ display: flex;flex-wrap: wrap;}.view.receiptTable .orderSummary dl.marginal dt{ font-weight: 600;margin: 0 7px 0 20px;}.view.receiptTable .orderSummary dl.marginal dt:after{ content: ':';}@media screen and (max-width: 650px){.view.receiptTable .orderSummary dl.marginal{ display: block;}.view.receiptTable .orderSummary dl.marginal dt{ margin: 0;} }.view.receiptTable .orderItems{ margin-top: 2em;background: inherit;padding: 1em;border-bottom: 1px solid #efecec;}.view.receiptTable .additionalInformation{ margin-top: 2em;background-color: inherit !important;}.view.receiptTable .additionalInformation table{ width: 40% !important;float: left !important;}@media screen and (max-width: 650px){.view.receiptTable .additionalInformation table{ width: 100% !important;float: none !important;margin-bottom: 2em;text-align: center;} }.view.receiptTable .additionalInformation table dl.marginal dt{ font-weight: 600;margin-top: 5px;}.view.receiptTable .orderMessage{ width: 20%;float: left;}@media screen and (max-width: 650px){.view.receiptTable .orderMessage{ width: 100%;float: none;margin-bottom: 2em;} }.section a.btn, section a.btn{ color: #fd9335;padding-top: 8px;padding-bottom: 8px;padding-left: 24px;padding-right: 24px;margin: 1em 0.5em;text-transform: uppercase;text-align: center;display: inline-block;border: 1px solid #fd9335;border-radius: 20px;}.combacClassic.section > .content .puffCategory .container{ font-size: small;}