/*-------------------------------------------------------------------------------------------------- Site: Sportfiskeprylar.se Detta CSS är en del av Askås Internetbutik. COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2017. ALLA RÄTTIGHETER RESERVERADE. -------------------------------------------------------------------------------------------------- /* PRODUKTINFO OMDÖME */ #ProduktinfoOvrigt table {float:left;} #ProduktinfoOvrigt table input, #ProduktinfoOvrigt table select, #ProduktinfoOvrigt table textarea {max-width:100% !important;} #ProduktinfoOvrigt table table tr td:nth-child(1n+1) {width:50% !important; float:left; white-space:normal;} /* BLOGGAR */ .bloggkommentar_rubrik {margin:0px 0px 10px 0px; } .bloggkommentar_antal {float:left; margin:0px 10px 0px 0px} .bloggkommentar, .bloggkommentar_saknas {margin:10px 0px} .SingleComment, .bloggkommentar_avdelare {border-bottom:1px solid #ddd;} /* DIN SIDA */ #minsidaDrop ul, div#minsidaDrop {list-style:none; width:100%; display:inline-block;} #minsidaDrop ul {margin:20px 0 0 0;} #minsidaDrop a {float:left; width:100%;} #minsidaDrop ul ul {width:100%; float:left; margin:0 0 2% 0; text-align:center;} #minsidaDrop > ul > li > h2 {display:none;} #minsidaDrop ul li ul li {margin:0.5%; display:inline-block; width:95px;} #minsidaDrop ul li ul li span a {text-align:center;} #minsidaDrop li span a:before{font-family:FontAwesome; font-size:4em; width:100%; display:inline-block; margin-bottom:10px;} li#hem span a:before {content:"\f015";} li#andraprofil span a:before {content:"\f007";} li#dinsida_order span a:before {content:"\f0d1";} li#dinsida_bevakningar span a:before {content:"\f004";} li#logout span a:before {content:"\f011";} li#Onskelista span a:before {content:"\f06b";} li#dinsida_betyg span a:before {content:"\f123";} li#dinsida_returer span a:before {content:"\f112";} li#dinsida_reklamationer span a:before {content:"\f122";} li#dinsida_betalkort span a:before {content:"\f09d";} li#dinsida_presentkort span a:before {content:"\f003";} .OrderTable tr:nth-child(1) td {background:#f1f1f1;} .OrderTable tr td {padding:5px;} /* TOP OFFER */ .Topoffer_Tabellbakgrund {float:left; padding:10px; margin:0 0 10px;} .Topoffer_Tabellbakgrund table .Knapp_Info {display:none;} /* VARUMÄRKEN */ .Varum_Grupperad div {width:100%; float:left; border-top:10px solid #eee; padding:10px 0;} .Varum_Grupperad div h2 {width:7%; height:60px; float:left; font-weight:normal; font-size:45px; margin:0 0 0 15px;} .Varum_Grupperad div ul {width:90%; float:left;} .Varum_Grupperad div ul li {width:50%; line-height:25px; float:left; list-style:none; text-transform:uppercase;} /* -------------------------------------------------------------------------------------------------- KASSAN -------------------------------------------------------------------------------------------------- */ .Kassan {width:100%; margin:0 auto;} .Rubrik_Varukorg {margin: 0 0 10px !important;} /* FULLBREDD */ .Snabbkassa_Varukorg, .Avisering, .Rubrik_Kundtjanst, .Rubrik_Medskick, .Snabbkassa_Medskick, .Snabbkassa_Presentkort, .Betalning, .Kunddata, .Fraktmetoder, .Fraktmetoder_Extra2, .Avisering_Extra, .Dela_Kassan_FB, .Samleverans, .Kundkonto, .Nyhetsbrev, #AIR_Klarna_Checkout_Wrapper, #utlamningsstalle_wrapper, .kundabonnemang_master, .Rubrik_AbonneraPaVarukorgen {width:100%;} .Snabbkassa_Medskick_PrisFaltTot, .Medskick_OrdPris {width: 100%;float: right;display: inline-block;} .Medskick_Bild_Skiljelinje img {max-height: 1px;} .MedskickSelect {width: 100%;float: left;display: inline-block;} /* HALVBREDD */ .Kundtjanst, .GodkannaVillkorochBestallningsknappRam {width:100%; margin:0;} .GodkannaVillkorochBestallningsknappRam {margin:0;} /* VARUKORGEN I KASSAN */ .Snabbkassa_Varukorg, .FyndaIKassan, .Kundtjanst, .Snabbkassa_Presentkort, .Betalning, .Kunddata, .Fraktmetoder, .FyndaIKassan, .Kundkonto {border:1px solid #ddd; padding:2% 1.6%; margin-bottom: 2%; background:#fff;} .Kundkonto >div input{margin:0 5px 0 10px;} .Kundkonto >div:last-child{margin:5px 0 0 -10px;} .Kundkonto >div >br{display: none;} .Snabbkassa_Varukorg_Tabell_Rad, .Snabbkassa_Varukorg_Tabell_Rad_medskick {display:inline-block; float:left; margin:2px 0; width:100%;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal input {height:42px; border-top:none; border:1px solid #ddd !important;} .Snabbkassa_Varukorg_Tabell_Rad td.Bild {float:left; line-height:40px; min-height:40px; width:60px;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad td.Rabatt, .Snabbkassa_Varukorg_Tabell_Rad td.Pris, .Snabbkassa_Varukorg_Tabell_Rad_medskick td {float:left; line-height:40px; min-height:40px; width:15.5%;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad_medskick td#antal1 {width:52.5%} .Snabbkassa_Varukorg_Tabell_Rad td.Antal {width:-moz-calc(68% - 60px); width: -webkit-calc(68% - 60px); width: -o-calc(68% - 60px); width: calc(68% - 60px);} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {margin: 20px 0 0 } .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkInfo {float:left; min-height:20px; line-height:20px;} .Snabbkassa_Varukorg_Tabell tbody tr.Snabbkassa_Varukorg_Tabell_Rad td.SumInkPris {float:right; min-height:20px; line-height:20px;} .Snabbkassa_Varukorg_Tabell_Rad td.Pris {text-align:right; margin: 0 0 0 1%} #InfoAttbetala, .SumInkPris b {font-size:25px !important} .AddKassa, .SubKassa, .remove-it {text-align:center; float:left; width:25px; margin:0px; padding:5px 0; cursor:pointer; font-family:FontAwesome; font-size:20px;} .RedigeraAntal {display:none; cursor:pointer;} .Antal input {float:left;} .AddKassa:before {content:"\f067";} .SubKassa:before {content:"\f068";} .remove-it:before {content:"\f00d";} .remove-it {float:right; margin:0px; padding:0;} .Snabbkassa_Varukorg_Tabell_Rad .Pris b {float:left;} .Snabbkassa_Varukorg_Tabell_Rad .Divider, .Snabbkassa_Varukorg_Tabell_Rad_medskick .Divider {border-bottom:1px dotted #ddd; float:left;} .Divider {display:none} .Rubrik_I_Kassan {margin-top:0px !important;} /* PRESENTKORT */ .Presentkortsruta, #InforutaRabattkodPresentkod {display:none;} .Rubrik_Snabbkassa_Presentkort:hover {cursor:pointer;} .Rubrik_Snabbkassa_Presentkort div:first-of-type:after {content:"\f078"; font-family:"FontAwesome"; margin:0 0 0 5px;} .Rubrik_Snabbkassa_Presentkort.active div:first-of-type:after {content:"\f077"; font-family:"FontAwesome"; margin:0 0 0 5px;} .Snabbkassa_Presentkort i {display:inline-block; font-style:normal;} .Snabbkassa_Presentkort img {display:none;} .Presentkortsruta {width:65%;} .Presentkortsruta tbody tr td input {width:97% !important; margin:0;} /* BETALNINGSMETODER OCH FRAKTSÄTT */ #BetalningsmetoderRam br, #FraktmetoderRam br {display:none;} #BetalningsmetoderRam span, #FraktmetoderRam span, #AviseringsmetoderRam span {display:inline-block; height:120px; margin:0.5%; padding:10px; position:relative; float:left; text-align:center; width:18.72%; border:1px solid #ddd;} #FraktmetoderRam span, #AviseringsmetoderRam span {height:130px !important;} #BetalningsmetoderRam span .BetRadio {width:100%; float:left; display:inline-block !important;} #BetalningsmetoderRam span .BetNamn {display:inline; float:left; margin:0 !important; text-align:center; width:100%;} #BetalningsmetoderRam span a, #FraktmetoderRam span a {width:100%; float:none; display:block;} #BetalningsmetoderRam input {margin:0;} .KCO_Lank{text-align:left;} #BetalningsmetoderRam, #FraktmetoderRam {text-align:center;} #KreditorInfo {width:98% !important; padding:5px;} .Kassan .Betalning a img, .Kassan .Fraktmetoder a img {max-height:45px; margin:5px auto; margin-bottom:10px; display:block;} #LankBetalmetoderFler img, #LankBetalmetoderFarre img, #LankFraktmetoderFler img, #LankFraktmetoderFarre img {display:inline;} #Klarna_InvoiceContainer {padding:0 !important;} #BetalningsmetoderRam span .BetNamn div, #BetalningsmetoderRam span .BetNamn select {width:100% !important; margin:0;} #BetalningsmetoderRam span .BetNamn div table, #BetalningsmetoderRam span .BetNamn div table td {width:100% !important; display:block;} .terms {margin:5px 0 0 0 !important;} .terms a {font-weight:normal !important; font-size:12px;} .Betalning:before, .Betalning:after, .Fraktmetoder:before, .Fraktmetoder:after, .Kundtjanst:before, .Kundtjanst:after, .Kunddata:before, .Kunddata:after {content:""; display:table;} .Betalning:after, .Fraktmetoder:after, .Kundtjanst:after, .Kunddata:after {clear:both;} /* Handelsbanken delbetalning */ #BetalningsmetoderRam span #HBS_info {background:#fff; min-width:500px !important; box-shadow:0 0 10px #ddd; position:absolute; z-index:1; padding:10px;} #BetalningsmetoderRam span #HBS_info table td {display:table-cell;} /* KUNDADRSSFÄLT */ .Snabbkassa_Kunduppgift_Etiketter, #pCompany {width:17%; margin: 0 1% 0 0 !important; float:left; display:block; line-height:30px;} #pCompany .Snabbkassa_Kunduppgift_Etiketter {width:100%;} .Snabbkassa_Kundfalt_Marginal.SKM_PNr {display:block; width:auto;} .Snabbkassa_Kundfalt_Marginal {margin:10px 0 !important; width:100%;} .Snabbkassa_Kundfalt_Marginal img, #Adressblock img {display:block; float:right; text-align:right;} .Snabbkassa_RutaAvd{padding:12px; background:#eee;} #Adressblock .LankLoggain {width:100%; display:inline-block;} #Adressblock i, #AdressblockLoggain i, #AdressblockPaminnare i {font-style:normal;} #AdressblockLoggain .AdessblockPaminnare, #AdressblockLoggain .AdressblockAngeAdress {display:block; float:left;} #Adressblock #LankKassanAngeAdress {margin:10px 0 0 0 !important;} #LankAdressblockAnvnamn, #LankAdressblockLeveransadress {height:40px;} /* KUNDTJÄNST */ .Kundtjanst table tbody tr td div {padding:0 !important;} .Kundtjanst table tbody tr td div div input {width:100% !important;} .Kundtjanst table tbody tr td div b, .produktSlutRubrik {display:inline-block; width:25%; margin-bottom:10px; height:35px;} .Kundtjanst table tbody tr td div div {width:74%; display:inline-block;} .Kundtjanst table tbody tr td div br {display:none;} #Kassan_Kommentar {min-height: 30px; width:100% !important;} .Kundtjanst table br {height: 30px;} /* AVISERING */ /*#AviseringsmetoderRam span {display:inline-block; height:120px; margin:0.5%; padding:10px; position:relative; float:left; text-align:center; width:23.8%; border:1px solid #ddd;}*/ #AviseringsmetoderRam br, #AviseringsmetoderRam .MellanrumGra {display:none;} #AviseringsmetoderRam .AviRadio {display:block !important;} /* SKICKA BESTÄLLNINGEN */ .GodkannaVillkorochBestallningsknappRam {background:none repeat scroll 0 0 #D8EBCA; margin:0 0 20px 0; min-height:auto !important; border:1px solid #6BAD40; padding:20px 10px;} .bestallningsknapp {border:1px solid #A4E05F; height:50px; width:100%; margin:0px;} /* INPUTFÄLT */ .Kassan input, #Land, #Kassan_Kommentar, .Kassan select {border:1px solid #ddd !important; padding: 0 10px;} #Kassan_Kommentar, .Kassan select {background:#f9f9f9 !important;} .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta tbody tr td input {background:#f9f9f9 !important; height:35px; width:78%; border:1px solid #ddd; padding:0 10px;} .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort {width:80%;} .KundprofilFaltFEL, .KundprofilFaltFEL_Kort {border:2px solid #f00 !important;} input#Pnr {width:100%;} /* PRODUKT SLUT, FROMULÄR */ #produktSlutForm {background:none !important; padding:0 !important;} .produktSlutInputs {display:block; width:75%;} .produktSlutRubrik {float:left} .produktSlutText {float:right; width:75%; font-size:12px;} /* RUBRIKER */ .Snabbkassa_Flik_Normal, .Snabbkassa_Flik_Saknas {height:30px; line-height:30px;} .Snabbkassa_Flik_Vanster, .Snabbkassa_Flik_Hoger {width:0px; display:none;} .Rubrik_KCO {float:left;} .Rubrik_Varukorg tr:nth-child(2) td, .Rubrik_Betalning tr:nth-child(2) td, .Rubrik_Snabbkassa_Presentkort tr:nth-child(2) td, .Rubrik_Kunddata tr:nth-child(2) td, .Kundtjanst table tbody tr td, .Rubrik_Fraktmetoder tbody tr td, .Rubrik_KCO tbody tr td, .Rubrik_Medskick tbody tr td, .Kundkonto tr:nth-child(2) td, .Rubrik_Avisering tr:nth-child(2) td, .Rubrik_AbonneraPaVarukorgen tr:nth-child(2) td {background:#fff !important;} /* DÖLJ ELEMENT */ .MellanrumTransp, #KreditorInfo img, .Divider img, .BetDelare, .LevDelare, #antal1 br, #AdressblockLoggain img, .Snabbkassa_Medskick .MellanrumGra, .Medskick_Val br {display:none;} #utlamningsstalle_wrapper li {list-style:none;} /*SPECIAL*/ #BetalningsmetoderRam span.sp_306 {width:39.84%; height:auto !important; min-height:120px;} #BetalningsmetoderRam span.sp_306 select {float:left; width:50% !important;} #BetalningsmetoderRam span.sp_306 label {float:left; width:50%; text-align:left;} #BetalningsmetoderRam span.sp_306 a {float:left; width:40%;} #BetalningsmetoderRam span.sp_306 a#SWP_link_info {text-align:left;} #BetalningsmetoderRam span.sp_306 .BetRadio {width:40%;} #sveawebpay_info {background:#fff; margin-left:0 !important; width:auto !important; z-index:1000 !important;} #sveawebpay_info table {width:auto !important; display:table !important;} #sveawebpay_info td {width:auto !important; display:table-cell !important;} div#sveawebpay_info table tr td:nth-child(1n+1) {width: 1% !important;} /*---------------------------------------------------------------------------------- VALFRITT UTLÄMNINGSSTÄLLE ----------------------------------------------------------------------------------*/ #utlamningsstalle, #utlamningsstalle_skiljelinje {width:100%;} #utlamningsstalle_val, #utlamningsstalle_adress, #utlamningsstalle_alt_ort, #utlamningsstalle_oppettider {width:50%;} #utlamningsstalle_alt_ort, #utlamningsstalle_oppettider {padding:0 10px 0 0;} #utlamningsstalle_val, #utlamningsstalle_adress, #utlamningsstalle_alt_ort,#vu_extra_info, #utlamningsstalle_skiljelinje, #utlamningsstalle, #utlamningsstalle_oppettider {display:inline-block;} #utlamningsstalle {padding:5px 0; margin:0 0 15px;} #utlamningsstalle ul, #utlamningsstalle li {list-style:none; float:left; font-size:12px;} #utlamningsstalle_skiljelinje {border-bottom:1px solid #ddd; border-top:1px solid #fff; height:0; padding:0px; margin:10px 0 !important;} #Utlamning_ExtraOrt {margin:5px 0 0; background:#fff; border:1px solid #ddd; width:89%; float:left;} #utlamningsstalle_val select {width:100% !important; margin:5px 0 0;} #vu_extra_info_nollstall {text-align:right; width:100px; float:right;} #vu_nollstall_ikon {padding:0 0 0 3px; font-weight:700;} #vu_felmeddelande {color:#ff0000;} .vu_lamning_info br {display:none;} #vu_sok {margin:5px 0 0 1%; width:10%; float:left; text-align:center; font-size:15px; height:34px; line-height:35px; color:#fff; background-color:#333; border-bottom:3px solid #000; border-radius:3px;} /*----------------------------------------------------------------------------------*/ @media screen and (max-width: 850px) { #utlamningsstalle_val, #utlamningsstalle_adress, #utlamningsstalle_alt_ort, #utlamningsstalle_oppettider {width:100%; padding:0;} #utlamningsstalle_alt_ort {margin:0 0 10px 0; padding:0;} #Utlamning_ExtraOrt {width:81%;} #vu_sok {width:18%} } @charset "ISO-8859-1"; /* CSS Document */ /* -------------------------------------------------------------------------------------------------- Butik: Skriv domnnamnet hr. Detta CSS r en del av Asks Internetbutik. COPYRIGHT (c) ASKS INTERNET- & REKLAMBYR AB 1998-2015. ALLA RTTIGHETER RESERVERADE. INNEHLLET FR EJ KOPIERAS, NDRAS, ANVNDAS, LAGRAS ELLER DISTRIBUERAS UTAN TILLSTND FRN ASKS INTERNET- & REKLAMBYR AB. -------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------- GENERELLA EGENSKAPER -------------------------------------------------------------------------------------------------- */ html,body {margin:0; padding:0; height:100%;} img {max-width:100%; height:auto; border:0px;} a > img {max-height:100%;} a {text-decoration:none; outline:none;} ul {padding:0;} /* ----------------------------------------------------------------------------------------- GRID ----------------------------------------------------------------------------------------- */ /* SECTIONS */ .section {clear:both; padding:0px; margin:0px;} .extramargin {margin-top:2% !important; margin-bottom:2% !important;} /* COLUMN SETUP */ .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;} .cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .left {float:left;} .right {float:right;} .txtRight {text-align:right;} .txtCenter {text-align:center;} .full-width {margin-top:2% !important; margin-bottom:2% !important;} .startpage {margin-top:0 !important;} /* GROUPING / CLEARFIX */ .group:before, .group:after { content:""; display:table;} .group:after {clear:both;} *, *: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 / GENERAL BLOCKS ----------------------------------------------------------------------------------------- */ /* STARTPAGE */ .startpage.owl-theme .owl-controls {margin-top: -50px; margin-bottom: 10px;} .startpage.owl-theme .owl-controls .owl-page span { position: relative; background: #333; width: 20px; font-size: 20px; height: 20px; border: 1px solid #f1f1f1; } /* BREDDER */ #wrapper .section, .footer, .topline, #footer-wrapper .section, #topbar .section, .header .section, .section.full-width .section, .Kassan {max-width:1200px; margin: 0 auto;} #footer-wrapper .section, #topbar .section, #wrapper, .header .section {position:relative; margin:0 auto;} .mainContent {display:block; padding:1%;} .mainContent.startpage {padding:0;} .left-prodmeny {display: block; float: left; margin: 0 1.6% 2% 0;} .section.full-width {max-width: 100% !important;} .mainContent.white {margin-bottom:20px !important;} /* TOPBAR */ #topbar {width:100%; z-index:1;} .topbar.content > a {padding:0 10px;} .toppmeny.col, .socialtop.col, .usps ul {margin:0px; height:35px; line-height:35px;} .socialtop {min-width:135px;} .socialtop.col a:before {padding-left:5%; font-size:20px;} .mobilenav-icon, .soktoggle {display:none;} .usps {float:left; margin-left:5%;} .usps ul li, .uspPrd li {float:left; list-style:none; margin-left:20px;} .usps ul li:before, .uspPrd li:before {font-family:FontAwesome; content:'\f00c'; color:#348d34; margin-right:5px;} /* HEADER */ .header {padding:0;} .header-wrapper {position:absolute; z-index:1000;} .logo {width: 40%;} .logo a {width:100%; height:100%; float:left;} .logo img {width:auto; max-height:113px;} .AdSpace {display:none;} .close, .closeLink {color:#fff; font-weight:bold; height:30px; line-height:30px; position:absolute; right:10px; text-align:center; width:30px; cursor:pointer !important;} /* MARGIN FR HEADER */ #kundvagn, .sokrutan {margin-top:3% !important;} .sokrutan {margin-left:15% !important;} /* STICKY */ .header-wrapper.scroll {position:fixed; top:0;} .header-wrapper.afterAnimate {overflow:visible !important;} .header-wrapper.scroll .topWrapper {display:none;} .scroll #kundvagn, .scroll .sokrutan {margin-top:1% !important; margin-bottom:1% !important;} .scroll .logo {max-height:70px; margin-top:0.7%; margin-bottom:0;} .scroll .logo img {height:70px; width:auto;} .scroll .fiskar {display:none;} .scroll #LSS_Result {top:70px;} .scroll .nav > ul > li, .scroll .nav .nav-menu > li a {height: 30px; line-height: 33px;} .scroll .nav ul li i {line-height: 33px;} .scroll .nav .niva2, .scroll .nav .nav-menu li ul, .scroll .nav #fiskeprylar .niva2 {top: 30px;} /* LOGO - NYTT */ .logoWrapper .fiskar {position:absolute; bottom:-4px; left:-15%; max-width:66%; z-index:0;} .logo {margin:-10px 0 15px; position:relative; z-index:1;} .topWrapper {background:transparent; position:relative; z-index:6;} /* WRAPPER */ #bodywrapper {min-height:100%; position:relative;} #wrapper {padding:202px 0 20px 0;} #main {margin-top:20px;} .startwrapper #main {margin-top:0px;} /* FOOTER */ #footer-wrapper {padding:0px; margin:0; width:100%;} .askas {margin:20px 0; width:100%;} #footnavWrapper {text-align: center;} .footnav.nav {text-align:center!important; margin:0 auto; height:40px; line-height:40px;} .footnav.nav span {margin:0 10px; position:relative;} .footnav.nav .child {position:absolute; background:#fff; border:1px solid #f4f4f4; border-top:none; width:100%; width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px); width: -o-calc(100% + 40px); width: calc(100% + 40px); height:auto; padding:0; max-height:400px; overflow-y:scroll; left:-30px; z-index:99; display:none;} .footnav.nav .child.active {display:block;} .footnav.nav .child a {display:block; width:100%; padding:0 10px; font-weight:normal;} .footnav i {padding:0 10px;} .footnav-item {cursor:pointer !important;} /* STICKY SIDE */ #social-float {position:fixed; right:0px; bottom:16px; z-index:1000;} .socialfloat {width:40px; height:40px; line-height:40px; margin-bottom:10px; float:right; clear:right;} .socialfloat a:before {font-size:26px; padding:0 8px; color:#fff;} .infofloat {width:150px; height:auto; float:right; clear:right; color:#fff; padding:10px;} .infofloat:before {width:40px; height:80px; float:right; clear:right; color:#fff; content:url(/bilder/butik/info-button.png); position: absolute; top: 0; left: -40px; background: #343434;} .infofloat, .infofloat:hover, .infofloat:hover:before { -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;} .infofloat { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);} .infofloat:hover { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .infofloat:hover:before { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); z-index:-1; content:"";} .infofloat a, .infofloat a:hover {color:#fff;} .infofloat:after {content: ""; position: absolute; bottom: -16px; right: 15px; border-width: 20px 0 0 20px; border-style: solid; border-color: #343434 transparent; display: block; width: 0;} .kampanjmenu ul li br {display:none;} .mobile-only {display:none;} .R-Toggle.mobile-only {width:100%; height:35px; line-height:35px; margin:0 0 10px 0; padding:0 10px;} /* -------------------------------------------------------------------------------------------------- ARTIKELGRUPP_STD Lista1 artikelgrupp -------------------------------------------------------------------------------------------------- */ /* GENERELLT */ .Egen_Infogad_HTML {margin:0 0 10px;} .Artgrp_VisaFler{text-align:right;} .mainContent, .left-prodmeny {border:1px solid #eee;} .mainContent.startpage {border:0;} .sort, .Artgrp_VisaFler {float:right;} .sort {margin:0;} .sort b {margin-right:2%;} .Artgrp_VisaFler a, .Artgrp_VisaFlerArtiklar_Markerad {padding: 5px; min-width: 30px; display: inline-block; text-align: center; border: 1px solid #ddd;} .Artgrp_VisaFler .piper_at_the_gates_of_dawn {color:#f7f7f7;} /* ENSKILD PRODUKT */ .PT_Wrapper {border:1px solid #eee; padding:10px; position: relative;} .startpage .PT_Wrapper {border:1px solid #dddddd;} .PT_Wrapper:nth-child(5n+6), .PT_Wrapper:first-child {margin-left:0;} .PT_Bildruta {min-height:180px; line-height:180px; position:relative;} .PT_Bildruta a {width:100%; display:inline-block;} .PT_Bildruta img {vertical-align:middle;} .PT_Faktaruta {margin:0px 0px 5px;} .PT_Beskr {height:35px; line-height:18px; margin:0px; display: block; /* Fallback for non-webkit */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .PT_Text_Kort {height:50px; margin:0px 0px 5px; overflow:hidden;} .PT_Pris {height:40px; line-height: 40px; margin:0px; padding-left:5%; float:right;} .PT_PrisKampanj {margin-top:3px; display:block; clear:right;} .PT_Pris.kampj {line-height: 18px;} .PT_Wrapper_All .PT_Knappar {margin:0px;} .Knapp_Mellanrum {display:none;} .PT_PrisOrdinarie {white-space:nowrap;} /* EGENSKAPSIKONER */ .egenskapsikoner-top {position:absolute; top:10px; right:0px;} .egenskapsikoner-top img, .egenskapsikoner-bottom img {display:none;} .egenskapsikoner-bottom {display:block; height:30px; line-height:30px; margin:-30px 0 0 0; text-align:right;} .egenskapsikoner-bottom i, .egenskapsikoner-bottom div:before {font-family:FontAwesome; color:#ccc; opacity:0.5; font-size:24px;} .egenskapsikoner-farg {display:block; height:30px; line-height:30px;} .PT_EgenskapIkon_Favorit, .PT_UtskriftIkonNyhet {display:block; float:right;} .PT_EgenskapIkon_Favorit div:before {content:'FAVORIT!'; font-weight:700; color:#fff; background:#000; padding:3px 10px; width:auto; height:20px;} .IkonNyhetArtgruppFaltSV .PT_UtskriftIkonNyhet:before {content:'NYHET!'; font-weight:700; color:#fff; background:#20201f; padding:3px 10px; width:auto; height:20px;} .PT_UtskriftIkonNyhet{margin-bottom:10px;} .PT_EgenskapIkon_FlerFarger{position:relative;} .PT_EgenskapIkon_FlerFarger div:before {content:url(/bilder/butik/egenskaper/farg_ikon.png); position:absolute; top:-5px;} .PT_EgenskapIkon_FlerFarger div:after {content:'Finns i fler färger!'; font-weight:normal; color:#000; position:absolute; left:35px; top:-5px; font-size:12px;} .PT_EgenskapIkon_FlerFarger > img {display:none;} .PT_EgenskapIkon_Video div:before {content:"\f16a";} .PT_EgenskapIkon_Video > img {display:none;} .IkonKampanjArtgruppFalt {position:absolute; top:5px; left:5px; width:70px; height:70px; z-index:100; border-radius:100%; background:#cb0000; color:#fff; text-align:center; font-weight:900; font-size:28px; line-height:70px; letter-spacing:-1px;} .PT_Wrapper .IkonKampanjArtgruppFalt, .PT_wrapper .IkonKampanjArtgruppFalt {width:40px; height:40px; font-size:14px; line-height:40px;} .FyndaIKassan .IkonKampanjArtgruppFalt, .FyndaIKassan .IkonKampanjArtgruppFalt {display:none;} .IkonKampanjArtgruppFalt:empty {display:none;} .kampanjbanner {height:30px; line-height:30px; margin-bottom:10px; width:calc(100% + 20px); margin-left:-10px; padding:0 10px; color:#fff; letter-spacing:0; font-size:17px; white-space:nowrap;} .kampanjbanner:not(:empty) {background:#000;} .kampanjbanner span {color:#ff0000; font-size:20px;} #Faktablad .kampanjbanner {height:auto; line-height:initial; padding:15px 20px; text-align:center; font-size:38px;} #Faktablad .kampanjbanner span {font-size:41px;} #Faktablad.kampanj .kampanjbanner {display:block!important;} #PrisFalt .PrisORD {display:block;} #PrisFalt .PrisREA {display:none;} @media (max-width:490px) {.kampanjbanner {height:60px; line-height:initial; padding:10px; text-align:center;} .kampanjbanner span {display:block;}} @media (min-width:851px) and (max-width:1200px) {#Faktablad .kampanjbanner {font-size:3.5vw;} #Faktablad .kampanjbanner span {display:inline; font-size:3.7vw;}} @media (max-width:850px) {#Faktablad .kampanjbanner {font-size:7vw;} #Faktablad .kampanjbanner span {display:inline; font-size:7.2vw;}} /* 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 #dddddd; padding:5px;} /* LISTA1 */ .PT_wrapper.Lista {border-bottom: 1px solid #ddd; overflow:hidden; margin: 0 0 5px; position:relative;} .PT_wrapper.Lista .PT_Bildruta {min-height:50px; line-height:50px;} .PT_wrapper.Lista .PT_Bildruta a {height:100px; line-height:100px;} .PT_wrapper.Lista .PT_Beskr {line-height:normal; margin:1% 0 1% 1.6%; height:100%;} .PT_wrapper.Lista .PT_Beskr a {display: table-cell; vertical-align: middle; height:100px;} .PT_wrapper.Lista .PT_Knappar {float:right;} /* MENY I ARTIKELGRUPP */ .leftMenu {width:100%; overflow:scroll; position:absolute; z-index:999; max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden; background: #d5d5d5;} .leftMenu.toggled {padding:10px; max-height: 400px; transition: max-height 0.25s ease-in; overflow-y:scroll; overflow-x:hidden;} .lMenu {margin-top:1%; padding:0; position:relative;} span.small {padding:5px;} .artMenu {display:none;} .leftMenu .artMenu {display:block;} .artMenu li {list-style-type:none;} .artMenu .niva1 {margin-top:0;} .artMenu .niva4 li, .artMenu .niva3 i {display:none;} .artMenu .niva3.active .niva4 li {display:block;} /* SORTERINGSORDNING */ .Artgrp_Sorteringsordning {color:#e4e4e4;} .Artgrp_Sorteringsordning a {margin:0 2%; color:#343434;} .Artgrp_Sorteringsordning_Markerad {font-weight:bold; color:#000;} /* -------------------------------------------------------------------------------------------------- PRODUKTBESKRIVNING -------------------------------------------------------------------------------------------------- */ /* BILDKOLUMN */ .ProduktBild {width:100%; vertical-align:middle; margin:10px 0; position:relative;} .BildZoomThumbnails { width:60px; height:60px; float:left; margin:0 5px 5px 0; } .ProduktBildtext {width:100%; margin:10px 0px;} .BildZoomThumbnails a, .MediaPlay a {width:60px; height:60px; margin:0px 5px 5px 0; vertical-align: middle;} .BildZoomThumbnails img {display: block; margin: 0 auto;} .MediaPlay {background-position:center center; background-repeat:no-repeat;} .MediaPlay a:before {font-family:FontAwesome; content:'\f01d'; font-size:40px; color:#343434;} .MediaPlay a:hover:before {font-family:FontAwesome; content:'\f144'; color:#ccc;} .socialgrey {margin:5% 0 0 0; padding:2.5% 0 2%;} .ProduktBild a img {max-height:350px;} .mz-thumb-selected img { -webkit-filter: none !important; filter:none !important;} a[data-zoom-id] img, .mz-thumb img {box-shadow: none !important;} /* PRODUKTKOLUMN */ #VarumarkeFalt {margin:0 0 15px 0; position:relative;} #VarumarkeFalt img {position: absolute; right:0; max-width:120px; max-height:70px;} #AvbetFalt a img {margin: -5px 0;} #AvbetFalt a br {display:none;} #AvbetFalt {text-align: center;} #FaltRader, #Produktinfo {margin:10px 0;} #KundBetygRad {margin:10px 0 15px;} #ProduktinfoOvrigt {width:100%;} #ProduktinfoOvrigt table {width: 100%;} #ProduktinfoOvrigt .Knapp_Generell_Tabell {margin-bottom:10px;} #ProduktinfoOvrigt .Knapp_Generell_Tabell a span.omdome:before {font-family:FontAwesome; content:"\f044"; margin-right:5px;} #ProduktinfoOvrigt .Knapp_Generell_Tabell a span.omdome:after {font-family:FontAwesome; content:"\f101"; margin-left:10px;} #ProduktinfoOvrigt table input:not([type='radio']), #ProduktinfoOvrigt table select, #ProduktinfoOvrigt table textarea {width: 100% !important;} .ProduktbeskrAntalvalText {display:none;} .ProduktbeskrAntalvalTabell {position:absolute;} .TextKort li {margin:0 10px;} .TextKort {padding-right:120px;} .toInfo {margin:10px 0; display:block; color:#999; font-weight:bold;} #Produktinfo li {margin:0 15px;} .ProduktbeskrAntalvalTabell, .Laggikorgen_Antalsrad {margin:0 0 5px 0;} .TeknSpec_Tabell{width:100%; border:0; margin:10px 0; padding:0;} .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {padding:5px;} #Avbetalning {margin-left:0;} #ArtnrFaltText {float: left; margin-right: 5px;} .produktYta {padding:10px; margin-bottom:10px;} #overDiv table table table tr {background-color:transparent !important;} .Laggikorgen_Antalsrad {display:block; clear:both; position:absolute;} .Laggikorgen_Antalsrad td:first-child {display:none;} .Laggikorgen_Antalsfalt {margin:-2px 0 0 0; height:40px !important; line-height:40px !important;} .Laggikorgen_Antalsrad input.Laggikorgen_Antalsfalt {margin:8px 0 0 0; height:40px; line-height:40px; width:60%;} #PrisFalt {margin:10px auto 5px !important;} #OrderFalt, #KampanjFalt {margin:0 10% !important;} #KampanjFalt {text-align:center; position:relative;} #KampanjFalt div div {display:inline; font-weight:bold;} #KampanjFalt > div {padding:10px; background-color:#e0f9e0;} #KampanjFalt {margin-top:2% !important;} #KundBetygRad div {text-align:center; margin:0 auto !important;} #SubmitFalt .Knapp_Kop_Tabell_Artikel {width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); float:right;} #LevtidFaltText {display:none;} #LevtidFaltRad {text-align:center; margin:0 auto; margin-bottom:15px;} #LevtidFaltRad div {display:inline-block;} #LevtidFalt {line-height:24px;} .StaffladePriserRad {text-align:center;} /* VARIANTARTIKLAR */ .Egenskaper_Tabell {width:100%; margin:0 0 10px;} .Egenskaper_Tabell td {line-height:40px;} .Egenskaper_Tabell select {margin:0px 0px 5px 0px; float:left;} .ProduktbeskrAntalvalText, .Laggikorgen_Antalsfalt {height:35px; line-height:35px;} .Laggikorgen_Antalsfalt {border:1px solid #dddddd; text-align:center; width:40px !important;} span.valjFarg {font-weight:bold;} span.valjFarg:after {content:':';} #moreColors {display:none;} #moreColors i {margin-left:5px;} #moreColors.visible {display:block; float:left; padding:0 10px; height:35px; line-height:35px; margin:0; width:165px; cursor:pointer;} .Egenskaper_Tabell td select {width: 97.5% !important; margin:0 2.5%;} .Egenskaper_Tabell td select.colors {width: -moz-calc(95% - 165px) !important; width: -webkit-calc(95% - 165px) !important; width: -o-calc(95% - 165px) !important; width: calc(95% - 165px) !important; margin:0 2.5%;} .Set_Falt_Wrap select {width:100%;} /* FLIKAR OCH BETYG, TOGGLA UT */ #ProduktinfoOvrigt, #Produktinfofalt > div, .betyg {position:relative; margin-left:0; margin-right:0;} #Produktinfo {max-height:600px; overflow:hidden;} .betyg {max-height:660px; overflow:hidden;} #Produktinfo.toggled, .betyg.toggled {max-height:none; overflow:visible;} .readMore, .readMoreBetyg {width:100%; display:none; height:30px; background:#f1f1f1; border:2px solid #d4d4d4; border-radius:2px; position:absolute; bottom:0; left:0;} .readMore.toggled, .readMoreBetyg.toggled {margin-top:10px; position:inherit;} .readMoreBetyg {background:#cadae8; border:2px solid #9cb4c8;} .readMore a, .readMoreBetyg a {width:100%; display:block; height:30px; line-height:30px; cursor:pointer; text-align:center;} .readMore.toggled .readLessLink, .readMoreBetyg.toggled .readLessLink {display:block;} .readMore.toggled .readMoreLink, .readMoreBetyg.toggled .readMoreLink {display:none;} /* STLL EN FRGA */ .produktYta {position:relative} .stallFragaDiv {display:none; position:absolute; left:-1px; width:calc(100% + 1px); top:60px; z-index:99; text-align:left;} .stallFragaDiv.active {display:block;} .uspPrd div {text-align:center;} .uspPrd ul {display:block; clear:both;} .uspPrd li {display:inline-block; float:none;} .borderDiv {border-top:1px solid #eee; border-bottom:1px solid #eee; padding:2% 1%;} /* LAGERSTATUSIKONER */ #IkonLagerIdFalt, .Ikon_Lager, .Ikon_Lager:before {font-family:FontAwesome; font-size:24px; margin:0 2px 0 0;} /* positiv - grn bock */ .Ikon_Lager_3:before, .Ikon_Lager_30:before, .Ikon_Lager_29:before, .Ikon_Lager_4:before, .Ikon_Lager_18:before {content:"\f058"; color:#37a237;} /* negativ - rtt kryss */ .Ikon_Lager_2:before, .Ikon_Lager_13:before, .Ikon_Lager_7:before {content:"\f057"; color:#cb0000;} /* vriga */ .Ikon_Lager_11:before {content:"\f058"; color:#343434;} /* bl bock */ .Ikon_Lager_27:before, .Ikon_Lager_21:before {content:"\f069"; color:#343434;} /* bl nyhet */ .Ikon_Lager_22:before {content:"\f071"; color:#ffae00;} /* gul varningstriangel */ .fraktfriinformation {clear:both; padding-top:15px;} .fraktfriinformation .fraktfriinformation_header_text {display:none;} .fraktfriinformation .kvar_till_fraktfritt_uppnadd {width:auto; clear:both; padding:20px 0 0; font-size:16px; text-align:center; font-weight:bold; border-top:1px solid #ddd;} .fraktfriinformation .kvar_till_fraktfritt_uppnadd:before {content:"\f0d1"; color:#37a237; display:inline-block; font-family:'FontAwesome'; margin-right:10px; font-size:24px; transform:translateY(3px); -webkit-transform:translateY(3px);} .fraktfriinformation .kvar_till_fraktfritt_ej_uppnadd {width:auto; clear:both; padding:20px 0 0; text-align:center; border-top:1px solid #ddd; color:#999;} #FriFrakt span:before {content:"\f0d1"; color:#37a237; display:inline-block; font-family:'FontAwesome'; margin-left:10px; margin-right:6px; font-size:24px; transform:translateY(3px); -webkit-transform:translateY(3px);} #FriFrakt span {text-transform:uppercase;} #LevtidFaltRad div {transform:translateY(3px); -webkit-transform:translateY(3px);} .kvar_till_fraktfritt_ej_uppnadd:after, .kvar_till_fraktfritt_uppnadd:after {content:'(gäller ej hemleverans)'; display:block; font-size:12px; margin-top:7px; font-style:italic; font-weight:normal; color:#999;} /* -------------------------------------------------------------------------------------------------- FLIKAR -------------------------------------------------------------------------------------------------- */ #Produktinfo p {margin:10px 0;} .ProduktinfoFlik {display:block; height:50px; border-spacing:0px !important;} .ProduktinfoFlik tbody tr {padding:0 !important;} .ProduktinfoFlik tbody tr td {float:left; padding:0 !important; margin-right: 4px;} .ProduktinfoFlik td span {padding:0 30px; float:left; height:50px; line-height:50px; border:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-top-left-radius:3px; border-top-right-radius:3px; font-weight:800; text-transform:uppercase; cursor:pointer !important;} .ProduktinfoFlik td.Markerad span {border-bottom:1px solid #fff;} .flikWrapper {display:none;} .flikWrapper.active {display:block;} /* -------------------------------------------------------------------------------------------------- SKFUNKTION -------------------------------------------------------------------------------------------------- */ .sokrutan {width:25%;} .Sokfalt {border:1px solid #db171f !important; float:left; height:60px !important; line-height:60px !important; padding:0 60px 0 10px !important; width:100%; -webkit-appearance:none; -moz-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2) inset !important; -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2) inset !important; box-shadow: 0 3px 1px rgba(0, 0, 0, 0.2) inset !important;} .sokruta-epost {width:100%; height:16px; border:1px solid #ccc} .LSS_Container {position:relative;} .Sokknapp {background:transparent; border:1px solid #db171f; border-bottom:2px solid #ab141a; cursor:pointer; height:60px; width:60px; line-height:60px; position:absolute; right:0; top:0; color:#fff;} .LSS_Input:after {content:'\f002'; background:#db171f; font-family:FontAwesome; font-size:30px; position:absolute; color:#fff; right:0px; padding:13px 16px 16px 16px;} /* NYHETSBREV */ .knapp_nyhetsbrev a {width:100%; line-height:35px; height:35px; text-align:center; display:block;} .knapp_nyhetsbrev {margin:1% 0 0 0 !important;} /* -------------------------------------------------------------------------------------------------- INLOGGNING -------------------------------------------------------------------------------------------------- */ .inloggning {z-index:10;} .inloggning a.login {display:block; padding:0 0 0 10px; line-height: 35px;} .inloggningsruta {display:none; position:absolute; top:39px; right:0; padding:10px; margin:0; line-height:25px; z-index:1000;} .inloggningsruta a.button {margin:1.5em 0 0 1.6%; width:49.2%; float:left;} .inloggningsruta .input_knapp a.button {margin-left:0;} .inloggningsruta.active {display:block;} .inloggningsruta .close {top:5px;} .inloggningsruta a {padding:0px;} .inloggningsruta p {margin-bottom:0;} .input_anvandarnnamn input, .input_losenord input {width:100%; height:25px;} .Login-password p {float:left;} .Login-password a.forgotpassword {float:right; margin-top:1em;} #AdressblockLoggain table {float:left;} .inloggning .login span i {font-size:16px !important; margin-left:10px;} .inloggning .login > i {margin-right:5px; font-size:16px !important;} .login-btn .Knapp_Generell a {width:auto !important;} .login-btn .Knapp_Generell a:first-child {background: #343434;} /* -------------------------------------------------------------------------------------------------- KNAPPAR -------------------------------------------------------------------------------------------------- */ /* KPKNAPPAR */ .Knapp_Kop_Tabell tr td {display:none;} .PT_Knappar .Knapp_Info {display:none;} .Knapp_Kop_Tabell .Knapp_Kop {display:inline-block; width:100%;} .Knapp_Kop_Tabell_Artikel {width:100%;} #SubmitFalt .Knapp_Kop_Tabell_Artikel a {float: left; height:40px; line-height:40px; padding:0; width:100%;} .Knapp_Kop_Tabell, .PT_Knappar table {float:right; width:100%;} .Knapp_Kop_Tabell .Knapp_Info_Hoger {margin:0 5px 0 0; float:left;} .PT_KnapparKampanj tabell {width:135px;} a.button {margin:10px 10px 10px 0;} /* KNAPPAR */ .Knapp_Kop a, .Knapp_Info a, .Knapp_Generell a, .Knapp_Sok_Produkt, #Adressblock .LankLoggain a, .Insta .Komplementkolumn > a {border:0px; line-height:40px; height:40px; padding:0px 10px; float:left;} .Knapp_Kop a {width:100%;} .Knapp_Generell_Tabell {float: right;} #Adressblock .LankLoggain a {padding:0px; float:right; text-align:right;} /* SKKNAPPAR */ .Knapp_Sok {float:right; position:relative; width:10%;} .Knapp_Sok_Produkt {background:transparent; height:30px; position:relative; width:100%; z-index:99;} /* IKONKNAPPAR */ #SubmitFalt .icon-shopping-cart {padding:11px;} .sokrutan i.icon-search {position:absolute; font-size:27px; left:0px;} /* -------------------------------------------------------------------------------------------------- VARUKORG -------------------------------------------------------------------------------------------------- */ a.cart {display:inline-block; padding:0 0 0 10px;} #kundvagn {float:right; margin:0; position:relative; height:60px;} .Varukorg {font-size:20px; font-weight:800;} .Varukorg, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart {line-height:60px} .Varukorg span.AIRvarukorg-Qty{float:left; position:relative; margin:0 5px 0 15px} .Varukorg .AIRvarukorg-Arrow {display:block !important; float:left; padding:0 0 0 15px;} .Varukorg .AIRvarukorg-Arrow:before {content:"\f07a"; font-family:FontAwesome;} .Varukorg .AIRvarukorg-Text{float:left; margin:0 5px 0 0;} .varuText {margin-left:5px;} .Varukorg .EmptyCart {margin:0 5px;} /*.Varukorg .AIRvarukorg-Qty, .Varukorg .EmptyCart {background:#990d1f; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; color:#fff; display:block; float:none; width:25px; height:25px; line-height:25px; margin:10px 0 0 -4px !important; padding:0; position:relative; text-align:center;}*/ .Varukorg .Checkout a {margin:5px 0;} .Checkout.right, .Varukorg .wrapText, .Varukorg .infoCart {display:none;} a.CartButton, .Checkout a {float:right; height:35px; line-height:35px; padding:0px 10px} .SumTxt{margin:0 5px} .AIRvarukorg-Text a.Checkout{float:right; height:24px; line-height:24px; margin:5px 0; padding:0 10px} .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart {float:left; margin:0 10px 0 0} .AIRvarukorg-Text p {float:left; margin:0 10px 0 0} .AIRvarukorg-Sum {float:left; position:relative; margin:0 15px 0 10px;} #AIRvarukorg-Wrap {position:absolute; right:0px; top:70px; width:470px; z-index:1000; padding:5px 5px 1em;} #AIRvarukorg-Wrap span.EmptyCart, #AIRvarukorg-Wrap span.varuText, #AIRvarukorg-Wrap i {display:none} #AIRvarukorg-Wrap .wrapText {/*margin-left:2%;*/ float:left;} #AIRvarukorg-Wrap .Rem {float:right} #AIRvarukorg-Wrap .Rem, #AIRvarukorg-Wrap .Sub, #AIRvarukorg-Wrap .Add{cursor:pointer; float:left; margin:15px 2px 0; height:20px; line-height:25px; text-align:center; width:5%;} #AIRvarukorg-Wrap .Img{width:10%; text-align:center; height:45px; float:left; background:#fff} #AIRvarukorg-Wrap .TxtWrap{float:right; width:88%} #AIRvarukorg-Wrap .RowWrap .Row {border-bottom:1px solid #ddd; display:inline-block; line-height:45px; padding:10px; width:100%;} #AIRvarukorg-Wrap .Rabatt{color:#CD3928; float:left; font-size:10px; line-height:normal; margin:-17px 0 0} #AIRvarukorg-Wrap .DescrWrap{width:48%} #AIRvarukorg-Wrap .DescrWrap, #AIRvarukorg-Wrap .TxtWrap .Price{float:left; margin:0 2px; height: 45px; overflow: hidden;} #AIRvarukorg-Wrap .TxtWrap .Price{width:21%; text-align:center} #AIRvarukorg-Wrap .TxtWrap input{background:#ddd; border:0 none; float:left; margin:8px 2px 0; text-align:center; width:30px} #AIRvarukorg-Wrap .Footer {margin: 1em 0;} #AIRvarukorg-Wrap .Footer .SumWrap{float:left; line-height:50px} #AIRvarukorg-Wrap .Footer .SumWrap .SumTxt, #AIRvarukorg-Wrap .BWrap .Footer .SumWrap .Sum{float:left} #AIRvarukorg-Wrap .Checkout {float:right; margin:0; width:50%;} #AIRvarukorg-Wrap .Checkout a {height:50px; width:100%; line-height:50px; text-align:center;} #AIRvarukorg-Wrap .RowWrap {max-height:220px; overflow-y:scroll; overflow-x:hidden; width: 100%;} .infoCart {display:none;} .infoCart ul li {list-style:none;} .infoCart ul li:before {font-family:FontAwesome; content:'\f00c'; color:#13b819; margin-right:5px;} #AIRvarukorg-Wrap .infoCart {display:block; clear:both;} /* KASSAN */ .Kassan {/*background:#fff; border:1px solid #ddd; padding:2%;*/} .Snabbkassa_Varukorg_Tabell_Rad:nth-child(2n+1) {background:#fff; border:1px solid #eee; padding:2% 1%;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Antal {border:none; padding:0;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {background:#f3f8f0;} .FyndaIKassan .PT_Wrapper_All.section {max-width:none !important;} .FyndaIKassan .PT_Bildruta {padding-right:10px; min-height:115px; max-height:115px; line-height:115px;} .FyndaIKassan .PT_Bildruta img {max-height:115px;} .FyndaIKassan .PT_Beskr {margin-top:5%;} .FyndaIKassan .PT_Pris {height:auto; line-height:normal; margin:0 0 10px 0; padding-left:0; float:left;} .FyndaIKassan .PT_PrisKampanj {display:inline-block; clear:none;} .FyndaIKassan .PT_Wrapper:hover {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} .FyndaIKassan .PT_Wrapper {padding:0; border:0px;} .FyndaIKassan .PT_Wrapper.span_3_of_12 {width: 23.78%; margin: 1% 0 1% 1.6%;} .FyndaIKassan .PT_Wrapper:first-child {margin-left: 0;} .FyndaIKassan .Knapp_Kop_Tabell {display:block; float:none; clear:both; width:auto; max-width:100%;} .FyndaIKassan .Knapp_Kop a {font-size:16px; line-height:30px; height:30px;} .FyndaIKassan .span_3_of_12:nth-child(4n+1) {margin-left:0;} @media screen and (max-width: 850px) {.FyndaIKassan .span_3_of_12, .FyndaIKassan .PT_Wrapper:nth-child(2n+2) {margin-left:0 !important;}} .Rubrik_Medskick.Rubrik_I_Kassan {margin-bottom: 0px !important; background: #fff; padding: 15px 15px 5px; border: 1px solid #ddd; border-bottom: none;} .Snabbkassa_Medskick {background: #fff; padding: 15px; border: 1px solid #ddd; border-top: 0px; margin-bottom: 25px;} .AddKassa, .SubKassa {border:1px solid #ddd;} .AddKassa, .SubKassa {width:35px !important; margin:0px !important; padding:0 !important; font-size:16px !important;} .AddKassa {margin-right:5px !important;} .LankLoggain {margin: -60px 0 0 0 !important;} .Pnr_Tabell td:last-child {vertical-align:top;} #Pnr_Knapp {height:35px; line-height:35px;} #main p.AH_Felkod {padding:10px !important;} #main p.AH_Felkod img {margin: -7px 0 0 0 !important;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal {height:45px !important; overflow:hidden !important;} .Snabbkassa_Rekommenderat {margin:2% 0;} #SWP_ExtraPostNr table td:after {content: 'Only Swedish customers'; position: absolute; margin-left: 10px; line-height: 35px; color:#999;} .Presentkortsruta .Knapp_Generell_Tabell {float:left;} .Snabbkassa_Medskick_Tabell .Medskick_Val.Medskick_Input{position: relative; width:100px;} .Snabbkassa_Medskick_Tabell input[type=checkbox]+label{} .Snabbkassa_Medskick_Tabell input[type=checkbox]+label:before {content: 'Lägg till'; display: block; width: auto; height: 30px; line-height: 30px; font-size:16px; text-align: center; position: absolute; right: 10px; bottom: 10px; cursor: pointer; background-color: #258925; 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;} .Snabbkassa_Medskick_Tabell input[type=checkbox]:checked+label:before{content: 'Nej tack'; background: #db171f; border-bottom:3px solid #be1219;} /* -------------------------------------------------------------------------------------------------- LSS -------------------------------------------------------------------------------------------------- */ #LSS_Result {background:none repeat scroll 0 0 #fff; border: 0 none; padding:2%; position:absolute; right:0; top:105px; width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; 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);} #LSS_Result .Knapp_Generell {margin-left:0 !important;} #LSS_Result, #LSS_Result div, #LSS_Result ul, #LSS_Result ul li{z-index:1005} .LSS_Artiklar li {margin: 1% 0; padding: 2%; border: 1px solid #eee; width:49%;} .LSS_Artiklar li:nth-child(2n+2) {margin-left: 2%;} .LSS_Art_Text {text-align:center; height:35px} #LSS_Result h3 {margin:0 0 15px 0;} #LSS_Close {cursor: pointer; position: absolute; right: 10px; text-align:center;} ul.LSS_Artiklar {width:100%; float:left; margin:0; padding:0} .LSS_Artiklar .pris, #lblTerm {display:none} .LSS_Artiklar .Bild {height: 80px; line-height: 80px; margin: 0 0 5%; overflow: hidden; padding: 0 5%; text-align: center; width: 100%;} .LSS_Artiklar .Bild img {max-width:100%; max-height:100%;} .LSS_Varumarken li, .LSS_Category li {list-style-type:none} .LSS_Varumarken li a, .LSS_Category li a {font-weight: 800; border-bottom: 1px solid #eee; padding: 10px 5px; width: 100%; display: block;} /* -------------------------------------------------------------------------------------------------- BLANDAT -------------------------------------------------------------------------------------------------- */ #dialogruta {visibility:hidden; position:absolute; left:0px; top:0; z-index:3005; background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0; width:100%; height:100%;} #Felmeddelande {line-height:16px; width:40%; top:7%; margin:0 auto; padding:15px; position:relative; background:#fff; 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);} #Felmeddelande img {display:none;} .popupfonster-top {width:430px; margin:10px 0px 10px 10px} .popupfonster-content {width:430px; border:1px solid #999; padding:10px; margin:0px 0px 0px 10px;} #breadcrumb {font-size: 12px; border: 1px solid #eee; border-bottom: 0px; margin-top: 0; padding: 1%;} #LankAdressblockAnvnamn, #LankAdressblockLeveransadress {margin-top:30px !important;} #AdressblockLoggain i, #AdressblockPaminnare {display:block; clear:both;} #AdressblockLoggain .Knapp_Generell_Hoger {display:block; clear:both; height:80px;} #AdressblockLoggain table td {vertical-align:top;} #AdressblockLoggain .Snabbkassa_Kundfalt_Marginal:nth-child(1n+3) label {display:none;} #AdressblockPaminnare tr:last-child td:first-child {display:none;} #Felmeddelande {line-height: normal;} /* FLIKAR KASSAN */ #divCompany label {float:left; padding:0 10px; height:40px; line-height:40px; border:1px solid #ddd; margin-right:10px;} #divCompany label.checked {background:#F9F9FB;} #divCompany label.disabled {opacity:0.5;} #divCompany label input {margin-right:5px;} #divCompany > div {width:100%;} #divCompany > div br {display:none;} .Pnr_Tabell td {vertical-align:top !important;} /* -------------------------------------------------------------------------------------------------- NYHETSBREVSANMLAN -------------------------------------------------------------------------------------------------- */ .nyhetsbrevsanmalan p {padding:0 0 10px 0;} .nyhetsbrevsanmalan input {width:78%; float:left;} .nyhetsbrevsanmalan .Knapp_Generell {float:left; width:20%; margin: 0 0 0 2%;} .nyhetsbrevsanmalan .Knapp_Generell a {width:100%; height:35px; text-align:center; padding:0;} /* TABELLER */ .Nyhet table {width:100%;} .Nyhet table td {background:none !important;} .Nyhet table td:first-child {width:100px;} .Nyhet table input[type="text"] {max-width:100%;} .Nyhet table input[type="submit"] {height: 40px; border:none; padding:0 20px;} /* -------------------------------------------------------------------------------------------------- CSS3-EFFEKTER -------------------------------------------------------------------------------------------------- */ .col, .group, .section, .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp, a, .Snabbkassa_Medskick_Tabell input[type=checkbox]+label:before { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } input[type="text"], input[type="password"], select, textarea, #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"], select.FilterFrm { background-color:#fff; border:1px solid #ccc; -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; border-top:3px solid #ccc; 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;} 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;} /* -------------------------------------------------------------------------------------------------- VARIABLER -------------------------------------------------------------------------------------------------- */ .white {background:#fff} .lightgrey {background:#f7f7f7} .darkgrey {background:#444} .middlegrey {background:#dddddd} .primcolor {background: #343434;} .seccolor {background: #db171f;} .blue-shadow {border-bottom:2px solid #0e4677;} .blue-shadow-dark {border-bottom:2px solid #000;} .red-shadow {border-bottom:2px solid #ab141a; border-bottom-left-radius:2px; border-bottom-right-radius:2px;} .greygrunge {background: url('/bilder/butik/grunge.png') repeat #f4f4f4;} .whitegrunge {background: url('/bilder/butik/grunge-white.png') repeat #fff !important; min-height: 134px;} .blackgrunge {background: url('/bilder/butik/grunge-black.png') repeat #333 !important;} .blackgrunge * {color:#f4f4f4 !important;} .whitescratches {background: url('/bilder/butik/white-scratches.png') repeat #f4f4f4 !important;} .raindrops {background: url('/bilder/butik/rain-drops.png') repeat-x top #f4f4f4 !important; background-attachment: fixed;} .raindrops.startwrapper {background-position:0% 20% !important;} .startpageBg {background-repeat: no-repeat; background-position:center center; background-attachment:fixed; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; border-top:0px !important;} #extraBg {display:none;} .bluefade {background:#20201f;} #wrapper .bluefade, #wrapper .bluefade *, #footer-wrapper.bluefade, #footer-wrapper.bluefade .lowerFooter a {color:#fff;} .topWrapper, .topWrapper * {color:#fff;} .inloggningsruta p {color:#343434;} .bluefade .fa.fa-star, .bluefade .fa-star-half-o {color:#ffae00!important;} .inloggningsruta .close, .inloggningsruta .close * {color:#fff!important;} .nav ul li i, .footnav i, .inloggning .login span i {color:#db171f!important;} .usps {font-size:13px; font-style:italic; font-weight:bold;} .usps a {font-style:normal; color:#fff!important;} p.vignette {position: relative;} p.vignette img {display: block;} p.vignette:after {-moz-box-shadow: inset 0 0 10em #000; -webkit-box-shadow: inset 0 0 10em #000; box-shadow: inset 0 0 10em #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content: "";} p.vignette.small:after {-moz-box-shadow: inset 0 0 3em #000; -webkit-box-shadow: inset 0 0 3em #000; box-shadow: inset 0 0 3em #000;} p.vignette.insta:after {-moz-box-shadow: inset 0 0 3em #999; -webkit-box-shadow: inset 0 0 3em #999; box-shadow: inset 0 0 3em #999;} .ten {padding:10px} .twenty {padding:20px} .borderT {border-top:1px solid #ccc} .borderB {border-bottom:1px solid #ccc} .borderTB {border-top:1px solid #ccc; border-bottom:1px solid #ccc} .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;} /* -------------------------------------------------------------------------------------------------- IKONER -------------------------------------------------------------------------------------------------- */ .facebook:before {font-family:FontAwesome; content:'\f082';} .instagram:before {font-family:FontAwesome; content:'\f16d';} .youtube:before {font-family:FontAwesome; content:'\f166';} /* -------------------------------------------------------------------------------------------------- FILTER -------------------------------------------------------------------------------------------------- */ .Filter{width:100%; margin: 1% 0 1% 0; border:1px solid #f1f1f1;} .Filt .Beskr {font-weight:700;} .Slider_Range{margin:1% 0 0 7px} .ui-widget-header{background: #ccc !important} .Filter .ui-slider-horizontal .ui-slider-handle{top:-0.5em !important} .Filter .ui-state-default, .Filter .ui-widget-content .ui-state-default, .Filter .ui-widget-header .ui-state-default{height:15px!important; width: 15px !important;} .filter.toggle{display: none;} .Filter .Filt .FilterFrm{width:100%;} .Filter .FilterRens{top:-35px; bottom:auto;} .Filter .FilterRens span{padding: 3%; text-align:center;} .UppdateraFilter {display: block; margin: 20px 0 0 0; position: absolute; bottom: -40px; left: -1px; background: #eee; padding: 10px;} select.StilValjSortordning {width: 100%;} .PT_Wrapper_Filter .PT_Wrapper {margin: 0.64% !important;} .nyF, .lMenu {margin-top:40px;} /* -------------------------------------------------------------------------------------------------- BLOGG -------------------------------------------------------------------------------------------------- */ .blogg-content {padding:5px 10px; margin-bottom:10px;} .blogg-beskr {padding-left:5px;} .blogg-date {display:block; clear:both;} /* -------------------------------------------------------------------------------------------------- KONTAKTFORMULR -------------------------------------------------------------------------------------------------- */ #kontaktformular input[type="submit"] {margin-left:20%; border-top: 0px; color:#fff !important;} #kontaktformular label {/*display:none;*/float:left;font-weight:bold;height:35px;line-height:35px;width:20%} #kontaktformular input, #kontaktformular textarea {display:block;clear:right;margin-bottom:1%;width:40%;} #kontaktformular input.invalid{border:1px solid #f00;} #kontaktformular textarea.invalid{border:1px solid #f00;} #contactform .span_6_of_12 > .span_12_of_12 {margin-top:10px; margin-bottom:10px;} #contactform .span_6_of_12 > .span_12_of_12:nth-child(2n+1) {margin-top:20px;} #contactform.not-chosen .span_12_of_12 {opacity:0.5; pointer-events:none;} #contactform.not-chosen .span_12_of_12.first-span {opacity:1; pointer-events:all;} #contactform .error, #stallfragaform .error {border: 1px solid #ff0000!important; border-top: 3px solid #ff0000!important;} @media screen and (max-width: 850px){ #contactform .notrobotcol, #contactform .filescol {width:100%;} #contactform .g-recaptcha > div {float:left!important;} } #kundtjanst {line-height:1.8;} .faq-bubble {padding:20px 10% 30px; border: 1px solid #ddd; background:#eee; font-size:20px; line-height:1.5;} .faq-bubble a {font-size:18px; margin-top:10px; display:block;} .faq-bubble i, .faq-bubble span.fa {font-size:38px; display:inline-block; transform:translateY(5px); margin-right:5px; color:#343434;} .faq-bubble a i, .faq-bubble a span.fa {font-size:25px; margin-left:3px; transform:translateY(3px);} /* -------------------------------------------------------------------------------------------------- INSTAGRAMPLUGIN -------------------------------------------------------------------------------------------------- */ .Instatagg {display:block; clear:both; margin-bottom:10px; font-size:20px; font-weight:800;} .Instatagg div {float:left; margin-left:5px;} #InstagramWrapper img {margin-right:1%;} iframe {max-width:100%!important;} /* FLAGGOR */ .flags a {margin-left:5px;} .flags a.selected img {box-shadow: 0 0 6px 0 #fff; -moz-box-shadow: 0 0 6px 0 #fff; -webkit-box-shadow: 0 0 6px 0 #fff;} .flags a:hover {opacity:0.5;} .flags img {max-height:25px; width:auto;} .flags a span {display:none;} .flags {float:right; margin-top:8px;} /* LADDINGSIKON */ @keyframes lds-spinner {0%{opacity:1;} 100%{opacity:0;}} @-webkit-keyframes lds-spinner{0%{opacity:1;} 100%{opacity:0;}} #loading-overlay {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.2); z-index:99999;} .lds-css {width:auto; display:inline-block; margin:0 auto; position:fixed; top:50%; left:50%; margin:-40px 0 0 -40px; z-index:99999; background:rgba(255,255,255,0.95); border-radius:100%; box-shadow:0px 6px 20px rgba(0,0,0,0.5);} .lds-spinner {position:relative;} .lds-spinner div {left:94px; top:44px; position:absolute; -webkit-animation:lds-spinner linear 1s infinite; animation:lds-spinner linear 1s infinite; background:#343434; width:12px; height:32px; border-radius:40%; -webkit-transform-origin:6px 56px; transform-origin:6px 56px;} .lds-spinner div:nth-child(1) {-webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-animation-delay:-0.9s; animation-delay:-0.9s;} .lds-spinner div:nth-child(2) {-webkit-transform:rotate(36deg); transform:rotate(36deg); -webkit-animation-delay:-0.8s; animation-delay:-0.8s;} .lds-spinner div:nth-child(3) {-webkit-transform:rotate(72deg); transform:rotate(72deg); -webkit-animation-delay:-0.7s; animation-delay:-0.7s;} .lds-spinner div:nth-child(4) {-webkit-transform:rotate(108deg); transform:rotate(108deg); -webkit-animation-delay:-0.6s; animation-delay:-0.6s;} .lds-spinner div:nth-child(5) {-webkit-transform:rotate(144deg); transform:rotate(144deg); -webkit-animation-delay:-0.5s; animation-delay:-0.5s;} .lds-spinner div:nth-child(6) {-webkit-transform:rotate(180deg); transform:rotate(180deg); -webkit-animation-delay:-0.4s; animation-delay:-0.4s;} .lds-spinner div:nth-child(7) {-webkit-transform:rotate(216deg); transform:rotate(216deg); -webkit-animation-delay:-0.3s; animation-delay:-0.3s;} .lds-spinner div:nth-child(8) {-webkit-transform:rotate(252deg); transform:rotate(252deg); -webkit-animation-delay:-0.2s; animation-delay:-0.2s;} .lds-spinner div:nth-child(9) {-webkit-transform:rotate(288deg); transform:rotate(288deg); -webkit-animation-delay:-0.1s; animation-delay:-0.1s;} .lds-spinner div:nth-child(10) {-webkit-transform:rotate(324deg); transform:rotate(324deg); -webkit-animation-delay:0s; animation-delay:0s;} .lds-spinner {width:80px!important; height:80px!important; -webkit-transform:translate(-40px, -40px) scale(0.4) translate(40px, 40px); transform:translate(-40px, -40px) scale(0.4) translate(40px, 40px);} /* -------------------------------------------------------------------------------------------------- A- -------------------------------------------------------------------------------------------------- */ /*-------------------------------------------------------------------------------------------------- filter --------------------------------------------------------------------------------------------------*/ .filter{width:100%;display:inline-block;z-index:101;position:relative;margin:0} span.Filter_Titel{float:left;z-index:1;width:100%;position:relative;cursor:pointer;padding:0 10px} .filter .FilterWrapper{ border: 1px solid #ddd; margin: 0 10px 10px 0; position: relative; line-height: 40px; display: inline-block; width: 275px; font-weight: bold; font-size: 16px; } .filter .FilterWrapper:after{ line-height: 40px; width: 35px; position: absolute; content: '\f0d7'; font-family: FontAwesome; text-align: center; right: 0px; top: 0; font-size: 22px; border-left: 1px solid #ddd; background: #f1f1f1; } .filter .FilterWrapper.open:after{content:"\f0de"; padding-top: 5px} .Filter_Lank .Lank_Container span{ position: relative; padding-left: 25px; cursor: pointer; font-size: 14px; font-weight: normal; line-height: 35px; } .Filter_Lank .Lank_Container span.inactive,.Filter_Lank.FilterWrapper .Lank_Container span.inactive:before{color:#ccc;pointer-events:none;cursor:default} .Filter_Lank .Lank_Container span.selected:before{content:"\f14a";color:#37a237} .Filter_Lank .Lank_Container span:before{content:"\f096";font-family:FontAwesome;font-size:18px;position:absolute;left:0;top:calc(50% - 18px);bottom:calc(50% - 18px);width:20px;color:#555} .Lank_Container{ display: none; position: absolute; max-height: 400px; transition: max-height 0.25s ease-in; overflow-y: scroll; overflow-x: hidden; top: 41px; left: -1px; padding: 10px; border: 1px solid #ddd; background: #fff; width: calc(100% + 2px); border-top: 1px solid #fff; z-index: 2;} .Lank_Container *{width:100%;float:left} .FilterWrapper.open .Lank_Container{display:block} .Filter_Slider .div{margin:0 5px} .Filter_Slider .mn,.Filter_Slider .div,.Filter_Slider .mx,.Filter_Slider .b{float:left;width:auto} .Filter_Checkbox .Lank_Container input{float:none;width:auto} .ClearFilter{display:block!important} .ClearFilter,.filter-showmore{float:right;text-align:right;background:#777;padding:0 20px;border-bottom:2px solid #222;height:38px;color:#fff;line-height:36px;margin-right:10px;cursor:pointer;border-radius:3px} .filter-hl{text-align:left!important} .do_more { width: 100%; float: left; text-align: center; } #more_of_it {padding:10px 20px; background: #000; border-radius: 3px; line-height: 50px; height:50px; color: #fff; cursor: pointer; } @media screen and (max-width: 850px) { .filter,.filter .FilterWrapper{width:100%} .filter .FilterWrapper {margin:0px;} .filter .FilterWrapper:after {width: 44px;} .ClearFilter{margin:0;width:100%;text-align:center} .FilterWrapper,.ClearFilter{display:none!important} .filter.active .FilterWrapper,.filter.active .ClearFilter{display:inline-block!important} .filter-hl{line-height:38px;font-size:18px!important;margin-bottom:20px!important} .filter-showmore{float:right;font-style:normal;margin-right:0} .filter .less-text, .filter.active .more-text {display: none;} .filter.cf.active {z-index: 102;} .filter.active .less-text {display: inline-block;} .filter-showmore.btn:after{content:"\f107";font-family:FontAwesome;position:relative;line-height:30px;padding-left:5px} .filter.active .filter-showmore.btn:after{content:"\f106"} } .letter_index .l_head {font-weight:800; font-size:24px;} .letter {margin:10px 0; padding-right:10%;} .column .column {width:100% !important;} .letter a {display:block;} /* NYA PROCENT */ .Ikon_RabattbildProcent__1:after, .PT_UtskriftIkonRabattbildProcent__1:after {content:"1%";} .Ikon_RabattbildProcent__2:after, .PT_UtskriftIkonRabattbildProcent__2:after {content:"2%";} .Ikon_RabattbildProcent__3:after, .PT_UtskriftIkonRabattbildProcent__3:after {content:"3%";} .Ikon_RabattbildProcent__4:after, .PT_UtskriftIkonRabattbildProcent__4:after {content:"4%";} .Ikon_RabattbildProcent__5:after, .PT_UtskriftIkonRabattbildProcent__5:after {content:"5%";} .Ikon_RabattbildProcent__6:after, .PT_UtskriftIkonRabattbildProcent__6:after {content:"6%";} .Ikon_RabattbildProcent__7:after, .PT_UtskriftIkonRabattbildProcent__7:after {content:"7%";} .Ikon_RabattbildProcent__8:after, .PT_UtskriftIkonRabattbildProcent__8:after {content:"8%";} .Ikon_RabattbildProcent__9:after, .PT_UtskriftIkonRabattbildProcent__9:after {content:"9%";} .Ikon_RabattbildProcent__10:after, .PT_UtskriftIkonRabattbildProcent__10:after {content:"10%";} .Ikon_RabattbildProcent__11:after, .PT_UtskriftIkonRabattbildProcent__11:after {content:"11%";} .Ikon_RabattbildProcent__12:after, .PT_UtskriftIkonRabattbildProcent__12:after {content:"12%";} .Ikon_RabattbildProcent__13:after, .PT_UtskriftIkonRabattbildProcent__13:after {content:"13%";} .Ikon_RabattbildProcent__14:after, .PT_UtskriftIkonRabattbildProcent__14:after {content:"14%";} .Ikon_RabattbildProcent__15:after, .PT_UtskriftIkonRabattbildProcent__15:after {content:"15%";} .Ikon_RabattbildProcent__16:after, .PT_UtskriftIkonRabattbildProcent__16:after {content:"16%";} .Ikon_RabattbildProcent__17:after, .PT_UtskriftIkonRabattbildProcent__17:after {content:"17%";} .Ikon_RabattbildProcent__18:after, .PT_UtskriftIkonRabattbildProcent__18:after {content:"18%";} .Ikon_RabattbildProcent__19:after, .PT_UtskriftIkonRabattbildProcent__19:after {content:"19%";} .Ikon_RabattbildProcent__20:after, .PT_UtskriftIkonRabattbildProcent__20:after {content:"20%";} .Ikon_RabattbildProcent__21:after, .PT_UtskriftIkonRabattbildProcent__21:after {content:"21%";} .Ikon_RabattbildProcent__22:after, .PT_UtskriftIkonRabattbildProcent__22:after {content:"22%";} .Ikon_RabattbildProcent__23:after, .PT_UtskriftIkonRabattbildProcent__23:after {content:"23%";} .Ikon_RabattbildProcent__24:after, .PT_UtskriftIkonRabattbildProcent__24:after {content:"24%";} .Ikon_RabattbildProcent__25:after, .PT_UtskriftIkonRabattbildProcent__25:after {content:"25%";} .Ikon_RabattbildProcent__26:after, .PT_UtskriftIkonRabattbildProcent__26:after {content:"26%";} .Ikon_RabattbildProcent__27:after, .PT_UtskriftIkonRabattbildProcent__27:after {content:"27%";} .Ikon_RabattbildProcent__28:after, .PT_UtskriftIkonRabattbildProcent__28:after {content:"28%";} .Ikon_RabattbildProcent__29:after, .PT_UtskriftIkonRabattbildProcent__29:after {content:"29%";} .Ikon_RabattbildProcent__30:after, .PT_UtskriftIkonRabattbildProcent__30:after {content:"30%";} .Ikon_RabattbildProcent__31:after, .PT_UtskriftIkonRabattbildProcent__31:after {content:"31%";} .Ikon_RabattbildProcent__32:after, .PT_UtskriftIkonRabattbildProcent__32:after {content:"32%";} .Ikon_RabattbildProcent__33:after, .PT_UtskriftIkonRabattbildProcent__33:after {content:"33%";} .Ikon_RabattbildProcent__34:after, .PT_UtskriftIkonRabattbildProcent__34:after {content:"34%";} .Ikon_RabattbildProcent__35:after, .PT_UtskriftIkonRabattbildProcent__35:after {content:"35%";} .Ikon_RabattbildProcent__36:after, .PT_UtskriftIkonRabattbildProcent__36:after {content:"36%";} .Ikon_RabattbildProcent__37:after, .PT_UtskriftIkonRabattbildProcent__37:after {content:"37%";} .Ikon_RabattbildProcent__38:after, .PT_UtskriftIkonRabattbildProcent__38:after {content:"38%";} .Ikon_RabattbildProcent__39:after, .PT_UtskriftIkonRabattbildProcent__39:after {content:"39%";} .Ikon_RabattbildProcent__40:after, .PT_UtskriftIkonRabattbildProcent__40:after {content:"40%";} .Ikon_RabattbildProcent__41:after, .PT_UtskriftIkonRabattbildProcent__41:after {content:"41%";} .Ikon_RabattbildProcent__42:after, .PT_UtskriftIkonRabattbildProcent__42:after {content:"42%";} .Ikon_RabattbildProcent__43:after, .PT_UtskriftIkonRabattbildProcent__43:after {content:"43%";} .Ikon_RabattbildProcent__44:after, .PT_UtskriftIkonRabattbildProcent__44:after {content:"44%";} .Ikon_RabattbildProcent__45:after, .PT_UtskriftIkonRabattbildProcent__45:after {content:"45%";} .Ikon_RabattbildProcent__46:after, .PT_UtskriftIkonRabattbildProcent__46:after {content:"46%";} .Ikon_RabattbildProcent__47:after, .PT_UtskriftIkonRabattbildProcent__47:after {content:"47%";} .Ikon_RabattbildProcent__48:after, .PT_UtskriftIkonRabattbildProcent__48:after {content:"48%";} .Ikon_RabattbildProcent__49:after, .PT_UtskriftIkonRabattbildProcent__49:after {content:"49%";} .Ikon_RabattbildProcent__50:after, .PT_UtskriftIkonRabattbildProcent__50:after {content:"50%";} .Ikon_RabattbildProcent__51:after, .PT_UtskriftIkonRabattbildProcent__51:after {content:"51%";} .Ikon_RabattbildProcent__52:after, .PT_UtskriftIkonRabattbildProcent__52:after {content:"52%";} .Ikon_RabattbildProcent__53:after, .PT_UtskriftIkonRabattbildProcent__53:after {content:"53%";} .Ikon_RabattbildProcent__54:after, .PT_UtskriftIkonRabattbildProcent__54:after {content:"54%";} .Ikon_RabattbildProcent__55:after, .PT_UtskriftIkonRabattbildProcent__55:after {content:"55%";} .Ikon_RabattbildProcent__56:after, .PT_UtskriftIkonRabattbildProcent__56:after {content:"56%";} .Ikon_RabattbildProcent__57:after, .PT_UtskriftIkonRabattbildProcent__57:after {content:"57%";} .Ikon_RabattbildProcent__58:after, .PT_UtskriftIkonRabattbildProcent__58:after {content:"58%";} .Ikon_RabattbildProcent__59:after, .PT_UtskriftIkonRabattbildProcent__59:after {content:"59%";} .Ikon_RabattbildProcent__60:after, .PT_UtskriftIkonRabattbildProcent__60:after {content:"60%";} .Ikon_RabattbildProcent__61:after, .PT_UtskriftIkonRabattbildProcent__61:after {content:"61%";} .Ikon_RabattbildProcent__62:after, .PT_UtskriftIkonRabattbildProcent__62:after {content:"62%";} .Ikon_RabattbildProcent__63:after, .PT_UtskriftIkonRabattbildProcent__63:after {content:"63%";} .Ikon_RabattbildProcent__64:after, .PT_UtskriftIkonRabattbildProcent__64:after {content:"64%";} .Ikon_RabattbildProcent__65:after, .PT_UtskriftIkonRabattbildProcent__65:after {content:"65%";} .Ikon_RabattbildProcent__66:after, .PT_UtskriftIkonRabattbildProcent__66:after {content:"66%";} .Ikon_RabattbildProcent__67:after, .PT_UtskriftIkonRabattbildProcent__67:after {content:"67%";} .Ikon_RabattbildProcent__68:after, .PT_UtskriftIkonRabattbildProcent__68:after {content:"68%";} .Ikon_RabattbildProcent__69:after, .PT_UtskriftIkonRabattbildProcent__69:after {content:"69%";} .Ikon_RabattbildProcent__70:after, .PT_UtskriftIkonRabattbildProcent__70:after {content:"70%";} .Ikon_RabattbildProcent__71:after, .PT_UtskriftIkonRabattbildProcent__71:after {content:"71%";} .Ikon_RabattbildProcent__72:after, .PT_UtskriftIkonRabattbildProcent__72:after {content:"72%";} .Ikon_RabattbildProcent__73:after, .PT_UtskriftIkonRabattbildProcent__73:after {content:"73%";} .Ikon_RabattbildProcent__74:after, .PT_UtskriftIkonRabattbildProcent__74:after {content:"74%";} .Ikon_RabattbildProcent__75:after, .PT_UtskriftIkonRabattbildProcent__75:after {content:"75%";} .Ikon_RabattbildProcent__76:after, .PT_UtskriftIkonRabattbildProcent__76:after {content:"76%";} .Ikon_RabattbildProcent__77:after, .PT_UtskriftIkonRabattbildProcent__77:after {content:"77%";} .Ikon_RabattbildProcent__78:after, .PT_UtskriftIkonRabattbildProcent__78:after {content:"78%";} .Ikon_RabattbildProcent__79:after, .PT_UtskriftIkonRabattbildProcent__79:after {content:"79%";} .Ikon_RabattbildProcent__80:after, .PT_UtskriftIkonRabattbildProcent__80:after {content:"80%";} .Ikon_RabattbildProcent__81:after, .PT_UtskriftIkonRabattbildProcent__81:after {content:"81%";} .Ikon_RabattbildProcent__82:after, .PT_UtskriftIkonRabattbildProcent__82:after {content:"82%";} .Ikon_RabattbildProcent__83:after, .PT_UtskriftIkonRabattbildProcent__83:after {content:"83%";} .Ikon_RabattbildProcent__84:after, .PT_UtskriftIkonRabattbildProcent__84:after {content:"84%";} .Ikon_RabattbildProcent__85:after, .PT_UtskriftIkonRabattbildProcent__85:after {content:"85%";} .Ikon_RabattbildProcent__86:after, .PT_UtskriftIkonRabattbildProcent__86:after {content:"86%";} .Ikon_RabattbildProcent__87:after, .PT_UtskriftIkonRabattbildProcent__87:after {content:"87%";} .Ikon_RabattbildProcent__88:after, .PT_UtskriftIkonRabattbildProcent__88:after {content:"88%";} .Ikon_RabattbildProcent__89:after, .PT_UtskriftIkonRabattbildProcent__89:after {content:"89%";} .Ikon_RabattbildProcent__90:after, .PT_UtskriftIkonRabattbildProcent__90:after {content:"90%";} .Ikon_RabattbildProcent__91:after, .PT_UtskriftIkonRabattbildProcent__91:after {content:"91%";} .Ikon_RabattbildProcent__92:after, .PT_UtskriftIkonRabattbildProcent__92:after {content:"92%";} .Ikon_RabattbildProcent__93:after, .PT_UtskriftIkonRabattbildProcent__93:after {content:"93%";} .Ikon_RabattbildProcent__94:after, .PT_UtskriftIkonRabattbildProcent__94:after {content:"94%";} .Ikon_RabattbildProcent__95:after, .PT_UtskriftIkonRabattbildProcent__95:after {content:"95%";} .Ikon_RabattbildProcent__96:after, .PT_UtskriftIkonRabattbildProcent__96:after {content:"96%";} .Ikon_RabattbildProcent__97:after, .PT_UtskriftIkonRabattbildProcent__97:after {content:"97%";} .Ikon_RabattbildProcent__98:after, .PT_UtskriftIkonRabattbildProcent__98:after {content:"98%";} .Ikon_RabattbildProcent__99:after, .PT_UtskriftIkonRabattbildProcent__99:after {content:"99%";} .Ikon_RabattbildProcent__100:after, .PT_UtskriftIkonRabattbildProcent__100:after {content:"100%";} /* -------------------------------------------------------------------------------------------------- Butik: Skriv domännamnet här. Detta CSS är en del av Askås Internetbutik. COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1998-2015. ALLA RÄTTIGHETER RESERVERADE. INNEHÅLLET FÅR EJ KOPIERAS, ÄNDRAS, ANVÄNDAS, LAGRAS ELLER DISTRIBUERAS UTAN TILLSTÅND FRÅN ASKÅS INTERNET- & REKLAMBYRÅ AB. -------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------- TYPOGRAFI OCH FÄRGER -------------------------------------------------------------------------------------------------- */ body, input, textarea, keygen, select, button {font-family:'Roboto Condensed', Arial, sans-serif; font-size:15px; color:#000; margin:0; letter-spacing:0.5px;} .topWrapper span {font-family:'Roboto Condensed', Arial, sans-serif!important;} .topWrapper span:before {font-family:'FontAwesome';} .PT_Pris, .PT_PrisKampanj, .PrisREA, .PrisBOLD, .PrisORD {font-family:'Roboto', sans-serif; font-weight:900!important;} .PT_PrisOrdinarie {font-family:'Roboto Condensed', sans-serif; font-weight:700;} .PT_PrisKampanj {font-size:19px;} b, strong, #PrisFalt span, .Snabbkassa_Varningsmeddelande, .PT_Beskr a, .PT_Pris, .PT_Pris div, .PT_Antalsfalt, #FraktFaltText, #LevtidFaltText, #SaldoText, #ArtnrFaltText, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster, #KundBetygText, .KampanjFalt-Text, .Snabbkassa_Flik_Normal, .inloggningsruta p, .Artgrp_VisaFlerArtiklar_Markerad, .nav li.active > a, .nav li.active-parent > a, a.Webbsida_Toppmeny_Markerad, .bloggkommentar_rubrik, .nav ul.niva1 > li > a, .headline, .Topoffer_Artikelnamn, .Topoffer_Pris, #SubmitFalt .Knapp_Kop_Tabell_Artikel a, .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp, .Snabbkassa_Kunduppgift_Etiketter, #BetalningsmetoderRam span a, #FraktmetoderRam span a, #AviseringsmetoderRam span a, .SumWrap, .reviewname, #Lagerstatus, .Kassan h1:first-child, #footer-wrapper h4, #KampanjFalt div div:first-of-type, .footnav.nav ul > li > a, .knapp_nyhetsbrev a, #moreColors, .footnav.nav a, .blogg-rubr, .Snabbkassa_Medskick_Tabell input[type=checkbox]+label:before {font-weight:800;} .leftMenu li.active > a, .footnav.nav .child a:hover {font-weight: 700;} .nav .nav-menu li.active > a, .sort b {font-weight:normal;} h1,h2,h3,h4 {font-weight:700; margin:0 0 2% 0;} /* TEXTSTORLEKAR */ h1, .Kassan h1:first-child {font-size:2.5em} h2 {font-size:1.9em} h3 {font-size:1.5em} 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} .Knapp_Kop a, h1,h2,h3,h4, .Checkout a, .headline, #KundBetygRad, #moreColors {text-transform:uppercase;} h1#ArtikelnamnFalt {text-transform:initial; padding-bottom:5px;} .ArtgrpHeadline, .Kassan h1:first-child {width:100%; text-align:center; border-bottom:2px #000 solid;} .Kassan h1:first-child {margin:2% 0;} h1#ArtikelnamnFalt {width:100%; border-bottom:2px #000 solid;} .lowerFooter .facebook, .lowerFooter .instagram, .lowerFooter .youtube {font-size:32px} .login i, .Varukorg .AIRvarukorg-Arrow:before, .headline, #KundBetygText, h1#ArtikelnamnFalt, #PrisFalt .PrisREA, #PrisFalt .PrisBOLD, #PrisFalt .PrisORD {font-size:25px} .Artikellista_PrisKampanj, .PT_Pris, .PT_Pris div, .PT_Pris, .Artikellista_Pris, .Artikellista_PrisStafflade, .Snabbkassa_Flik_Normal div, .Snabbkassa_Flik_Normal span, .Topoffer_Artikelnamn, .Topoffer_Pris, #LankAdressblockAnvnamn b, #LankAdressblockLeveransadress b, .Snabbkassa_Flik_Normal div, .Snabbkassa_Flik_Normal span, .Ingress, .Knapp_Kop a, .Checkout a {font-size:20px} .PrisREA, .PrisORD, .VGPrisStor, .rubrikPris, .rubriker i, .SumTxt, .Sum, .sokrutan i, .Sokfalt, .nyhetsbrevsanmalan input, #SubmitFalt .Knapp_Kop_Tabell_Artikel a, #footer-wrapper h4 {font-size:18px} .feed_item_title {font-size:18px !important} .Knapp_Kop.KKn2 a, .Knapp_Kop.KKn11 a {font-size:16px !important} .bestallningsknapp {font-size:22px} .PT_Beskr a {font-size:16px;} .PT_Text_Kort {padding-top:5px;} .PT_Pris {font-size:16px;} .nav-topmenu ul li a, .PT_Text_Kort, .PT_Status div:before, .PT_Status div:after, .PT_PrisOrdinarie, #ArtnrFaltRad, .small, .blogg-date {font-size:12px} .PT_PrisOrd, .artikel-topplista-pris p, .valutavaljare, .PT_Antalsfalt, .artikel-topplista-text, .artikel-topplista-text p {font-size:10px} /* TEXTEGENSKAPER */ .artikel-topplista-pris p, .PT_PrisOrdinarie {text-decoration:line-through} .navigation_typ_ul_li_kategoriersaknas, .date, .bloggkommentar_tid {font-style:italic} .PT_Antalsfalt, .rubrik-kundvagn, #dialogruta div, .PT_Bildruta, .Antal input, .Artikellista_PrisStafflade, #Bildkolumn, .BildZoomThumbnails a, #PrisFalt {text-align:center} .Artikellista_PrisKampanj, .Artikellista_Pris, .comment, #VarumarkeFalt {text-align:right} .bestallningsknapp, .Snabbkassa_Flik_Normal, .kampanjmenu li > a, .inloggningsruta p, .nav ul.niva1 > li > a, .nav-menu.varumarken, .mobilenav.active .toppmeny a {text-transform:uppercase} .kampanjmenu li ul li a {text-transform:none} .bestallningsknapp, .R-Toggle, .Knapp_Sok_Produkt {cursor:pointer} a.forgotpassword {line-height:normal} #main p, .Ingress {margin:0 0 10px} /* TEXTFÄRGER */ body, a {color:#333} #Felmeddelande h1, #dialogruta div, #dialogruta div a, .nav .nav-menu li ul a, .toppmeny li:hover, .toppmeny .niva2 li a, #InfoAttDelbetalaInline, .leftMenu a, .leftMenu a:hover, .footnav.nav .child a {color:#000;} .nav ul li ul li a {color:#78b848} .Knapp_Kop a, .Knapp_Info a, .Knapp_Kop a:hover, .Knapp_Info a:hover, .Knapp_Generell a, .Knapp_Generell a:hover, .bestallningsknapp, a.CartButton, .Checkout a, .Checkout a:hover, .Varukorg span, .nav-topmenu a, .fa-shopping-cart, .mobilenav-icon, .fa-search, .mobilenav.active .nav ul li a, .submitKnapp input, .footnav ul li a, .knapp_nyhetsbrev a, #moreColors, .footnav.nav a, .Insta .Komplementkolumn > a {color:#fff} .footnav.nav a:hover {color:#ccc} #breadcrumb span, .mobilenav.active .toppmeny a, #ArtnrFaltRad, .sort b {color:#999} #breadcrumb a {color: #343434; font-size: 13px; background: #f1f1f1; border:1px solid #eee; padding: 3px 10px; border-radius: 4px;} #breadcrumb a.BreadCrumbActive {font-weight:bold;} #breadcrumb {color:#fff;} #breadcrumb .BreadCrumbArticle {margin-left: 3px;} a:hover, .PT_PrisOrdinarie, .PT_Pris_Text, .Sokfalt, .footnav.nav .child a:hover {color:#666} .PT_PrisOrd, .PT_PrisKampanj, .PrisPROCENT, .PrisREA, .PrisORD, #PrisFaltStafflade, .Artikellista_PrisKampanj, #KampanjFalt i {color:#cb0000} .Snabbkassa_Varningsmeddelande, #InfoAttDelbetala {color:#cb0000 !important;} /* BAKGRUNDSFÄRGER */ body, #wrapper {background:#f7f7f7;} .R-Toggle.mobile-only, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .Sokfalt {background:#f1f1f1} .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {background:#f9f9f9} .inloggningsruta, #toplineWrapper, #AIRvarukorg-Wrap, .toppmeny .niva2, .toppmeny .niva3, .toppmeny .niva4, .PT_Wrapper, .Topoffer_Tabellbakgrund, .mainContent, .left-prodmeny, .inloggningsruta, .Artgrp_VisaFlerArtiklar_Markerad, .uspPrd {background:#fff} .ProduktinfoFlik td span, .Flik_Beskr_Saknas, .Flik_Normal span, #ListaOmArtiklarSaknas li a:hover, .Artgrp_VisaFler a:hover {background:#f8f8f8} .ProduktinfoFlik td.Markerad span, .Flik.Markerad span, .blogg-content {background:#fff} .Flik_Beskr span:hover, .Flik_Beskr.Markerad span:hover, .Flik_Normal span:hover, .Flik_Markerad span:hover, #ListaOmArtiklarSaknas li a, .footnav.nav .child a:hover, .stallFragaDiv {background:#f4f4f4} .socialgrey {background:#f2f2f2} /* .betyg {background:#f7f7f7; border-radius:10px; border:2px dashed #eee;} */ /* KNAPPAR */ .Knapp_Generell a, .Knapp_Info a, #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"], .Insta .Komplementkolumn > a {background-color:#333; border-bottom:3px solid #000; border-radius:3px;} .Knapp_Generell a:hover, .Knapp_Info a:hover, .Insta .Komplementkolumn > a:hover {background:#1f1f1f} .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp, .Snabbkassa_Medskick_Tabell input[type=checkbox]+label:before {background-color:#37a237; border-radius:3px; border-bottom:3px solid #2e922e;} .Knapp_Kop a:hover, a.CartButton:hover, .Checkout a:hover, .bestallningsknapp:hover {background:#258925;} .nav > ul > li:hover {background-color:#161615;} .leftMenu {background:#f9f9f9;} .close, .closeLink, .knapp_nyhetsbrev a {background-color:#333; border-bottom:2px solid #000; border-bottom-left-radius:2px; border-bottom-right-radius:2px;} .mainContent.startpage {background:transparent} .lowerFooter {border-bottom:1px solid #d4d4d4; border-top:1px solid #d4d4d4;} .ProduktinfoFlik {border-bottom:1px solid #d4d4d4;} .produktYta, .leftMenu.toggled, .stallFragaDiv {border:1px solid #d4d4d4;} .produktYta {border:1px solid #d4d4d4; border-radius:3px;} .produktYta.uspPrd {border:none; border-radius:3px;} .blogg-content {border:1px solid #eee;} .full-width {border-bottom:2px solid #d4d4d4; border-top:2px solid #d4d4d4;} .full-width.blackgrunge {border-bottom:2px solid #333; border-top:2px solid #333;} /* TEXT DECORATION */ .Snabbkassa_Flik_Normal, .R-Toggle.mobile-only, #FaltRader {text-shadow:1px 1px 0 #fff} /*.nav > ul > li > a, .nav > ul > li > i {text-shadow:2px 2px 0 #000} .Knapp_Kop a, a.CartButton, .Checkout a, .bestallningsknapp {text-shadow:2px 2px 0 #0a470a}*/ /* BOX SHADOWS */ .inloggningsruta, .kundtjanstruta, .PT_Wrapper:hover, #AIRvarukorg-Wrap, .nav > ul > li > ul, .Topoffer_Tabellbakgrund, .toppmeny ul { 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);} #AIRvarukorg-Wrap, #LSS_Result, .inloggningsruta {border-bottom:2px solid #ccc; border-bottom-left-radius:2px; border-bottom-right-radius:2px;} a, * a {cursor:pointer !important;} /* -------------------------------------------------------------------------------------------------- Butik: Skriv domännamnet här. Detta CSS är en del av Askås Internetbutik. COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1998-2015. ALLA RÄTTIGHETER RESERVERADE. INNEHÅLLET FÅR EJ KOPIERAS, ÄNDRAS, ANVÄNDAS, LAGRAS ELLER DISTRIBUERAS UTAN TILLSTÅND FRÅN ASKÅS INTERNET- & REKLAMBYRÅ AB. -------------------------------------------------------------------------------------------------- */ @media screen and (min-width : 849px) { i.fa.fa-chevron-down:before {content:'\f0d7';} i.fa.fa-chevron-up:before {content:'\f0d8';} } /* -------------------------------------------------------------------------------------------------- DESKTOP / maxbredd: 1500px -------------------------------------------------------------------------------------------------- */ @media screen and (max-width : 1500px) { .sokrutan {margin-left:10% !important;} .Sokfalt {padding: 0 60px 0 10px !important;} } /* -------------------------------------------------------------------------------------------------- DESKTOP / maxbredd: 1400px -------------------------------------------------------------------------------------------------- */ @media screen and (max-width : 1400px) { #social-float {display:none} } /* -------------------------------------------------------------------------------------------------- DESKTOP / maxbredd: 1200px -------------------------------------------------------------------------------------------------- */ @media screen and (max-width : 1200px) { .startpage.owl-theme .owl-controls .owl-page span { width: 15px; font-size: 15px; height: 15px; } .startpage.owl-theme .owl-controls {margin-top: -40px;} .logo {padding:0 0 0 10px;} #kundvagn {margin:0 10px 0 0;} .topWrapper {padding:0 10px;} .PT_Wrapper .PT_Bildruta {min-height:80px;} #wrapper {overflow:hidden;} .prodmeny ul > li > a {font-size: 12px;} .logo {max-width:40%;} .sokrutan {margin-left:10% !important;} .Sokfalt {font-size:12px !important;} #social-float {display:none} .nav .niva2 {padding: 10px !important;} .meny_img {width:auto !important; height:120px !important;} .usps ul li {margin-left:10px;} .usps {font-size:12px; margin-left:1%;} .full-width, #wrapper > .section, #footer-wrapper > .section {padding-left:10px;padding-right:10px;} /* CUSTOM MOBILE DEVICES */ html {-webkit-text-size-adjust:none; /* Prevent font scaling in landscape */} td, tr {text-overflow:ellipsis; white-space:normal;} .Sokknapp, .Laggikorgen_Antalsfalt, #bestallningsknapp {-webkit-appearance:none;} #BetalningsmetoderRam span, #FraktmetoderRam span, #AviseringsmetoderRam span {height: 183px;margin: 0.5%;width: 32%;} #FraktmetoderRam span, #AviseringsmetoderRam span {height:130px !important;} .Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst {width:100%; min-height:10px;} .Kassan {padding:20px;} /* BETALNINGSMETOD */ #BetalningsmetoderRam span.sp_306 {width:32% !important;} #BetalningsmetoderRam span.sp_306 select {float:none; width:100% !important;} #BetalningsmetoderRam span.sp_306 label {float:none; width:100% !important; text-align:center;} #BetalningsmetoderRam span.sp_306 a {float:none !important; width:100% !important;} #BetalningsmetoderRam span.sp_306 a#SWP_link_info {text-align:center;} #BetalningsmetoderRam span.sp_306 .BetRadio {width:100% !important;} #moreColors.visible {font-size:12px; width:145px;} .Egenskaper_Tabell td select.colors { width: -moz-calc(95% - 145px) !important; width: -webkit-calc(95% - 145px) !important; width: -o-calc(95% - 145px) !important; width: calc(95% - 145px) !important;} #sveawebpay_info {font-size: 10px;} .PT_PrisKampanj {font-size:16px;} } /* -------------------------------------------------------------------------------------------------- DESKTOP / maxbredd: 1050px -------------------------------------------------------------------------------------------------- */ @media screen and (max-width : 1050px) { .Sokfalt {height:50px !important; line-height:50px !important;} .Varukorg, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart {line-height:50px;} .Sokknapp {height:50px; width:50px; line-height:50px;} .LSS_Input:after {font-size:20px; padding:13px 16px 16px 16px;} #kundvagn {height:50px;} #wrapper {padding:183px 0 20px 0;} .PT_Wrapper {width:23.8% !important;} .PT_Wrapper:nth-child(5n+6) {margin-left:1.6% !important;} .PT_Wrapper:nth-child(4n+5) {margin-left:0 !important;} .PT_Wrapper_Filter .PT_Wrapper {margin: 0.6% !important;} .PT_Wrapper_Filter .PT_Wrapper:nth-child(5n+6) {margin-left:0.6% !important;} .PT_Wrapper_Filter .PT_Wrapper:nth-child(4n+5) {margin-left:0.6% !important;} .start-15 .PT_Wrapper:nth-child(1n+13) {display:none;} .start-5 .PT_Wrapper:nth-child(1n+5) {display:none;} .whitegrunge { min-height: 100px;} } /* -------------------------------------------------------------------------------------------------- DESKTOP / maxbredd: 970px -------------------------------------------------------------------------------------------------- */ @media screen and (max-width : 970px) { .socialtop {display:none;} #moreColors.visible {font-size:10px; width:125px;} .Egenskaper_Tabell td select.colors { width: -moz-calc(95% - 125px) !important; width: -webkit-calc(95% - 125px) !important; width: -o-calc(95% - 125px) !important; width: calc(95% - 125px) !important;} .valjFarg {font-size:10px;} .usps {font-size:12px; margin-left:0%;} } /* -------------------------------------------------------------------------------------------------- MOBIL / maxbredd: 850px -------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 850px) { /*GRID*/ body {overflow-x:hidden;} .col {margin:1% 0 1% 0%;} .span_1_of_1{width:100%}.span_2_of_2{width:100%}.span_1_of_2{width:100%}.span_3_of_3{width:100%} .span_2_of_3{width:100%}.span_1_of_3{width:100%}.span_4_of_4{width:100%}.span_3_of_4{width:100%} .span_2_of_4{width:100%}.span_1_of_4{width:100%}.span_5_of_5{width:100%}.span_4_of_5{width:100%} .span_3_of_5{width:100%}.span_2_of_5{width:100%}.span_1_of_5{width:100%}.span_6_of_6{width:100%} .span_5_of_6{width:100%}.span_4_of_6{width:100%}.span_3_of_6{width:100%}.span_2_of_6{width:100%} .span_1_of_6{width:100%}.span_7_of_7{width:100%}.span_6_of_7{width:100%}.span_5_of_7{width:100%} .span_4_of_7{width:100%}.span_3_of_7{width:100%}.span_2_of_7{width:100%}.span_1_of_7{width:100%} .span_8_of_8{width:100%}.span_7_of_8{width:100%}.span_6_of_8{width:100%}.span_5_of_8{width:100%} .span_4_of_8{width:100%}.span_3_of_8{width:100%}.span_2_of_8{width:100%}.span_1_of_8{width:100%} .span_9_of_9{width:100%}.span_8_of_9{width:100%}.span_7_of_9{width:100%}.span_6_of_9{width:100%} .span_5_of_9{width:100%}.span_4_of_9{width:100%}.span_3_of_9{width:100%}.span_2_of_9{width:100%} .span_1_of_9{width:100%}.span_10_of_10{width:100%}.span_9_of_10{width:100%}.span_8_of_10{width:100%} .span_7_of_10{width:100%}.span_6_of_10{width:100}.span_5_of_10{width:100%}.span_4_of_10{width:100%} .span_3_of_10{width:100%}.span_2_of_10{width:100%}.span_1_of_10{width:100%}.span_11_of_11{width:100%} .span_10_of_11{width:100%}.span_9_of_11{width:100%}.span_8_of_11{width:100%}.span_7_of_11{width:100%} .span_6_of_11{width:100%}.span_5_of_11{width:100%}.span_4_of_11{width:100%}.span_3_of_11{width:100%} .span_2_of_11{width:100%}.span_1_of_11{width:100%}.span_12_of_12{width:100%}.span_11_of_12{width:100%} .span_10_of_12{width:100%}.span_9_of_12{width:100%}.span_8_of_12{width:100%}.span_7_of_12{width:100%} .span_6_of_12{width:100%}.span_5_of_12{width:100%}.span_4_of_12{width:100%}.span_3_of_12{width:100%} .span_2_of_12{width:100%}.span_1_of_12{width:100%} /* SCROLL */ .scroll #kundvagn, .scroll .sokrutan {margin-top:0 !important; margin-bottom:0 !important;} .scroll .logo img {height:auto; width:auto;} .header-wrapper {position:fixed; top:0;} .header .topWrapper {display:none;} /* ARBETSYTA */ #wrapper > .section, #footer-wrapper > .section {padding-left:0px; padding-right:0px;} #topbar {position:relative;} #main {margin-top: 15px;} /*.header {padding:5px 0;}*/ .header-wrapper {z-index:5;} .topbar.content {padding:0 10px 0 0;} .blue-shadow {border-bottom:1px solid #1d598c;} #wrapper {padding:40px 10px 10px 10px;} .section.full-width {width: 100%; width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: -o-calc(100% + 20px); width: calc(100% + 20px); max-width:none !important; margin:2% 0 2% -10px !important; padding:0 10px !important;} .startpage.section.full-width {margin-top: 0 !important;} .sokrutan, #AIRvarukorg-Wrap {width:100%;} .logo {width:auto; max-width:70%; left:50%; transform: translateX(-50%); -webkit-transform:translateX(-50%); margin:7px 0 0 0; padding:0; position:absolute!important; top:0;} .logoWrapper .fiskar {display:none;} .logo img {width:auto; max-height:28px;} .sokrutan{margin:10px 0px; margin-left: 0px !important; position:absolute; display:block; -webkit-transition:-webkit-transform .5s; -moz-transition:-moz-transform .5s; -ms-transition:-ms-transform .5s; -o-transition:-o-transform .5s; transition:transform .5s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} .sokrutan.active {-webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px);} .logoWrapper .section {z-index:999; background:#fff;} .logoWrapper .sokrutan {z-index:990;} .soktoggle.active {content:"\f0c9";} #LSS_Result {top:50px; width:100%; margin:0; padding:10px; max-height:330px; overflow-y:scroll;} #LSS_Result #LSS_Close {right:-10px;} #kundvagn {position:static; background:transparent;} #kundvagn, .sokrutan {margin-top: 0 !important;} .soktoggle {display:inline-block; padding:8px 0 0;} .mobilenav-icon {cursor:pointer; display:block; float:left; padding:8px 15px 0 10px;} .Kassan {padding:0px;} /* DOLDA OBJEKT */ .Checkout, .prodmeny.nav, .toppmeny, .usps {display:none;} /* FOOTER */ #footer-wrapper, .txtRight {text-align:center;} #footer-wrapper {padding:0 10px;} .footer-content {padding:10px 0px; margin:0px; border-top:1px solid #ddd; border-right:0px; min-height:50px;} #footer-wrapper div .span_2_of_12 img {max-height:150px; width:auto;} #nyhetsbrev_footer .span_4_of_5 {width:79.68%;} #nyhetsbrev_footer .span_1_of_5 {width:18.72%;} /* ARTIKELGRUPP */ .ArtgrpHeadline {font-size:2em;} .Artgrupp_header b {width:30%; float:left; height:20px; line-height:20px; margin:0 0 5px } .Artgrupp_header span select {width:100%;} #ListaOmArtiklarSaknas li a {font-size:20px; padding:0px; text-align:center; line-height:40px; height:40px;} .PT_Knappar table, .PT_Knappar .Knapp_Kop, .PT_Knappar a {width:100%;} .PT_Pris {padding-left:0;} .PT_PrisKampanj {float:left; clear:none; margin-top:0; margin-right:5px;} .Artgrp_Sorteringsordning a {margin:0 1%;} .Egenskaper_Tabell td {line-height:normal; width:100%; display:block;} .Egenskaper_Tabell td select {margin:0;} .Set_Falt_Wrap select {max-width:100%} /* PRODUKTBESKRIVNING */ #ArtikelnamnFalt {margin:10px 0px; text-align:center; font-size:2em;} #PrisFalt, #PrisFaltStafflade, #VarumarkeFalt {text-align:center;} #VarumarkeFalt {margin: -15px 0 15px 0;} .valjFarg {font-size:14px;} .ProduktinfoFlik td span {padding: 0 10px; height: 40px; line-height: 40px; font-size:12px;} .ProduktinfoFlik {height: 40px;} .spanHead {width:100%; display:inline-block; position:relative !important; text-align:center;} .Instatagg {font-size:16px;} .Instatagg div {float:none; margin-left:0px;} /* ARTIKELLISTA */ #ProduktLista .PT_Beskr {height:auto; width:70%;} #ProduktLista .PT_Beskr a {vertical-align:top; height:auto;} #ProduktLista .PT_wrapper .PT_Beskr {margin: 1% 1.6% 1% 0;} #ProduktLista .PT_wrapper > .span_3_of_12 {width:28%;} #ProduktLista .PT_wrapper > .PT_Bildruta.span_3_of_12 {width:100%;} #ProduktLista .PT_Pris {line-height:normal; text-align:right; height:auto; margin-bottom:5px;} #ProduktLista .PT_Knappar {margin-bottom:5px;} /* KASSA / VARUKORG / DIN SIDA */ .Varukorg .AIRvarukorg-Arrow:before, .logoWrapper i {color:#ccc; font-size:22px;} .Varukorg .AIRvarukorg-Arrow {margin-right:-5px;} .Kassan {width:100%;} .Varukorg {min-width:inherit;} #kundvagn {border-bottom:0px !important; height:40px;} .Checkout a {font-size:18px;} .Varukorg, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart {line-height: 40px;} .socialtop.col {height: 25px; line-height: 17px; margin-top: 4px;} .socialtop.col a:before {position:relative; top:2px;} .login i.fa {font-size:16px;} #AIRvarukorg-Wrap .Checkout {display:block;} .AIRvarukorg-Text {display:none;} #AIRvarukorg-Wrap {right:0px; top:42px;} #AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap {font-size:12px; width:40%; line-height:16px; padding-top:5px;} .AIRvarukorg-Sum {display:none !important;} .Varukorg span.AIRvarukorg-Qty {background:#343434; height:25px; line-height:25px; padding:0 10px; font-size:16px; border-radius:100%; margin:2px 5px 5px;} .Snabbkassa_Varukorg {padding:10px;} .Snabbkassa_Varukorg_Tabell {-moz-box-sizing:border-box; max-width:100%;} .Snabbkassa_Varukorg_Tabell td {white-space:normal;} .Snabbkassa_Varukorg_Tabell_Rad .Antal a {width:100%; clear:left; display:block; padding-top:5px;} .Snabbkassa_Varukorg_Tabell_Rad .Antal .Snabbkassa_Varukorg_Tabell_Rad_st {display:none;} #Felmeddelande {top:2%; width:90%;} #AdressblockLoggain table tbody tr td input {width:100px;} #AdressblockPaminnare table tbody tr td {width:100%; float:left; text-align:left !important; margin:1px 0px;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {width:100%;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad_medskick td#antal1 {line-height:20px;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal .SubKassa, .Snabbkassa_Varukorg_Tabell_Rad td.Antal .AddKassa {line-height: 40px;} #Klarna_InvoiceContainer, #overDiv, #InforutaRabattkodPresentkod {display:none !important;} .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum, #wrapper, .footer, .topline, #kundvagn, #wrapper, .footer {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #LankAdressblockAnvnamn .Snabbkassa_Kunduppgift_Etiketter, #LankAdressblockLeveransadress .Snabbkassa_Kunduppgift_Etiketter {width:0 !important;} .Snabbkassa_Kunduppgift_Etiketter {font-size:13px; line-height:20px;} #BetalningsmetoderRam span, #FraktmetoderRam span, #AviseringsmetoderRam span, #BetalningsmetoderRam span.sp_306 {height:183px;margin: 0.5%;width: 49% !important;} #FraktmetoderRam span, #AviseringsmetoderRam span {height:130px !important;} .Kundtjanst table tbody tr td div b, .produktSlutRubrik {margin-top:20px; margin-bottom:0; height: 25px;} .Kundtjanst table tbody tr td div b, .Kundtjanst table tbody tr td div div, .Presentkortsruta {width:100%;} .GodkannaVillkorochBestallningsknappRam td {width:100%; display:block; text-align:center;} #GodkannaVillkorRam {margin:10px 0;} .Snabbkassa_Varukorg_Tabell_Rad td.Rabatt {width: 13.5%;} .Snabbkassa_Varukorg_Tabell_Rad td.Pris {width: 17.5%;} .Snabbkassa_Varukorg_Tabell_Rad .Antal a {width: -moz-calc(100% + 60px); width: -webkit-calc(100% + 60px); width: -o-calc(100% + 60px); width: calc(100% + 60px); clear: left; display: block; margin: 0 0 0 -60px; padding: 10px 0 0;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad_medskick td#antal1 {width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px);} .Snabbkassa_Varukorg_Tabell_Rad .Rabatt, .Snabbkassa_Varukorg_Tabell_Rad .Pris {position:absolute; right:5px; width:auto !important;} .Snabbkassa_Varukorg_Tabell_Rad .Pris b {margin-right:10px;} .Snabbkassa_Varukorg_Tabell_Rad .Rabatt {right:110px;} .Snabbkassa_Varukorg_Tabell_Rad {position:relative;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal {height:auto !important; overflow:visible !important;} #SWP_ExtraPostNr {margin-bottom:10px;} .Pnr_Tabell .Knapp_Generell_Vanster, .Pnr_Tabell .Knapp_Generell_Hoger {display:none;} /* FYNDA I KASSAN */ .FyndaIKassan .PT_Wrapper {width:100% !important; margin:0 !important;} .FyndaIKassan .PT_Wrapper .span_1_of_2:first-child {width:25%;} .FyndaIKassan .PT_Wrapper .span_1_of_2:last-child {width:75%; padding:0 10px;} .FyndaIKassan .PT_Wrapper .PT_Beskr {height:auto !important; margin-top:30px;} .FyndaIKassan .Knapp_Kop_Tabell {float:right; clear:none;} .FyndaIKassan .PT_Wrapper:nth-child(1n+3) {display:none;} /* MAGICZOOM */ .MagicThumb-background {position:relative !important;} /* FILTER */ .filter.toggle{display: inline-block; width: 100%; background:#eee; border:1px solid #ddd;margin:0;} .filter.toggle div.active{display:inline-block; text-align:center;} .filter.toggle div{display: none;} .Filter{display:none;} .Filter.active{display:inline-block; width: 100%;} .Filter ul > li{width:100% !important; margin:1% 0 1% 0 !important;} .nyF .Filter ul.Grupp_2 {width:100% !important;} .nyF .Grupp_1 .Filt .Beskr span:after {content:"\f078"!important;} .filterDrop, .leftMenu {position:relative !important;} /* STARTSIDAN */ .startpage .span_2_of_4 {width:49.2%;} .startpage .span_1_of_4 {width:23.8%; margin:1% 0 1% 1.6%;} .soder-start .col {padding-top:0 !important;} .soder-start .col img {margin:0 auto; max-width:200px;} .soder-start .col {text-align:center;} /* INLOGGNINGSRUTA */ .inloggning {float:left; position:relative; width:100%;} .inloggning a.login {border:none; margin:0; padding:0 10px; height:40px; line-height:40px; color:#f9f9f9;} .inloggning a.login > i {margin-right:10px;} .inloggning a.login span i {position: absolute; right: 10px; top: 10px;} .inloggning a.login.active span i:before {content:"\f077";} .inloggning a.login span {display:inline-block;} .inloggning a.login.active {color:#999;} .inloggning a.login.active span i {color:#f9f9f9;} .inloggningsruta {width:100%; margin:0; background:transparent; border-bottom:0px; border-top:1px solid #666; box-shadow:none; -webkit-box-shadow:none; padding-top:0; color:#fff; position:initial;} .inloggningsruta a {color:#fff;} .inloggningsruta a:hover {color:#999;} .inloggningsruta .close {display:none;} /* FOOTNAV */ .footnav.nav {text-align: left!important; margin: 0 auto; height: auto; line-height: 40px;} .footnav.nav span {height:auto; display:block; width:100%; margin:0; padding:0; border-bottom:1px solid #333;} .footnav.nav .child {position: initial; background: #fff; border: 0px; width: 100%; height: auto; padding: 0; max-height: none; overflow-y: visible; left:0;} .footnav.nav a {height:40px; line-height: 40px; padding:0 10px; width:100%; display:block;} .footnav.nav a i {position:absolute; right:0; font-size:16px; line-height:40px;} .footnav.nav .child a {display:block; width:100%; margin:0; border-bottom:1px solid #f4f4f4;} .footnav.nav a:hover {color: #fff;} /* KONTAKTFORMULÄR */ #kontaktformular label, #kontaktformular input[type="text"], #kontaktformular input[type="submit"], #kontaktformular textarea{width:100%; margin:2% 0;} #kontaktformular label {float:left;font-weight:bold;height:auto;line-height:16px;margin-bottom:1%;} .largeBtn, .largeBtn a {width:100%; text-align:center;} /* FLAGGOR */ .flags {float:left;} .flags a {display: block; margin-left: 10px; margin-bottom: 5px; clear: both; height: 30px; line-height: 30px; color: #fff;} .flags a img {float:left; display:block;} .flags a span {display:block; float:left; margin-left:5px;} .flags a.selected span {font-weight:bold;} /* /* INFO */ .infofloat {width:100%; height:auto; float:right; clear:right; color:#fff; padding:10px; margin-top:20px;} .infofloat:before {display:none;} .infofloat { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} } /* ------------------------------------------ */ @media all and (max-width: 850px) { .whitegrunge { min-height: 0px;} .PT_Wrapper {width:49.2% !important;} .PT_Wrapper:nth-child(4n+5) {margin-left:0 !important;} .PT_Wrapper:nth-child(5n+6), .PT_Wrapper:first-child {margin-left:0 !important;} .PT_Wrapper:nth-child(2n+2) {margin-left:1.6% !important;} .PT_Wrapper {width:49.2% !important;} .PT_Wrapper_Filter .PT_Wrapper {margin:0.4% !important;} .PT_Wrapper_Filter .PT_Wrapper:nth-child(4n+5) {margin-left:0.4% !important;} .PT_Wrapper_Filter .PT_Wrapper:nth-child(5n+6), .PT_Wrapper_Filter .PT_Wrapper:first-child {margin-left:0.4% !important;} .PT_Wrapper_Filter .PT_Wrapper:nth-child(2n+2) {margin-left:0.4% !important;} .headline, #KundBetygText {font-size: 18px;} h1#ArtikelnamnFalt {font-size: 21px;} .mainContent {padding:2%;} .PT_Wrapper .PT_Text_Kort, #breadcrumb {display:none;} .PT_Wrapper .PT_Beskr a {font-size:14px;} .PT_Pris {height:45px;} .PT_Wrapper .PT_Pris, .PT_Wrapper .PT_Pris div, .PT_Wrapper .PT_Pris span {font-size:18px; line-height: 40px;} .PT_Wrapper .PT_Pris span.PT_PrisOrdinarie {font-size:15px} .Snabbkassa_Flik_Normal div, .Snabbkassa_Flik_Normal span {font-size:15px !important;} .Snabbkassa_Kunduppgift_Etiketter {width:38%;} p.SKM_PNr {width: 38% !important;float: left;margin: 0 1% 0 0 !important;} input#Pnr {width:90%;} .Pnr_Tabell tbody, .Pnr_Tabell tr, .Pnr_Tabell td { width: 100%;display: inline-block;} .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort {width:55%;} .Snabbkassa_Kundfalt_Marginal.SKM_PNr label {line-height:15px;} .Kunddata #Adressblock table{width:100%;} .Kunddata #Adressblock table.Pnr_Tabell {width: 61%;} #KreditorInfo {font-size:11px;} #AdressblockLoggain .Snabbkassa_Kunduppgift_Etiketter {width:100%;} #minsidaDrop ul li ul li {padding:10px; margin:0; text-align:center; width:49%;} #minsidaDrop li span a::before {font-size:40px;} .OrderTable {max-width:320px; overflow-x:scroll; display:block;} .IkonNyhetArtgruppFaltSV .PT_UtskriftIkonNyhet:after, #IkonNyhetFaltSV .Ikon_Nyhet:after, .IkonKampanjArtgruppFaltSV .PT_UtskriftIkonKampanj:after, #IkonKampanjFaltSV .Ikon_Kampanj:after {font-size:11px; height:50px; line-height:50px; width:50px;} .IkonKampanjArtgruppFaltSV, .IkonKampanjArtgruppFaltNO, .IkonKampanjArtgruppFaltFI, .IkonKampanjArtgruppFaltDK, .IkonNyhetArtgruppFaltSV, .IkonNyhetArtgruppFaltNO, .IkonNyhetArtgruppFaltFI, .IkonNyhetArtgruppFaltDK {top:0px;} a#Pnr_Knapp {font-size:13px !important;} input#GodkannaVillkorCB {width:20px; height:20px; background:#fff; border:1px solid #000;} #LankKassanAngeAdress label.Snabbkassa_Kunduppgift_Etiketter, .LankLoggain label.Snabbkassa_Kunduppgift_Etiketter {display:none;} .produktSlutRubrik {display:block; width:100%;} .produktSlutInputs {width: 100%;} .produktSlutText {float:left; width:100%;} #VarumarkeFalt img {position: relative; float: right; margin: -5px 0 0 0;} .TextKort {padding-right: 0px;} h1 {font-size:21px;} .Bestall_Ejkomplett h1 {font-size:16px;} .Nyhet table td {width: 100%; display: block;} .Nyhet table input[type="text"] {max-width: 90%;} } /* -------------------------------------------------------------------------------------------------- MOBIL / maxbredd: 650px -------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 650px) { /* STARTSIDAN */ .startpage .span_2_of_4 {width:100%;} .startpage .span_1_of_4 {width:49.2%;} .startpage .span_1_of_4 {margin-left:0;} .startpage .section .col:last-child {margin-left:1.6%;} .PT_UtskriftIkonKampanj {width:50px; height:50px; z-index:100;} .IkonKampanjArtgruppFaltSV .PT_UtskriftIkonKampanj:before {font-size:18px; line-height:50px;} .valjFargTR td {display:block; clear:both; width:100%;} .valjFargTR td:first-child {line-height:20px;} .Egenskaper_Tabell td select.colors { width: -moz-calc(97.5% - 125px) !important; width: -webkit-calc(97.5% - 125px) !important; width: -o-calc(97.5% - 125px) !important; width: calc(97.5% - 125px) !important; margin:0 2.5% 0 0;} #BetalningsmetoderRam span, #FraktmetoderRam span, #AviseringsmetoderRam span, #BetalningsmetoderRam span.sp_306 {height:auto;margin: 0.5%;width: 100% !important;} #FraktmetoderRam span, #AviseringsmetoderRam span {height:auto !important; width: 100% !important;} #SWP_ExtraPostNr table td:after {display:block; position: relative; margin-left: 0px; margin-top:5px;line-height: 15px;} #Adressblock .LankLoggain a {margin: 0 !important; float:left;} #divCompany {margin-top:10px;} .Snabbkassa_Medskick_Tabell tr, .Snabbkassa_Medskick_Tabell td {display: flex; display:-webkit-flex; flex-direction: column;} td#PrisFaltOrd1, td#PrisFaltTot1 {text-align: center;} .Snabbkassa_Medskick_Tabell .Medskick_Val.Medskick_Input{margin:0 auto; height:48px;} } /* -------------------------------------------------------------------------------------------------- MOBIL (KASSAN) / maxbredd: 400px -------------------------------------------------------------------------------------------------- */ @media screen and (max-width: 400px) { .Snabbkassa_Varukorg_Tabell_Rad .Rabatt {right:40px; top:25px;} .Snabbkassa_Varukorg_Tabell_Rad .Rabatt, .Snabbkassa_Varukorg_Tabell_Rad td.Pris {line-height:22px !important; min-height:22px !important;} .Snabbkassa_Varukorg_Tabell .remove-it {line-height:40px} #SubmitFalt .Knapp_Kop_Tabell_Artikel a {font-size:14px;} #OrderFalt, #KampanjFalt {margin: 0 0 !important;} .Kassan .Antal input {padding:6px 3px !important;} .AddKassa, .SubKassa {width:25px !important;} } @media screen and (max-width: 350px) { .Snabbkassa_Kunduppgift_Etiketter, .Kunddata #Adressblock table.Pnr_Tabell {width:100%;} .Snabbkassa_Kundfalt_Marginal input[type='text'], .Snabbkassa_Kundfalt_Marginal select, .Pnr_Tabell input {width:90%;} .PT_EgenskapIkon_FlerFarger div:after {font-size:11px; white-space:nowrap;} } /* -------------------------------------------------------------------------------------------------- NAV / MENY -------------------------------------------------------------------------------------------------- */ /* PRODUKTMENY */ .nav {width:100%; float:left; position:relative;} .nav > ul > li {height:45px; line-height:45px; display:inline-block; float:left;} .nav ul li i {display:none; float:right; color:#fff; font-size:16px !important; line-height:43px; margin-right: 10px;} .nav > ul > li > i {display:block;} .nav > ul > li.clicked > ul {display:block;} /* Nivå 1 */ .prodmeny {z-index:5;} .prodmeny > ul {padding:0; margin:0;} .nav .niva1 li a {color:#fff; display:block; padding:0 10px; float:left;} /* Bilder */ .meny_img a {padding:0 !important;} .meny_img {width: 150px; height: 150px; border: 1px solid #ddd; border-radius: 10px; position: relative; background: #fff;} .meny_img img {left: 50%; max-height: 100px; max-width: 107px; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);} .nav li.clicked .niva2 {display:block !important;} /* Nivå 2 */ .nav .niva2 {display:none; background:#fafafa; left:0; list-style:none; margin:0; position:absolute; top:45px; width:100%; z-index:9999; padding: 25px; max-height: none; overflow: hidden;} .nav .niva2 > li {width: 13%; float: left; padding: 0; margin: 0 4.4% 0 0; text-align: center;min-height: 210px;} .nav .niva2 > li:nth-child(6n) {margin-right: 0;} .nav .niva2 li a {text-transform:uppercase; color:#343434; font-weight:700; width:100%; line-height: normal; text-shadow: none; margin: 10px 0 0 0; height: auto;} .nav .niva2 li > a {padding:0;} /* Nivå 3 */ .nav .niva2 .niva3 {display: block; padding: 5px 0;} .nav .niva2 .niva3 li {width: 100%; height: auto; border-right: none;} .nav .niva2 .niva3 li a {text-transform:none; color:#000; font-weight:normal; padding:2px 10px !important; height: auto;} /* Visa mer */ .nav .niva2 .niva3 li:nth-child(1n+4) {height:0px; display:none;} .nav .niva2 .niva3 li:nth-of-type(1n+4) {text-indent:-99999px;} .showMore {display:none !important;} .showMore.showMore-visible {display:block !important;} .showMore:after {background: none repeat scroll 0 0 #000;box-shadow: 2px 2px 0 #c7c7c7;color: #fff;content:"Visa mer"; cursor:pointer;font-size:10px;font-weight:normal; height:20px; line-height:20px; margin:0; padding:3px 5px;text-transform: uppercase;bottom:15px;} /* FOOTER */ .footnav ul.niva2 {width: 100%;} .footnav ul.niva2 li {text-align: left;} .footnav ul.niva2 li a {width:100%; height:100%; font-weight:normal; display:block;} /* ---------------------------- VÄNSTERMENY ---------------------------- */ .left-prodmeny ul li.active > a, .left-prodmeny ul li.active-parent > a {font-weight:700 !important;} .left-prodmeny ul li ul {display: none;} .left-prodmeny ul {list-style:none; margin:0;} .left-prodmeny .prods a {width:100%; padding:10px; /*border-bottom:1px solid #d6d6d6;*/ font-size:13px;} .left-prodmeny .prods i {float:right; padding-top:2px;} .left-prodmeny .prods .niva2 li a {padding-left:20px;} .left-prodmeny .prods .niva3 li a {padding-left:30px;} .left-prodmeny .prods .niva4 li a {padding-left:40px;} .left-prodmeny .prods .niva2 {background: #eeeeee;} .left-prodmeny .prods .niva3 {background: #f4f4f4;} .left-prodmeny .prods .niva4 {background: #ffffff;} .left-prodmeny .prods .niva2 i, .left-prodmeny .prods .niva3 i {color:#999;} /* ---------------------------- VÄNSTERMENY 2 ---------------------------- */ /*SELECT*/ .select {font-size:16px; padding:0; height:40px; line-height:40px; border:1px solid #ddd; width:100%; cursor:pointer !important;} .select span {padding:0 10px; font-weight:700;} .select i {float:right; font-size:24px; line-height: 38px; padding:0 10px; border-left:1px solid #ddd; color:#343434; background:#f4f4f4;} .artMenu #level1_2 {margin:0;} .artMenu #level1_2 .child-ul > li:before {content:""; margin:0 !important;} /*.artMenu li.active > .child-ul-level3 {display:block;}*/ .artMenu li.active-parent:before {content:""; margin:0 !important;} .artMenu li.ShowAll {display:none;} .artMenu li {position:relative !important;} .artMenu li {margin:0;} .artMenu li a {width: 100%; display: block; line-height: 30px; border-bottom: 1px solid #eee;} .artMenu .child-ul-level3 {display:none;} .artMenu li.active > .child-ul-level3 {display:block;} .artMenu li.active > a, .artMenu li.active:before {display:none;} .artMenu li.hide {display:none;} /* show/hide */ .prods ul, .prods ul li, .prods ul li a, .prods ul > li.active > ul, .prods ul > li.active-parent > ul, .prods ul > li.active-parent > ul > li.active > ul, .prods ul > li.active-parent ul > li.active > ul {display:block;width:100%;float:left;} .prods ul li ul, .prods ul li ul li ul {display:none;} .prods li.active-parent > a > i:before, .prods li.active > a > i:before {content:'\f0d8'; font-family:FontAwesome;} /* ----- */ /* TOPPMENY WEBBSIDOR */ .toppmeny ul {list-style:none;} .toppmeny ul li ul li {width:100%; display:block;} .toppmeny ul li:hover > ul {display:block;} .toppmeny li:hover, .toppmeny ul li ul > li:hover {background:#ddd;} .toppmeny ul li i {display:none;} .toppmeny li {height:40px; line-height:40px;} .toppmeny a {padding:0 10px;} .toppmeny.active {display:block;} /* Nivå 1 */ .toppmeny .niva1 li {float:left; position:relative;} .toppmeny .niva1 li a {display:block; width:100%; float:left;} /* Nivå 2 */ .toppmeny .niva2 {width:220px; position:absolute; top:35px; padding:0px; display:none; z-index:1000;} /* Nivå 3 */ .toppmeny .niva3 {top:0px; display:none; position:absolute; left:220px; width:100%;} /* Nivå 4 */ .toppmeny .niva4 {top:0px; display:none; position:absolute; left:220px; width:100%;} /* KAMPANJMENY, VARUMÄRKESMENY */ .nav .nav-menu li ul {background:#fff; display:none; list-style:none; margin:0; padding:10px; position:absolute; top:40px; width:280px; z-index:999; max-height:445px; overflow-y:scroll;} .nav .nav-menu li a {display:table; color:#fff; height:40px; line-height:43px; padding:0 10px; float:left;} .nav .nav-menu > li a {height:43px; text-transform:uppercase; font-weight:bold;} .nav .nav-menu li ul a {text-transform:none; display:table; width:100%;} .nav-menu li a:before {font-family:FontAwesome; color:#fff;} /* WEBB-SIDOMENY */ #WebbMeny, .kampanjmenu {width:100%} #WebbMeny li {list-style:none;} #WebbMeny li a, .ruta.R-Toogle-area a {display:inline-block; height:20px; line-height:20px; width:100%;} #WebbMeny ul ul, .kampanjmenu ul ul {padding:0px 0px 0px 10px} /* FOOTERMENY */ @media screen and (max-width: 850px) { /* MENY */ .mobilenav {display: block; position: fixed; top: 0; left: 0; height: 100%; z-index: 60000; overflow-y: auto; overflow-x: hidden; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); background:#444;} .mobilenav.active {width:85%; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} #bodywrapper.active {width:100%; min-height:100%; -webkit-transform: translateX(85%); -moz-transform: translateX(85%); -ms-transform: translateX(85%); -o-transform: translateX(85%); transform: translateX(85%); -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; overflow-x: hidden; overflow-y: hidden; overflow: hidden;} .navWrapper {border-bottom:2px solid #eee !important;} .header-wrapper.nav-active .mobilenav-icon i:before {content: "\f00d";} .header-wrapper.nav-active {-webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform: translateX(85%); -moz-transform: translateX(85%); -ms-transform: translateX(85%); -o-transform: translateX(85%); transform: translateX(85%);} .header-wrapper, #bodywrapper {-webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .prodmeny ul > li > a {font-size: 14px !important;} .nav .niva2 {padding:0px !important;} .mobilenav.active .nav {display:block; border:none;} .mobilenav.active .nav > ul > li i {display:block; float:right; text-align:right; line-height:35px; padding:5px 10px 5px 0; margin:0; width:18%; color:#fff;} .mobilenav.active .nav > ul > li:hover {background:none;} .mobilenav.active .nav ul li:hover ul, .mobilenav.active .nav .niva2 li:hover ul, .mobilenav.active .nav .niva3 li:hover ul, .mobilenav.active .nav .niva4 li:hover ul {display:none;} .mobilenav.active .nav ul li.active > a, .nav ul li.active-parent > a {font-weight:bold;} /* Nivå 1 */ .mobilenav.active .nav .niva1 li {width:100%; height:auto; border-bottom:1px solid #333;} .mobilenav.active .nav .niva1 li a {display:inline-block; width:80%; line-height:45px;} /* Nivå 2 */ .mobilenav.active .nav ul li .niva2, .mobilenav.active .nav ul li .niva2 {display:none;} .mobilenav.active .nav ul li.active .niva2 {display:block; position:relative; background:#f4f4f4;} .mobilenav.active .nav .niva2 {border-top:1px solid #ccc; padding:0; margin:0; top:0; position:relative; float:left; box-shadow:none; display:none; max-height:inherit; overflow-y:inherit;} .mobilenav.active .nav .niva2 .meny_img {display:none;} .mobilenav.active .nav .niva2 li {margin:0; text-align:left; min-height:0px; border-bottom:1px solid #ddd;} .mobilenav.active .nav .niva2 li:last-child {border-bottom:none;} .mobilenav.active .nav .niva2 li a {padding:0 0 0 20px; margin:0; color:#333;} .mobilenav.active .nav .niva2 li.active a, .mobilenav.active .nav .niva2 li.active-parent a {color:#343434 !important; font-weight:900 !important;} /* Nivå 3 */ .mobilenav.active .nav .niva2 li.active .niva3 {display:block; position:relative; background:transparent;} .mobilenav.active .nav .niva3 {width:100%; padding:0 0 0 10px; box-shadow:none; display:none;} .mobilenav.active .nav .niva3 li {width:100%; display:inline-block;} .mobilenav.active .nav .niva3 li:last-child {border-bottom:none;} .mobilenav.active .nav .niva3 li a {padding:5px 0;} /* Nivå 4 */ .mobilenav.active .nav .niva3 li.active .niva4 {display:block; position:relative; background:transparent;} .mobilenav.active .nav .niva4 {width:100%; padding:0 0 0 10px; box-shadow:none; display:none;} .mobilenav.active .nav .niva4 li {width:100%; display:inline-block;} .mobilenav.active .nav .niva4 li:last-child {border-bottom:none;} .mobilenav.active .nav .niva4 li a {padding:5px 0;} /* KAMPANJMENY, VARUMÄRKESMENY */ .mobilenav.active .nav .nav-menu li {width:100%; height:auto; line-height:50px; border-bottom:1px solid #333;} .mobilenav.active .nav .nav-menu li a {display:inline-block; width:80%;} .mobilenav.active .nav .nav-menu li.active .child-ul a {width:100%; border-bottom:1px solid #333; padding:0;} .mobilenav.active .nav .nav-menu li.active .child-ul li, .mobilenav.active .nav .nav-menu li.active .child-ul a:last-of-type {border-bottom:none;} .mobilenav.active .nav .nav-menu li .child-ul {box-shadow:none; display:none; float:left; margin:-10px 0 0; max-height:inherit; overflow-y:inherit; padding:0 0 0 20px; position:relative; top:0;} .mobilenav.active .nav .nav-menu li.active .child-ul {display:block !important; position:relative; top:0; left:0; background:transparent; width:100%;} /* TOPPMENY WEBBSIDOR */ .mobilenav.active .toppmeny {width:100%; display:block; border-top:1px solid #333; margin:-1px 0 0 0;} .mobilenav.active .toppmeny li {line-height:inherit;} .mobilenav.active .toppmeny > ul > li {height:40px; line-height:40px;} .mobilenav.active .toppmeny > ul > li i {display:block; float:right; line-height:35px; padding:5px 0 5px 0; margin:0 10px 0 0; color:#999;} .mobilenav.active .toppmeny > ul > li:hover {background:none;} .mobilenav.active .toppmeny ul li:hover ul, .mobilenav.active .toppmeny .niva2 li:hover ul, .mobilenav.active .toppmeny .niva3 li:hover ul, .mobilenav.active .toppmeny .niva4 li:hover ul {display:none;} .mobilenav.active .toppmeny > ul > li:hover {background:none;} .mobilenav.active .toppmeny ul li.active > a, .toppmeny ul li.active-parent > a {font-weight:bold;} .mobilenav.active .toppmeny ul li ul > li:hover {background:transparent;} /* Nivå 1 */ .mobilenav.active .toppmeny .niva1 li {width:100%; height:auto; border-bottom:1px solid #333;} .mobilenav.active .toppmeny .niva1 li a {width:80%; padding:5px 0 5px 10px;} /* Nivå 2 */ .mobilenav.active .toppmeny ul li.active .niva2 {width:100%; display:block; background:transparent;} .mobilenav.active .toppmeny .niva2 {padding:0 0 0 20px; margin:-10px 0 0 0; top:0; position:relative; float:left; box-shadow:none; display:none;} .mobilenav.active .toppmeny .niva2 li {margin:0;} .mobilenav.active .toppmeny .niva2 li:last-child {border-bottom:none;} .mobilenav.active .toppmeny .niva2 li a {padding:5px 0;} /* Nivå 3 */ .mobilenav.active .toppmeny .niva2 li.active .niva3 {width:100%; display:block; position:relative; background:transparent;} .mobilenav.active .toppmeny .niva3 {width:100%; padding:0 0 0 10px; margin:-10px 0 0 0; float:left; box-shadow:none; display:none; left:0;} .mobilenav.active .toppmeny .niva3 li {width:100%; display:inline-block;} .mobilenav.active .toppmeny .niva3 li:last-child {border-bottom:none;} .mobilenav.active .toppmeny .niva3 li a {text-transform:none;} /* Nivå 4 */ .mobilenav.active .toppmeny .niva3 li.active .niva4 {width:100%; display:block; position:relative; background:transparent;} .mobilenav.active .toppmeny .niva4 {width:100%; padding:0 0 0 10px; margin:-10px 0 0 0; float:left; box-shadow:none; display:none; left:0;} .mobilenav.active .toppmeny .niva4 li {width:100%; display:inline-block;} .mobilenav.active .toppmeny .niva4 li:last-child {border-bottom:none;} .mobilenav.active .toppmeny .niva4 li a {text-transform:none;} } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}