/*-------------------------------------------------------------------------------------------------- Site: Detta CSS är en del av Askås Internetbutik. COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1998-2016. ALLA RÄTTIGHETER RESERVERADE. --------------------------------------------------------------------------------------------------*/ .error_test {display: none !important;} /*---------------------------------------------------------------------------------- GENERELLA EGENSKAPER ----------------------------------------------------------------------------------*/ html,body {margin:0; padding:0; height:100%;} img {max-width:100%; height:auto; border:0px;} a {text-decoration:none; outline:none;} ul {padding:0; margin:0;} header,footer,nav,main,aside,article,figure,figcaption,section {display:block;} figure {margin:0;} /*---------------------------------------------------------------------------------- GRID ----------------------------------------------------------------------------------*/ /* SEKTIONER */ .section {clear:both; margin:0px;} /* KOLUMNER */ .col {display:block; float:left; margin:1% 0 1% 1.6%;} .col:first-child, .span_2_of_2, .span_1_of_1, .no-L-margin {margin-left:0;} .no-R-margin {margin-right:0;} /* GRUPPERING */ .group:before, .group:after {content:""; display:table;} .group:after {clear:both;} .cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* GRID 1_of_1 - 1_of_12 */ .span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:49.2%}.span_3_of_3{width:100%}.span_2_of_3{width:66.1%}.span_1_of_3{width:32.2%}.span_4_of_4{width:100%}.span_3_of_4{width:74.6%}.span_2_of_4{width:49.2%}.span_1_of_4{width:23.8%}.span_5_of_5{width:100%}.span_4_of_5{width:79.68%}.span_3_of_5{width:59.36%}.span_2_of_5{width:39.04%}.span_1_of_5{width:18.72%}.span_6_of_6{width:100%}.span_5_of_6{width:83.06%}.span_4_of_6{width:66.13%}.span_3_of_6{width:49.2%}.span_2_of_6{width:32.26%}.span_1_of_6{width:15.33%}.span_7_of_7{width:100%}.span_6_of_7{width:85.48%}.span_5_of_7{width:70.97%}.span_4_of_7{width:56.45%}.span_3_of_7{width:41.92%}.span_2_of_7{width:27.42%}.span_1_of_7{width:12.91%}.span_8_of_8{width:100%}.span_7_of_8{width:87.3%}.span_6_of_8{width:74.6%}.span_5_of_8{width:61.9%}.span_4_of_8{width:49.2%}.span_3_of_8{width:36.5%}.span_2_of_8{width:23.8%}.span_1_of_8{width:11.1%}.span_9_of_9{width:100%}.span_8_of_9{width:88.71%}.span_7_of_9{width:77.42%}.span_6_of_9{width:66.13%}.span_5_of_9{width:54.84%}.span_4_of_9{width:43.55%}.span_3_of_9{width:32.26%}.span_2_of_9{width:20.97%}.span_1_of_9{width:9.68%}.span_10_of_10{width:100%}.span_9_of_10{width:89.84%}.span_8_of_10{width:79.68%}.span_7_of_10{width:69.52%}.span_6_of_10{width:59.36%}.span_5_of_10{width:49.2%}.span_4_of_10{width:39.04%}.span_3_of_10{width:28.88%}.span_2_of_10{width:18.72%}.span_1_of_10{width:8.56%}.span_11_of_11{width:100%}.span_10_of_11{width:90.7%}.span_9_of_11{width:81.47%}.span_8_of_11{width:72.24%}.span_7_of_11{width:63.01%}.span_6_of_11{width:53.78%}.span_5_of_11{width:44.55%}.span_4_of_11{width:35.32%}.span_3_of_11{width:26.09%}.span_2_of_11{width:16.86%}.span_1_of_11{width:7.63%}.span_12_of_12{width:100%}.span_11_of_12{width:91.46%}.span_10_of_12{width:83%}.span_9_of_12{width:74.54%}.span_8_of_12{width:66.08%}.span_7_of_12{width:57.62%}.span_6_of_12{width:49.16%}.span_5_of_12{width:40.7%}.span_4_of_12{width:32.24%}.span_3_of_12{width:23.78%}.span_2_of_12{width:15.32%}.span_1_of_12{width:6.86%} .offset_1_of_1{margin-left:100%}.offset_2_of_2{margin-left:100%}.offset_1_of_2{margin-left:49.2%}.offset_3_of_3{margin-left:100%}.offset_2_of_3{margin-left:66.1%}.offset_1_of_3{margin-left:32.2%}.offset_4_of_4{margin-left:100%}.offset_3_of_4{margin-left:74.6%}.offset_2_of_4{margin-left:49.2%}.offset_1_of_4{margin-left:23.8%}.offset_5_of_5{margin-left:100%}.offset_4_of_5{margin-left:79.68%}.offset_3_of_5{margin-left:59.36%}.offset_2_of_5{margin-left:39.04%}.offset_1_of_5{margin-left:18.72%}.offset_6_of_6{margin-left:100%}.offset_5_of_6{margin-left:83.06%}.offset_4_of_6{margin-left:66.13%}.offset_3_of_6{margin-left:49.2%}.offset_2_of_6{margin-left:32.26%}.offset_1_of_6{margin-left:15.33%}.offset_7_of_7{margin-left:100%}.offset_6_of_7{margin-left:85.48%}.offset_5_of_7{margin-left:70.97%}.offset_4_of_7{margin-left:56.45%}.offset_3_of_7{margin-left:41.92%}.offset_2_of_7{margin-left:27.42%}.offset_1_of_7{margin-left:12.91%}.offset_8_of_8{margin-left:100%}.offset_7_of_8{margin-left:87.3%}.offset_6_of_8{margin-left:74.6%}.offset_5_of_8{margin-left:61.9%}.offset_4_of_8{margin-left:49.2%}.offset_3_of_8{margin-left:36.5%}.offset_2_of_8{margin-left:23.8%}.offset_1_of_8{margin-left:11.1%}.offset_9_of_9{margin-left:100%}.offset_8_of_9{margin-left:88.71%}.offset_7_of_9{margin-left:77.42%}.offset_6_of_9{margin-left:66.13%}.offset_5_of_9{margin-left:54.84%}.offset_4_of_9{margin-left:43.55%}.offset_3_of_9{margin-left:32.26%}.offset_2_of_9{margin-left:20.97%}.offset_1_of_9{margin-left:9.68%}.offset_10_of_10{margin-left:100%}.offset_9_of_10{margin-left:89.84%}.offset_8_of_10{margin-left:79.68%}.offset_7_of_10{margin-left:69.52%}.offset_6_of_10{margin-left:59.36%}.offset_5_of_10{margin-left:49.2%}.offset_4_of_10{margin-left:39.04%}.offset_3_of_10{margin-left:28.88%}.offset_2_of_10{margin-left:18.72%}.offset_1_of_10{margin-left:8.56%}.offset_11_of_11{margin-left:100%}.offset_10_of_11{margin-left:90.7%}.offset_9_of_11{margin-left:81.47%}.offset_8_of_11{margin-left:72.24%}.offset_7_of_11{margin-left:63.01%}.offset_6_of_11{margin-left:53.78%}.offset_5_of_11{margin-left:44.55%}.offset_4_of_11{margin-left:35.32%}.offset_3_of_11{margin-left:26.09%}.offset_2_of_11{margin-left:16.86%}.offset_1_of_11{margin-left:7.63%}.offset_12_of_12{margin-left:100%}.offset_11_of_12{margin-left:91.46%}.offset_10_of_12{margin-left:83%}.offset_9_of_12{margin-left:74.54%}.offset_8_of_12{margin-left:66.08%}.offset_7_of_12{margin-left:57.62%}.offset_6_of_12{margin-left:49.16%}.offset_5_of_12{margin-left:40.7%}.offset_4_of_12{margin-left:32.24%}.offset_3_of_12{margin-left:23.78%}.offset_2_of_12{margin-left:15.32%}.offset_1_of_12{margin-left:6.86%} /*---------------------------------------------------------------------------------- ARBETSYTA ----------------------------------------------------------------------------------*/ /* BREDDER */ .section {max-width:1200px;} .section, #wrapper {margin:0 auto;} /* HEADER */ .header {padding:10px 0;} .header .section {position:relative;} .header-wrapper {z-index:1002;} .close {color:#ccc; font-weight:bold; width:20px; height:20px; line-height:20px; position:absolute; right:10px; text-align:center; cursor:pointer;} .mobilenav-icon, .soktoggle, .mobile-topline, .mobilenav {display:none;} .logo {margin-bottom:5px;} .logo a {display: block; margin-top: 5px; max-width:320px;} .logo img {height:auto; max-width:100%;} .logo .payoff {display:block; margin-top:5px;} /* TOP-MARGINS */ .sokrutan {margin:15px 0 0;} .favorit, #kundvagn {margin:17px 0 0;} /* TRUSTPILOT */ .toplist .trustpilot-widget {width:150px; overflow: hidden; text-align: left; -webkit-transform:scale(0.5); transform:scale(0.5); -moz-transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); margin:-2px 0 0 0; position:absolute!important; left:-32px;} .toplist .trustpilot-widget-wrapper {position:relative; float:left;} .toplist .trustpilot-widget-wrapper a {position:absolute; z-index:550; width:150px; height:20px; top:0;} .footer .trustpilot-widget {width:120px; overflow:hidden; height:55px; float:left;} .footer-logo img {max-height:50px; float:left; margin-left:20px;} .trustpilot {display:none;} /* GOOGLE IFRAME */ iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left;} /*ÖPPETTIDER*/ .oppettider-counter:hover #countTime {display:block!important;} #countTime {position: absolute; background: #fff; z-index: 5; color: #3b3b3b; padding: 15px; font-size: 14px; line-height: 1.5; font-family: 'Montserrat'; text-transform: uppercase; -moz-box-shadow:-1px 0px 10px #999; -webkit-box-shadow:-1px 0px 10px #999; box-shadow:-1px 0px 10px #999; margin-top:12px;} #countTime table {margin-top: 10px; width: 100%; font-family: 'Montserrat Light';} #countTime table tr td:nth-child(2n+1) {padding-right: 20px;} #countTime table tr.today {font-family:'Montserrat';} #countTime:before {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 7px solid #fff; display: block; content: ''; position: absolute; top: -7px;} /* SCROLL */ @media screen and (min-width: 850px) { .header-wrapper.sticky {position:fixed; top:0; transition:all 0.5s ease 0s;} .header-wrapper.sticky .toplist {height:0; overflow:hidden; transition:all 0.5s ease 0s;} .header-wrapper.sticky .logo a {max-width:220px; transition:all 0.5s ease 0s;} .header-wrapper.sticky .header {padding:0 10px; transition:all 0.5s ease 0s;} .header-wrapper.sticky .right-section > div, .header-wrapper.sticky .middle-section > div, .header-wrapper.sticky .logo a, .header-wrapper.sticky .logo .payoff, .header-wrapper.sticky .favorit {margin-top:0 !important; transition:all 0.5s ease 0s;} .header-wrapper.sticky .nastaLeverans {opacity:0;} } /* WRAPPER */ /* #bodywrapper {min-height:100%; position:relative; background:url('/dokument/bibliotek/Image/content/background/bg.png');} */ #bodywrapper {min-height:100%; position:relative; background:none);} #wrapper {padding:0 0 350px 0; margin-top:2%; position: relative;} #wrapper.startsida {padding:0 0 460px 0;} #breadcrumb {margin:0 auto 10px;} #breadcrumb a {margin-left: -2px; transition:all 0.5s ease 0s;} #breadcrumb a:first-child {margin-left: 0px;} #breadcrumb a:before {display:inline-block; content:""; opacity:0.4; background-image: url('/bilder/svg/arrow_right.svg'); background-repeat:no-repeat; background-size: 14px; background-position: -2px 3px; width:15px; height:15px;} #breadcrumb a:first-child:before {display:none;} .section #main {padding:10px 0 0;} #main {margin-bottom:110px; background:#fff; padding:10px;} .dimmer.active {width:100%; background:rgba(0, 0, 0, 0.6); display:block; height:100%; position:fixed; top:0; left:0; z-index:2;} /* FOOTER */ .footer:before {background:none repeat-x; display:block; width:100%; height:100px; position:absolute; top:-100px;} .footer:after {background: linear-gradient(-45deg, #3c3c3c 12px, transparent 0), linear-gradient(45deg, #3c3c3c 12px, transparent 0); background-position: left-bottom; background-repeat: repeat-x; background-size:24px 24px; content:""; display:block; position:absolute; top:-24px; left:0px; width:100%; height:24px;} .footer {padding:20px 0px; width:100%; position:absolute; bottom:0;} .askas {margin:20px 0; width:100%;} .footer .headline {margin-bottom:10px;} .footer-logo {margin-top:4%; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; align-items:center;} .footer-logo > img {max-width:20%; height:auto;} .seo {margin:15px 0 20px 0;} /* SOCIALA MEDIER */ img.social-icon {max-width:30px; margin:5px 5px 0 0; float:left; clear:left; display:inline-block;} .social-icons a {display:block; font-size:14px; color:#fff; font-family:'Montserrat Light'; text-transform:initial; position:relative; clear:both;} .social-icons a:hover {opacity:0.7;} .social-icons span {float:left; clear:right; line-height:30px; display:inline-block; margin:5px 0 0 0;} /* STARTSIDA */ .mobile-only {display:none;} .startsidan-wrapper .col, .bildgrid .col {margin:0 0 10px 10px !important;} .startsidan-wrapper .section .col:first-child, .bildgrid .col:first-child, .bildgrid .nomargin {margin-left:0!important;} .startsidan-wrapper .span_4_of_6 {width:67%;} .startsidan-wrapper .span_2_of_6 {width:-moz-calc(33% - 10px); width:-webkit-calc(33% - 10px); width:-o-calc(33% - 10px); width:calc(33% - 10px);} .startsidan-wrapper .span_1_of_2, .bildgrid .span_1_of_2 {width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px);} .startsidan-wrapper .span_1_of_3 {width:-moz-calc(33.33% - 6.67px); width:-webkit-calc(33.33% - 6.67px); width:-o-calc(33.33% - 6.67px); width:calc(33.33% - 6.67px);} /*---------------------------------------------------------------------------------- ARTIKELGRUPPSMALLAR ----------------------------------------------------------------------------------*/ .Artgrp_VisaFler {text-align:right;} .Artgrp_VisaFlerArtiklar_Markerad {display:inline-block; border:1px solid #ccc; padding:5px; background:#eee;} .Artgrp_VisaFler a {display:inline-block; border:1px solid #ccc; padding:5px;} .Artgrp_VisaFler a:hover {background:#eee;} .Artgrp_VisaFler a:last-child, .Artgrp_VisaFler span:last-child {margin-left:5px;} .Artgrp_VisaFler .piper_at_the_gates_of_dawn {display:none;} .Artgrp_VisaFler .AVFAM {margin:0 5px 0 0;} .Artgrupp_header .fa-sort {float:left; font-size:20px; line-height:35px; margin:0 8px 0 0;} .Artgrupp_header {margin:5px;} #main #kampanjWrapper {display:none;} #kampanjWrapper {margin-bottom:10px;} .outer_banner {position: absolute;} .outer_left {left: -230px; top: 367px;} .outer_right {right: -290px; top: 367px;} /* ENSKILD PRODUKT */ .PT_Wrapper, .nosto-product-list-item {background:#fff;} .nostosection .col {margin-left:0;} .PT_Wrapper:hover, .nosto-product-list-item:hover {border:1px solid #bdbdbd;} .PT_Wrapper, .nosto-product-list-item {margin:5px!important; width:-moz-calc(25% - 10px); width:-webkit-calc(25% - 10px); width:-o-calc(25% - 10px); width:calc(25% - 10px);} .nosto-product-list-item {list-style:none; float:left; border:1px solid #c6c8c9; padding:10px;} .PT_Wrapper_All_Topoffer .PT_Wrapper {margin:5px!important; width:-moz-calc(33.33% - 10px); width:-webkit-calc(33.33% - 10px); width:-o-calc(33.33% - 10px); width:calc(33.33% - 10px);} .PT_Wrapper_All_Topoffer .arrow-wrapper-mobile {display:none;} .PT_Bildruta, .nosto-product-image {/*min-*/height:180px; line-height:180px; position:relative;} .nosto-product-image img {height:auto!important;} .PT_Wrapper_All_Topoffer .PT_Wrapper .PT_Bildruta {/*min-*/height:215px; line-height:215px;} .PT_Bildruta a, .nosto-product-image {width:100%; display:inline-block;} .PT_Bildruta img, .nosto-product-image img {vertical-align:middle; max-height:100%;} .PT_Faktaruta, .nosto-product-info {margin:10px 0px 5px;} .PT_Beskr, .nosto-product-name {height:42px; margin:0px 0px 5px; display:block; display: -webkit-box; max-height:2.6rem; font-size: 1rem; line-height: 1; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .nosto-product-name {font-size:14px;} .PT_Text_Kort {display:none; height:70px; margin:0px 0px 5px;} .PT_Pris, .nosto-price-info {margin:0px; height:30px; position:relative;} .PT_PrisKampanj {position:relative;} .PT_Pris span {display:inline-block;} .PT_Pris .PT_PrisKampanj, .PT_Pris.ord {margin-right:30px;} .Berakna_Pris, .Ikon_DuSparar {display:none;} .Ikon_DuSparar.visible {display:block; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;} .PT_Status {margin:-10px 0 0;} .PT_Wrapper_All .PT_Pris {margin-left:0px;} .PT_extraelement {display:none !important; float:left; height:280.6px; width:50%; margin:5px!important; width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px);} .PT_Wrapper_All .PT_extraelement {display:block; position:relative; text-align:center;} .PT_extraelement img {margin: 0 0 -3px 0; border:1px solid #c6c8c9; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);} /* INFOGAD HTML */ .Infogad_HTML h1, .bigHeadline, .nosto-header {text-transform:uppercase; text-align:center; width:100%; border-bottom:1px solid #ddd; line-height:0.1em; margin:10px 0 20px;} .nosto-header {height:3px;} .nosto-header .nosto-heading {height:5px; width:auto; display:inline;} .Infogad_HTML h1 span, .bigHeadline span, .nosto-header .nosto-heading {background:#fff; padding:0 10px; font-weight:400;} h5.nosto-heading {font-weight:400 !important;} .Infogad_HTML {border-bottom:1px solid #ddd;} .Egen_Infogad_HTML, .Infogad_HTML {margin:0 0 20px;} .Infogad_HTML {padding-top:1px;} .Egen_Infogad_HTML .toggleHTML {height:20px; margin:2.5%; font-size:14px; overflow:hidden; cursor:pointer; position:relative; display: -webkit-box; max-height: 1rem; font-size: 0.9rem; line-height: 1.1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; padding-right:30px; transition:all 0.5s ease 0s;} .Egen_Infogad_HTML .toggleHTML:after {display:inline-block; content:""; background-image: url('/bilder/svg/arrow_down.svg'); background-repeat:no-repeat; background-size: 14px; background-position: -2px 3px; width:15px; height:15px; position:absolute; right:0; top:0;} .Egen_Infogad_HTML .toggleHTML.active {height:auto; max-height:none; padding-left:0; display:block; line-height: 1.4; transition:all 0.5s ease 0s;} .Egen_Infogad_HTML .toggleHTML.active:after {background-image:none;} .Egen_Infogad_HTML #PT_extraelement_links {display:none;} /* ENSKILD PRODUKT SAKNAS */ .Artgrp_Lista {width:100%; display:block; background:#fff; border:1px solid #ccc; padding:4px; margin:1px;} #ListaOmArtiklarSaknas ul {list-style:none; margin:0; padding:0;} #ListaOmArtiklarSaknas li a {display:block; float:left; width:100%; margin: 0 0 5px 0; border:1px solid #f1f1f1; padding:5px;} /* LISTA 1 */ .PT_Wrapper.Lista {border:1px solid #ddd; overflow:hidden; margin:0 0 -1px;} .PT_Wrapper.Lista .PT_Bildruta {min-height:inherit; line-height:inherit; margin:0;} .PT_Wrapper.Lista .PT_Bildruta a {height:60px; line-height:60px;} .PT_Wrapper.Lista .PT_Beskr {height:inherit;} .PT_Wrapper.Lista .PT_Pris {height:20px;} .PT_Wrapper.Lista .PT_Knappar {float:right;} /* FILTER OCH SORTERING */ .filter.toggle {display: none; width:auto; border:1px solid #c6c8c9; padding:0 10px; min-width:120px; text-transform:uppercase;} .filter.toggle.show {display:inline-block; -webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s;} .filter.toggle span, .filter.toggle i {height:38px; line-height:38px; display:inline-block; transition:all 0.5s ease 0s;} .filter.toggle i {float:right;} .filter.toggle i:before {float:right; height:38px!important;} .filter.toggle div.active{display:inline-block;} .filter.toggle div{display:none; width:100%;} .filter.toggle i {float:right;} .Filter{max-height:0px; overflow-y:hidden; transition:all 0.5s ease 0s; margin:0; padding:10px;} .Filter.active{max-height:1000px; width:100%; overflow-y:visible; height:auto; transition:all 0.5s ease 0s; margin: 1% 0 1% 0; padding:10px;} .Filter .Filt .FilterFrm{width:100%;} .Filter .FilterRens{top:-35px; bottom:auto;} /* gruppering */ .Filt .Beskr {text-align:center; text-transform:uppercase; font-family:'Montserrat'; font-size:14px;} .Filter ul.Grupp_1 {width:75%; float:left;} .Filter ul.Grupp_2 {width:25%; float:right; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; align-items:stretch;} .Filter ul.Grupp_2 li {width:46%; margin:0; padding:0; text-align:right; border-right:1px solid #c6c8c9; padding-bottom:10px;} .Filter ul.Grupp_2 li a {padding:0 30px 0 10px; position:relative; border:none; border-radius:0px; border-bottom:1px solid #999; margin:0; line-height:35px; height:35px; max-height:35px;} .Filter ul.Grupp_2 li a img {max-height:30px;} .Filter ul.Grupp_2 li:nth-child(2) {border-right:none; text-align:left;} .Filter ul.Grupp_2 li:nth-child(2) a, .Filter .Filter_Tag_68 a {padding:0 10px 0 30px;} .Filter ul.Grupp_2 li:nth-child(1) a:after, .Filter ul.Grupp_2 li:nth-child(2) a:before, .Filter .Filter_Tag_68 a:before {content: ''; display: inline-block; position: absolute; top: 11px; width: 13px; height: 13px; background: #c6c8c9; border-radius: 100%;} .Filter ul.Grupp_2 li:nth-child(1) a:after {right: 10px;} .Filter ul.Grupp_2 li:nth-child(2) a:before, .Filter .Filter_Tag_68 a:before {left: 10px;} .Filter ul.Grupp_2 li a:hover, .Filter ul.Grupp_2 li a.selected, .Filter .Filter_Tag_68 a:hover, .Filter .Filter_Tag_68 a.selected {background:none; color:#3b3b3b; font-family:'Montserrat';} .Filter ul.Grupp_2 li:nth-child(1) a:hover:after, .Filter ul.Grupp_2 li:nth-child(2) a:hover:before, .Filter .Filter_Tag_68 a:hover:before, .Filter .Filter_Tag_68 a.selected:before, .Filter ul.Grupp_2 li:nth-child(1) a.selected:after, .Filter ul.Grupp_2 li:nth-child(2) a.selected:before {background:#3b3b3b;} .Filter li.Filter_Tag_Slider_Range .Filt {display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; flex-direction:column;} .Filter li.Filter_Tag_Slider_Range .lblVarde {order:1;} /*färger*/ .Filter li.Filter_Tag_33.Filter_Tag_Lank {clear:both; width:100%; margin-top:20px;} .Filter li.Filter_Tag_33.Filter_Tag_Lank .Beskr {width: auto; float: left; line-height: 25px; margin: 3px 10px 3px 0;} .Filter li.Filter_Tag_33.Filter_Tag_Lank a {position:relative; border:none; width:25px; height:25px; float:left; max-height:30px; border-radius:0px; margin-right:5px; text-indent:-9999px;} .Filter a.Svart {background:#000;} .Filter a.Brun {background:#806935;} .Filter a.Beige {background:#f0e9d9;} .Filter a.Grå {background:#adadad;} .Filter a.Brun--__Svart {background:#413631;} .Filter a.Grå--__Brun {background:#796d68;} .Filter a.Ljusbeige {background:#f0e9d9;} .Filter a.Ljusgrå {background:#d9d9d9;} .Filter a.Lila {background:#9f56f9;} .Filter a.Mörkgrå {background:#4f4f4f;} .Filter a.Gul {background:#efdb01;} .Filter a.Rosa {background:#ee80d0;} .Filter a.Blå {background:#146587;} .Filter a.Grön {background:#25b425;} .Filter a.Orange {background:#ff9600;} .Filter a.Röd {background:#e20000;} .Filter a.Turkos {background:#24ddc9;} .Filter a.Vit {background:#fff; border:1px solid #ccc!important;} li.Filter_Tag_33.Filter_Tag_Lank a.selected:before, li.Filter_Tag_33.Filter_Tag_Lank a:hover:before {content:''; display:block; position:absolute; background-image: url('/bilder/butik/check.png'); background-repeat:no-repeat; background-size:20px; background-position: center; width:25px; height:25px; top:0; left:0;} /*---------------------------------------------------------------------------------- PRODUKTBESKRIVNING ----------------------------------------------------------------------------------*/ /* BILDKOLUMN */ .prodbild {position:relative;} .ProduktBild {width:100%; vertical-align:middle; margin:0; position:relative; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; align-items:stretch;} .ProduktBild a {width:100%;} .ProduktBild a, .ProduktBild img {max-width:100%; max-height:465px;} .ProduktBild a[rel^="lightbox"] {display:none;} .BildZoomThumbnails {width:100%; height:auto; float:left; margin:0 0 10px 0;} @media screen and (min-width: 851px) {.BildZoomThumbnails img {max-height:120px;} .BildZoomThumbnailsContainer {width:auto!important;} .media-mobile {display:none;} .thumbs .owl-pagination {display:none;} .BildZoomThumbnails a {max-width:120px;}} @media screen and (max-width: 850px) {.BildZoomThumbnails img {max-height:465px;}} .ProduktBildtext {width:100%; margin:10px 0px;} .BildZoomThumbnails a, .MediaPlay a {display:block; width:100%; height:auto; margin:0; vertical-align:middle;} .BildZoomThumbnails a:hover {background:#ccc;} .BildZoomThumbnails a:hover img {opacity:0.6;} .BildZoomThumbnails img {display:block; margin:0 auto;} .MediaPlay a {position:relative;} .MediaPlay a:before {display:block; content:""; background:rgba(256,256,256,0.4); width:100%; height:100%; position:absolute; top:0; left:0;} .MediaPlay a:after {display:block; content:""; background-image: url('/bilder/ikon/youtube_play.png'); background-repeat:no-repeat; background-size:70px; background-position: center; width:100%; height:100%; position:absolute; top:0;} .media-mobile {margin:0!important;} .media-mobile a:before {display:inline-block; float:left; content:""; background-image: url('/bilder/ikon/youtube_play.png'); background-repeat:no-repeat; background-size:40px; background-position: center; width:40px; height:40px; margin-right:10px;} .media-mobile span {line-height:40px; display:inline-block; float:left;} #Bildkolumn .prodbild {float:right; margin-top:0; order:1; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; align-items:center;} #Bildkolumn .thumbs {max-height:0px; overflow:hidden; order:0;} #Bildkolumn .prodbild, #Bildkolumn .thumbs-wrapper {margin-bottom:0;} /* PILAR */ .thumbs-wrapper {position:relative; display:block; float:left; margin:0 1.6% 1% 0; padding:20px 0;} .thumbs-wrapper .arrow-up, .thumbs-wrapper .arrow-down {display: block; width: 100%; height: 20px; position: absolute; cursor:pointer;} .thumbs-wrapper .arrow-up {top:-6px;} .thumbs-wrapper .arrow-down {bottom:-6px;} /* PRODUKTKOLUMN */ #VarumarkeFalt {margin:0 0 5px;} #Avbetalning {margin:20px 0 0 0;} #AvbetFaltBild img {max-height:15px;} #AvbetFaltText {display:none;} #FaltRader, #KundBetygRad {margin:10px 0;} .TextKort {padding:10px 0; margin:10px 0;} .TextKort li {margin:0 10px;} #Produktinfo li {margin:0 15px;} .ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsrad {margin:0 0 5px 0;} .TeknSpec_Tabell {width:100%; border:0; margin:10px 0; padding:0; border-spacing:0px!important; } .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {padding:8px 5px;} #OrderFalt {margin:10px 0 0;} #SubmitFalt {padding:10px 0 0;} #KampanjFalt {border:1px solid #ddd; padding:20px;} #Produktinfo iframe {max-width:100%; height:auto;} #Produktinfo table {max-width:100%;} #Faktakolumn {padding:25px 3%; position:relative; z-index:0} .QuickView #Faktakolumn {padding: 15px;} #ArtikelnamnFalt {padding-bottom:5px;} h1#ArtikelnamnFalt .splitted, .Snabbkassa_Varukorg_Tabell_Rad_Beskr .splitted {display:block; clear:both;} .priserDuSparar {float:right; text-align:right; padding-top:5px;} .PT_PrisRek.lonely {line-height:35px;} #PrisFalt {float:left;} .PrisORD, .PrisAvd {display:none;} .topp-usp.prd {text-align:center; clear:both;} .topp-usp.prd li {line-height:16px;} .topp-usp.prd li:before {margin-right:6px;} /* VARIANTARTIKLAR */ .Egenskaper_Tabell {width:100%;} .Egenskaper_Tabell select {margin:0 0 5px; width:100%;} .ProduktbeskrAntalvalText, .Laggikorgen_Antalsfalt {height:35px; line-height:35px;} .Laggikorgen_Antalsfalt {border:1px solid #f1f1f1; text-align:center; width:50px !important;} .Set_Falt_Wrap select {width:100%;} #OrderFalt select {border:none!important; margin:0px!important;} .Egenskaper_Tabell {background:#fff; border:1px solid #c6c8c9;} .Set_Falt_Wrap .selectWrap {border:1px solid #c6c8c9;} .Egenskaper_Tabell td {padding:0px!important; background:#fff; width:100%; vertical-align:middle!important;} .Egenskaper_Tabell td:first-child {padding-left:10px!important; width:auto;} .Egenskaper_Tabell td:first-child b {font-family:'Montserrat Light'; padding-top:5px;} /* ANTAL */ #Faktakolumn .Laggikorgen_Antalsrad, #Faktakolumn .ProduktbeskrAntalvalTabell, #Faktakolumn .artikel_antal, #Faktakolumn .Laggikorgen_Antalsfalt, #OrderFalt > form > br {display:none!important;} /*flexbox*/ #Faktablad, #Bildkolumn {display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; align-items:stretch;} /* BOX-ITEM */ .box-item:first-child {margin-top:2%; padding:9px 5%!important;} .box-item {margin:15px 0; padding:5% 7%;} .box-item .box-headline {margin:-1.4em 0 0; text-align:center;} .box-item .box-headline span {background:#fff; padding:0 10px;} .box-content {margin:0 auto; margin-top:10px;} .box-item .garantibild {text-align:center;} .box-content iframe {margin-top:5px; margin:0 auto;} .tillbehor_farger .box-headline {margin:-20px 0 0;} /* EGENSKAPSBOX */ .egenskapsbox {width:50%; float:left;} .egenskapsbox.komfort {text-align:right; border-right:1px solid #999; padding-left:15%;} .egenskapsbox.standard {padding-right:15%;} .egenskapsbox li {list-style:none; width:100%;} .egenskapsbox li span {position:relative; display:block; padding: 0 30px 0 10px; position: relative; border: none; border-radius: 0px; border-bottom: 1px solid #999; margin: 0; line-height: 35px; height: 35px; max-height: 35px;} .egenskapsbox li span:before {content: ''; display: inline-block; position: absolute; top: 11px; width: 13px; height: 13px; background: #c6c8c9; border-radius: 100%;} .egenskapsbox.standard li span:before {left:10px;} .egenskapsbox.komfort li span:before {right:10px;} .egenskapsbox.standard li span {padding: 0 10px 0 30px;} .egenskapsbox li span.marked {font-family:'Montserrat';} .egenskapsbox li span.marked:before {background: #3d3d3d;} .egenskapsbox li span.rubrik:before {display:none;} .egenskapsbox li span.rubrik {padding:0; border-bottom: 0; text-align: center; text-transform: uppercase; font-family: 'Montserrat'; font-size: 14px;} #standardEgenskap, #komfortEgenskap {display:none;} /* TILLBEHÖR */ #tillbehorbilder .PT_Bildruta {height:auto; line-height:normal;} #tillbehorbilder .PT_Faktaruta, #tillbehorbilder .PT_Pris {display:none;} #tillbehorbilder .PT_Wrapper:hover {border:none; transition:none;} #tillbehorbilder .PT_Wrapper:hover .PT_Bildruta a img {opacity:0.8; transition:none;} #tillbehorbilder .PT_Wrapper {margin:0px!important; padding:5px 15px; width:33%;} #tillbehorbilder .owl-item .PT_Wrapper {width:100%;} .tillbehor_farger .box-content {margin-top:0;} .tillbehor_farger.box-item {padding:5% 20px;} .QuickView .box-item .box-headline span {background:#f3f3f3;} .QuickView .tillbehor_farger {margin-top:35px;} .QuickView #tillbehor2 {margin-top:20px;} #tillbehorbilder .owl-theme .owl-controls .owl-buttons div, #tillbehorbilder .owl-controls .owl-buttons div {color:#000; display:inline-block; zoom:1; margin:0px; padding:3px 10px; border-radius:none; background:none; filter:Alpha(Opacity=100); opacity:1; background-image:url(/bilder/svg/arrow_right.svg); background-repeat:no-repeat; background-size:30px; background-position:center; width:20px; height:30px; white-space:nowrap; overflow:hidden; text-indent:99999999px; z-index:2;} #tillbehorbilder .owl-controls .owl-buttons div.owl-prev {transform:rotate(180deg); -webkit-transform:rotate(180deg);} #tillbehorbilder .owl-theme .owl-controls, #tillbehorbilder .owl-controls {text-align:right; position:absolute; left:-20px; width:100%; width:calc(100% - -40px); bottom:10px; padding:0; z-index:0; top:50%; margin-top:-16px;} #tillbehorbilder .owl-prev {float:left;} #tillbehorbilder .owl-wrapper-outer {z-index:2;} #tillbehor2 .PT_Pris .PT_PrisRek, #tillbehor2 .PT_Pris .PT_PrisSparar {display:none;} #tillbehor2 div.PT_Pris {width:50%;} #tillbehor2 .Knapp_Kop {width:50%; float:right;} #tillbehor2 .Knapp_Kop a {width:auto; display:inline-block; float:right;} @media screen and (max-width:400px) { #tillbehor2 .Knapp_Kop a {font-size:12px; white-space:nowrap;} } @media screen and (max-width:340px) { #tillbehor2 .PT_Pris {width:100%;} #tillbehor2 .Knapp_Kop {width:100%; margin-top:10px;} } @media screen and (max-width:850px) { .box-item.garantibox {width:100%} .box-item .garantibild img {max-height:112px!important;} .box-item .garantibild {height:115px;} .box-item.trustpilot {border-left:0px; display:none;} .box-item.garantibox {position:relative;} .box-item.garantibox:before {content:''; background:#fff; position:absolute; top:0px; right:-10px; height:10px; width:20px;} .box-item.garantibox:after {content:''; background:#fff; position:absolute; bottom:0px; right:-10px; height:10px; width:20px;} .box-content iframe {max-width:100%;} #readmore_prd {height:35px; line-height:35px; cursor:pointer; border:1px solid #c6c8c9; background:#f3f3f3; border-radius:2px; -webkit-border-radius:2px; width:auto; float:right; padding:0 10px; margin-bottom:20px;} #readmore_prd .readless {display:none;} #readmore_prd.readless {opacity:0.6;} #readmore_prd.readless .readless {display:inline;} #readmore_prd.readless .readmore {display:none;} .toggleText {max-height:110px; overflow:hidden; position:relative;} } @media screen and (max-width:383px) { .box-item.garantibox, .box-item.trustpilot {height:182px;} .box-item.trustpilot {display:none;} .box-item .garantibild {height:auto;} } @media screen and (min-width:851px) { #readmore_prd, #short_text {display:none!important;} #Faktakolumn .topp-usp {position:absolute; width:100%; bottom:25px; left:0; padding:0 10px;} #Faktakolumn {padding-bottom:55px;} } /*---------------------------------------------------------------------------------- INLOGGNING ----------------------------------------------------------------------------------*/ .inloggning {display:block; cursor:pointer;} .inloggning a, .inloggning span {height:25px; line-height:25px; display:block;} .inloggningsruta {width:300px; display:none; position:absolute; padding:30px 20px; margin:0; z-index:3; left:50%; bottom:430px; -webkit-transform:translate(-50%, 0%); transform:translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -o-transform:translate(-50%, 0%); -ms-transform:translate(-50%, 0%); background:#fff;} .inloggningsruta.active {display:block;} .inloggningsruta .close {top:0px;} .inloggningsruta .close:before {display: block; content: ""; background-image: url('/bilder/svg/close.svg'); background-repeat: no-repeat; background-size: 25px; background-position: 0px center; width: 30px; height: 35px;} .inloggningwrapper .button:first-child {margin-right:5px;} #AdressblockLoggain table {float:left;} /*---------------------------------------------------------------------------------- KNAPPAR ----------------------------------------------------------------------------------*/ .Knapp_Kop_Tabell tr td, .PT_Knappar .Knapp_Info {display:none;} .Knapp_Kop_Tabell .Knapp_Kop {display:block;} .Knapp_Kop_Tabell_Artikel {width:100%;} .Knapp_Kop_Tabell, .PT_Knappar table {float:right;} .Knapp_Kop_Tabell .Knapp_Info_Hoger {margin:0 5px 0 0; float:left;} .PT_KnapparKampanj table {width:135px;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a {float:left; height:50px; line-height:50px; padding:0; width:100%;} /*--- Köp knapp Customized by Sergio ----*/ td.Knapp_Kop a:link:hover, td.Knapp_Kop a:visited:hover {color: #FFF;} td.Knapp_Kop a:link:hover:after, td.Knapp_Kop a:visited:hover:after {height: 450%;} td.Knapp_Kop a {cursor: pointer; position: relative; transition: all 0.3s cubic-bezier(0.3, 0, 0.6, 1);0s;} td.Knapp_Kop a:hover {background-color: transparent;} td.Knapp_Kop a:hover:before {left: 0%; right: auto; width: 100%;} td.Knapp_Kop a:before {position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; z-index: -1; content: ''; background: #88d54d; transition: all 0.3s cubic-bezier(0.3, 0, 0.6, 1); 0s;} /*---------------------------------------------------------------------------------- BLANDAT ----------------------------------------------------------------------------------*/ .textbox {padding:0 10%; text-align:center; width:100%; left:50%; position:absolute; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);} .textbox h2 a, .textbox h3 a {color:#fff; font-weight:300; text-shadow:2px 2px 3px #333;} .textbox h3 a {border:2px solid #fff; padding:1%; display:inline-block;} .textbox h3 a:hover {background:rgba(255,255,255,1); color:#000; text-shadow:none;} .scrollToTop {opacity:0.7; cursor:pointer; position:fixed; bottom:0; right:5%; width:40px; height:40px; background:#3c3c3c; -moz-box-shadow:1px 1px 10px #4f4f4f; -webkit-box-shadow:1px 1px 10px #4f4f4f; box-shadow:1px 1px 10px #4f4f4f;} /* COUNTDOWN */ #friytaWrapper {position:relative; overflow:hidden;} #friytaWrapper .mobile-img {display:none;} .clockholder2 {position:absolute; bottom:32%; right:3%; background:transparent!important;} #clock2 {position:relative; width:100%; text-align:right; height:70px;} #clock2 span:before {content:''; position: absolute; top:-3px; left:0px; width:64px; height:70px;} #clock2 span.day:before {content:'';} #clock2 span.hour:before {content:'';} #clock2 span.minute:before {content:'';} #clock2 span.second:before {content:'';} #clock2 span {font-size:24px; color:#fff; margin-left:5px; padding-top:9px; border-radius:100%; border:3px solid rgba(0, 0, 0, 0); display:inline-block; text-align:center; position:relative; height:70px; width:70px;} #clock2 span:after {position:absolute; font-size:9px; text-transform:uppercase; width:64px; left:0px; top:37px;} #clock2 span.week:after {content:'veckor';} #clock2 span.day:after {content:'dagar';} #clock2 span.hour:after {content:'timmar';} #clock2 span.minute:after {content:'minuter';} #clock2 span.second:after {content:'sekunder';} .circleWrapper {width:auto; display:inline-block; height:70px; position:absolute; right:0; top:0;} .svg circle {stroke-dashoffset:0; transition: stroke-dashoffset 1s linear; stroke: rgba(0, 0, 0, 0.2); stroke-width: 3px;} .svg .bar {stroke: #fff; stroke-dashoffset: 204.204px;} .cont {float:right; margin-top:0; display:inline-block; height: 70px; width: 70px; margin-left:5px; border-radius: 100%; position: relative; -moz-transform: scaleX(-1) rotate(-90deg); -o-transform: scaleX(-1) rotate(-90deg); -webkit-transform: scaleX(-1) rotate(-90deg); transform: scaleX(-1) rotate(-90deg); filter: FlipH;} @media screen and (max-width: 850px) { #friytaWrapper img {display:none;} #friytaWrapper .mobile-img {display:block;} .clockholder2 {display:block; width:100%; right:0; bottom:10%;} .circleWrapper {width:auto; display:inline-block; height:70px; width:100%; position:absolute; right:0; top:0; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex; justify-content:center; -webkit-justify-content:center; flex-direction:row-reverse; -webkit-flex-direction:row-reverse;} #clock2 {text-align:center;} } @media screen and (max-width: 420px) { .clockholder2 {width: 150%; left: -25%; bottom:3%; -webkit-transform:scale(0.8); transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8);} } @media screen and (max-width: 340px) { .clockholder2 {-webkit-transform:scale(0.7); transform:scale(0.7); -moz-transform:scale(0.7); -o-transform:scale(0.7); -ms-transform:scale(0.7);} } /*---------------------------------------------------------------------------------- ÖNSKELISTA ----------------------------------------------------------------------------------*/ .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Wrap td {background:#fff!important;} .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Wrap .DS_OL_Table_Artiklar {border-bottom:1px solid #c6c8c9; margin-top:10px;} .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Wrap .DS_OL_Table_ToppFlik .DS_OL_Table_ToppFlik {display:none;} .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Knappar td:first-child {clear:both; width:100%!important; margin-bottom:5px;} .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Knappar td img {display:none;} .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Knappar td a {margin-right:5px;} .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Knappar tr, .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Knappar td {display:block; float:left;} .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Knappar i {font-style:normal;} .Din_Sida_Onskelista_Wrapper .DS_OL_Table_Knappar td {width:auto!important;} .Din_Sida_Onskelista_Wrapper input.OnskelistaInputFalt {width:100%!important;} .Din_Sida_Onskelista_Wrapper * {visibility:visible;} .Din_Sida_Onskelista_Wrapper {visibility:collapse;} .Onskelista_Markera_Alla_Label {background-color: #999; border-radius: 2px; -webkit-border-radius: 2px; color: #fff; height: 35px; line-height: 35px; display: inline-block; padding: 0 10px;} .Onskelista_Markera_Alla_Label input {margin:5px 5px 5px 0 !important;} .DS_OL_Table_Varukorg_Wrap .PrisBOLD span {position:relative; font-size:15px!important; right:0px;} .DS_OL_Table_Varukorg_Wrap td, .DS_OL_Table_Varukorg_Wrap tr {background:#fff!important;} .DS_OL_Table_Varukorg_Wrap .Knapp_Generell a img {display:none;} /*---------------------------------------------------------------------------------- TOPPMENY ----------------------------------------------------------------------------------*/ .topp-tel .telefon:before {font-family:'FontAwesome'; content:"\f095"; font-size:16px; margin-right:5px;} .topp-usp {text-align:right;} .topp-usp li {list-style:none; margin-right:3%; display:inline-block; float;left; padding:0.8% 0; font-family:"Montserrat"; font-weight:400;} .topp-usp li:last-child {margin-right:0px;} .topp-tel {min-width: 150px; float:left;} .telefon {display:block; margin-right:5px;} .leftItems {display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; display:flex;} .nastaLeverans {position:absolute; right:0; text-align:right; width:auto; bottom:8px; opacity:1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} /*---------------------------------------------------------------------------------- NYHETSBREVSANMÄLAN ----------------------------------------------------------------------------------*/ .nyhetsbrevsanmalan p {padding:0 0 10px 0;} .nyhetsbrevsanmalan input {width:100%; float:left; border-radius:0px!important; -moz-box-shadow:0px!important; -webkit-box-shadow:0px!important; box-shadow:0px!important; border:1px solid #fff!important;} .nyhetsbrevsanmalan .knapp_nyhetsbrev {float:left; margin:1% 0 1% 0;} .nyhetsbrevsanmalan .knapp_nyhetsbrev a {width:100%; height:35px; line-height:35px; text-align:center; padding:0; color:#fff; background:#c6c8c9; display:block;} .nyhetsbrevsanmalan .knapp_nyhetsbrev a:hover {background:#a6a6a6;} .nyhetsbrevsanmalan .text {clear:both; padding:5px 0;} .nyhetsbrevsanmalan input, .nyhetsbrevsanmalan .text {font-size:12px!important;} /*---------------------------------------------------------------------------------- DROPDOWN ----------------------------------------------------------------------------------*/ select.StilValjSortordning, #OrderFalt select {height:40px!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #c6c8c9; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; line-height:38px; padding:0 30px 0 10px; text-transform:uppercase;} #OrderFalt select {text-transform:none;} select.StilValjSortordning::-ms-expand, #OrderFalt .selectWrap::-ms-expand {display:none;} i.fa-chevron-down:before, .Artgrp_Sorteringsordning:after, #OrderFalt .selectWrap:after {display:block; pointer-events: none; content:""; background-image: url('/bilder/svg/arrow_down.svg'); background-repeat:no-repeat; background-size:20px; background-position: center; width:20px; height:10px;} i.fa-chevron-down.rotate:before {transition:all 0.5s ease 0s; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg);} i.fa-chevron-up:before {display:block; content:""; background-image: url('/bilder/svg/arrow_down.svg'); background-repeat:no-repeat; background-size:20px; background-position: center; width:20px; height:10px; transition:all 0.5s ease 0s; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg);} i.fa-chevron-right:before {display:block; content:""; background-image: url('/bilder/svg/arrow_right.svg'); background-repeat:no-repeat; background-size:20px; background-position: center; width:10px; height:10px; transition:all 0.5s ease 0s;} i.fa-chevron-left:before {display:block; content:""; background-image: url('/bilder/svg/arrow_right.svg'); background-repeat:no-repeat; background-size:20px; background-position: center; width:10px; height:10px; transition:all 0.5s ease 0s; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg);} .Artgrp_Sorteringsordning, .selectWrap {position:relative; display:inline-block; margin-right:10px;} #OrderFalt .selectWrap {width:100%;} .Artgrp_Sorteringsordning:after, .selectWrap:after {position:absolute; right:10px; top:15px;} #OrderFalt select {width:100%!important;} /*---------------------------------------------------------------------------------- CSS3-EFFEKTER ----------------------------------------------------------------------------------*/ .close {-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;} .PT_Wrapper, .Artgrp_VisaFler a, .favorit:before, .favorit:after, .favorit-span {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} input[type="text"], input[type="password"], select, textarea, #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"], #Adressblock2 input, #Adressblock2 select { background-color:#fff; border:1px solid #c6c8c9; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; color:#555; display:inline-block; font-size:14px; height:35px; line-height:30px; padding:6px; transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align:middle; } textarea {min-height:100px; line-height:normal; width:100%;} input:focus, select:focus, textarea:focus {border-color:rgba(82, 168, 236, 0.8); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline:0 none;} .dimmer.active, .sokrutan.active, .soktoggle::after, .stangsok::after, .inloggningsruta.active, .mobilenav.active, .Artgrp_VisaFler a:hover { -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; } .textbox h3 a:hover { -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .kundtjanstruta, .Topoffer_Tabellbakgrund { box-shadow:0 0 6px 0 rgba(200, 200, 200, 0.8); -moz-box-shadow:0 0 6px 0 rgba(200, 200, 200, 0.8); -webkit-box-shadow:0 0 6px 0 rgba(200, 200, 200, 0.8); } /*---------------------------------------------------------------------------------- TYPOGRAFI OCH FÄRGER ----------------------------------------------------------------------------------*/ @font-face { font-family: 'Montserrat Hairline'; font-style: normal; font-weight: 100; src: local('Montserrat Hairline'), local('Montserrat-Hairline'), url('/includes/fonts/Montserrat-Hairline.woff') format('woff'), url('/includes/fonts/Montserrat-Hairline.ttf') format('truetype'), url('/includes/fonts/Montserrat-Hairline.otf') format('opentype'); } @font-face { font-family: 'Montserrat Light'; font-style: normal; font-weight: 400; src: local('Montserrat Light'), local('Montserrat-Light'), url('/includes/fonts/montserrat_light.woff') format('woff'), url('/includes/fonts/montserrat_light.ttf') format('truetype'), url('/includes/fonts/montserrat_light.otf') format('opentype'); } @font-face { font-family: 'Montserrat Semibold'; font-style: normal; src: local('Montserrat Semibold'), local('montserrat-semibold'), url('/includes/fonts/montserrat-semibold.woff') format('woff'), url('/includes/fonts/montserrat-semibold.woff2') format('woff2'); } @font-face { font-family: 'Notethis'; src: url('/includes/fonts/Notethis.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/Notethis.woff') format('woff'), url('/includes/fonts/Notethis.ttf') format('truetype'), url('/includes/fonts/Notethis.svg#Notethis') format('svg'); font-weight: normal; font-style: normal; } body, textarea, input, select {font-family:'Montserrat Light', 'Montserrat', Arial, Helvetica, sans-serif; font-size:15px; color:#000; font-weight:400;} .topp-usp.prd {font-size:13px; font-weight:400;} b, strong, #PrisFalt span, .PT_Pris, .PT_Antalsfalt, .KampanjFalt-Text, .inloggningsruta p, .Artgrp_VisaFlerArtiklar_Markerad, .bloggkommentar_rubrik, .headline, .Topoffer_Artikelnamn, .Topoffer_Pris, .reviewname, #footer-wrapper h4, #KampanjFalt div div:first-of-type, .bold, .PT_Beskr .splitted, .Infogad_HTML a, .headline, #ArtikelnamnFalt .splitted, .nosto-product-price, .Filt .Beskr, .filter.toggle div:nth-child(2), .Snabbkassa_Varukorg_Tabell_Rad_Beskr .splitted, .nosto-product-name .splitted {font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:400;} .extrabold {font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:700;} .light, .PT_Pris .PT_PrisOrdinarie, .PT_PrisRek, .Snabbkassa_Varukorg_Tabell_Rad .Pris b, .SumInkPris b, .nosto-old-price, .nosto-old-price .nosto-product-price {font-family:'Montserrat Light', Arial, Helvetica, sans-serif !important; font-weight:300;} .hairline, .oppettider-counter, .nastaLeverans {font-family: 'Montserrat Hairline';} .box-headline, .seo h1 {font-family:'Notethis', Arial, Helvetica, sans-serif;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a, .Knapp_Kop a, .PT_Text_Kort, .PT_Beskr a, .PT_PrisOrdinarie, .PT_PrisRek, .nosto-old-price {font-weight:400;} h1,h2,h3,h4 {font-weight:400; margin:0 0 10px 0; line-height:normal;} /* TEXTSTORLEKAR */ h1 {font-size:2.2em} h2 {font-size:1.8em} h3, .Infogad_HTML h1, .box-headline, .nosto-header {font-size:1.5em} .bigHeadline {font-size:1.3em} h4 {font-size:1.0em} .eight {font-size:8vw} .seven {font-size:7vw} .six {font-size:6vw} .five {font-size:5vw} .four {font-size:4vw} .three {font-size:3vw} .two {font-size:2vw} #PrisFalt span {font-size:35px;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a, .PT_Pris, .Snabbkassa_Varukorg_Tabell_Rad .Pris b, .nosto-price-info {font-size:22px} .headline, .Topoffer_Artikelnamn, .Topoffer_Pris, .Ingress, .fa-sort, .telefon, h1#ArtikelnamnFalt .splitted {font-size:18px} .PrisREA, .PrisORD, .VGPrisStor, .rubrikPris, .rubriker i, .headline, .nyhetsbrevsanmalan input, #footer-wrapper h4 {font-size:16px} .PT_PrisOrdinarie, .nosto-old-price, .Lista .PT_Pris, .Lista .PT_PrisKampanj, .Artikellista_PrisStafflade, .Lista .PT_Beskr a, .PT_Beskr a, .PT_PrisRek, h1#ArtikelnamnFalt, .DuSparar, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster {font-size:14px;} .seo p, .nastaLeverans, #AvbetFalt a {font-size:13px;} .nav-topmenu ul li a, .PT_Text_Kort, .PT_Status div:before, .PT_Status div:after, #breadcrumb a, #breadcrumb, .Fynda .PT_Beskr a, .topp-usp {font-size:12px} .PT_PrisOrd, .artikel-topplista-pris p, .valutavaljare, .Artgrp_VisaFler a, .Artgrp_VisaFler span, .PT_Antalsfalt, .artikel-topplista-text, .artikel-topplista-text p {font-size:10px} .oppettider-counter, .copyright {font-size:9px; letter-spacing:1px;} /* TEXTEGENSKAPER */ .navigation_typ_ul_li_kategoriersaknas, .date, .bloggkommentar_tid {font-style:italic} .PT_Antalsfalt, .rubrik-kundvagn, .PT_Bildruta, .Antal input, .Artikellista_PrisStafflade, #Bildkolumn, .BildZoomThumbnails a, .headline-c, .seo, .copyright {text-align:center} .Artikellista_PrisKampanj, .Artikellista_Pris, .comment {text-align:right} .kampanjmenu li > a, .inloggningsruta p, .nav ul.niva1 > li > a, .nav-menu.varumarken, .headline, h1, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster {text-transform:uppercase} .kampanjmenu li ul li a, h1#ArtikelnamnFalt, .seo h1 {text-transform:none} .bestallningsknapp, .Knapp_Sok_Produkt {cursor:pointer} .PT_PrisOrdinarie, .PT_PrisRek, .nosto-old-price {text-decoration:line-through;} .PT_Pris > .splitted, .PT_PrisKampanj > .splitted, .PrisBOLD span, .nosto-product-price > .splitted {font-size: 14px !important; margin: 3px 0 0; line-height: 14px; position: absolute; right: -17px; top: 0;} .PrisBOLD span {margin:10px 0 0; right: -21px; font-size: 18px !important;} a.forgotpassword {line-height:normal} #main p, .Ingress, .seo p {margin:0 0 10px; line-height:19px;} /* TEXTFÄRGER */ body, a, .fa-shopping-cart, .mobilenav-icon, .fa-search, .Infogad_HTML h1, .Infogad_HTML a, .topp-usp.prd {color:#3d3d3d} .Knapp_Kop a, .Knapp_Info a, .Knapp_Kop a:hover, .Knapp_Info a:hover, .Knapp_Generell a, .Knapp_Generell a:hover, .submitKnapp input, .askas, .askas a, .toplist, .footer, .mobile-topline, #breadcrumb {color:#fff} .Infogad_HTML {color:#999} #breadcrumb a, #breadcrumb a:before, .seo, #WebbMeny li a:hover, .inloggning:hover, .copyright, .copyright a {color:#ccc} .PT_Pris_Text, .PT_PrisRek, #breadcrumb a:hover, .DuSparar, .nastaLeverans, #AvbetFalt a, .nosto-old-price {color:#888} .PT_PrisOrdinarie, .PT_Pris, .PrisORD, .PrisBOLD, .PT_PrisOrd, .PT_PrisKampanj, .PrisPROCENT, .PrisREA, #PrisFaltStafflade, .Artikellista_PrisKampanj, .LSS_Kampanjpris, .Snabbkassa_Varukorg_Tabell_Rad .Pris b, .SumInkPris, .nosto-price-info {color:#d52a4b} /* BAKGRUNDSFÄRGER */ .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger {background:#f1f1f1} .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {background:#f9f9f9} .Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a, #ListaOmArtiklarSaknas li a:hover {background:#f5f5f5} .Flik_Beskr_Normal a:hover, .Flik_Beskr_Markerad a:hover, .Flik_Normal a:hover, .Flik_Markerad a:hover, .Flik_Beskr_Markerad a, #ListaOmArtiklarSaknas li a {background:#ddd} /* KNAPPAR */ .primbutton a {background-color:#76b04a; border-radius:2px; -webkit-border-radius:2px; color:#fff; height:35px; line-height:35px; display:block; padding:0 10px; transition:all 0.5s ease 0s;} .primbutton a:hover {background:#88d54d;} .secbutton a {background-color:#999; border-radius:2px; -webkit-border-radius:2px; color:#fff; height:35px; line-height:35px; display:block; padding:0 10px; transition:all 0.5s ease 0s;} .secbutton a:hover {background:#777;} /* VISA FLER */ #VisaFlerArtiklar_Ajax_Button:disabled {display:none;} #VisaFlerArtiklar_Ajax_Button {background:#999; cursor:pointer; width:calc(100% - 10px); float:left; margin-left:5px; height:50px; line-height:50px; border:0px; text-transform:uppercase; color:#fff; font-family:'Montserrat Light', 'Montserrat', Arial, Helvetica, sans-serif; font-size:15px;} #VisaFlerArtiklar_Ajax_Button:hover {background:#777;} .Knapp_Generell a, .Knapp_Info a, #Felmeddelande a, a#vu_sok {background-color:#999; border-radius:2px; -webkit-border-radius:2px; color:#fff; height:35px; line-height:35px; display:block; padding:0 10px; transition:all 0.5s ease 0s;} .Knapp_Generell a:hover, .Knapp_Info a:hover, #Adressblock .LankLoggain a:hover, #Felmeddelande a:hover, a#vu_sok:hover {background:#777;} .Knapp_Kop a, .Checkout a {background-color:#76b04a; border-radius:2px; -webkit-border-radius:2px; color:#fff; height:35px; line-height:35px; display:block; padding:0 10px; transition:all 0.5s ease 0s;} .Knapp_Kop a:hover, .Checkout a:hover, .bestallningsknapp:hover {background:#88d54d;} /* BORDER */ #Faktakolumn, #Bildkolumn .prodbild, .tabs li {border:1px solid #c6c8c9; border-radius:2px;} /* USPAR */ .Upsar_Kassa ul li:before {display:inline-block; content:"\f00c"; color:#88d54d; font-family:'FontAwesome'; margin-right:10px;} .topp-usp li:before {display:inline-block; content:"\f0e2"; color:#88d54d; font-family:'FontAwesome'; margin-right:10px;} .topp-usp li:first-child:before {content:"\f01e";} .topp-usp li:last-child:before {content:"\f00c";} /*---------------------------------------------------------------------------------- VARIABLER ----------------------------------------------------------------------------------*/ .white {background:#fff} .whiter {background:rgba(255,255,255,0.97);} .black {background:#000;} .lightgrey {background:#f3f3f3} .darkgrey {background:#3c3c3c} .black {background:#000} .primcolor {background:#76b04a} .seccolor {background:#c6c8c9} .left {float:left;} .right {float:right;} .center {text-align:center;} .relative, .PrisBOLD {position:relative;} .ten {padding:10px} .twenty {padding:20px} .margTB {margin:10px 0} .margT {margin:10px 0 0} .marginT {margin-top:15px;} .margB {margin:0 0 10px} .margB10 {margin:0 0 10px} .paddTB {padding:10px 0} .paddT {padding:10px 0 0} .paddB {padding:0 0 10px} .border {border:1px solid #c6c8c9} .borderT {border-top:1px solid #c6c8c9} .borderB {border-bottom:1px solid #c6c8c9} .borderTB {border-top:1px solid #c6c8c9; border-bottom:1px solid #c6c8c9} .shadow {-moz-box-shadow:1px -2px 10px #444; -webkit-box-shadow:1px -2px 10px #444; box-shadow:1px -2px 10px #444;} .radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} #Produktinfo2 > li {margin: 0 0 0 15px; display:none;} /*---------------------------------------------------------------------------------- EFFEKTER ----------------------------------------------------------------------------------*/ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /*---------------------------------------------------------------------------------- ANIMERADE BANNER ----------------------------------------------------------------------------------*/ div.base { background-size: 100% auto; width: 100%; padding-bottom: 43.4%; height: 0; background: url(https://www.soffadirekt.se/includes/imguploads/host17-DESKTOP-72.png) no-repeat;} div.pinn { width: 100px; height: 100px; position: absolute; top: 74.7%; left: 50%; -webkit-animation-name: spin; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 1000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; transform-origin: top left; background-image: url(https://www.soffadirekt.se/includes/imguploads/clockpinne.png); background-size: 34%; background-position: -6px -6px;} @-ms-keyframes spin { from {-ms-transform: rotate(0deg);} to { -ms-transform: rotate(360deg);} } @-moz-keyframes spin { from {-moz-transform: rotate(0deg);} to { -moz-transform: rotate(360deg);} } @-webkit-keyframes spin { from {-webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} } @keyframes spin { from {transform:rotate(0deg);} to { transform: rotate(360deg);} } @media screen and (max-device-width : 414px) {div.pinn { width: 7%; top: 66%; left: 50%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto;} div.base { background-size: 100% !important; width: 100%; padding-bottom: 70%; height: 0; background: url(https://www.soffadirekt.se/includes/imguploads/host17-MOBILE-72.png) no-repeat;} } /*---------------------------------------------------------------------------------- ALTERNATIV SLIDER ----------------------------------------------------------------------------------*/ .slideshow {overflow: hidden;box-sizing: border-box;margin-top: 0;margin-right: auto;margin-bottom: -4px;margin-left: auto;} .slideshow-container { width: 1516px; font-size: 0; transition: 1s ease;} .slideshow img{max-width: 25%; height: auto;} .slide { animation: slide 14s ease infinite;} .mains img {max-width: 100% !important;} @keyframes slide { 0% { transform: translateX(0%); } 12.5% { transform: translateX(0%); } 25% { transform: translateX(-25%); } 37.5% { transform: translateX(-25%); } 50% { transform: translateX(-50%); } 62.5% { transform: translateX(-50%); } 75% { transform: translateX(-75%); } 87.5% { transform: translateX(-75%); } 99% { transform: translateX(-75%); } 100% { transform: translateX(0); } } /*---------------------------------------------------------------------------------- Bakgrund animering slider ----------------------------------------------------------------------------------*/ @-webkit-keyframes bg-scrolling-reverse {100%{background-position: 0px 300px;}} @-moz-keyframes bg-scrolling-reverse {100% {background-position: 0px 300px;}} @-o-keyframes bg-scrolling-reverse {100% {background-position: 0px 300px;}} @keyframes bg-scrolling-reverse {100% {background-position: 0px 300px;}} @-webkit-keyframes bg-scrolling {0% {background-position: 150px 150px;}} @-moz-keyframes bg-scrolling {0% {background-position: 150px 150px;}} @-o-keyframes bg-scrolling {0% {background-position: 150px 150px;}} @keyframes bg-scrolling {0% {background-position: 150px 150px;}} div.clase { background: url("https://www.soffadirekt.se/includes/imguploads/procenta150.png") repeat 0 0; width: 100%; padding-bottom: 43.4%; height: 0; background-size:150px 150px; -webkit-animation: bg-scrolling-reverse 4.2s infinite; -moz-animation: bg-scrolling-reverse 4.2s infinite; -o-animation: bg-scrolling-reverse 4.2s infinite; animation: bg-scrolling-reverse 4.2s infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } @media screen and (max-device-width : 414px) {div.clase {padding-bottom: 70%;}} /*---------------------------------------------------------------------------------- kategoribanner delad i 3 ----------------------------------------------------------------------------------*/ .banTabell{display: table;width: %100;} .banTabellRow {display: table-row;} .banTabellCell {border: 1px solid #fff;display: table-cell;padding: 0px;} .banTabellBody {display: table-row-group;} .banTabellCell img {max-width: 100%;height: auto;} /*---------------------------------------------------------------------------------- 11.11 kampanj ----------------------------------------------------------------------------------*/ #singles{background-image:url(https://www.soffadirekt.se/includes/imguploads/single-back-02.png);height:343px;width:791px} #word{text-align:center} #word span{color:transparent;font-size:225px;display:inline-block;position:relative;font-family:Montserrat;font-weight:900;animation:3s letterAnim infinite;letter-spacing:-0px} #word span.l0{animation-delay:0s} #word span.l1{animation-delay:375ms} #word span.l2{animation-delay:.75s} #word span.l3{animation-delay:1.125s} #word span.l4{animation-delay:1.5s} @keyframes letterAnim{0%{color:#e6ffd1}25%{color:#d4a1ff}75%{color:#c8f1ff}100%{color:#fff}} @media screen and (max-device-width :1024px){#singles{background-image:url(https://www.soffadirekt.se/includes/imguploads/single-mobile.png);background-size:100%;background-position:center;background-repeat:no-repeat;max-width:100%}#word span{color:transparent;font-size:40vw;letter-spacing:-0vw}}