/* air-main-footerV49.css */ /* air_head.css */ /*--------------------------------------------------------------------------------- Site: COPYRIGHT (c) ASK�S INTERNET- & REKLAMBYR� AB 1997-2019. ALL RIGHTS RESERVED. ---------------------------------------------------------------------------------*/ @media screen and (min-width: 1251px) { /*Scrolling*/ .scrolling .header { padding-top: 0; } .scrolling .header-right { margin-left: 0; width: 100%; } .scrolling .header-center { min-width: unset; } .scrolling .header-left { min-width: 45px; } .scrolling .sokrutan, .scrolling .logga { display: none; } .scrolling .soktoggle-scroll, .scrolling .logga-mobile { display: block; font-size: 20px; cursor: pointer; display: inline-block; line-height: 32px; float: left; margin-left: 1em; } .scrolling .logga-scroll { display: block; } .scrolling .logga-scroll a { display: flex; } .scrolling .logga-scroll img { width: 35px; } .scrolling .meny.wrap { margin-left: 1em; } .scrolling .soktoggle-scroll::after { font-family: "Font Awesome 5 Pro"; content: "\f002"; font-weight: 300; } .scrolling .sokrutan.active { display: block; position: absolute; width: 100%; position: absolute; width: 46%; left: 50%; transform: translateX(-50%); bottom: -45px; } .DK .contact { width: 270px; } } /*MAX*/ @media screen and (min-width: 1251px) { .inloggningDS:hover ul.DS_list { display: block; } ul.DS_list { background: #fff; border: 1px solid #eee; z-index: 3; position: absolute; top: 50px; padding: 7px; margin-left: -40px; } ul.DS_list li { padding: 0 10px; line-height: 25px; } ul.DS_list li:hover a { color: #b8d0c3; } } /*----------------------------------------------------- Visas ej f�r normalprislita (oinloggad bes�kare) ------------------------------------------------------*/ #kund1 .Laggikorgen_Antalsrad, #kund1 .ProduktbeskrAntalvalRad, #kund1 .Onskelista_artgr, #kund1 #kundvagn, #kund1 .PT_Pris, #kund1 .PrisFav, #kund1 #SubmitFalt, #kund1 .levinfo, #kund1 #PrisFaltStafflade { /*display: none;*/ } .prodmeny>.webb { /*display: none;*/ } /*------------------------ GENERELL -------------------------*/ /*------------------------ GRID -------------------------*/ /*------------------------ MAIN TEMPLATE -------------------------*/ /*---- HEADER ----*/ #header.scroll .topbar { /*display: none;*/ } /* Spr�k */ .sprak a { color: #000; font-size: 14px; text-transform: unset; } .sprak>div { position: absolute; top: 40px; left: -5px; background: #FFF; border: 1px solid #eee; padding: 10px; width: 180px; line-height: 22px; } .sprak.active>div { display: block; } .sprak>div>span { display: block; } .sprak div img { top: 3px; } /*.contact span {line-height: 20px; margin-left: 10px;} .contact span i {font-size: 16px;} Tror inte denna beh�vs eftersom TP ligger d�r nu ist*/ .loginpass { font-size: 12px; text-transform: uppercase; } .hr-overlay-search { z-index: 4 !important; } /* Dimmer*/ .dimmer.active, .dimmer2.active, .dimmeractive .dimmer, .dimmeractive .header-wrapper:after { content: ''; width: 100%; background: rgba(100, 100, 100, 0.6); display: block; height: 100%; position: fixed; top: 0; left: 0; z-index: 4; } .dimmer2.active { z-index: 5; } .dimmer3.active { content: ''; width: 100%; background: rgba(100, 100, 100, 0); display: block; height: 100%; position: fixed; top: 0; left: 0; z-index: 4; } @media screen and (max-width: 1250px) { .logo img { width: auto; max-height: 30px; } .mobilenav-icon.stang { padding: 0px 0 0 24px; } } /* air_varukorg.css */ /*------------------------ SHOPPING CART ------------------------*/ #AIRvarukorg-Wrap .canvas-right-module.active{ -webkit-transform: translateX(0); transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } .TxtWrap .Sub_, .TxtWrap .Add_, .TxtWrap .Rem { flex: 0 1 10%; text-align: center; cursor: pointer; } .TxtWrap .Rem::after { font-family: "Font Awesome 5 Pro"; content: "\f00d"; font-weight: 300; font-size: 16px; top: -2px; position: relative; } .TxtWrap .Sub,.TxtWrap .Add { background: #f1f1f1; height: 40px; width: 40px; text-align: center; line-height: 35px; font-size: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; } .TxtWrap .Sub + label input { border: 0 !important; background: #ccc !important; width: 40px !important; text-align: center; height: 40px !important; padding: 0 !important; margin: 0 !important } .Add, .Sub { float: left; width: 40px; height: 40px; line-height: 40px; padding: 0; background: #f1f1f1; text-align: center; } .Sub {border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .Add {border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .TxtWrap .Add::before { content: "+"; } .TxtWrap .Sub::before { content: "-"; } body.varukorg_disabled #AIRvarukorg-Wrap { display: none!important; } .BWrap .Footer{margin-top: auto;background: #f1f1f1;} #AIRvarukorg-Wrap .Footer .SumWrap{padding-top: 1rem;border-top: 1px solid #f1f1f1;} .BWrap {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;height: 100%;} .canvas-right-module.active, .canvas-left-module.active, .canvas-right-module-xs.active, .canvas-left-module-xs.active {-webkit-transform: translateX(0);transform: translateX(0);} /*.canvas-right-module{-webkit-transform: translateX(400px);transform: translateX(400px);}*/ .canvas-right-module, .canvas-left-module { position: fixed; width: 400px; max-width: 100%; height: auto; text-align: left; top: 0px; bottom: 0px; z-index: 61; background: rgb(255, 255, 255); border-left: 1px solid rgb(221, 221, 221); transition: none 0s ease 0s; } #AIRvarukorg-Wrap .close-header {background: #fff;height: 60px;line-height: 60px;border-bottom: 1px solid #f1f1f1} #AIRvarukorg-Wrap .close-header:before {padding-left: 1em;font-size: 23px;} .SV #AIRvarukorg-Wrap .close-header:before {content: 'Din varukorg';} .EN #AIRvarukorg-Wrap .close-header:before {content: 'Your cart';} .EU #AIRvarukorg-Wrap .close-header:before {content: 'Your cart';} .DK #AIRvarukorg-Wrap .close-header:before {content: 'Din indkøbskurv';} .NO #AIRvarukorg-Wrap .close-header:before {content: 'Din handlevogn';} .FI #AIRvarukorg-Wrap .close-header:before {content: 'Ostoskärry';} .NL #AIRvarukorg-Wrap .close-header:before {content: 'Uw winkelwagen';} #AIRvarukorg-Wrap .Rem{position: absolute;top: 0; right: 0} /*.Varukorg .EmptyCart {float:left;} TESTAR ATT AT BORT*/ .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 {margin-left:5px;} /*#AIRvarukorg-Wrap {position:absolute; right:0; width:400px; z-index:5; background:#fff;}*/ .Varukorg.active::after {content:"\f0de"; position:absolute; left:50%; top:57px; -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#fff; font-size:40px; display: none;} #AIRvarukorg-Wrap .DescrWrap {order:1} #AIRvarukorg-Wrap.active .BWrap { display: flex!important; } #AIRvarukorg-Wrap .BWrap {width:100%;} #AIRvarukorg-Wrap span.EmptyCart {padding:10px; display:none;} #AIRvarukorg-Wrap .Rem {float:right; margin:0 0 0 8% !important;} #AIRvarukorg-Wrap .Rem, #AIRvarukorg-Wrap .Sub, #AIRvarukorg-Wrap .Add { cursor:pointer; /*line-height:20px; width:5%;*/ -webkit-order:2; -ms-flex-order:2; order:2; } #AIRvarukorg-Wrap .TxtWrap input { font-size: 13px; border:0 none; background:#f1f1f1; display:inline-block; text-align:center; height:40px; line-height:40px; font-weight:400; padding:0 !important; width:40px; -webkit-order:2; -ms-flex-order:2; order:2; border-radius: 0; } #AIRvarukorg-Wrap .Rem img, #AIRvarukorg-Wrap .Sub img, #AIRvarukorg-Wrap .Add img {max-width:13px;} #AIRvarukorg-Wrap .Img {width:17%; text-align:center; float:left; margin:0 2% 0 0; background:#fff;} #AIRvarukorg-Wrap .TxtWrap {float:left; width:81%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items: center; -ms-flex-align:center; align-items:center; position: relative;} #AIRvarukorg-Wrap .RowWrap .Row {border-bottom:1px solid #ddd; padding:20px; width:100%;} #AIRvarukorg-Wrap .Rabatt {float:left; line-height:normal; margin:-17px 0 0;} #AIRvarukorg-Wrap .DescrWrap {width:100%; -webkit-order:1; -ms-flex-order:1; order:1;} #AIRvarukorg-Wrap .DescrWrap, #AIRvarukorg-Wrap .TxtWrap .Price {display:inline-block;} #AIRvarukorg-Wrap .TxtWrap .Price {/*width:60%;*/width: calc(100% - 120px); -webkit-order:3; -ms-flex-order:3; order:3;} #AIRvarukorg-Wrap .Footer .SumWrap {display:block; text-align:center; line-height:45px;} #AIRvarukorg-Wrap .Footer .SumWrap {display:flex; flex-direction: row; justify-content: space-between; padding-left: 10px;padding-right: 10px; padding-bottom: 10px;} #AIRvarukorg-Wrap .Footer .SumWrap br{display:none;} #AIRvarukorg-Wrap .Footer .SumWrap .SumTxt, #AIRvarukorg-Wrap .BWrap .Footer .SumWrap .Sum {display:inline-block;} #AIRvarukorg-Wrap .Checkout {display:block; text-align:center; margin:0 10px 0px;} #AIRvarukorg-Wrap .RowWrap {overflow-y:auto;} #AIRvarukorg-Wrap .BWrap .Footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .DescrWrap .Rabatt {display: none;} .Varukorg .Checkout a {margin:5px 0;} .SumTxt {margin:0 5px;} .BError {padding:10px;} .br-vk {display:none;} .fraktfriinformation {padding:10px;} /* ADJUSTMENTS */ .HTML_infogad_under_checkout { display: flex; justify-content: center; margin: 5px 0 10px; } .HTML_infogad_under_checkout img {max-height: 35px; width: auto;} #kundvagn .Varukorg {} #kundvagn .Varukorg.emptyCart {background:transparent; border:none;} #kundvagn .Varukorg.addedAnimation {background:#f6f6f6;} .Varukorg span {/*line-height:40px;*/ font-size:13px;} .Checkout a {background:#f7b284; color:#fff; height:50px; line-height:50px; text-transform:uppercase; display:block; padding:0 10px; transition:all 0.5s ease 0s; font-weight:500; border-radius: var(--border-radius);} .Checkout a:hover {background:#eda575;} .CheckoutBig a {height:50px; line-height:50px; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0;} .SumTxt, .Sum {font-size: 20px;font-weight: 500;} .Footer .Checkout a {font-size:16px;} #AIRvarukorg-Wrap .DescrWrap .Descr {font-size:16px; font-weight:400; max-width: 95%; min-height: 38px;margin-bottom: 5px;} #AIRvarukorg-Wrap .DescrWrap .VarukorgVarum {font-size:11px; font-weight:400;} #AIRvarukorg-Wrap .TxtWrap .Price {font-size:20px;text-align:right; margin-left: auto;} .BError {color:red; font-size:12px;} .Varukorg .AIRvarukorg-Qty, .Varukorg .EmptyCart, .Checkout a {font-size:12px;} .Checkout a:after {font-size:11px;} #AIRvarukorg-Wrap .Rabatt {font-size:10px;} .AIRvarukorg-Sum, .Varukorg .AIRvarukorg-Arrow:before {color:#333;} .Varukorg .AIRvarukorg-Qty, .Varukorg .EmptyCart {color:#fff;} #AIRvarukorg-Wrap .Rabatt {color:#CD3928;} #AIRvarukorg-Wrap .RowWrap .Row, #kundvagn .Cart:hover {-moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} /* ACCESORIES IN CART */ .TillbehorIVarukorg {max-height:100px; overflow-y:scroll; margin:20px 0 !important;} .TillbehorIVarukorg .PT_WrapperLista {border:none; margin:0; width:100%;} .TillbehorIVarukorg .PT_Wrapper {width:100%; margin:0!important; border:none!important;} .TillbehorIVarukorg .PT_WrapperLista .PT_Beskr a {font-size:13px; font-weight:400;} /*frakt*/ .BWrap .close-header {order: 1} .BWrap .RowWrap {order: 2} .BWrap .fraktfriinformation {order: 3} .BWrap .Footer {order: 4} .fraktfriinformation {display: flex;justify-content: center} .kvar_till_fraktfritt_ej_uppnadd, .kvar_till_fraktfritt_uppnadd{font-size: 18px; text-transform: lowercase; border-bottom: 2px solid #f7b284; text-align: center;} .kvar_till_fraktfritt_ej_uppnadd:first-letter, .kvar_till_fraktfritt_uppnadd:first-letter { text-transform: uppercase; } .checkout-modal-open-right #kundvagn{pointer-events: none;} .checkout-modal-open-right #kundvagn #AIRvarukorg-Wrap{pointer-events:initial} .checkout-modal-open-right #kundo-chat{display: none;} /*------------------------*/ @media screen and (max-width: 1250px) { #kundvagn .Varukorg.addedAnimation {background:none;} #kundvagn .Varukorg.addedAnimation .AIRvarukorg-Qty {background:#37a237 !important;} #kundvagn .Cart:hover {background:none;} .Varukorg.active::after {top:65px;} #AIRvarukorg-Wrap {width:90%;} #header.scroll #AIRvarukorg-Wrap {top:0px;} .AIRvarukorg-Sum, #Snabbkassa_Artiklar_FyndaIKassan {display:none !important;} .AddKassa, .SubKassa, .remove-it {margin:5px 5px 0;} .Varukorg.active::after {font-size:50px; left:30%; } #kundvagn .CheckoutBig {display:none;} .Varukorg .AIRvarukorg-Qty, .Varukorg .EmptyCart {/*margin:-3px 0 0 -11px !important;*/margin:0 !important;} /*.Varukorg .AIRvarukorg-Arrow:before { font-size:18px; position: relative; top: -1px; }*/ } /*------------------------*/ @media screen and (max-width: 430px) { #AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap {font-size:10px;} } /* air_menu1.css */ .fa-sparkles:before {content: "\f890";} .nav > .niva1 > li.hasUl a { font-weight: 500 !important; font-size: 14px !important; } /*------------------------ MENU 1 ------------------------*/ /*.niva1 > li:nth-child(1) > .niva2 {display: flex !important;}*/ /*.niva1.webb .niva2 {display: flex !important}*/ .niva2>li>.sectionmenu>ul>li:not(.all):not(.bestseller)>a{pointer-events: none;} @media screen and (min-width: 1251px) { /*Tillfälligt*/ /*.prodmeny > .niva1:nth-child(1) > li {display: none;} .prodmeny > .niva1:nth-child(1) > li:nth-child(1) {display: block;}*/ /* LEVEL 2 */ .nav .niva2 {height:auto; overflow-y: auto; padding-bottom: 2em;} .nav .niva2 .sectionmenu li {width:300px; list-style:none; line-height:30px;} li.blidLi {margin-left: auto;} /*Dev top:121*/ .nav .niva2 {left:0; list-style:none; margin:0; position:absolute; top:175px; width:100%; z-index:4; /*max-height:280px; min-height: 240px; overflow-y:auto; */text-align:left;} /*DEV 90px*/ #header.scroll .nav .niva2 {top: 100px;/*91*/} #header.scroll .niva1.webb{display: none;} .nav .niva2 li {width:100%;} .nav .niva2 li > a {padding:0; color:#000; font-size:16px;} /*.nav .niva2 li.active > a {color:#b8d0c3;}*/ /* .nav .niva1 > li.delayHover > a{border-bottom: 2px solid #b8d0c3;display: inline-block;line-height: 0.85;} */ .nav .niva1 > li.delayHover > a { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; text-decoration-color: #b8d0c3; } .sectionmenu > ul{display: flex; max-height: 370px;overflow: auto;} /*.nav .niva2 .sectionmenu li:not(.bildLi){flex: 0 1 20%;text-align: left;}*/ .nav .niva2 .sectionmenu li.all{position: absolute;bottom: -1.5em;} /*.blidLi{position: absolute;top: 1em;right: 0;}*/ .niva3 a, .niva2 .all a{pointer-events:all !important;} .nav .niva2 .bild, .bildW {max-width: 315px; float: right;} .nav .niva2 .bild>div>a{margin: 0;} .nav .niva2 .bild img, .bildW img {max-height: 210px; width: auto; border-radius: var(--border-radius);} .nav .niva2 .bild h2, .bildW h2 {text-transform: uppercase; font-size: 16px; text-align: left;} .nav .niva2 .bild h2 strong, .bildW h2 strong {font-weight: 500;} .nav .niva2 .bild p, .bildW p {color: #8f8f8f; font-size: 12px; font-weight: 300; line-height: 20px;} .nav .niva2 .hasUl > a {margin: 0; font-weight: 500 !important;} /*.sectionmenu > ul {width: 200px; border-right: 1px solid #eee; height: 100%; padding-top: 10px;}*/ /* LEVEL 3 */ .nav .niva3 {/*display: none;float: left;list-style: none;position: absolute;left: 210px;top: 0; padding-top: 10px; width:-moz-calc(100% - 210px); width:-webkit-calc(100% - 210px); width:-o-calc(100% - 210px); width: calc(100% - 210px);*/} .nav .niva3 {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .nav .niva3.active {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .nav .niva3 li {width:100% !important; margin:0;} .nav .niva3 .meny > li {padding: 0 15px;} .nav .niva3 li a {width:100%; text-transform:none; line-height:30px; color:#000; margin: 0;} .nav .niva3 .bild, .bildW {max-width: 315px; float: right;} .nav .niva3 .bild img, .bildW img {max-height: 210px; width: auto;} .nav .niva3 .bild h2, .bildW h2 {text-transform: uppercase; font-size: 18px; text-align: left;} .nav .niva3 .bild h2 strong, .bildW h2 strong {font-weight: 700;} .nav .niva3 .bild p, .bildW p {color: #8f8f8f; font-size: 13px; line-height: 16px;} .meny li.all {margin-bottom: 8px;} .meny li.all a {font-size: 20px; color:#b8d0c3 !important; position: relative;} .meny li.all a::after {font-size: 20px; position: absolute; content: '\f178'; margin-left: 10px;} /* .meny li.all a span {text-transform: lowercase;} */ } /* PRODUCT MENU */ /*Dev 90>60 */ .nav > .niva1 > li {-webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; transition:all .1s ease-in-out;} .nav .niva2 > li {line-height:50px;} /*.nav ul li:hover ul {display:block;}*/ /*.nav .niva1 > li:hover > ul {display:flex;}*/ .nav .niva1 > li.delayHover > ul {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} .nav .niva2 li a:hover, .nav .niva2 li:hover, .nav .niva3 li a:hover, .nav .niva3 li:hover, .nav .niva4 li a:hover, .nav .niva4 li:hover {background:none !important;} /* SEKTIONER */ .sectionmenu {max-width: 1355px; margin: 0 auto; position: relative; height: 100%; padding-top: 0.5em;} .sectionmenuW {max-width: 1355px; margin: 0 auto; /*position: relative;*/ height: 100%;} /* LEVEL 1 */ .nav > .niva1 > li .bild a {padding: 0;} .niva1.webb .menyW a {color: #000;} /* LEVEL 4 */ .nav .niva4 {float:left; list-style:none; padding:0 0 0 10px;} .nav .niva4 li {width:100% !important; margin:0;} .nav .niva4 li a {width:100%; text-transform:none; line-height:30px; color:#000;} /* CONTENT MENU */ .sectionmenuW ul {list-style: none;} .sectionmenuW > ul {display: flex;} .menyW > ul {width: 210px; border-right: 1px solid #eee; padding-top: 10px;} .sectionmenuW > ul, .menyW, .menyW > ul {height: 100%;} .bildW {padding-top: 10px;} /**/ .toppmeny ul {list-style:none; display:inline-block; float:left;} .toppmeny ul li ul li {width:100%; display:block;} .toppmeny ul li:hover > ul {display:block;} .toppmeny ul li i {display:block; font-size:12px; font-style:normal; position:absolute; top:0; right:10px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); -ms-transform:rotate(-90deg);} .toppmeny ul li i.arrow-up {-webkit-transform:rotate(-270deg); transform:rotate(-270deg); -ms-transform:rotate(-270deg); right:7px;} .toppmeny li {line-height:40px; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; transition:all .1s ease-in-out;} .toppmeny a {padding:0 10px;} .toppmeny.active {display:block;} /* LEVEL 1 */ .toppmeny .niva1 li {float:left; position:relative;} .toppmeny .niva1 li i {display:none;} .toppmeny .niva1 li a {display:block; width:100%;} /* LEVEL 2 */ .toppmeny .niva2 {width:220px; position:absolute; top:40px; display:none; z-index:1000;} .toppmeny .niva2 li i {display:block;} /* LEVEL 3, 4 */ .toppmeny .niva3 {display:none; position:absolute; left:218px; top:-1px; width:100%;} /* LEVEL 4 */ .toppmeny .niva4 {display:none; position:absolute; left:216px; top:-1px; width:100%;} /* CAMPAIGN, BRANDS */ .nav .nav-menu li ul {display:none; list-style:none; margin:0; padding:10px; position:absolute; top:50px; width:280px; z-index:999; max-height:445px; overflow-y:scroll; text-align:left;} .nav .nav-menu li a {line-height:50px; padding:0 10px; display:block; text-transform:uppercase;} .nav .nav-menu li ul li a {height:30px; line-height:30px;} .nav .nav-menu li ul li a:hover {background:none;} .nav .nav-menu li ul a {text-transform:none; display:table; width:100%;} .nav .nav-menu li ul li:hover {background:none;} .kampanjmenu ul li br {display:none;} .nav ul li.emptyUl:hover ul {display:none;} .brands .niva2 .sectionmenu li {width:100%;} .brands .niva2 .sectionmenu .brand_menu {-webkit-column-count:5; -moz-column-count:5; column-count:5;} .brands .niva2 .sectionmenu .brand_menu li {width:100%; float:none;} .brands .niva2 .sectionmenu .brand_menu li a {text-transform:none; color:#000;} .brands .niva2 li {margin:0 0 5px;} .brand_menu .letter {text-transform:uppercase; font-weight:700;} /* SECONDARY MENU */ .sidomeny li {list-style:none;} .sidomeny .niva1 li a {} /* ADJUSTMENTS */ @media screen and (max-width: 1325px) { .EU.scrolling .nav .niva1 > li > a, .EU.scrolling .nav .nav-menu li a, .EN.scrolling .nav .niva1 > li > a, .EN.scrolling .nav .nav-menu li a {font-size:13px;} } @media screen and (max-width: 1270px) { .EU .nav .niva1 > li > a, .EU .nav .nav-menu li a, .EN .nav .niva1 > li > a, .EN .nav .nav-menu li a {font-size:13px;} } .nav .niva2 li a {} .nav .niva3 li a, .nav .niva4 li a, .nav .niva5 li a, .nav .nav-menu li ul li a {color:#000;} .nav .niva1 li:hover, .nav .nav-menu li:hover {} .nav .niva2 li a:hover, .nav .niva2 li:hover, .nav .niva3 li a:hover, .nav .niva3 li:hover, .nav .niva4 li a:hover, .nav .niva4 li:hover, .nav .nav-menu li ul li a:hover {/*color:#555;*/} .nav .niva3 li a {border-bottom: 2px solid #00000000;display: inline;line-height: 0.85; font-weight: 300;} .nav .niva3 li a:hover {border-bottom: 2px solid #b8d0c3;display: inline;line-height: 0.85;} .nav .niva2, .nav .nav-menu li ul {background:rgba(255,255,255,1);} .nav .niva2 {border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;} .toppmeny .niva2, .toppmeny .niva3, .toppmeny .niva4, .toppmeny .niva5, .nav .nav-menu li ul {border:1px solid #eeeeee;} .toppmeny .niva1 li a {color:#000; font-size:13px;} .toppmeny .niva2 li a {color:#000;} .toppmeny li:hover, .toppmeny ul li ul > li:hover {background:#eeeeee;} .toppmeny .niva2, .toppmeny .niva3, .toppmeny .niva4 {background:rgba(255,255,255,0.98);} .arrow-up::after {content:"\f077";} .arrow-down::after {content:"\f078";} .nav .niva2::-webkit-scrollbar, .nav .nav-menu li ul::-webkit-scrollbar {display:none;} /*------------------------*/ @media screen and (max-width: 1250px) { .canvas-left-module-xs {left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);} .canvas-right-module.active, .canvas-left-module.active, .canvas-right-module-xs.active, .canvas-left-module-xs.active { -webkit-transform: translateX(0); transform: translateX(0); } .nav {display:none;} .bodywrapper.active {width:100%; min-height:100%; position:fixed;} .bodywrapper.active .header-wrapper {width:100%; left:0%;} .mobilenav { width:100%; /*height:calc(100% - 99px) !important;*/ top:auto !important; overflow-x:hidden; overflow-y:scroll; position:fixed; display:flex; flex-direction: column; z-index:50; background:#fff; /*padding:85px 0 0;*/ /*padding:115px 0 0;*/ } .scrolling .mobilenav.active {/*padding:55px 0 0;*/ padding: 125px 0 0;} .mobilenav .nav {display:flex; flex-direction: column; border:none; width: 100%;} .mobilenav .nav > .niva1 > li {line-height: 50px;} .mobilenav .nav .niva1 > li > a {font-size: 14px;} .mobilenav .nav > ul > li i {display:inline-block; float:right; width:14%; font-size:15px; font-style:normal; text-align:center; line-height:48px; color:#000; cursor:pointer; position: absolute;} .mobilenav .nav > ul > li:hover {background:none;} .mobilenav .nav ul li.active > a, .nav ul li.active-parent > a {font-weight:500;} .mobilenav .nav ul li.active i {color:#000;} .mobilenav .nav .niva2, .nav-menu li ul {border:none !important;} .mobilenav .nav ul li a {color:#000 !important;} .mobilenav .nav > ul {width:100%; text-align:left; order: 2;} .mobilenav .inlogg {float: left; display: block; width: 100%; line-height: 50px; border-bottom: 1px solid #ddd;} .mobilenav .inloggning, .mobilenav.active .inloggningDS {padding-top: 0; float: left;} /*.mobilenav{display: none;}*/ .mobilenav .btn-checkout { display: none; } .mobilenav .btn-checkout.active { display: block; background-color: #f7b284; border: 0; order: 1; line-height: 50px; color: white; text-transform: uppercase; font-size: 16px; font-weight: 500; } .mobilenav .btn-checkout a { color: white; display: block; } .mobilenav .inlogg i {display: none;} .mobilenav .inlogg .symbolText {padding-left: 10px; font-size: 16px; text-transform: uppercase; } .mobilenav .inlogg { display: flex; order: 2; justify-content: center; } .niva1.webb li{line-height: 35px !important;} .niva1.webb li a{display: flex !important;justify-self: center;flex-direction: column;} .niva1.webb li span{font-size: 25px;display: flex;justify-self: center; align-self: center; margin-top: 0.5em;} li.all{display: none;} .niva1.webb li a{ font-size: 12px !important; text-transform: uppercase; } /* LEVEL 1 */ .mobilenav .nav .niva1 li {width:100%; height:auto; border-bottom:1px solid #f1f1f1; position: relative;} .mobilenav .nav .niva1 li a {display:inline-block; /**/width:85%; padding:0 0 0 10px;} /* LEVEL 2 */ .mobilenav.active .nav ul li.active .niva2 {display:block; position:relative;} .mobilenav.active .nav .niva2 {width: 100%; padding:0; top:0; position:relative; float:left; box-shadow:none; display:none; max-height:inherit; overflow-y:inherit; font-size: 16px;} .mobilenav.active .nav .niva2 li {margin:0;} .mobilenav.active .nav .niva2 li:last-child {border-bottom:none;} .mobilenav.active .nav .niva2 li a {padding:0 0 0 20px; line-height:50px; text-transform:none;} .mobilenav.active .nav .blidLi {display: none !important;} /* LEVEL 3 */ .niva2 i:after {display: none;} .mobilenav.active .nav .niva2 li .niva3 {display:block; position:relative;} .mobilenav.active .nav .niva3 {width:100%; 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:0 0 0 30px; font-weight: 300; font-size: 14px;} /* LEVEL 4 */ .mobilenav.active .nav .niva3 li.active .niva4 {display:block; position:relative;} .mobilenav.active .nav .niva4 {width:100%; 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:0 0 0 40px;} /* CAMPAIGN, BRANDS */ .mobilenav.active .nav .nav-menu li {width:100%; height:auto; line-height:50px; border-bottom:1px solid #f1f1f1;} .mobilenav.active .nav .nav-menu li a {display:inline-block; width:85%; line-height:50px; height:50px; padding:0 0 0 10px;} .mobilenav.active .nav .nav-menu li.active .child-ul a {width:100%; border-bottom:1px solid #f1f1f1; padding:0 0 0 20px;} .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; max-height:inherit; overflow-y:inherit; padding:0; position:relative; top:0;} .mobilenav.active .nav .nav-menu li.active .child-ul {display:block !important; position:relative; top:0; left:0; width:100%;} .mobilenav.active .nav .nav-menu li ul li a:hover {color:#fff;} .mobilenav.active .nav .kampanjmenu, .mobilenav.active .nav .brands {width:100%; text-align:left;} .mobilenav.active .nav .brands .niva2 .sectionmenu .brand_menu {-webkit-column-count:1; -moz-column-count:1; column-count:1;} .mobilenav.active .brand_menu .letter {padding:10px 0 0 20px; border-bottom:none !important;} /* CONTENT MENU */ .toppmeny {display:none;} .mobilenav.active .toppmeny {width:100%; display:block; background:#f1f1f1;} .mobilenav.active .toppmeny ul {width:100%;} .mobilenav.active .toppmeny ul li i {display:inline-block; float:right; width:14%; font-size:15px; font-style:normal; text-align:center; line-height:48px; color:#999; position:static; top:0; right:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); -ms-transform:rotate(0deg); cursor:pointer;} .mobilenav.active .toppmeny ul li.active i {color:#ccc;} .mobilenav.active .toppmeny > ul > li:hover {background:none;} .mobilenav.active .toppmeny li:hover, .mobilenav.active .toppmeny ul li 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:500;} .mobilenav.active .toppmeny li a:hover, .toppmeny ul li ul > li a:hover {background:none;} .mobilenav.active .toppmeny .niva2 li:last-child, .mobilenav.active .toppmeny .niva3 li:last-child, .mobilenav.active .toppmeny .niva4 li:last-child {border-bottom:none;} .mobilenav.active .toppmeny li {line-height:50px;} .mobilenav.active .toppmeny a {color:#000; text-transform:uppercase;} /* LEVEL 1 */ .mobilenav.active .toppmeny .niva1 li {width:100%; height:auto; border-bottom:1px solid #efefef;} .mobilenav.active .toppmeny .niva1 li a {width:85%; padding:0 0 0 10px; float:left;} /* LEVEL 2 */ .mobilenav.active .toppmeny ul li.active .niva2 {width:100%; display:block; border:none;} .mobilenav.active .toppmeny .niva2 {top:0; position:relative; float:left; box-shadow:none; display:none; background:transparent;} .mobilenav.active .toppmeny .niva2 li {margin:0;} .mobilenav.active .toppmeny .niva2 li a {padding:0 0 0 20px;} /* LEVEL 3 & 4 */ .mobilenav.active .toppmeny .niva2 li.active .niva3, .mobilenav.active .toppmeny .niva3 li.active .niva4 {width:100%; display:block; position:relative; border:none;} .mobilenav.active .toppmeny .niva3, .mobilenav.active .toppmeny .niva4 {width:100%; float:left; box-shadow:none; display:none; left:0; background:transparent;} .mobilenav.active .toppmeny .niva3 li, .mobilenav.active .toppmeny .niva4 li {width:100%; display:inline-block;} .mobilenav.active .toppmeny .niva3 li a {padding:0 0 0 30px;} .mobilenav.active .toppmeny .niva4 li a {padding:0 0 0 40px;} .mobilenav .nav ul.niva1 > li > a {position: relative; z-index: 3; width: auto !important; text-transform: uppercase;} .mobilenav .nav ul.niva1 > li > i { display: inline-block; float: right; width: 100%; font-size: 15px; font-style: normal; text-align: right; line-height: 48px; color: #000; cursor: pointer; position: absolute; top: 0; right: 0; padding-right: 15px; /*background: red;*/ } .mobilenav .nav ul.niva1 > li > i:after {font-weight: 500 !important} .niva1.webb{order:1 !important;display: grid;grid-template-columns: 1fr 1fr 1fr;justify-items: center;} .niva1.webb li{display: grid;justify-content: center;} .niva1.webb li a{padding:0 !important; margin: 0 !important; width: 100% !important;} .menuBox { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; order: 2; } .menuBox .sprak { line-height: 50px; position: unset; padding-left: 0; width: 100%; text-align: center; } .menuBox .sprak.active > div { display: block; width: 100%; left: 0; top: 50px; text-align: left; position: unset; } .menuBox > div { width: 100%; } } /*.nav{display: flex; width: 100%;} - Flyttad till innanför desktopstorlek */ /* air_sok.css */ /*------------------------ SEARCH ------------------------*/ .LSS_Input.BG:after {background: #9c9c9d;} input[type="text"].Sokfalt::-moz-placeholder {color: #c7c7c7 !important; opacity: 1 !important;} input[type="text"].Sokfalt::-webkit-input-placeholder {color: #c7c7c7 !important; opacity: 1 !important;} input[type="text"].Sokfalt:-ms-input-placeholder {color: #c7c7c7 !important; opacity: 1 !important;} input[type="text"].Sokfalt:focus::-moz-placeholder {opacity: 0 !important} input[type="text"].Sokfalt:focus::-webkit-input-placeholder {opacity: 0 !important} input[type="text"].Sokfalt:focus:-ms-input-placeholder {opacity: 0 !important} .Sokfalt:focus {color: #000 !important;} .LSS_Container {position:relative;} #LSS_Result {background:#fff; position:absolute; right:0; top:40px; width:100%; border:1px solid #f1f1f1; max-height:490px; overflow-y:auto;} #LSS_Result, #LSS_Result div, #LSS_Result ul, #LSS_Result ul li {z-index:1005;} #LSS_Result h3 {margin:0 0 15px;} #LSS_Result li {list-style:none;} #LSS_Close {/*position: fixed; top:60px; margin-left: 270px; display: none;*/ position: absolute; top: 0; margin-left: 0; right: 5px; z-index: 1006; } #LSS_Close .close {color:#ccc;font-size:13px; right:0; top:0; z-index: 1006;} #LSS_Close .close::before {color:#000;} /*#LSS_Close .SearchClose {color:#ccc; font-size:13px;} .SearchClose::before {content:"\f00d"; font-size:20px; color:#fff;}*/ ul.LSS_Artiklar {width:100%;} .LSS_Artiklar li:hover {background:#f1f1f1; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;} .LSS_Artiklar .Bild {border-radius: var(--border-radius); height:50px; line-height:50px; margin:0 0 5px; overflow:hidden; text-align:center; border:1px solid #f1f1f1; background:#fff;} .LSS_Artiklar .Bild img {max-width:100%; max-height:100%; vertical-align:middle;} .LSS_Artiklar .LSS_Art_Text span.Beskr {font-size:13px; font-weight:400;} .LSS_Artiklar .LSS_Pris, .LSS_Artiklar .LSS_Kampanjpris {font-size:12px;} .LSS_Sokterm {font-weight:700;} #LSS_Result::-webkit-scrollbar, ul.LSS_Artiklar::-webkit-scrollbar, ul.LSS_Artikelgrupper::-webkit-scrollbar {display:none;} .LSSordPris {text-decoration: line-through;} .Knapp_Generell a.SokMer {background: #f7b284;} .Knapp_Generell a.SokMer:hover {background: #eda575;} /*------------------------*/ @media screen and (max-width: 1250px) { .sokrutan.active {display:block; left:50%; position:fixed; top:130px; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:95%; z-index:3;} .sokrutan.active input {border-radius:0;} #LSS_Result {top:50px; width:100%; margin:0; padding:0px; max-height:330px; overflow-y:scroll;} #LSS_Result #LSS_Close {display:none;} .LSS_Artiklar .Bild {width:23.78%;} .LSS_Artiklar .LSS_Art_Text {width:74.54%; margin:0 0 0 1.6%;} .Varukorg .AIRvarukorg-Qty, .Varukorg .EmptyCart{left: 20px; bottom: 15px;} .LSS_Input:after {background: #9c9c9d;} } /* air_filter.css */ /*------------------------ FILTER ------------------------*/ @media screen and (min-width: 1251px) { .filter.canvas-right-module-xs {display: block;} .Filter_Lank_Container {position: absolute;} } .filter-hl { /*display: none !important;*/ } /* GENERELL */ /* INACTIVE */ .filter span.inactive, .filter .Filter_Checkbox label.inactive {opacity:0.3;} .FilterWrapper.open .Lank_Container {display:block} .Filter_Checkbox .Lank_Container input {float:none;width:auto} .filter-showmore {float:left; text-align:right; background:#d6cece; padding:0 20px; height:38px; color:#fff; line-height:36px; cursor:pointer; margin-bottom:10px;} /* CLEAR FILTER */ .ClearFilterWrapper.active {display: block;} .ClearFilterWrapper.active:hover { text-decoration: none; cursor: pointer; } .ClearFilter { line-height: 35px; min-height: 35px; border-radius: var(--border-radius); width: 240px; background: #B9D1C3; display: inline-block; text-align: center; font-family:'poppinsmedium', Arial, Helvetica, sans-serif; color: #fff; } /* DROPDOWN */ .filter .Filter_Dropdown {background:#cecece; position:relative; line-height:35px; height:35px;} .filter .Filter_Dropdown:after {line-height:35px; width:45px; position:absolute; text-align:center; content:"\f103"; right:-5px; top:0; font-size:16px; color: #fff;} .filter .Filter_Dropdown.open:after {content:"\f102";} .Filter_Dropdown .Lank_Container {z-index:3; display:none; position:absolute; top:33px; left:-1px; padding:10px; border:1px solid #eee; background:#fff; width:-moz-calc(100% + 2px); width:-webkit-calc(100% + 2px); width:-o-calc(100% + 2px); width:calc(100% + 2px);} .Filter_Dropdown .Lank_Container label {width:100%; float:left;} /* Checkbox */ .Filter_Checkbox .Filter_Titel {line-height:35px; padding:0;} .Filter_Checkbox label {margin:0 5px 5px 0; height:30px; cursor:pointer; display:inline-block; line-height:30px;} .Filter_Checkbox label input {margin-left:0;} /* Slider */ .Filter_Slider .div {margin:0 5px} .Filter_Slider .mn,.Filter_Slider .div,.Filter_Slider .mx,.Filter_Slider .b {float:left; width:auto} .filter .ui-slider-range {background:#999;} .filter .Filter_Slider .Filter_Titel {width:auto; padding:0 10px 0 0;} .filter .Filter_Slider .Filter_Titel, .filter .Filter_Slider > label {display:inline-block; line-height:35px;} .filter .Filter_Slider > label {font-weight: 500;} .filter .Filter_Slider > div {margin-left:10px; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);} /* Link */ /*.Filter_Lank .Filter_Titel {line-height:35px; padding:0;} .Filter_Lank_Container span {background:#eee; margin:0 5px 5px 0; padding:0 7px; height:30px; line-height:30px; cursor:pointer; display:inline-block;} .Filter_Lank_Container span.selected {background:#559a55;}*/ .filter .Filter_Lank.open:after {content:"\f102";} .Filter_Lank_Container {z-index:3; /*position:absolute;*/ top:33px; left:-1px; padding:10px; border:1px solid #eee; background:#fff; width:-moz-calc(100% + 2px); width:-webkit-calc(100% + 2px); width:-o-calc(100% + 2px); width:calc(100% + 2px);} .filter .Filter_Lank.open .Filter_Lank_Container {display: block;} .Filter_Lank_Container label {width:100%; float:left;} .Filter_Lank_Container span {display: block;} .Filter_Lank_Container span::before {content:'\f0c8'; margin-right: 3px;} .Filter_Lank_Container span.selected::before {content:'\f14a'; margin-right: 3px;} .Filter_Lank_Container{max-height: 390px; overflow: auto;} /* Color (link) */ .Filter_Lank_Container span.color {position:relative; border:none; width:25px; height:25px; display:inline-block; max-height:30px; border-radius:0px; margin-right:5px; margin-bottom:5px; text-indent:-9999px; border:1px solid #ccc;} .Filter_Lank_Container span.color.selected {border:1px solid #000;} .Filter_Lank_Container span.color.selected:after {text-indent:0px; content:'\f00c'; text-align:center; color:#000; font-size:15px; height:25px; left:-1px; top:-3px; position:absolute; width:25px;} .Filter_Lank_Container span.Svart.selected:after {color:#fff;} .filter span.Vit {background:#fff;} .filter span.Svart {background:#000;} .filter span.Brun {background:#6b3d0c;} .filter span.Beige {background:#eeddbc;} .filter span.Grå {background:#adadad;} .filter span.Gul {background:#fff712;} .filter span.Rosa {background:#fab3d8;} .filter span.Blå {background:#145bea;} .filter span.Navy {background:#1a2b96;} .filter span.Grön {background:#559a56;} .filter span.Orange {background:#ff9600;} .filter span.Röd {background:#e20000;} .filter span.Lila {background:#900abc;} .filter span.Silver { background:rgb(226,226,226); background:-moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); background:-webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); background:linear-gradient(135deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1); } .filter span.Guld { background:rgb(243,226,199); background:-moz-linear-gradient(-45deg, rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%); background:-webkit-linear-gradient(-45deg, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); background:linear-gradient(135deg, rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=1); } .filter span.Multi { background:#ce0502; background:-moz-linear-gradient(left, #ce0502 0%, #d616e0 11%, #8621f2 22%, #0b07f2 33%, #00f7f3 44%, #04f73d 58%, #3db203 71%, #ff8800 79%, #deff0a 100%, #ce0502 100%); background:-webkit-linear-gradient(left, #ce0502 0%,#d616e0 11%,#8621f2 22%,#0b07f2 33%,#00f7f3 44%,#04f73d 58%,#3db203 71%,#ff8800 79%,#deff0a 100%,#ce0502 100%); background:linear-gradient(to right, #ce0502 0%,#d616e0 11%,#8621f2 22%,#0b07f2 33%,#00f7f3 44%,#04f73d 58%,#3db203 71%,#ff8800 79%,#deff0a 100%,#ce0502 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0502', endColorstr='#ce0502',GradientType=1); } /* Show more */ .do_more #more_of_it {background:#999; display:block; margin:0 auto 20px auto; width:100%; text-align:center; padding:10px 0; color:#fff; cursor:pointer; position:relative; text-transform:uppercase; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; border-radius: var(--border-radius);} .do_more #more_of_it:hover {background:#777;} .loadz {position:absolute; top:4px;} .loadz > img {max-width:30px;} /*------------------------*/ @media screen and (max-width: 1250px) { .Sortering {/*width:100%;*/ /*margin:0 0 10px 0;*/} .filterknapp_wrapper {margin-top:15px;} .filter {/*margin:5px 0 15px 0;*/} .filter-showmore span {font-style:normal; display:none;} .filter-showmore span.active {display:block;} .filter-showmore .show-filter:after {content:"\f103"; font-size:12px; margin-left:5px;} .filter-showmore .hide-filter:after {content:"\f102"; font-size:12px; margin-left:5px;} .hide-filter {display:none;} .filter {/*display:none; float:left; width: 100%;*/} .filter.active {/*display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;*/} .filter .Filter_Dropdown, .filter .Filter_Slider, .filter .Filter_Lank, .filter .Filter_Checkbox, .filter .Filter_Bild {width:48%; margin:1% !important;} .filter .FilterWrapper:nth-child(3) {margin-left:0px;} .Artgrp_Sorteringsordning {width:100%; margin:0 0 15px 0;} .filter .close-header {position: relative; width:100%;-webkit-order:-1; -ms-flex-order:-1; order:-1; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; padding-left: 20px; margin-bottom: 10px;} .filter .close-header:after {height: 50px; right: 0; width: 50px;} .filter .close-header span {font-size: 20px;font-weight: 600;} .filter .FilterWrapper {width: 96%; margin: 1% 2% !important;} .filterToggle{width: 100%; display: inline-block;} .artgrp_wrapper .Sortering .ValjSortordning {top: 50px; text-align: left;} .filter .Filter_Lank {min-height: 35px} /*.filter .Filter_Lank_Container {position: unset;}*/ /* CLEAR FILTER */ .filter.canvas-right-module-xs.active > .filterWrap{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 90%; overflow-y: auto; } .ClearFilterWrapper { z-index: 100; display: block; width:96%; margin: 1% 2% !important; -webkit-order:2; -ms-flex-order:2; order:2; } .ClearFilter { width: 100%; border: 0; font-size: 16px; margin: 0; } .Close.Visa { display: block; -webkit-order:2; -ms-flex-order:2; order:2; width: 96%; margin-left: 2%; background: #b8d0c3; color:#fff; text-align: center; line-height: 45px; /*bottom: 70px; position: fixed;*/ cursor: pointer; border-radius: var(--border-radius); } } /* air_afterload.css */ /*--------------------------------------------------------------------------------- Site: COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2019. ALL RIGHTS RESERVED. ---------------------------------------------------------------------------------*/ /* CANVAS */ /* CANVAS ACTIVE */ /*body {opacity: 0.1 !important}*/ /* CANVAS ACTIVE */ /* SAFARI SCROLL FIX */ html[class*="modal-open"] { height: calc(var(--window-inner-height) - 1px) } body[class*="modal-open"] { overflow-y: hidden; -webkit-overflow-scrolling: touch; } /* SAFARI SCROLL FIX ^^ */ .canvas-right-module { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .canvas-right-module, .canvas-left-module, .canvas-right-module-xs, .canvas-left-module-xs, .mobilenav.active { transition: -webkit-transform 0.5s; transition: transform 0.5s; } .canvas-module.active, .canvas-module-xs.active { display: block; } .checkout-modal-open-right #AIRvarukorg-Wrap.canvas-right-module.active, .checkout-modal-open-right #AIRvarukorg-Wrap.canvas-right-module.active-hr, .canvas-right-module.active, .canvas-left-module.active, .canvas-right-module-xs.active, .canvas-left-module-xs.active { -webkit-transform: translateX(0); transform: translateX(0); } body[class*="modal-open"] { position: fixed; height: 100vh; width: 100%; } .close-header::after { font-family: "Font Awesome 5 Pro"; content: "\f00d"; font-size: 1.9em; text-align: center; cursor: pointer; width: 1.8em; width: 100%; font-weight: 300; line-height: 200%; } .close-header::after { position: absolute; top: 0; right: 10px; width: auto; } .cm-img-wrapper a+.cm-img-txt-wrap { pointer-events: none; } /* body.show_cart #AIRvarukorg-Wrap, body.show_cart #AIRvarukorg-Wrap.active { display: block !important; } #AIRvarukorg-Wrap, #AIRvarukorg-Wrap.active { display: none !important; }*/ #AIRvarukorg-Wrap .close-header:before { content: 'Din varukorg '; font-weight: 500; font-size: 16px; } .BWrap .Footer { display: flex; flex-direction: column; } .HTML_infogad_over_checkout { order: -1; background: white; padding: 1rem; } .HTML_infogad_over_checkout span.empty-text{ display: none; } /*------------------------ START PAGE ------------------------- .Start .breadcrumb { display: none; } .banner, .bannerMobil { position: relative; } .banner > img, .bannerMobil > img { display: block; } .banner > a, .bannerMobil > a { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; z-index: 2; } .banner > div, .bannerMobil > div { font-size: 32px; text-align: center; color: #fff; width: 90%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); left: 50%; top: 50%; } .banner > div > span, .bannerMobil > div > span { display: block; text-transform: uppercase; font-size: 130px; } .bannerMobil { display: none; } .startwrapper > .section { padding-top: 4%; } .puffar1 { margin-bottom: 2%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .puffar1 > div { width: 49%; position: relative; } .puffar1 > div > div { border-radius: var(--border-radius); background: rgba(180, 211, 194, 0.8); font-size: 25px; color: #fff; width: 90%; position: absolute; bottom: 4%; left: 5%; text-align: center; padding: 15px; } .puffar1 > div > div:empty { display: none; } .puffar1 > div > img, .puffar2 > div > img { display: block; border-radius: var(--border-radius); } .puffar1 > div > a, .puffar2 > div > a { position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0; z-index: 2; } .puffar2 { margin-bottom: 5%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .puffar2 > div { width: 32%; position: relative; } .puffar2 > div > div { text-align: center; font-size: 20px; padding-top: 30px; } .puffar2 > div > div:empty { display: none; } .seo { text-align: center; margin: 10% 0; padding: 6% 0; position: relative; } .seo::before { width: 270px; position: absolute; left: 50%; content: " "; display: block; bottom: 100%; height: 10px; border-bottom: 1px solid #e8e8e8; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .seo::after { width: 270px; position: absolute; left: 50%; content: " "; display: block; top: 100%; height: 10px; border-bottom: 1px solid #e8e8e8; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .seo h2 { font-size: 45px; font-weight: 300; } .seo > ul { font-size: 26px; text-transform: uppercase; list-style: none; } .seo > ul li { display: inline-block; position: relative; margin-right: 25px; } .seo > ul li::after { content: "\f111"; font-size: 5px; position: absolute; top: 10px; right: -17px; } .seo > ul li:last-of-type { margin-right: 0; } .seo > ul li:last-of-type::after { display: none; } .seo > p { margin: 4% auto; max-width: 770px; line-height: 22px; } .seo > span { font-family: "poppinsmedium"; font-size: 20px; } .instagram { text-align: center; } .instagram > a { padding: 15px 50px; background: #b8d0c3; color: #fff; font-size: 24px; margin: 0 auto; display: inline-block; margin-top: 20px; border-radius: var(--border-radius); } TESTAR ATT KOMMENTERA UT DETTA EFTERESOM ACE ANVÄNDS NU */ /*------------------------ START PAGE ACE -------------------------*/ @media screen and (min-width: 751px) { .checkout-modal-open-right .dimmer-header:after{ content: ''; width: 100%; background: rgba(100, 100, 100, 0.6); display: block; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; } .cm .textbox { display: flex; justify-content: center; align-items: center; } .cm .textbox .cm_content_wrapper { max-width: 75%; } /*Sortiment*/ .cm .sortiment .cm-img-txt-wrap h2 { font-size: 35px; } .cm .sortiment .cm-img-txt-wrap h4 { font-size: 22px; } } /* Slut på desktop */ /* Utvalda produkter */ .produktslider .PT_Wrapper_All .PT_Wrapper { width: calc(100% - 10px) !important; } /* Padding fullbredd */ .cm .full-width.fw-wrap { padding: 0px calc(50% - (1355px) / 2); } /*Extra padding*/ .cm .cm-section.padding-top, .cm .cm-section.padding-top.full-width.fw-wrap { padding-top: 50px !important; } .cm h1 { text-align: left; line-height: 110%; font-size: 25px; } .cm h2 { line-height: 110%; } .cm h3 { font-size: 25px; line-height: 140%; } .cm p { font-size: 14px; font-weight: 300; line-height: 27px; } .cm .cm-section.wrap { box-sizing: border-box; max-width: 1355px; margin: 0 auto; } /*Test för bilder i rätt höjd*/ .cm-img-wrapper { height: 100%; } /* Bildtexter */ /* Generellt */ /*Inställnignar för texten på bannerbild fryttad till critical_custom.css*/ /* Övriga bilder */ /* Justering Center */ .cm-img-wrapper.ce_alignment_center .cm-img-txt-wrap { text-align: center; } .ce_alignment_center .cm-img-txt, .ce_alignment_center .cm-img-txt>a { margin: 0 auto; } .cm-img-wrapper.ce_alignment_left .cm-img-txt-wrap h2 { font-size: 21px; /*23,42*/ } .ce_alignment_right .cm-img-cta { text-align: right; } .cm-img-wrapper.ce_alignment_right .cm-img-txt-wrap, .cm-img-wrapper.ce_alignment_right .cm-img-txt-wrap h2, .cm-img-wrapper.ce_alignment_right .cm-img-txt-wrap h4 { text-align: left; } .cm-img-wrapper.ce_alignment_right .cm-img-txt-wrap h2 { font-size: 23px; /*42*/ } /* Populära kategorier */ .cm .kategorier ul li a:hover { filter: brightness(0.85); } /* Textbox */ .cm .textbox .cm_content_wrapper, .cm .textbox .cm_content_wrapper h2 { text-align: left; } .cm .textbox .cm_content_wrapper { line-height: 22px; } .cm .textbox .cm_content_wrapper a { display: inline-block; border-radius: var(--border-radius); background: #b9d1c3; text-align: center; padding: 10px 20px; font-family: "poppinslight", Arial, Helvetica, sans-serif !important; } .cm .textbox .cm_content_wrapper a:after { content: "\f101"; font-family: "Font Awesome 5 Pro"; margin-left: 3px; } .cm .PT_Wrapper { border-radius: var(--border-radius); } /*.produktslider .slick-prev.slick-arrow {display: none !important;}*/ /*Kod för pilar flyttat till critical_custom.css*/ /*Bildslider*/ .bildslider .col-xs-1, .bildslider .col-xs-2, .bildslider .col-xs-3, .bildslider .col-xs-4, .bildslider .col-xs-5, .bildslider .col-xs-6, .bildslider .col-xs-7, .bildslider .col-xs-8, .bildslider .col-xs-9, .bildslider .col-xs-10, .bildslider .col-xs-11, .bildslider .col-xs-12 { width: 100% !important; max-width: 100% !important; } @media screen and (max-width: 1355px) { .cm .full-width.fw-wrap { padding: 0px 1rem; } } /*Ipad*/ @media all and (max-width: 1024px) and (min-width: 751px) { /*Bannerbild*/ .cm .bannerbild .cm-img-txt-wrap h2, .cm .bannerbild .ce_alignment_left .cm-img-txt-wrap h2, .cm .bannerbild .ce_alignment_right .cm-img-txt-wrap h2 { font-size: 40px; } .cm .bannerbild .cm-img-txt-wrap h4, .cm .bannerbild .ce_alignment_left .cm-img-txt-wrap h4, .cm .bannerbild .ce_alignment_right .cm-img-txt-wrap h4 { font-size: 20px; } /*Övriga bilder*/ .cm-img-txt-wrap h2, .cm-img-wrapper.ce_alignment_left .cm-img-txt-wrap h2, .cm-img-wrapper.ce_alignment_right .cm-img-txt-wrap h2 { font-size: 16px; } .cm-img-txt-wrap h4, .cm-img-wrapper.ce_alignment_left .cm-img-txt-wrap h4, .cm-img-wrapper.ce_alignment_right .cm-img-txt-wrap h4 { font-size: 13px; } .cm-img-cta a, .cm-form-cta { padding: 6px 11px; font-size: 14px; } /*Produktrutor*/ .cm .PT_Tillbehor { height: 30px; } /*Produktslider*/ .produktslider .slick-next.slick-arrow { right: -15px; } .produktslider .slick-prev.slick-arrow { left: -15px; } /*Sortiment*/ .cm .sortiment .cm-img-txt-wrap h2 { font-size: 20px; } .cm .sortiment .cm-img-txt-wrap h4 { font-size: 16px; } } @media screen and (max-width: 750px) { /*.cm .row-gutter { padding-bottom: 1rem; padding-top: 1rem; }*/ .cm .textbox .cm_content_wrapper { padding: 1rem 0; } .cm .cm-section.wrap.kategorier { margin-top: -8px; } .cm .sortiment .col-xs-6.col-lg-3 { margin-bottom: 1rem; } /*Extra padding*/ .cm .cm-section.padding, .cm .cm-section.padding.full-width.fw-wrap { padding-top: 1rem !important; padding-bottom: 1rem !important; } .cm .cm-section.padding-top, .cm .cm-section.padding-top.full-width.fw-wrap { padding-top: 1rem !important; } /*.cm-section.padding, .cm-section.padding.full-width.fw-wrap { padding-top: 25px !important; padding-bottom: 25px !important; } .cm-section.padding-bottom, .cm-section.padding-bottom.full-width.fw-wrap { padding-bottom: 25px !important; } .cm-section.padding-top, .cm-section.padding-top.full-width.fw-wrap { padding-top: 25px !important; }*/ /*Bildtexter*/ .cm-img-txt-wrap h2 { font-size: 18px; } /*28*/ .cm-img-txt-wrap h4 { font-size: 14px; } /*15*/ .cm-img-wrapper.ce_alignment_left .cm-img-txt-wrap h2 { font-size: 18px; /*28*/ } .cm-img-wrapper.ce_alignment_right .cm-img-txt-wrap h2 { font-size: 18px; /*28*/ } /*ACE produktslider*/ .cm .full-width.fw-wrap.slider-mobile { padding-right: 0; } .produktslider .slick-next.slick-arrow { right: -20px; background-size: 10px; } .produktslider .PT_Wrapper .PT_Bildruta { min-height: auto; /*291px*/ line-height: auto; /*291px*/ } .produktslider .PT_Wrapper .PT_Beskr { min-height: 34px; } /*Bildslider*/ .cm .cm-section.bildslider { padding: 0 0 0 1rem; } /*.cm .bildslider .slick-slide:last-child {margin-right: 10px;} .cm .bildslider .slick-track {min-width: calc(100% + 10px);}*/ .sortiment>.row:nth-child(2) { padding-bottom: 0; } .sortiment>.row:nth-child(3) { padding-top: 0; } } /*------------------------ FLOWBOX -------------------------*/ /* Fet text */ .bzfy-t-feed-tile-grid .bzfy-c-tilegrid-button--dark, .bzfy-gate-product-title-label, .bzfy-gate-product-buy-button { font-family: 'poppinsmedium', Arial, Helvetica, sans-serif !important; } /* Rektangulära bilder */ .bzfy-t-feed-tile-grid .bzfy-c-tilegrid-post-container__inner { padding-top: 40%; } .bzfy-feed-gate-modal__profile-image { display: none !important; } /* Center text in gate! */ } .bzfy-o-context * { box-sizing: border-box; text-align: center; } .bzfy-feed-gate-modal__profile-image { display: none !important; } /* .bzfy-gate-user-holder.with-products { flex-direction: column; } */ /* Rundade hörn */ .bzfy-t-feed-tile-grid .bzfy-c-tilegrid-post__minimalistic-overlay-commerce-icon { display: none; } .bzfy-t-feed-tile-grid .bzfy-c-tilegrid-post__minimalistic-overlay-commerce-text { display: none; } .bzfy-o-post-image { border-radius: 10px; } .bzfy-feed p, .bzfy-feed h1, .bzfy-feed h2, .bzfy-feed h3, .bzfy-feed h4, .bzfy-feed h5, .bzfy-feed h6, .bzfy-feed ul, .bzfy-feed ol, .bzfy-feed li { font-size: 12px; font-family: inherit !important; font-weight: bold; } /* Pilar i slider */ .bzfy-feed-gate-control, .hasArrowBackground { background-color: #B9D1C3 !important; } .bzfy-icon polygon { fill: #FFF !important; } .bzfy-t-feed-carousel .bzfy-c-carousel-control { background-color: transparent !important; } .bzfy-t-feed-carousel .bzfy-c-carousel-control polygon { fill: #000 !important; } /* Popup instashop */ .bzfy-feed-gate-modal { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; } .bz-gate-media, #bz-gate-image { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; background-image: none !important; } /*------------------------ ARTICLE GROUPS -------------------------*/ .Artgrp_VisaFler { opacity: 0; display: none; } .b-c { min-height: 65px; } .b-c .breadcrumb { display: block; float: left; } .breadcrumb { font-size: 12px; line-height: 20px; font-weight: 500; } .noAfter.Egen_Infogad_HTML:after { display: none; } .Egen_Infogad_HTML.active { max-height: 100%; height: 100%; } .Egen_Infogad_HTML.active:after { display: none; } .artgr_text .visaMer div i { color: #000; /*#a5a5a5;*/ position: relative; top: 1px; /* 3px;*/ } .artgr_text { margin-bottom: 25px; } .Artgrp_VisaFlerArtiklar_Markerad { display: inline-block; padding: 3px 7px; background: #f1f1f1; } .Artgrp_VisaFler a { display: inline-block; padding: 3px 7px; } .Artgrp_VisaFler a, .Artgrp_VisaFler span { font-size: 12px; } .Artgrp_VisaFler a:hover { background: #f1f1f1; } .Artgrp_VisaFler .piper_at_the_gates_of_dawn { display: none; } .Artgrp_VisaFler .AVFAM { margin: 0 5px 0 0; } /* SORT */ .Sortering.open:after { content: "\f102"; } .Sortering .sort_active { text-transform: lowercase; color: #f7b284; } .Sortering .ValjSortordning { z-index: 4; background: #fff; list-style: none; border: 1px solid #f1f1f1; position: absolute; top: 33px; left: -1px; padding: 0 10px; width: -moz-calc(100% + 2px); width: -webkit-calc(100% + 2px); width: -o-calc(100% + 2px); width: calc(100% + 2px); } .Sortering.open .ValjSortordning { display: block; } .Sortering .ValjSortordning a { font-size: 13px; } .ValjSortordning { list-style: none; color: rgba(255, 255, 255, 0); } /* STD */ /* Colors */ .PT_Color div { position: relative; height: 60px; min-width: 60px; display: inline-block; font-size: 14px; padding-top: 32px; text-align: center; margin-right: 10px; } /*.PT_Tillbehor .PT_Color div {width: 30px;}*/ .PT_Color div::before { content: "\f111"; font-size: 28px; top: 10px; position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .imgLink { display: none; } .PT_Color div span { position: relative; top: 3px; } /*A .PT_Color div.Antracit::before {color:#7f8181; background:#7f8181; border: 1px solid #7f8181; border-radius: 100%;} .PT_Color div.Antik.brons::before {color:#837970; background: #837970; border: 1px solid #837970; border-radius: 100%;} .PT_Color div.Antik::before {color:#826d58; background:#826d58; border: 1px solid #826d58; border-radius: 100%;} .PT_Color div.Antik.tenn::before {color:#797e81; background:#797e81; border: 1px solid #797e81; border-radius: 100%;} .PT_Color div.Antik.grå::before {color:#626768; background:#626768; border: 1px solid #626768; border-radius: 100%;} .PT_Color div.Antik.svart::before {color:#313433; background:#313433; border: 1px solid #313433; border-radius: 100%;} .PT_Color div.Antik.mässing::before {color:#925e42; background:#925e42; border: 1px solid #925e42; border-radius: 100%;} .PT_Color div.Alu-look::before {color:#d1d0cf; background:#d1d0cf; border: 1px solid #d1d0cf; border-radius: 100%;} .PT_Color div.Antik.koppar::before {color:#cf8454; background:#cf8454; border: 1px solid #cf8454; border-radius: 100%;}*/ /*B .PT_Color div.Bok::before {color:#e8d3a4; background:#e8d3a4; border: 1px solid #e8d3a4; border-radius: 100%;} .PT_Color div.Björk::before {color:#e8d3a4; background:#e8d3a4; border: 1px solid #e8d3a4; border-radius: 100%;} .PT_Color div.Brunt::before {color:#bd8151; background:#bd8151; border: 1px solid #bd8151; border-radius: 100%;}*/ /*E .PT_Color div.Ek::before {color:#d0b48e; background:#d0b48e; border: 1px solid #d0b48e; border-radius: 100%;}*/ /*F .PT_Color div.Förnicklad::before {color:#a1a3a5; background:#a1a3a5; border: 1px solid #a1a3a5; border-radius: 100%;}*/ /*G .PT_Color div.Gjutjärn::before{ color:#1a1911; background:#1a1911; border: 1px solid #1a1911; border-radius: 100%;}*/ /*K .PT_Color div.Koppar::before {color:#f09860; background:#f09860; border: 1px solid #f09860; border-radius: 100%;} .PT_Color div.Krom::before {color:#d1d0cf; background:#d1d0cf; border: 1px solid #d1d0cf; border-radius: 100%;}*/ /*M .PT_Color div.Mässing::before {color:#e0c27d; background:#e0c27d; border: 1px solid #e0c27d; border-radius: 100%;} .PT_Color div.Mässing.obeh::before {color:#ead5a7; background:#ead5a7; border: 1px solid #ead5a7; border-radius: 100%;}*/ /*N .PT_Color div.Natur::before {color:#e2c298; background:#e2c298; border: 1px solid #e2c298; border-radius: 100%;}*/ /*R .PT_Color div.Rostfritt::before {color:#d1d0cf; background:#d1d0cf; border: 1px solid #d1d0cf; border-radius: 100%;} .PT_Color div.Rostfri.look::before {color:#a7a6a4; background:#a7a6a4; border: 1px solid #a7a6a4; border-radius: 100%;}*/ /*S .PT_Color div.Svart::before, .PT_Color div.Mattsvart::before {color:#1d1d1b; background:#1d1d1b; border: 1px solid #1d1d1b; border-radius: 100%;}*/ /*V .PT_Color div.Valnöt::before {color:#845938; background:#845938; border: 1px solid #845938; border-radius: 100%;} .PT_Color div.Vit::before {color:#faf9f9; border: 1px solid #ddd; border-radius: 100%;}*/ .PT_Wrapper .PT_Color { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .PT_Wrapper .PT_Color div { height: 30px; min-width: 30px; margin-right: 0px; /*background: red;*/ } .PT_Wrapper .PT_Color div span { display: none; } .PT_Wrapper .PT_Color div::before { font-size: 20px; } .instagram.section { margin-top: 100px; } /* LISTA1 */ .PT_WrapperLista { float: left; border: 1px solid #f1f1f1; position: relative; margin: 0.6%; width: 48.8%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .PT_WrapperLista .PT_Bildruta { min-height: inherit; line-height: inherit; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-top: 0; } .PT_WrapperLista .PT_Bildruta a { height: 60px; line-height: 60px; } .PT_WrapperLista .PT_Beskr { height: inherit; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .PT_WrapperLista .PT_Pris { -webkit-order: 1; -ms-flex-order: 1; order: 1; font-size: 15px; } .PT_WrapperLista .PT_Pris span { font-size: 15px; display: block; } .PT_WrapperLista .PT_Knappar { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .PT_WrapperLista .PT_Status { margin: 5px 0 0; } /* TOP OFFER */ .PT_Topoffer_Wrapper { float: left; position: relative; margin: 0 0.6% 1.2% 0.6%; width: 48.8%; } /* IF ARTICLES ARE MISSING */ .Artgrp_Lista { width: 100%; display: block; border: 1px solid #f1f1f1; padding: 4px; margin: 1px; } #ListaOmArtiklarSaknas ul { list-style: none; margin: 0; padding: 0; } #ListaOmArtiklarSaknas li a { display: block; text-align: center; width: 100%; margin: 0 0 5px; background: #f1f1f1; padding: 8px; } #ListaOmArtiklarSaknas li a:hover { background: #eee; } /* SEARCH RESULT */ .matched-group { background: #f1f1f1; text-align: center; padding: 15px; } .matched-group-title { font-size: 1.1em; font-weight: 700; margin-bottom: 5px; } .matched-group-item { display: inline-block; padding: 5px 10px; } /*------------------------ PRODUCT PAGE -------------------------*/ .flex-td .new-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-td .new-wrap>div { width: 100%; } .egenskapsfalt-ejvald-text { font-size: 14px; color: red; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .egenskapsfalt-ejvald-text>div { display: none !important; } /* #Produktinfo { display: block !important; }*/ /* PICTURE COLUMN */ /*.ProduktBild::before {position: absolute; top: 0; left:0; height: 100%; width: 100%; content: ' '; background: rgba(0, 0, 0, 0.02); z-index: 2}*/ .ProduktBild figure, .mz-figure:hover { background: #fff !important; } .mz-figure.mz-active>img { filter: none !important; -webkit-filter: none !important; filter: none !important; } .mobile-magic .mz-expand .mz-image-stage>figure .mz-caption { display: block !important; } @media screen and (min-width: 1251px) {} .ProduktBildtext { width: 100%; margin: 10px 0; } /*.mz-expand {background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;} .mz-expand {filter:blur(0px) !important;}*/ /* PRODUCT COLUMN */ .TextKort.active { max-height: 100%; height: 100%; } .noShow .TextKort:after, .TextKort.active::after { display: none; } .prodText .visaMer::before { display: none; } #KundBetyg a { pointer-events: none; } #Avbetalning { background: #f2f2f2; padding: 10px; } #FaltRader, #KundBetygRad { margin: 10px 0; } #KampanjFalt { border: 1px solid #f1f1f1; padding: 20px; } /* #Produktinfo li { margin: 0 15px; } #Produktinfo iframe { max-width: 100%; height: auto; } #Produktinfo table { max-width: 100%; text-align: left; }*/ #ProduktinfoOvrigt table { width: 100%; } #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; white-space: normal; } #ProduktinfoOvrigt #omdome_epost { display: none; } #ProduktinfoOvrigt .satt_betyg table table tr:nth-child(6) { display: none; } .TeknSpec_Tabell { width: 100%; border: 0; margin: 0; padding: 0; table-layout: fixed; } .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger { padding: 5px; } .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger { background: #fff; } .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger { background: #fff; } .pdf a:before, .externlank a:before, .storleksguideToggle:before { font-size: 16px; padding: 0 5px 0 0; } .pdf a:before { content: "\f1c1"; } .externlank a:before { content: "\f08e"; } .storleksguideToggle:before { content: "\f05a"; } #more-text { display: none; } .Find { display: none; width: 50%; float: right; } .Find a { background: #b8d0c3; color: #fff; height: 50px; line-height: 50px; font-size: 17px; text-align: center; width: 100%; margin-bottom: 15px; display: inline-block; } .Find a:hover { background: #a8c7b6; } #kund1 .Find { display: block; } ul.tabs li.tab.prodbladTab { display: none; } ul.tabs li.tab.prodbladTab.show { display: inline-block; } .artgrp_wrapper { display: block; } .Artgrp_Visningsformat { font-size: 0; text-align: right; margin-bottom: 10px; } .Artgrp_Visningsformat a { margin-right: 10px; } .Artgrp_Visningsformat a:first-child:before { font-family: "Font Awesome 5 Pro"; content: "\f009"; font-size: 20px; font-weight: 700; color: #c1c1c1; } .Artgrp_Visningsformat a:last-child:before { font-family: "Font Awesome 5 Pro"; content: "\f0c8"; font-size: 20px; font-weight: 700; color: #c1c1c1; } .Artgrp_Visningsformat.std a:first-child:before { color: #f7b284; } .Artgrp_Visningsformat.lista1 a:last-child:before { color: #f7b284; } .Artgrp_Visningsformat_Markerad { font-weight: 700; } /* Läs mer/mindre */ /* + och - */ .Laggikorgen_Antalsrad>td, .ProduktbeskrAntalvalFalt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .Laggikorgen_Antalsrad>td { float: left; } .Laggikorgen_Antalsrad>td:nth-child(1) {} @media screen and (max-width: 37.5em) { /* .ProduktbeskrAntalvalFalt { float: right; } */ .artikel_antal { margin-right: auto; } } .dec-inc { position: relative; } .dec-inc i { font-size: 20px; line-height: 42px; /*39*/ font-style: normal; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .dec-inc.minus { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); float: left; border: 1px solid #f2f2ef; background: #f2f2ef; margin-right: -1px; width: 45px; /*37*/ height: 45px; min-width: 45px; line-height: 45px; text-align: center; order: -1; } .dec-inc.plus { border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); float: left; border: 1px solid #f2f2ef; background: #f2f2ef; margin-left: -1px; width: 45px; height: 45px; min-width: 45px; line-height: 45px; text-align: center; order: 2; z-index: 1; } #OrderFalt { position: relative; margin-bottom: 14px; /*62*/ } #OrderFalt .buttons { display: flex; flex-flow: row; gap: 10px; order: 4; grid-column: 1/-1; margin-top: 10px; width: 73%; } #OrderFalt .buttons .faveBuy { width: 45px; height: 45px; order: 3; background-color: rgb(241, 241, 241); align-items: center; justify-content: center; aspect-ratio: 1/1; border-radius: var(--border-radius); } .buy-button .label { display: flex; justify-content: center; } .buy-button .feedback { display: none; } .buy-button .label { font-size: 0; } .buy-button[data-state='default'] .label { font-size: 16px; } /* fill content with default value to keep auto width of element same as default-state */ .buy-button:not([data-state='default']) .label:before { content: attr(data-default); color: transparent; font-size: 16px; } /* icons for states */ .buy-button:not([data-state='default']) .label:after { font-family: "Font Awesome 5 Pro"; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; line-height: normal; font-size: 14px; color: var(--cta-color1); } /* icon for processing */ .buy-button[data-state='processing'] .label:after { content: '\f1ce'; transform: none; -webkit-animation: air-loading 1s linear infinite; animation: air-loading 1s linear infinite; margin: -.5rem 0 0 -.5rem; } /* icon for success */ .buy-button[data-state='success'] .label:after { content: '\f00c'; } /* icon for success */ .buy-button[data-state='error'] .label:after { content: '\f321'; } #OrderFalt .buttons .faveBuy .wishlist-button { padding: 0; line-height: 2; } #OrderFalt .buttons .faveBuy .wishlist-button::after { font-size: 20px; padding-left: 4px; } .ProduktbeskrAntalvalText { display: none; } .ProduktbeskrAntalvalFalt { width: 140px; } .Egenskaper_Tabell { width: 100%; grid-column: 1/-1; } .Egenskaper_Tabell tbody { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; flex-flow: row; } .Egenskaper_Tabell tbody tr { display: flex; justify-content: space-between; } .Egenskaper_Tabell tbody tr td:nth-child(1) { min-width: 75px; line-height: 35px; min-width: 108px; display: none; } .Egenskaper_Tabell tbody tr td:nth-child(2) { width: 170px!important; } #SubmitFalt .Knapp_Kop a::after { content: "\f101"; margin-left: 5px; font-size: 15px; } .show_button { width: 18.7%; background: rgba(0, 0, 0, 0.02); text-align: center; /* line-height: 125px; */ margin: 0 0.6% 1.2% 0.6%; cursor: pointer; font-weight: bold; } .show_button span { display: none; } .show_button span.active { display: block; } /* VARIANTARTIKLAR */ /*}*/ .Egenskaper_Tabell td { line-height: 40px; padding: 0; } .ProduktbeskrAntalvalText, .Laggikorgen_Antalsfalt { height: 35px; line-height: 35px; width: 100%!important; } .ProduktbeskrAntalvalTabell td { padding: 0; } .Set_Falt_Wrap select { width: 100%; } /* SET */ .SET_link .ListaSetArtnr { display: none; } .startflikwrapper li { margin-left: 15px; } /* SIZE GUIDE */ .select-warning .property-header-label{ color: red; } /* #SubmitFalt.disabled .buy-button{ background: hsl(0deg 0% 9.95% / 42%); color: #ffffff80; cursor: not-allowed; } */ .storleksguideToggle { cursor: pointer; } .storleksguide { display: none; } .storleksguide.active { display: block; width: 70%; max-width: 800px; position: absolute; padding: 30px 20px; margin: 0; z-index: 6; top: 215px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #fff; } /* BEVAKA */ #artikelbevakning .bevakningsrubrik { display: none; } #artikelbevakning { width: 100%; margin: 10px 0; } #bevakning p br { display: none; } #epost_bevaka { max-width: 230px; } p#status { display: block; width: 100%; margin: 10px 0 0 !important; color: #cb0000 !important; } #bevakning table, #bevakning table * { display: inline-block; } a#Knapp_Bevaka_Produkt { background: #999; color: #fff; height: 50px; line-height: 50px; padding: 0; width: 100%; text-transform: uppercase; font-size: 15px; display: block; text-align: center; } a#Knapp_Bevaka_Produkt:hover { background: #777; } .MoreProds h3 { text-align: left !important; /*font-family: 'poppinsthin';*/ } /* FAVORITES */ .Onskelista { margin: 5px 0 0 10px; cursor: pointer; } .Onskelista a { border-left: 1px solid #ddd; padding-left: 10px; } .Onskelista a i { color: #333; } .onskelista_lagg_till_knapp.remove i { color: #49c070; } .Onskelista_artnr { display: none; } .Onskelista_artgr { position: relative; z-index: 3; cursor: pointer; } .Onskelista_icon img { max-height: 15px; max-width: 15px; } .wishlist-button { padding: 5px; line-height: 29px; /*background: green;*/ } .wishlist-button.remove:after { content: "\f004"; } .wishlist-button.add:after { content: "\f004"; } /* REVIEWS */ h3#betyg { text-align: center; text-transform: capitalize; } .grades-submitwrapper .Knapp_Generell_Tabell_Artikel { width: 100%; } .grades-submitwrapper { background: #f1f1f1; padding: 20px; } .grades-submitwrapper.disabled { pointer-events: none !important; opacity: 0.47; } #article-grades-form input, #article-grades-form select, #article-grades-form textarea { width: 100%; margin-bottom: 10px; } #article-grades-form label { font-size: 13px; margin-left: 5px; } .grades-form-label { min-width: 140px; } .grade-wrap { padding: 10px 0; border-bottom: 1px solid #eee; } #article-grades-list .grade-wrap:last-of-type { border-bottom: none; } .b_kundkort { text-align: center; } .b_namn, .b_datum { display: block; } .b_bild i { font-size: 50px; } .b_namn { font-weight: bold; margin-top: 3px; } .b_namn a { display: none; } .b_betyg { margin-bottom: 5px; } .b_datum, .svar_datum { color: #636363; } .b_grade {} .b_kommentar {} .b_admincomment { background: #f1f1f1; padding: 10px; font-size: 0.85em; } .b_admincomment_img img { max-height: 50px; } .b_admincomment_name { font-weight: bold; } .b_admincomment_text { display: block; } .b_svar { padding: 10px; background: #f1f1f1; margin-top: 10px; } .svar_datum { font-size: 10px; } .b_summering { font-weight: bold; font-size: 1.1em; } label.error { color: #d54747; display: block; margin: -7px 0 6px 5px; font-size: 12px; } .b_votes { font-size: 0.8em; width: 100%; text-align: right; margin: 0 0 5px; cursor: pointer; } .b_votes_delimeter { padding: 0 5px; color: #ccc; } #get_additional_grades { float: right; margin: 15px 0 0 0; cursor: pointer; } #reset_grades { float: right; margin: 15px 0 0 15px; cursor: pointer; } .upvote::before { content: "\f164"; } .downvote::before { content: "\f165"; } .betyg_siffra { width: 100%; font-size: 14px; display: inline-block; letter-spacing: 4px; } .betyg0:after { content: "\f005\f005\f005\f005\f005"; color: #c3c3c3; } .betyg1:before { content: "\f005"; color: #fad149; } .betyg1:after { content: "\f005\f005\f005\f005"; color: #c3c3c3; } .betyg2:before { content: "\f005\f005"; color: #fad149; } .betyg2:after { content: "\f005\f005\f005"; color: #c3c3c3; } .betyg3:before { content: "\f005\f005\f005"; color: #fad149; } .betyg3:after { content: "\f005\f005"; color: #c3c3c3; } .betyg4:before { content: "\f005\f005\f005\f005"; color: #fad149; } .betyg4:after { content: "\f005"; color: #c3c3c3; } .betyg5:before { content: "\f005\f005\f005\f005\f005"; color: #fad149; } /*------------------------ LOGIN -------------------------*/ .inloggningsruta { width: 300px; display: none; position: fixed; padding: 30px 20px; margin: 0; z-index: 6; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; } .inloggningsruta.active { display: block; } .inloggningwrapper .button:first-child { margin-right: 5px; } #AdressblockLoggain table { float: left; } .close { position: absolute; right: -25px; top: 0; cursor: pointer; } .close:before { content: "\f00d"; font-size: 20px; color: #fff; } /*------------------------ BUTTONS -------------------------*/ .Knapp_Kop_Tabell tr td, .PT_Knappar .Knapp_Info { display: none; } .Knapp_Kop_Tabell .Knapp_Kop { display: block; } .Knapp_Kop_Tabell, .PT_Knappar table { float: right; } .Knapp_Kop_Tabell .Knapp_Info_Hoger { margin: 0 5px 0 0; float: left; } .PT_KnapparKampanj tabell { width: 135px; } .inloggningsruta .primbutton a, .inloggningsruta .primbutton a:hover, .login-btn .primbutton a, .login-btn .primbutton a:hover { background: #bdcfc4; } /*------------------------ MISC -------------------------*/ /* NEWS LETTER */ .nyhetsbrev input { border: 3px solid #b8d0c3 !important; background: #333 !important; height: 50px !important; line-height: 50px !important; color: #fff; padding-left: 10px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } .nyhetsbrev .Knapp_Anmalan a { border: 3px solid #b8d0c3; background: #b8d0c3; color: #fff; width: 100%; text-align: center; height: 50px; line-height: 50px; margin: 0 0 0 -1px; display: inline-block; text-transform: uppercase; font-size: 15px; border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .nyhetsbrev input::-moz-placeholder { color: #fff !important; font-size: 15px !important; opacity: 1 !important; } .nyhetsbrev input::-webkit-input-placeholder { color: #fff !important; font-size: 15px !important; opacity: 1 !important; } .nyhetsbrev input:-ms-input-placeholder { color: #fff !important; font-size: 15px !important; opacity: 1 !important; } /* BRANDS */ .Varum_Grupperad div { width: 24%; padding: 1%; vertical-align: top; display: inline-block; } .Varum_Grupperad div h2 { width: 100%; float: left; font-weight: 300; font-size: 25px; border-bottom: 1px solid #000; } .Varum_Grupperad div ul { width: 100%; float: left; } .Varum_Grupperad div ul li { width: 100%; line-height: 25px; float: left; list-style: none; } /* OVERLAY */ #dialogruta { visibility: hidden; position: absolute; left: 0px; top: 0; z-index: 3005; background: rgba(100, 100, 100, 0.6); width: 100%; height: 100%; } #Felmeddelande { width: 400px; top: 7%; margin: 0 auto; padding: 20px; position: relative; background: #fff; text-align: center; } #Felmeddelande img { display: none; } #Felmeddelande h1 { font-size: 1.5em; } #Felmeddelande h1:before { content: "\f071"; } /* MAGICZOOM .mz-button.mz-button-close {background:#fff !important; color:#231f20 !important;} :root:not(.mobile-magic) button.mz-button {color:rgba(255, 255, 255, 0.85) !important;}*/ /*------------------------ MY PAGE -------------------------*/ #mypages-container { max-width: 850px; } .Dinsida_Topprubrik, #mypages-container>h1 { font-size: 1.7em; text-align: center; } .din_sida_text { text-align: center; } #minsidaDrop ul, div#minsidaDrop { list-style: none; width: 100%; display: inline-block; } #minsidaDrop ul { margin: 5px 0 0; } #minsidaDrop a { float: left; width: 100%; color: #777; } #minsidaDrop a:hover { color: #111; } #minsidaDrop ul ul { width: 100%; border-bottom: 1px solid #f1f1f1; margin: 5px 0 15px; padding: 0 0 10px; text-align: center; } #minsidaDrop>ul>li>h2 { display: none; } #minsidaDrop ul li ul li { margin: 1px; display: inline-block; } #minsidaDrop ul li ul li span a { font-size: 11px; } #minsidaDrop ul li ul li.m_selected a { color: #000; } #minsidaDrop li span a:before { font-size: 20px; display: inline-block; margin: 0 7px 5px; } li#hem span a::before { content: "\f015"; font-weight: 900; } li#andraprofil span a:before { content: "\f007"; } li#dinsida_returhantering span a:before { content: "\f3e5"; } li#dinsida_order span a:before { content: "\f09d"; } li#dinsida_fakturor span a:before { content: "\f2b6"; } li#dinsida_abonnemang span a:before { content: "\f01e"; } li#dinsida_bevakningar span a:before { content: "\f1e5"; } li#logout span a:before { content: "\f011"; } li#Onskelista span a:before { content: "\f004"; } li#dinsida_betyg span a:before { content: "\f005"; } li#dinsida_returer span a:before { content: "\f3e5"; } li#dinsida_presentkort span a:before { content: "\f09d"; } li#dinsida_reklamationer span a:before { content: "\f122"; } li#dinsida_lojalitetsprogram span a:before { content: "\f0d6"; } li#dinsida_vardebevis span a:before { content: "\f022"; } li#dinsida_betalkort span a:before { content: "\f283"; } li#dinsida_rabatter span a:before { content: "\f295"; } li#restArtiklar span a:before { content: "\f073"; } .OrderTable tr:nth-child(odd) td { background: #f1f1f1; } .OrderTable tr td { padding: 5px; } .OrderTable { background: #eee !important; } .PS_Tabell select { min-width: 90px; } .Din_Sida_Onskelista_Wrapper { text-align: center; } .DS_OL_Table_Wrap tr:nth-child(even) td, .DS_OL_Table_Wrap tr td { background: #fff; } .DS_OL_Table_ToppFlik .Flik_Normal a { display: none; } .DS_OL_Table_Artiklar .PrisBOLD, .DS_OL_Table_Artiklar .PrisREA { font-weight: 400; } .DS_OL_Table_Wrap .DS_OL_Table_Knappar i { font-style: normal; } .OrderHuvud, .OrderRader { border: 1px solid #eee !important; } .OrderHuvud tr:nth-child(odd) td, .OrderTable tr:nth-child(odd) td { background: #f1f1f1; } .OrderHuvud tr:nth-child(even) td, .OrderTable tr:nth-child(even) td { background: #fff; } .OrderRader tr:nth-child(odd) td { background: #f1f1f1; } .OrderRader tr:nth-child(even) td { background: #fff; } .OrderTable img, .OrderHuvud img { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); max-height: 20px; } .LojSammanfattningDiv { background: #f1f1f1 !important; border: none !important; padding: 5px !important; } .BevakaTabell, form[name="AIR_Rek_Ret"] table { width: 100%; } form[name="AIR_Rek_Ret"] table input[type="text"], form[name="AIR_Rek_Ret"] table textarea, form[name="AIR_Rek_Ret"] table select { width: 100% !important; } /*------------------------ SPECIFIC PROPERTIES -------------------------*/ .PT_Wrapper, .Artgrp_VisaFler a, .primbutton a, .secbutton a, .Knapp_Generell a, .Knapp_Info a, .Knapp_Kop a, .centerpuff h3 a:hover, .centerpuff h4 a:hover, #Felmeddelande a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } select { float: left; width: auto; background-color: #fff; background-image: url("/themes/beslagOnline_v43/design/bilder/pil.svg"); background-repeat: no-repeat; background-size: 13px; background-position: right 10px center; border: 1px solid #f1f1f1; color: #000; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; font-size: 13px; height: 35px; line-height: normal; padding: 0 0 0 5px; } select::-ms-expand { display: none; } input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, #nyhetsbrev input[type="submit"], #kontaktformular input[type="submit"], .cm-form input[type="number"] { background-color: #fff; border: 1px solid #ddd; color: #111; display: inline-block; font-size: 13px; height: 35px; line-height: normal; padding: 6px 5px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align: middle; -webkit-appearance: none; } textarea { min-height: 100px; line-height: normal; width: 100%; } input:focus, select:focus, textarea:focus { border-color: rgb(0, 0, 0); border-color: rgba(0, 0, 0, 0.8); outline: 0 none; } .dimmer.active, .dimmer2.active, .sokrutan.active, .soktoggle::after, .stangsok::after, .inloggningsruta.active, .Artgrp_VisaFler a:hover { -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .Egenskaper_Tabell .egenskapsfalt-wrapper select[name*="Egenskap"] { width: 170px !important; padding-right: 27px; height: 45px; background-image: url("data:image/svg+xml,"); background-color: #f2f2ef; border-radius: var(--border-radius); padding-left: 18px; color: #2f2f2f; } .Knapp_Generell a:hover, .Knapp_Info a:hover, #Adressblock .LankLoggain a:hover, #Felmeddelande a:hover, a#vu_sok:hover { background: #444; } .Knapp_Kop a:hover { background: #eda575; } /* -------------------------------------------------------------------------------------------------- Cookiebar -------------------------------------------------------------------------------------------------- */ #topbar { padding-top: 0 !important; } /*Kan behöva bytas ut till ett annat id/class beroende på. Diven där id="topbar" läggs kommer få en padding-top på 82 px när cookiebar är synlig.*/ #cookiewrapper { width: 100%; background-color: #b8d0c3; } #cookiebar { width: 1015px; height: 44px; margin: 0 auto; padding: 5px; color: #fff; } #cookiebar p { color: #fff; font-size: 14px; padding-top: 5px; float: left; } #cookiebar span { padding: 0px 10px 6px 10px; border: 2px solid #fff; cursor: pointer; float: right; text-transform: uppercase; } #cookiebar span p { font-size: 13px; } .cookie-bar { position: fixed; width: 100%; left: 0; bottom: 0; padding: 0.6em 5%; background: #b8d0c3; color: #fff; font-size: 13px; font-weight: 400; z-index: 99999; text-align: center; } .cookie-bar a, #cookieBarAccept, .cookie-bar a:hover, #cookieBarAccept:hover { color: #fff; text-decoration: underline; } .cookie-bar a:hover, #cookieBarAccept:hover { text-decoration: none; } .cc-overlay { height: 100%; padding-top: 25%; } .cookie-bar-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #fff; font-size: 18px; } .cookie-bar a.cookie-bar-accept, .cookie-bar-error a.cookie-bar-accept, .cookie-bar a.cc-cookie-decline, .cookie-bar-error a.cc-cookie-decline, .cookie-bar a.cc-cookie-reset, #cookieBarAccept { cursor: pointer; margin: 0 0 0 10px; display: inline-block; color: #fff; text-decoration: none; padding: 0.5em 0.75em; border: 1px solid #fff; text-transform: uppercase; font-size: 12px; border-radius: var(--border-radius); } .cookie-bar a.cc-cookie-decline, .cookie-bar-error a.cc-cookie-decline { margin-left: 0.5em; } .cookie-bar a.cc-cookie-reset { background: #f15b00; } .cookie-bar-error a.cookie-bar-accept, .cookie-bar-error a.cc-cookie-decline { display: block; margin-top: 1em; } .cookie-bar.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; } .cookie-bar.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; } .cookie-bar.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; } .cookie-bar-accept { margin-left: 5px; } a.cookie-bar-accept:hover { color: #fff !important; } @media screen and (max-width: 768px) { .cookie-bar a.cookie-bar-accept, .cookie-bar a.cc-cookie-decline, .cookie-bar a.cc-cookie-reset { display: block; margin: 1em 0; } .cm-form-group label { width: 100%; } .Egenskaper_Tabell tbody tr td:nth-child(2) { width: 100%!important; } .Egenskaper_Tabell .egenskapsfalt-wrapper select[name*="Egenskap"] { width: 100%!important; } } @media screen and (max-width: 865px) { .Egenskaper_Tabell tbody tr { width: 100%; } } .footer .section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: stretch; } .footer .col { min-height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: stretch; flex-flow: column; } .footer_top_brand img { margin-bottom: 10px; } .footer ul { list-style: none !important; } .footer ul li { padding-block: 5px; } .footer h4 { width: 100%; } .footer .col.s_3_of_12.f4 p { font-size: 14px; font-weight: 300; line-height: 27px; } .footer button { height: 45px; line-height: 45px; padding: 0; max-width: max-content; font-size: 16px; border-radius: var(--border-radius); margin: 0; background: #f7b284; color: #fff; display: inline-block; font-family: "poppinslight", Arial, Helvetica, sans-serif; justify-content: center; cursor: pointer; border: 0px; padding-inline: 20px; text-align: left; } .footer .footer-items a, .footer a { font-weight: 300; font-size: 14px; } .footer .social-items { display: flex; flex-flow: row; gap: 10px; margin-top: 10px; } .footer .social-items a img { max-width: 40px; max-height: inherit; } .footer button::after { content: "\f178"; font-family: 'Font Awesome 5 Pro'; padding-left: 10px; } .footer .footer-address { margin-top: 30px; padding-inline: 10px; width: 100%; text-align: center; } .footer .footer_bottom_bar { margin-top: 20px; } .footer .footer_bottom_bar svg { max-width: 65px; margin: 0; padding: 0 !important; } .footer .trustpilot-footer { margin-top: 30px; margin-left: -50px; } .footer .trustpilot-footer-mobile { margin-top: 20px; display: none; } .footer .service-btn { height: 45px; line-height: 45px; padding: 0; max-width: max-content; font-size: 16px; font-weight: 500; border-radius: var(--border-radius); margin: 0; background: #f7b284; color: #fff; display: inline-block; justify-content: center; cursor: pointer; border: 0px; padding-inline: 20px; text-align: left; } @media screen and (max-width: 1316px) { .footer .footer_bottom_bar { margin-left: -20px; margin-right: -20px; margin-bottom: -20px; } .footer .trustpilot-footer { margin-left: -80px !important; } } @media screen and (max-width: 768px) { .footer .mobile-tab h4 { border-top: 1px solid #333; display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin: 0; line-height: 1; height: 55px; padding-top: 10px; padding-inline: 10px; } .footer .mobile-tab h4::after { font-family: "Font Awesome 5 Pro"; content: "\f078"; display: inline-block; transition: all 0.1s ease; } .footer .mobile-tab h4.show::after { font-family: "Font Awesome 5 Pro"; content: "\f077"; display: inline-block; transition: all 0.1s ease; } .footer .footer-items { display: none; padding-inline: 10px; } .footer .footer-items.show { display: block; } .footer .trustpilot-footer-mobile { display: block; } .footer .trustpilot-footer { display: none !important; } .footer .footer_bottom_bar { padding-block: 20px; flex-flow: row; align-items: center; margin-left: -20px; margin-right: -20px; margin-bottom: -20px; margin-top: 30px; justify-content: unset !important; padding-inline: 20px; } .footer .footer_bottom_bar > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .footer .footer_bottom_bar div:nth-of-type(1) { display: flex; flex-direction: column; } .footer .footer_bottom_bar div img { width: 65px; } .footer .f4 { padding-inline: 10px; } .footer .social-items { margin-top: 30px; padding-inline: 10px; } } #AIRvarukorg-Wrap{display: block;} .mobilenav-icon, #kundvagn{ -webkit-tap-highlight-color: transparent; } /* #celink955, #celink589, #celink624, #celink24 {margin-top:auto; margin-bottom:10px;} */ /* air_blogg.css */ .blog-output > .section {width: 100%;} /* Översikt */ /*.bio > div span { display: block; text-transform: uppercase; font-size: 130px; font-family: 'Myriad Pro Light'; }*/ .breadcrumb { margin: 10px auto 15px; } /*Anpassningar*/ .blog-lank{position: absolute; width: 100%; height: 100%; top: 0; left:0; opacity: 0;} .bloggcell-wrapper{display: flex; flex-wrap: wrap;} .bloggcell-wrapper article{display: flex;flex-flow: column nowrap;} /* STARTSIDAN */ .start-blog .lasmer {position: absolute; width: 100%; height: 100%; top: 0; left:0; opacity: 0;} /*.start-blog article {border:1px solid #e8e8e8;}*/ .start-blog article .text {padding: 20px;} .start-blog article .text .blog-ingress {margin-bottom: 0;} .start-blog article .text span {color:#949497; font-size: 13px; /*font-family: 'poppinsthin';*/ margin-bottom: 5px; display: block;} .start-blog h2 {text-align: left; font-size: 24px;} .start-blog .blog-image span {position: absolute; right: 0; top:12px; background: #b8d0c3; padding:5px 20px;} .start-blog .blog-image span a {color:#fff;} /* PRODUKTSIDAN */ .prod-blog .lasmer {position: absolute; width: 100%; height: 100%; top: 0; left:0; opacity: 0;} .Blogginlagg_Saknas_For_Artikeln {text-align:center; margin-bottom:20px;} /* INLÄGG */ .blog-output h2 {text-align: left; font-size: 1.2em; margin-bottom: 10px;} .blog-output .cm-img-wrapper h2 {text-align: center;} .blog-writer {display: block; text-align: right; font-size: 12px;} .blog-writer time {display: block;} .blog-ingress {font-weight: 400; margin-bottom: 20px;} .blog-morebtn {display: block; text-transform: uppercase; font-style: italic; color: #9b9b9b;} a.blog-readmore {position: absolute; width: 100%; height: 100%; top:0; left:0; opacity: 0;} .blog-content img {border-radius: var(--border-radius);} .date-tag .blogg_taggar {display: inline;} .blog-image2 {margin-bottom: 5%} .blog-content .image {margin-bottom: 5%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;} .blog-content .image img {width: 49%;} .blog-products {margin-top: 5%;} .blog-products .PT_Wrapper_All {width: 100%; margin:0;} .blog-products .PT_Wrapper {border: 10px solid #fff;} .blog-products .PT_Wrapper:hover {border: 10px solid #fff !important;} /*#sidorSpan, #sidorSpan_Markerad {width: 15px; display: inline-block;} #sidorSpan_Markerad {background: #000;} #sidorSpan_Markerad a {color: #fff;}*/ .blog-date-tags {text-align: center; margin-top: 7%} ul.dela-share-buttons {list-style: none; font-size: 20px; height: 20px; line-height: 20px;} ul.dela-share-buttons li{display: inline; margin-right: 5px;} ul.dela-share-buttons li a{display: inline-block;} .blog-quote {text-align: center; margin:15px 0; padding:0 10%; font-size: 16px;} .blog-quote span::before {content: '\f10d'; margin-right: 3px; font-size: 11px;} .blog-quote span::after {content: '\f10e'; margin-left: 3px; font-size: 11px;} .blog-video {text-align: center;} .blog-products h2 {margin-top: 25px;} .blog-products .PT_Text_Kort {display: none;} .fler_bloggar {margin-top: 5%;} .fler_bloggar h3 {font-weight: 400; text-align: left; border-bottom: 1px solid #b5bb99; margin-bottom: 40px; line-height: 50px;} .blog-output2 {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;} .blog-output2 article {width: 48%; margin:0; text-align: center;} .blog-output .blog-output2 h2 {text-align: center;} /* ARKIV .arkiv-knapp {display: none;} .blog-archive {background:#f1f1f1; width: 300px; float: left; margin-left: 30px; padding:30px 25px;} .blog-archive ul {list-style: none; } .archive-bio img {display: block;} .archive-bio strong, .archive-bio a {font-weight: bold;} .blog-categories > span {background: #fff; border: 1px solid #999; display: block; width: 100%; line-height: 40px; padding: 0 10px; position: relative; cursor: pointer;} .blog-categories > span::after {content: '\f078'; position: absolute; right: 10px;} .blog-categories.active > span::after {content: '\f077';} .blog-categories {position: relative; width: 100%;} .blog-categories ul{display: none; position: absolute; width: 100%; top: 40px; background: #fff; border: 1px solid #999;} .blog-categories.active ul {display: block;} .blog-categories ul li {line-height: 30px; border-bottom: 1px solid #f1f1f1;} .blog-categories ul li a {padding: 0 10px; display: block;} .archive-date {display: block;width: 100%; border-bottom: 1px solid #999; color: #333; font-size: 12px; padding-bottom: 3px; margin-bottom: 10px;} .archive-list ul {line-height: 24px;} .blog-categories, .archive-latest, .archive-list {margin-top: 35px;}*/ /* Kommentarer .blog-comments h2 {margin: 25px 0 20px 0;} .bloggkommentar_saknas, .bloggkommentarsfalt_kommentar1 {display: none !important;} .bloggkommentarsfalt_form .bloggkommentarsfalt_kommentar1 {display: block !important;;} .SingleComment {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .bloggkommentarsfalt_form {padding:15px; background: #f1f1f1;} .bloggkommentarsfalt_kommentar_falt, .bloggkommentarsfalt input{margin-bottom: 10px;} .blog_comments {-webkit-order:2; -ms-flex-order:2; order:2; padding:0 15px 0 0;} .bloggkommentar {border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin-bottom:15px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .blog-card {width: 100px; text-align: center;} .bloggkommentar_innehall {margin-left: 10px; width:-moz-calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-o-calc(100% - 110px); width: calc(100% - 110px);} .bloggkommentar_url {margin-top: 5px;} .bloggkommentar_rubrik::before{content: '\f2bd'; display: block; font-size: 50px;} .bloggkommentar_rubrik {font-weight: bold;}*/ /* v2 #bloggKommentarerWrapper2 {display: none !important;} .bloggkommentarv2 {border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin-bottom:15px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .bloggkommentarsfaltv2 input, .bloggkommentarsfaltv2 textarea {margin-bottom: 12px;} #bloggKommentarerWrapper3 {display: none !important;}*/ /* Svar .bloggkommentar_svara {padding-left: 110px; margin-top: 10px; font-size: 12px;} .bloggkommentarv2.niva2 {padding-left: 15px; position: relative;} .bloggkommentarv2.niva2 .bloggkommentar_rubrik::before{font-size: 30px;} .bloggkommentarv2.niva2 .blog-card {border-left: 1px solid #eee;} .bloggkommentarv2.niva2 .bloggkommentar_svara {margin-top: 0px; font-size: 12px; border-left: 1px solid #eee;} .bloggkommentarv2.niva2 .bloggkommentar_svara.active {border-left: none !important;} .bloggkommentarv2.niva2 .bloggkommentar_svara.active, .bloggkommentarv2.niva2 .bloggkommentar_svara.active .bloggkommentarsfalt_namn_falt, .bloggkommentarv2.niva2 .bloggkommentar_svara.active .bloggkommentarsfalt_epost_falt, .bloggkommentarv2.niva2 .bloggkommentar_svara.active .bloggkommentarsfalt_captcha_falt {width: 100%;} .bloggkommentar_svara .knapp-kommentera, .bloggkommentar_svara .namnepostFaltWrapper {padding-top: 10px;} */ /* Paginering */ .Artgrp_VisaFlerBott {width: 100%; display: none; float: left; padding:20px 0;} #antalArtiklarSpan {display: none;} .valPaginering {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} #sidorSpan_Markerad {font-weight: bold;} /*----------------------*/ @media screen and (max-width: 1300px) { .prod-blog {padding: 10px;} } /*----------------------*/ @media screen and (max-width: 1200px) { .SingleComment {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .blog_comments {width: 100%; margin: 30px 0 0 0} } /*----------------------*/ @media screen and (max-width: 1050px) { .blog-products .PT_Wrapper {width: 48.8%;} } /*----------------------*/ @media screen and (max-width: 885px) { .blog-output2, .blog-content .image {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .blog-output2 article, .blog-content .image img {width: 100%;} .blog-content .image img {margin:10px 0;} /*.arkiv-knapp {display: block; position: absolute; top: -10px; right: -10px; background: #f8f8f8; padding: 5px 15px 1px 10px; cursor: pointer; z-index: 2; border-bottom-left-radius: 10px; border-top-left-radius: 10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd;} .arkiv-knapp span::after {content:'\f100'; color: #000; font-size: 20px;} .arkiv-knapp.active {right: 290px !important; padding: 5px 10px 1px 10px;} .arkiv-knapp.active span::after {content:'\f101';} .blog-archive {display: none;} .blog-archive.active {display: block; top: -30px; position: absolute; right: -10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;} .blog-output {width: 100%;}*/ .blog-writer {margin-bottom: 10px;} .blog-share {width: 50%;} .blog-video {width:100%; margin:0 auto; } .blog-video div.iframeWrap {position:relative; padding-top: 56%;} .blog-video div.iframeWrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;} } /*----------------------*/ @media screen and (max-width: 600px) { .blog-date-tags {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .blogg_taggar {text-align: center;} .blog-share {width: 100%; text-align: center; padding-bottom: 15px;} } @media screen and (max-width: 450px) { /*.blog-card {width: 100%;} .bloggkommentar_innehall {width: 100%; margin: 10px 0 0 0;} .bloggkommentarsfalt, .bloggkommentarsfalt input {max-width: 100%;} .bloggkommentarv2.niva2 {padding-left: 0;} .bloggkommentarv2.niva2 .blog-card, .bloggkommentarv2.niva2 .bloggkommentar_svara {border:0;} .bloggkommentar_svara {padding-left: 0px;} .bloggkommentarv2.niva2 .bloggkommentar_svara {margin-top: 10px;}*/ } /*----------------------*/ @media screen and (max-width: 340px) { /*.arkiv-knapp.active {right: 260px !important;} .blog-archive.active {width: 270px;}*/ } /* air_responsive.css */ /*--------------------------------------------------------------------------------- Site: COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2019. ALL RIGHTS RESERVED. ---------------------------------------------------------------------------------*/ @media screen and (max-width: 2000px) { .banner-artgr .overlay span { font-size: 60px; } } @media screen and (max-width: 1300px) { /*.breadcrumb,*/ .rPadding { padding: 0 10px; } .footer { padding: 20px; } .nav .niva3 { padding-right: 10px; } } /*------------------------*/ /*------------------------*/ @media all and (min-width: 1251px) { } /*------------------------*/ @media screen and (max-width: 1250px) { /*.logga img {opacity: 0 !important}*/ /* CANVAS */ .canvas-right-module-xs, .canvas-left-module-xs { position: fixed; width: 90%; height: 100%; /*height: 100vh;*/ min-height: 100dvh; text-align: left; top: 0; bottom: 0; z-index: 61; background: #fff; -webkit-overflow-scrolling: touch; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .canvas-right-module-xs { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } /*-----------*/ td, tr { text-overflow: ellipsis; white-space: normal; } html { -webkit-text-size-adjust: none; } /* MAIN TEMPLATE */ .header-wrapper { z-index: 55; position: fixed; } .topbar.content { padding: 0 10px 0 0; } /*.scrolling .wrapper {padding: 97px 0 10px;}*/ .logga { /*margin:0; position:absolute; left:50%; top:68%; padding:0; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);*/ } #header.scroll .logga { top: 65%; } /*top50*/ .inloggningsruta { top: 255px; } .inloggning { height: 50px; line-height: 50px; width: 100%; } .inloggning:hover { background: none; } .stang::after { content: "\f00d"; } .footer { padding: 20px; } /* .footer .col {margin:0 0 20px;} */ .footer .section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .nyhetsbrev input { width: 60%; } .footer .nyhetsbrev .Knapp_Anmalan { width: 40%; } .footer-content { padding: 10px 0; margin: 0; border-top: 1px solid #ddd; border-right: 0; min-height: 50px; } .desktop { display: none !important; } .mobile { display: block !important; } .Onskelista_count { padding-top: 0; } /* START PAGE */ .banner > div > span { font-size: 70px; } .puffar1 > div > div { font-size: 20px; } .instagram { margin-top: 25px; } /* ARTICLE GROUP */ .Artgrupp_header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: -o-calc(100% + 20px); width: calc(100% + 20px); margin-left: -10px; } .banner-artgr .overlay { line-height: 30px; } .filterknapp_wrapper { order: -1; border-right: 1px solid #eee; line-height: 52px; height: 52px; margin-top: 0; cursor: pointer; } .Sortera, .filterknapp_wrapper { width: 50%; text-align: center; border-bottom: 1px solid #eee; border-top: 1px solid #eee; /*align-self: flex-start;*/ } .Sortera { /*font-family: 'poppinsthin', sans-serif !important; */ } .Sortering .sort_active { display: none; } .Sortering { line-height: 50px; height: 50px; } .Artgrp_Visningsformat { font-size: 0; display: none; } .artgrp_wrapper { /*display: flex;justify-content: space-between;align-items: center;*/ } .banner-artgr .overlay { font-size: 20px; } .banner-artgr .overlay span { font-size: 60px; } .Artgrupp_header { /*margin:0 0 10px 0;*/ } .Artgrupp_header .fa-sort { width: 5%; margin-right: 1%; } .Artgrp_Sorteringsordning { float: left; width: 94%; } .Artgrp_VisaFler { margin: 10px 0 0; text-align: left; } .Artgrupp_header b { width: 30%; float: left; height: 20px; line-height: 20px; margin: 0 0 5px; } .Artgrupp_header span select { width: 100%; } .Artgrp_VisaFlerArtiklar_Markerad, .Artgrp_VisaFler a { padding: 8px; margin: 0 0 5px; } #ListaOmArtiklarSaknas li a { font-size: 20px; padding: 0px; text-align: center; line-height: 40px; height: 40px; } .PT_Wrapper { width: 32.1%; } .utforanden .PT_Wrapper { width: 19.7%; } .PT_Knappar table, .PT_Knappar .Knapp_Kop, .PT_Knappar a { width: 100%; } .PT_Wrapper .PT_Bildruta { /*min-height:130px; line-height:normal;*/ } .PT_Wrapper .PT_Bildruta img { /*max-height:130px;*/ } .PT_Wrapper .PT_Text_Kort, .breadcrumb { display: none; } .PT_Wrapper .PT_Beskr { /*height:70px;*/ } .PT_Wrapper .PT_Beskr a { font-size: 14px; } .PT_Pris { /*height:70px; padding:5px 0 0; text-align:center;*/ } .PT_Pris span { display: block; } .PT_Wrapper .PT_Pris, .PT_Wrapper .PT_Pris .PT_PrisKampanj { font-size: 16px; } .PT_Wrapper .PT_PrisOrdinarie { font-size: 12px; } .PT_WrapperLista { width: 100%; } .PT_WrapperLista .PT_Pris { height: inherit; padding: 10px 0; } .Faktablock1 .m_12_of_12 { margin: 0 0 5px; } .Faktablock1 .m_12_of_12:last-of-type { margin: 0; } .PT_Topoffer_Wrapper { width: 98.8%; border: none; } .PT_Wrapper.lista { width: 48.8%; } /* PRODUCT PAGE */ #ArtikelnamnFalt { /*margin:10px 0 7px; text-align:center; font-size:2em;*/ } /*#PrisFalt, #PrisFaltStafflade, #VarumarkeFalt, .TextKort, .Faktablock1, .betyg_siffra {text-align:center;}*/ .levinfo .col:nth-child(2) { margin-left: 1.6%; } .storleksguide.active { width: 80%; top: 68px; } .close { right: -25px; } .PrisFav { } #more-text { cursor: pointer; font-weight: bold; display: block; } #more-text:after { content: "\f078"; padding-left: 5px; } #get_additional_grades { margin: 15px 0 0 10px; } #OrderFalt { margin-bottom: 1rem; } /*.prodText .visaMer {position: relative;} .prodText .visaMer::before { visibility: visible; position: absolute; display: block; width: 100%; content: " "; height: 40px; top: -40px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); display: none; } .prodText.active .visaMer::before {display: none;}*/ /*.prodText .visaMer, .artgr_text .visaMer {text-align: center;}*/ /* MZ */ .ProduktBild { background: #fff; } .ProduktBild figure, .mz-figure:hover { background: #fff !important; } .ProduktBild figure img, .mz-figure:hover img { opacity: 1 !important; } /**/ /* MISC */ #minsidaDrop ul li ul li { padding: 3px 10px; margin: 0; text-align: center; width: 32%; } #minsidaDrop li span a::before { font-size: 35px; } #Felmeddelande { width: 300px; top: 70px; } .login-btn div { text-align: center; width: 100%; } /* MY PAGE */ #minsidaDrop > ul { height: 50px; position: relative; } #minsidaDrop > ul > li { position: absolute; } #minsidaDrop > ul > li > ul { border-radius: var(--border-radius); z-index: 1; cursor: default; height: 35px; overflow: hidden; background: #fff; border: 1px solid #f1f1f1; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #minsidaDrop > ul > li > ul::after { width: 20%; cursor: pointer; content: "\f078"; position: absolute; right: 0px; top: 0; height: 100%; padding: 8px 10px 0 0; text-align: right; } #minsidaDrop > ul > li > ul.active { height: auto; } #minsidaDrop > ul > li > ul.active:after { content: "\f077"; } #minsidaDrop > ul > li > ul.active > li { border-bottom: 1px solid #f1f1f1; } #minsidaDrop > ul > li > ul > li { width: 100%; text-align: left; padding: 0 10px; } #minsidaDrop > ul > li > ul > li > span { display: block; float: left; height: 35px; line-height: 35px; } #minsidaDrop > ul > li > ul > li.m_selected { -webkit-order: -1; -ms-flex-order: -1; order: -1; } #minsidaDrop li span a { font-size: 14px !important; position: relative; margin-left: 30px; } #minsidaDrop li span a::before { font-size: 20px; margin: 0 0 0 10px; position: absolute; left: -40px; } .cm .spaceBetween { padding: 0 10px; } } /*------------------------*/ /* @media all and (max-width: 1150px) and (min-width: 1000px) { .topbar .usp ul li { font-size: 15px; margin: 0 8px; } } */ /*------------------------*/ @media screen and (max-width: 1000px) { .scrolling .topbar .sprak, .scrolling .topbar .contact { display: none; } } /*------------------------*/ @media screen and (max-width: 850px) { .betyg_skriv, .betyg_utskrift { width: 100%; } .betyg_skriv { margin-bottom: 20px; } .betyg_skriv .Knapp_Generell a { font-size: 14px; height: 35px; line-height: 35px; width: 200px; } .satt_betyg .Knapp_Generell a { width: 200px; } .betyg h2 { margin-bottom: 10px; } /* Mobilpluppar .BildZoomThumbnailsContainer { display: flex; justify-content: center; } .BildZoomThumbnailsContainer { margin: .5em 0 1em; } .BildZoomThumbnails { padding: 0; margin: 1%; height: 10px; width: 10px; position: relative; } .BildZoomThumbnails a, .thumbswrapper a { background: #cac9c9; border-radius: 100%; height: 10px; width: 10px; } .BildZoomThumbnails a.mz-thumb-selected, .thumbswrapper a.mz-thumb-selected { background: #000; } .BildZoomThumbnails img, .thumbswrapper img { height: 10px; width: 10px; margin: 1%; border-radius: 100%; opacity: 0 !important; } .thumbswrapper {width: 100%; justify-content: center;}*/ } /*------------------------*/ @media screen and (max-width: 780px) { .puffar1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .puffar1 > div { width: 100%; margin-bottom: 20px; } .banner-artgr .overlay { font-size: 17px; width: 80%; } .banner-artgr .overlay span { font-size: 30px; } .banner > div, .bannerMobil > div { font-size: 22px; } .PT_Wrapper.lista { width: 100%; } } /*------------------------*/ @media screen and (max-width: 650px) { .puffar2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .puffar2 > div { width: 100%; margin-bottom: 40px; } .PT_Wrapper { width: 48.8%; } .footer .section > div { width: 100%; } } /*------------------------*/ @media screen and (max-width: 600px) { .banner { display: none; } .bannerMobil { display: block; padding: 15px 10px 0; } .bannerMobil img { border-radius: var(--border-radius); } .bannerMobil br { display: none; } .bannerMobil > div > span { font-size: 50px; } .seo h2 { font-size: 35px; } #SubmitFalt { width: 100%; position: relative; } } /*------------------------*/ @media screen and (max-width: 430px) { .contact a { font-size: 15px; } .contact span i { font-size: 12px; } .sprak { font-size: 15px; } .sprak span { font-size: 14px; line-height: 30px; } .banner-artgr .overlay { width: 90%; } /*.PT_Wrapper {width: 100%;}*/ .Varum_Grupperad div { width: 49%; } .Onskelista_count { margin: 8px 7px 0 0; } .favoriter .PT_Pris { height: 40px; } .utforanden .PT_Bildruta { min-height: 70px; line-height: 70px; } .show_button { min-height: 70px; line-height: 77px; } .show_button { font-size: 13px; } #mypages-container .KundprofilFaltOK, #mypages-container .KundprofilFaltFEL, #mypages-container .KundprofilFaltOK_Kort, #mypages-container .KundprofilFaltFEL_Kort, #mypages-container .Presentkortsruta tbody tr td input { width: 93% !important; } #mypages-container #SKM_Erbjud .Snabbkassa_Kunduppgift_Etiketter, #mypages-container #LankAdressblockOvrigt > label { display: none; } } /*--------------------*/ /* @media screen and (max-width: 400px) { .topbar .usp ul li { font-size: 9px; margin: 0 3px; } } */ /* air_leads.css */ /* INSTAGRAM NEWSLETTER */ .AskasLeads_HTML .instaNewsletter, .AskasLeads_Tacksida .instaNewsletter { padding: 20px; background: #B9D1C3; color: #fff; } /* Stängknappens färg måste gå på id:t på leads för den ligger utanför */ #al_pop_18 .al_close, #al_pop_19 .al_close, #al_pop_20 .al_close, #al_pop_21 .al_close, #al_pop_22 .al_close { color: #FFF !important; top: 13px; right: 13px; } #al_pop_18.al_pop.al_corner, #al_pop_19.al_pop.al_corner, #al_pop_20.al_pop.al_corner, #al_pop_21.al_pop.al_corner, #al_pop_22.al_pop.al_corner { width: 95%; } /*----------------------*/ .leads-wrapper p { font-size: 14px; line-height: 27px; font-weight: 300; } .AskasLeads_HTML .instaNewsletter h2, .AskasLeads_Tacksida .instaNewsletter h2{ text-transform: uppercase; font-size: 24px !important; line-height: 35px; } .AskasLeads_HTML .instaNewsletter .instagram-wrapper span, .AskasLeads_HTML .instaNewsletter .newsletter_signup span { text-transform: uppercase; } .AskasLeads_HTML .instaNewsletter .instagram-wrapper a { background: #FFF !important; color: #000 !important; margin-bottom: 15px !important; margin-top: 5px; } .AskasLeads_HTML .instaNewsletter .instagram-wrapper a::before { content: '\f16d'; font-family: "Font Awesome 5 Brands"; margin-right: 10px; } .AskasLeads_HTML .instaNewsletter .instagram-wrapper a.hide {display: none;} .AskasLeads_HTML .instaNewsletter .instagram-wrapper .insta-success { display: none; background: #F6B182; color: #000; margin-bottom: 15px; margin-top: 5px; height: 40px; border-radius: var(--border-radius); align-items: center; justify-content: center; text-transform: uppercase; position: relative; } .AskasLeads_HTML .instaNewsletter .instagram-wrapper .insta-success.show {display: flex;} .AskasLeads_HTML .instaNewsletter .instagram-wrapper .insta-success::after { content: '\f00c'; font-family: "Font Awesome 5 Pro"; position: absolute; top: 6px; right: 10px; } .AskasLeads_HTML .instaNewsletter .newsletter_signup { pointer-events: none; cursor: not-allowed; } .AskasLeads_HTML .instaNewsletter .newsletter_signup.enable { pointer-events: auto; cursor: auto; } .AskasLeads_HTML .instaNewsletter .newsletter_signup form {position: relative;} .AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Epost { border-radius: var(--border-radius); background: #fff; height: 40px; margin-top: 5px; padding-left: 10px; } .AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Epost::-moz-placeholder {color: #000 !important; opacity: 1 !important;} .AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Epost::-webkit-input-placeholder {color: #000 !important; opacity: 1 !important;} .AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Epost:-ms-input-placeholder {color: #000 !important; opacity: 1 !important;} .AskasLeads_HTML .instaNewsletter .newsletter_signup .AskasLeads_Submit { height: 38px; border-radius: var(--border-radius); background: #fff; color: #000; width: 45px; position: absolute; top: 6px; right: 2px; cursor: pointer; } .AskasLeads_HTML .instaNewsletter .terms {display: none;} .AskasLeads_HTML .instaNewsletter .terms a { text-transform: none !important; text-decoration: underline; font-size: 13px; background: none !important; margin-bottom: 0 !important; } .AskasLeads_HTML .instaNewsletter .dash, .AskasLeads_Tacksida .instaNewsletter .dash { border: 1px dashed #fff; padding: 15px; border-radius: var(--border-radius); } /*.AskasLeads_Tacksida .instaNewsletter h2{ text-transform: uppercase; font-size: 24px !important; line-height: 35px; }*/ /* LEADS CONTENT */ .al_pop{background:#fff;width: 100%; z-index:99;} .AskasLeads_HTML, .AskasLeads_Tacksida {height:100%; width: 100%; max-width: var(--max-width);; margin:0 auto; text-align: center;padding:var(--gutter);} .AskasLeads_HTML form{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 800px; margin:0 auto; flex-wrap: wrap; margin-bottom: 30px;} .AskasLeads_HTML .AskasLeads_Epost{width: 100%; margin-right:var(--gutter); margin-bottom: 10px; border-radius: 5px; background: #eee;font-size: 14px;font-weight: 300;} .AskasLeads_HTML .AskasLeads_Submit {-webkit-appearance: button; width:auto;text-align: center; color: #fff; font-weight:700; display: inline-block; border-radius: 5px; cursor:pointer; padding: calc(var(--gutter)/2) var(--gutter); border:0; background: #f5b184; height: 35px; line-height: 35px; padding: 0 10px; width: 100%; } /*Close*/ span.al_close{position: absolute;top: 30px; right: 30px;} span.al_close:after{font-family: "Font Awesome 5 Pro"; content: "\f00d"; font-size: 1.4em;text-align: center; cursor: pointer;width: calc(var(--gutter)*1.8);} span.al_close i{display: none;} /*GENERAL*/ .al_pop span.al_close { /* SET CLOSE BUTTON STUFF HERE */ background: transparent; color: #000; } /*ALIGNED */ .al_pop.al_top { position: fixed; top: 0; left:0; } .al_pop.al_bottom { position: fixed; bottom: 0; left: 0; } .al_pop.al_corner { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; width: 85%; max-width: 470px; /*height: 90%;*/ max-height: 670px; z-index: 69; box-shadow: 0px 0px 8px #00000033; overflow: auto; border-radius: var(--border-radius); } .al_pop.al_corner h2 { font-style: normal; font-size: 28px; font-weight: 500; margin: 10px 0; } .al_pop.al_corner p { margin: 15px 0; } .checkmark-icon{ background:#b8d0c3 ; color:#fff ; width: 40px; height: 40px; line-height: 40px; display: block; margin: 20px auto; border-radius: 50px; } .checkmark-icon:before { font-family: "Font Awesome 5 Pro"; font-weight: 300; content: '\f00c'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; } .leads-wrapper{ padding: 0 4em; } .al_pop.al_corner #AskasLeads_HTML form { flex-direction: column; margin-bottom: 2em; } .al_pop.al_corner #AskasLeads_HTML form input{ background: #f1f1f1; height: 40px; border-radius: var(--border-radius); } .al_pop.al_corner #AskasLeads_HTML form #AskasLeads_Submit, .al_pop.al_corner a{ background: #f7b284; } .al_pop.al_corner a{ width: 100%; height: 40px; border-radius: var(--border-radius); margin-bottom: 2em; display: flex; align-items: center; justify-content: center; color: #fff; text-transform: uppercase; font-style: normal; } #AskasLeads_HTML {} @media screen and (min-width: 750px) { .al_pop.al_corner img { /*padding: 0em 2em 0 2em;*/ } } @media screen and (max-width: 750px) { .al_pop.al_corner{width: 80%;} .leads-wrapper{ padding: 0 1em; } .al_pop.al_corner h2 { font-size: 20px !important; } .al_pop.al_corner p { font-size: 14px; } } /* air_popup.css */ /*ON BODY*/ .air-popup-active{overflow:hidden} /*OVERLAY*/ #air-popup-overlay{display:none; position: fixed; top: 0;bottom: 0; background: rgba(30,30,30,0.8); left: 0; right: 0; z-index:11;} .air-popup-active #air-popup-overlay{display:block;} /*POPUP*/ .air-popup-area{display:none;background:#fff; z-index:12; padding:20px; position: fixed; max-height:94%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); top:50%; left:50%; width: 80%; max-width:450px; overflow-y: scroll; -webkit-overflow-scrolling: touch;} .air-popup-area.active{display:block;} /*CLOSEICON*/ .air-popup-close{} /* air_kassa.css */ .Kundtjanst { display: none; } /*---------------------------------------------------------------------------------- CHECKOUT - Standard ----------------------------------------------------------------------------------*/ /* Fix i chrome */ .Snabbkassa_Varukorg:before, .Snabbkassa_Varukorg:after, #checkout_discount_code_wrapper:before, #checkout_discount_code_wrapper:after, #checkout_customer_service_wrapper:before, #checkout_customer_service_wrapper:after, .psp_content:before, .psp_content:after { content: ""; display: table; } .Snabbkassa_Varukorg:after, #checkout_discount_code_wrapper:after, #checkout_customer_service_wrapper:after, #checkout_freight_wrapper:after, .psp_content:after { clear: both; } /* WRAPPERS */ .GodkannaVillkorochBestallningsknappRam { margin: 0; } /* FYNDA I KASSAN */ .Fynda .PT_Bildruta { min-height: 150px !important; line-height: 150px !important; } .Fynda .PT_Beskr { height: 50px; } .Fynda .Knapp_Kop_Tabell, .PT_Knappar table { width: 100%; } .Kassan>form>br { display: none; } /* RUBRIKER */ .Rubrik_Fraktmetoder .Snabbkassa_Flik_Normal div:first-child span { display: inline-block !important; } .number::before { background: #f7b284; width: 28px; height: 28px; line-height: 30px; border-radius: 100%; color: #fff; text-align: center; margin-right: 10px; font-size: 17px; display: inline-block; position: relative; top: -3px; display: none; } .number#nr0::before { content: '1'; } .number#nr1::before { content: '2'; } .number#nr2::before { content: '3'; } .number#nr3::before { content: '3'; } .DK .number#nr3::before { content: '4'; } /* CHECKOUT CART */ .Snabbkassa_Varukorg { /*background:#f5f5f5; padding:20px;*/ } /* Medskickskampanj */ .Snabbkassa_Varukorg_Tabell_Rad_medskick { display: inline-block; float: left; margin: 2px 0; width: 100%; background: #f5f5f5; } .Snabbkassa_Varukorg_Tabell_Rad_medskick td.bild { display: inline-block; float: left; width: 8%; padding: 0; } .Snabbkassa_Varukorg_Tabell_Rad_medskick td.antal { display: inline-block; float: left; padding: 20px 0 0 4.3%; width: 78%; } .Snabbkassa_Varukorg_Tabell_Rad_medskick .origpris, .Medskick_OrdPris { float: right; display: inline-block; padding: 20px 0 0; } .Snabbkassa_Varukorg_Tabell_Rad_medskick .Divider { border-bottom: 1px dotted #ddd; float: left; } .Snabbkassa_Medskick_PrisFaltTot { float: right; display: inline-block; padding: 0 5px 0 0; } .Medskick_Bild_Skiljelinje { display: none; } .Medskick_Bild_Skiljelinje img { max-height: 1px; } .MedskickSelect { width: 100%; float: left; display: inline-block; } .Medskick_Info { width: 8%; } .Medskick_Input { width: 4%; } /* GIFT CART */ .Rubrik_Snabbkassa_Presentkort:hover { cursor: pointer; } .Snabbkassa_Presentkort i { display: inline-block; } .Presentkortsruta, #InforutaRabattkodPresentkod { width: 280px; } .Presentkortsruta tbody tr td input { width: 100% !important; margin: 0; } .PresentkortsrutaInfoRadOvan b { display: none; } .Presentkortsruta .Knapp_Generell_Tabell { width: 100%; } /* PAYMENT AND SHIPPING */ #BetalningsmetoderRam br, #FraktmetoderRam br { display: none; } #BetalningsmetoderRam span:hover, #FraktmetoderRam span:hover, #AviseringsmetoderRam span:hover { background: #f5f5f5; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #BetalningsmetoderRam span .BetRadio { width: 100%; } #BetalningsmetoderRam span .BetNamn { display: inline; margin: 0 !important; } #BetalningsmetoderRam span a, #FraktmetoderRam span a { display: inline-block; } #BetalningsmetoderRam input { margin: 0; } #KreditorInfo { width: 98% !important; padding: 5px; } #Klarna_PartpaymentContainer, #Klarna_InvoiceContainer { margin: 5px 0 0 !important; } .Kassan .Betalning a img, .Kassan .Fraktmetoder a img { max-height: 22px; margin: 0 10px 0 5px; } #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; } #Klarna_InvoiceContainer, #Klarna_PartpaymentContainer { padding: 0 !important; } #Klarna_InvoiceContainer a:before, #Klarna_PartpaymentContainer a:before { content: "\f05a"; font-weight: 300; padding: 0 2px 0 0; } #KlarnaAvbetalID { margin: 10px 0 0 !important; } .KCO_Lank { text-align: left; } /* 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; } /* CUSTOMER DATA */ .Snabbkassa_Kunduppgift_Etiketter { width: 185px; margin: 0 12px 0 0; float: left; display: block; line-height: 30px; } .Snabbkassa_Kundfalt_Marginal.SKM_PNr { display: block; width: 185px !important; float: left; margin: 3px 12px 10px 0 !important; } .Snabbkassa_Kundfalt_Marginal { margin: 5px 0 !important; width: 100%; display: inline-block; } .Snabbkassa_Kundfalt_Marginal img, #Adressblock img { display: block; float: right; text-align: right; } .Snabbkassa_RutaAvd { padding: 12px; background: #f5f5f5; float: left; } #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; } #Adressblock>table { padding: 0 !important; border: none !important; position: relative; height: 35px !important; display: table; } input#Pnr { width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: calc(100% - 24px); } #AdressblockLoggain .Snabbkassa_Kundfalt_Marginal { display: block; } .AH_Felkod { background: #fff !important; padding: 10px 0; } .KundprofilFaltOK, .KundprofilFaltFEL, .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort, .Presentkortsruta tbody tr td input { border-radius: var(--border-radius); background-color: #fff !important; height: 35px; width: -moz-calc(100% - 215px); width: -webkit-calc(100% - 215px); width: -o-calc(100% - 215px); width: calc(100% - 215px); border: 1px solid #ddd; } .KundprofilFaltOK_Kort, .KundprofilFaltFEL_Kort { width: 100%; } .KundprofilFaltFEL, .KundprofilFaltFEL_Kort { border: 1px solid #f00 !important; } select.KundprofilFaltOK, select.KundprofilFaltFEL, select.KundprofilFaltOK_Kort, select.KundprofilFaltFEL_Kort { background-image: url('/bilder/butik/pil.svg'); background-repeat: no-repeat; background-size: 13px; background-position: right 10px center; } /* CUSTOMER SERVICE */ .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 { display: block; width: 100%; margin: 0 0 3px; } .Kundtjanst table tbody tr td div br { display: none; } #Kassan_Kommentar { min-height: 30px; } /* NOTIFICATION */ /*#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; } .Varukorg_Saldofel { width: 100%; margin: 10px 0 !important; display: inline-block !important; } /* VALFRITT UTLÄMNINGSSTÄLLE */ #utlamningsstalle_wrapper { padding: 20px; background: #f5f5f5; } #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; } #utlamningsstalle ul, #utlamningsstalle li { list-style: none; float: left; font-size: 16px; } #utlamningsstalle_skiljelinje { border-bottom: 1px solid #f5f5f5; border-top: 1px solid #fff; height: 0; padding: 0px; margin: 10px 0 !important; } #Utlamning_ExtraOrt { margin: 5px 0 0; background: #fff; border: 1px solid #f5f5f5; width: 85%; 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: 14%; float: left; text-align: center; font-size: 19px; } /* SEND ORDER */ .GodkannaVillkorochBestallningsknappRam { background: #fff; margin: 20px 0; min-height: auto !important; padding: 0px; } .Samleverans div { padding: 0 !important; } /* HEADLINES */ /* HIDE ELEMENTS */ #utlamningsstalle_wrapper li { list-style: none; } /* ORDER SENT */ .KassanSlutfort { text-align: center; } .KassanSlutfort table { border: 1px solid #eee; padding: 10px 20px; margin: 0 auto; } .KassanSlutfort table tr { border-bottom: 1px solid #eee; display: block; padding: 5px 0; } .KassanSlutfort table tr:last-of-type { border-bottom: none; } .KassanSlutfort table td { background: #fff !important; } .KassanSlutfort table td img { max-height: 25px; } /* ADJUSTMENTS */ .Snabbkassa_Varukorg_Tabell_Rad td.Antal a { font-size: 20px; } .Snabbkassa_Varningsmeddelande, .Snabbkassa_Kunduppgift_Etiketter, td.Antal a { font-weight: 400; } #BetalningsmetoderRam span .BetNamn i { font-size: 17px; font-style: normal; } .Varukorg_Rad_Niva_0 .TAGX_Antal i { font-style: normal; font-size: 16px; } .terms a { font-weight: normal !important; font-size: 16px; } .Snabbkassa_Presentkort i { font-style: normal; font-size: 14px; } .remove-it { font-size: 17px; } .AddKassa, .SubKassa { font-size: 12px; } .bestallningsknapp { font-size: 19px } .Snabbkassa_Kunduppgift_Etiketter, #KreditorInfo { font-size: 16px; } .Snabbkassa_Flik_Normal { /*font-weight:700; - Funkar bara i FF - byt till rätt typsnitt ist*/ } .Snabbkassa_Varningsmeddelande, #InfoAttDelbetala, .TxtRabatt { color: #cb0000 !important; } #InfoAttDelbetalaInline { color: #000 !important; } .Snabbkassa_Varukorg_Tabell_Rad_medskick td.antal i, .Medskick_Val i, .Medskick_Val i a { font-style: normal !important; color: #cb0000; } .bestallningsknapp { background: #b8d0c3; border: none; color: #fff; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; height: 50px; width: 100%; margin: 0px; -webkit-appearance: none; } .bestallningsknapp:hover { background: #a8c7b6; } #Adressblock .LankLoggain a { background: #222; border-bottom: 2px solid #000; color: #fff; height: 35px; line-height: 35px; display: inline-block; padding: 0 10px; text-transform: uppercase; font-size: 16px; } #Adressblock .LankLoggain a, bestallningsknapp { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /*----------------------------------------------------------------------------------*/ @media screen and (max-width: 1250px) { /*tr.Snabbkassa_Varukorg_Tabell_Rad {position:relative;} .Snabbkassa_Varukorg_Tabell_Rad td.Pris b {font-weight:700;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal input {width:35px; height:32px;} .AddKassa, .SubKassa, .remove-it {margin:0 !important; width:30px; height:32px; line-height:32px;} .sub_add {position:relative; display:table;} .remove-it {position:absolute; top:10px; right:0; text-align:right;}*/ .AddKassa, .SubKassa, .remove-it { margin: 0 !important; } .Snabbkassa_Presentkort, tr.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum, .Snabbkassa_Presentkort, tr.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum2 { width: 100%; } .Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum { height: auto; } .Snabbkassa_Varukorg_Tabell_Rad td.Pris b { float: none; } .Snabbkassa_Varukorg_Tabell_Rad td.Antal a { /*width:100%; padding:7px 0 5px;*/ } .Presentkortsruta, .Presentkortsruta, #InforutaRabattkodPresentkod { width: 100%; } .GodkannaVillkorochBestallningsknappRam td { width: 100%; display: block; text-align: center; } #GodkannaVillkorRam { margin: 10px 0; } #Felmeddelande { width: 95%; } .OrderTable { max-width: 320px; overflow-x: scroll; display: block; } a#Pnr_Knapp { font-size: 15px !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; } #AdressblockLoggain .Snabbkassa_Kunduppgift_Etiketter { width: 100%; } #BetalningsmetoderRam span a, #FraktmetoderRam span a, #AviseringsmetoderRam span a { font-size: 14px; } #InfoAttDelbetalaInline { font-size: 11px !important; } #AdressblockPaminnare table, #AdressblockPaminnare table input, .Presentkortsruta .Knapp_Generell_Tabell { width: 100%; } #AdressblockPaminnare td { display: block; text-align: left; } #AdressblockPaminnare .Knapp_Generell a { text-align: center; } #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% } } /*----------------------------------------------------------------------------------*/ @media all and (max-width: 600px) { .Pnr_Tabell { width: -moz-calc(100% - 127px); width: -webkit-calc(100% - 127px); width: -o-calc(100% - 127px); width: calc(100% - 127px); } #KreditorInfo { margin-top: 50px !important; font-size: 12px; line-height: 15px !important; } #KnappAdresshamtningKreditor, #KnappAdresshamtningBC { position: absolute; top: 40px; left: 0; width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: calc(100% - 24px); } a#Pnr_Knapp, .Pnr_Tabell .Knapp_Generell_Tabell { width: 100%; } #Adressblock #LankKassanAngeAdress { margin: 50px 0 0 !important; } .AH_Felkod { margin: 40px 0 0 !important; } .DS_OL_Table_Knappar td { display: block; width: 100%; } .Snabbkassa_Flik_Normal div, .Snabbkassa_Flik_Normal span { display: inline-block; margin: 0 auto; float: none !important; } /*.Snabbkassa_Varukorg_Tabell_Rad td.Bild, .Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad td.Pris, .Snabbkassa_Varukorg_Tabell_Rad td.Rabatt { width: 100%; background: rgba(0,0,0,0); margin: 0;} tr.Snabbkassa_Varukorg_Tabell_Rad {width: 99%; padding: 10px 0;text-align: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .Snabbkassa_Varukorg_Tabell_Rad td.Pris, .Snabbkassa_Varukorg_Tabell_Rad td.Rabatt {margin: 0;text-align: center;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal {margin-top: 10px; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .Snabbkassa_Varukorg_Tabell_Rad td.Antal a {width: 100%; margin-top: 15px;}*/ .number::before { top: 0 } .cartSummering { padding: 0 20px; } .Snabbkassa_Varukorg_Tabell_Rad td.Pris { flex-wrap: wrap; } .Snabbkassa_Varukorg_Tabell_Rad td.Bild { align-self: flex-start; } #SumInkInfo { font-size: 22px; } } /*----------------------------------------------------------------------------------*/ @media screen and (max-width: 430px) { tr.Snabbkassa_Varukorg_Tabell_Rad { width: 99%; padding: 10px 0; } .Snabbkassa_Varukorg_Tabell_Rad_medskick .origpris, .Medskick_OrdPris { padding: 5px 0 0; } .Snabbkassa_Varukorg_Tabell_Rad_medskick td.antal { padding: 5px 0 0 9%; } .KassanSlutfort img { max-height: 16px !important; } } @media screen and (max-width: 413px) { #SumInkInfo { font-size: 22px; } } /* budbee */ select.spl-select-BudbeeBox {display: none;} .freight-span[data-lev*="Budbee"] select {width: 100%; height: 3rem; min-width: 330px; background-color: #fff;} .freight-span[data-lev*="Budbee"] .spl_wrapper {z-index: 2; padding: 0 !important;} #FraktmetoderRam .spl_text::after {background-color: transparent;} #FraktmetoderRam span[data-lev*="Budbee"] span::after {display: none;} #FraktmetoderRam .freight-span[data-lev*="Budbee"] .spl_info { font-size: 10px; width: 100%; float: left; padding: 0; margin: 0; border: none; font-family: "poppinsextralight",Arial,Helvetica,sans-serif; display: none; } #FraktmetoderRam span[data-lev*="Budbee"] span:hover {border-color: transparent; background-color: transparent;} #FraktmetoderRam span[data-lev*="Budbee"] .FraktInfoInfogad {font-family: "poppinsextralight",Arial,Helvetica,sans-serif;} #FraktmetoderRam span[data-lev*="Budbee"]:hover .spl_wrapper {border-color: transparent;} @media screen and (max-width: 700px) { .freight-span[data-lev*="Budbee"] select { min-width: 100%; max-width: 240px; padding-right: 35px; } #FraktmetoderRam span[data-lev*="Budbee"] .FraktInfoInfogad {padding-bottom: 5px;} }