/* Haku & ostoskori */ #cart {align-items:center;color: #fff;grid-template-columns: 1fr 4fr;background:rgba(255,255,255,0.05);padding: 0 3%;border-radius: 4px;} #okfunctions{min-width:130px;flex-direction: row;justify-content: flex-end;align-items: center;} #okfunctions em {width:100%; font-size:1.5rem;color:#fff;padding:0 10px;} #cart_maara {pointer-events: none;background-color: #91a73c;border-radius: 15px;font-size: 0.7rem;font-weight: 400;height: 16px;margin: -6px 0 0 22px;position: absolute;width: 16px;z-index: 2;padding: 0;text-align: center;color: #fff;line-height: 130%;} #cart a {font-weight: 400;height: 100%;line-height: 100%;width: 100%;float: left;color: #fff;} #cart_yhteensa a {display:flex; justify-content:center; align-items:center;} #cart_yhteensa span {flex:1;} #cart_yhteensa span.summa {font-size: 0.7rem;text-align: center;} span.kassa-button {font-size: 0.6rem !important;font-weight: 700 !important;text-transform: uppercase;background:#e30613;color:#fff;margin-left: 0;float: right;text-align: center;width: 50% !important;padding: 5px 2%;box-sizing: border-box;margin: 10px 0;} #searchtoggl {justify-self:center;padding-right: 20px;} #searchtoggl i {color: #fff;font-size: 1.5rem;padding:0px 10px 0 0;justify-self: center} #searchbar{background: #202020;} #search {margin:10px auto 0 auto; text-align: center; display:none; padding: 20px 0;} #search form {display: inline-block; margin: 0 auto; width:100%} #search table, #search tbody, #search tr, #search td {display:block; width: 100%} #search table tr td {display:flex;} #search .btn {display:none;} #search {width: 70% !important; margin: 0 auto !important;} #search input#pikahakusana, .search-kodin-kalusteet input.verkkokauppahakupainike {padding:10px 20px;} #search input.verkkokauppahakupainike {font-size: 1rem;} #search #verkkokauppatuotehaku {text-align:left;} fieldset.search {border: none;padding: 0;margin: 0;} input#pikahakusana {width: 75%;border: none;padding: 10px 0px 10px 10px;border-bottom-left-radius: 3px;border-top-left-radius: 3px;font-size: 0.9em;float: left;display: block;box-sizing: border-box; margin-bottom:0;} input.verkkokauppahakupainike { background: #595959;border: none;border-bottom-right-radius: 3px;border-top-right-radius: 3px;padding: 10px;color: #fff;font-weight: 700;text-transform: uppercase;font-size: 0.9em;box-sizing: border-box;float: left;width: 25%;} input.verkkokauppahakupainike:hover {cursor:pointer;} @media only screen and (max-width:1024px) {#navi-wrap{display:none;}header.content-col{width: auto;max-width: 120px;background: none;right: 2em;position: absolute;top: 5px;z-index: 99999;}#okfunctions {display:flex;align-items: center; justify-content:center;height:100%; top:0;position: relative;z-index: 90000;}.oklinkki {display: flex;width: 48px;height: 48px;text-align: center;flex-direction: column;justify-content: center; align-items:center;}#okfunctions em {padding:0;}.verkkokauppa-ylakori {display: flex;justify-content: center;align-items: center;}#searchtoggl i{padding-top:0;}#cart {grid-template-columns:1fr;}#searchbar{position: absolute;top: 69px;width: 100%;background: #1E1E1E; z-index:2000} #kirjaudu{display: flex; height: 100%; width: 100%;justify-content: center;align-items: center;}#search {padding: 10px 0;}#login {display: flex;flex-direction: column;justify-content: center;align-items: center;}#cart > div:last-of-type { display: none;}#cart a {padding:5px}#cart_maara {margin: 0px 0 10px 22px;}} @media only screen and (max-width:575px) {#search{width:90% !important;}.oklinkki {width: 35px;}#okfunctions{justify-content:flex-end}} /* Tuote lisatty ostoskoriin */ #tuotelisattykoriin_popup {width: 25vw;height: auto;background-Color: #ffffff;border: 1px solid #dddddd;z-index: 20000;display: flex;flex-direction: column;padding: 5%;box-sizing: border-box;} #tuotelisattykoriin_popup .ylaboksi {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-left: 9px;margin-top: 10px;background: #ececec;} #tuotelisattykoriin_popup .otsikko {color: #000;text-align: center;padding: 10px;font-weight: bold;font-size: 18px;} #tuotelisattykoriin_popup .kuva {text-align: center;padding: 10px 0;} #tuotelisattykoriin_popup .kuva img {max-height: 240px;width: auto;} .tuotekortti_tuotenimi.popup_tuotenimi {margin-left: 0px;font-weight: 500;text-align: center;height: auto;} #tuotelisattykoriin_popup .tuotekortti_hinta {margin-left: 0;text-align: center;font-size: 1.2rem;padding-top: 5px;} #tuotelisattykoriin_popup.napit {display: flex;flex-direction: row;grid-column-gap: 5%;margin-top: 15px;height: auto;text-align: center;} #tuotelisattykoriin_popup.napit a {flex: 1;} #tuotelisattykoriin_popup .vk-button-sininen, #tuotelisattykoriin_popup .vk-button-vihrea {color: #fff;border-radius: 3px;padding: 5px 0;margin: 20px 0 0 0 !important;text-align: center;font-size: 14px;} #tuotelisattykoriin_popup .vk-button-sininen {background:#202020} #tuotelisattykoriin_popup .vk-button-vihrea {background:#5b8a3c;} .napit {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1em;} @media only screen and (max-width:1440px) {#tuotelisattykoriin_popup {width: 30vw;}}@media only screen and (max-width:1280px) {#tuotelisattykoriin_popup {width: 33vw;}}@media only screen and (max-width:1160px) {#tuotelisattykoriin_popup {width: 37vw;}}@media only screen and (max-width:1024px) {#tuotelisattykoriin_popup {width: 50vw;}}@media only screen and (max-width:678px) {#tuotelisattykoriin_popup {width: 70vw;}} /* Tuoteryhman etusivu karuselli containerit */ #sidenavi {width:30.3%; float:left; padding-right:3%;} #tr-etusivu-tuotelistaus {width:66.7%; float:left;} @media only screen and (max-width:1024px) {#tr-etusivu-tuotelistaus {width: 100%;float: none;}} /* Ylanauha tarjous */ #top-ribbon-desktop, #top-ribbon {background:#91a73c; text-align: center; width:100%;} #top-ribbon-desktop div, #top-ribbon div {max-width: 90%; margin: 0 auto;/* admin */padding:5px 0} #top-ribbon {margin-top: 20px; display:none;} #top-ribbon div, #top-ribbon div p,#top-ribbon span, #top-ribbon a, #top-ribbon-desktop, #top-ribbon-desktop p, #top-ribbon-desktop span,#top-ribbon-desktop a {color:#fff !important;font-size: 0.9rem;} #top-ribbon a, #top-ribbon-desktop a {text-decoration:underline;} #top-ribbon div:empty,#top-ribbon-desktop div:empty {display:none;} /*@media only screen and (max-width:1024px) {#top-ribbon{display:block;}#top-ribbon-desktop{display:none;}}*/ /* ------- TUOTELISTAUKSET --------- */ /* TUOTENOSTO WRAPPER */ #listaus, #tarjoustuotesivu .tuotelistaus {display: grid !important;grid-template-columns: repeat(4,1fr); grid-gap: 2em 1em;} .dflex-container {display:flex;} .dflex-container-element {flex:2 0 auto;} #sidenavi #tlistauspalsta-wrapper {max-width:100%} /*#vk-tuotelistaus .tuoteryhmaetusivu_tuotteet{max-width:1100px} @media only screen and (max-width:1660px) {#vk-tuotelistaus .tuoteryhmaetusivu_tuotteet{max-width:950px}} @media only screen and (max-width:1440px) {#vk-tuotelistaus .tuoteryhmaetusivu_tuotteet{max-width:800px}} @media only screen and (max-width:1280px) {#vk-tuotelistaus .tuoteryhmaetusivu_tuotteet{max-width:100%; width:100%}#tuotelistaukset-sivu.vk-yleislistaus .dgrid-s-xl-cols {display:block;}}*/ /* Verkkokauppa - tuotelistaussivu */ .tuoteryhmaetusivu_tuoteryhmapalkki {display: flex;padding: 0px 0 0 10px;border-radius: 6px;background: #004288;color: #fff;font-weight: 700; margin:1em 0}.tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi {flex:4; padding:10px 0 10px 2%;}.tuoteryhmaetusivu_tuoteryhmapalkki_linkki {flex:4; padding:10px 2% 10px 0; color:#fff; text-align: right;}.tuoteryhmaetusivu_tuoteryhmapalkki_linkki a {color:#fff; font-size:1rem}.tuoteryhmaetusivu_alapalkki a {display: inline-block;background: #004288; color: #fff;padding: 10px 30px;border-radius: 6px;box-sizing: border-box;}.tuoteryhmaetusivu_alapalkki {text-align: center;padding: 1em 0 3em 0;} @media only screen and (max-width:1440px) {#listaus, #tarjoustuotesivu .tuotelistaus {grid-template-columns: repeat(3,1fr);}} @media only screen and (max-width:1280px) {#listaus,.tuotesivutausta div[style^="display:table;"],#tarjoustuotesivu .tuotelistaus {grid-template-columns: repeat(3,1fr);}.tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi {flex:3; }} @media only screen and (max-width:1024px) {.tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi, .tuoteryhmaetusivu_tuoteryhmapalkki_linkki {flex:2;}.tuoteryhmaetusivu_tuoteryhmapalkki_linkki{font-size:0.8rem; text-align:right; padding-right:5%}} @media only screen and (max-width:860px) {#listaus, .tuoteryhmaetusivu_tuotedivi,#tarjoustuotesivu .tuotelistaus {grid-template-columns: repeat(3,1fr);}} @media only screen and (max-width:720px) {.tuoteryhmaetusivu_tuoteryhmapalkki, .tuoteryhmaetusivu_tuoteryhmapalkki_linkki a {font-size:1rem}} @media only screen and (max-width:678px) {#listaus, .tuoteryhmaetusivu_tuotedivi,#tarjoustuotesivu .tuotelistaus {grid-template-columns: repeat(2,1fr) !important;}} @media only screen and (max-width:575px) {.tuoteryhmaetusivu_tuoteryhmapalkki_linkki a {display:none;}.tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi {flex: 10 }.tuoteryhmaetusivu_tuoteryhmapalkki_linkki::after {content: "\276F";color: blue;visibility: visible; font-weight: 400;font-size: 9px;border-radius: 30px;background: #fff;height: 20px;width: 20px;display: flex;justify-content: center;float: right;}} @media only screen and (max-width:420px) {.tuoteryhmaetusivu_tuoteryhmapalkki_tuoteryhmanimi, .tuoteryhmaetusivu_tuoteryhmapalkki_linkki {font-size:0.9rem;}} #vk-tuotelistaus .tuoteryhmaetusivu_tuotteet{max-width:1200px} @media only screen and (max-width:1660px) {#vk-tuotelistaus .tuoteryhmaetusivu_tuotteet{max-width:950px}}@media only screen and (max-width:1440px) {#vk-tuotelistaus .tuoteryhmaetusivu_tuotteet{max-width:800px}}@media only screen and (max-width:1280px) {#vk-tuotelistaus .tuoteryhmaetusivu_tuotteet{max-width:100%; width:100%}#tuotelistaukset-sivu.vk-yleislistaus .dgrid-s-xl-cols {display:block;}} /* TUOTENOSTO */ .selaus_wrapper > div {width: 100%;margin: 0 auto;} .selaus_wrapper {display:flex;position:relative;} .selaus_iso, .selaus_pieni {display:flex; flex-direction:column;} .selaus_iso div, .selaus_pieni div {flex: 1;} .tr-item-name {pointer-events:none;} .tr-item-name span {background: #f2771a;display: table;padding: 3px 20px;text-shadow: none; font-size: 1.1rem; margin-bottom: 2px;} .selaus_vaihtoehdot_iso {display:none;} #tuotelista .tuotelistaus {display: grid !important;grid-template-columns: repeat(4,1fr);grid-gap: 2em;} @media only screen and (max-width:1280px) {#tuotelista .tuotelistaus {grid-template-columns: repeat(3,1fr);}} @media only screen and (max-width:575px) {#tuotelista .tuotelistaus {grid-template-columns: repeat(2,1fr);}} /* Sorttaus */ .tuotesuodatinpalkki{height:auto !important; padding:0 !important}.tuotejarjestys {font-weight: 300;font-size: 1rem;width: 100%;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;background: #fff;background-image: none;margin: 0;}.tuotesuodatinpalkki_jarjestys form:after {content: '\203A';position: absolute;top: 0;right: 0;padding: 0em 0.7em;color: #ff6600;cursor: pointer;pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease; transition: .25s all ease; font-size:22px;transform: rotate(90deg);line-height: 200%;}.tuotesuodatinpalkki_jarjestys {position:relative;width: 100%;height: auto;padding:10px 1em;line-height: 100%;background: #fff;overflow: hidden;color: #000;border: 1px solid #1d1d1b;float: left;} @media only screen and (max-width:1024px) {#tr-header-wrapper{grid-template-columns: 3fr 1fr;}} /* Tekstilistaus */ .tuoteselaus_tekstilista {display: flex;width: 100%;padding: 10px 1%;} .tuoteselaus_tekstilista tbody {display:block; width: 100%;} .tuoteselaus_tekstilista tr {display:flex; flex-wrap:wrap;} .tuoteselaus_tekstilista tr > td {flex:1;} .tuoteselaus_tekstilista tr > td.selaus_tuotenimi_tekstilista, .tuoteselaus_tekstilista tr > td.selaus_tuotetarkenne_tekstilista {flex:4} .selaus_tuotetarkenne_tekstilista {display:none;} .selaus_osto_tekstilista .ostapainike { background: #91a73c;color: #fff;display: inline-block;padding: 2px 15%;font-size: 0.9rem;border-radius: 4px;font-weight: 700;} .selaus_tuotenimi_tekstilista a, .selaus_hinta_tekstilista {font-weight: 400;color: #313131;} .selaus_osto_tekstilista a:before{content: "VALITSE";background: #009fe3;color: #fff;padding: 0px 3%;text-align: center;display: block;float: none;margin: 0 20px 0 40px;font-size: 0.9rem;} /* tuotelistaus - Lyhyt kuvaus teksti */ .selaus_lyhytkuvaus_iso {padding: 5%;font-size: 14px;line-height: 160% !important;font-weight: 300;} .selaus_lyhytkuvaus_iso a {color:#000;} /* Kuva */ .selaus_kuva_iso {width: 100% !important;height: auto !important;background: #fff;border: none !important;} .selaus_kuva_iso img, .selaus_kuva_pieni img {float: none;margin: 0 auto;width: 100%;display: block;height: 220px;object-fit: contain;} @media only screen and (max-width:800px) {.selaus_kuva_iso img, .selaus_kuva_pieni img {height: 180px;}} @media only screen and (max-width:480px) {.selaus_kuva_iso img, .selaus_kuva_pieni img {min-height: 140px;height: auto;max-height: 140px;}} /* Valmistaja */ .selaus_valmistaja {padding: 5px 0 2px 0;} .selaus_valmistaja {font-size: 11px;text-transform: uppercase;line-height: 100%;max-height: 20px;overflow: hidden;} #koodihaku-wrapper, .kielivalinta-wrapper {margin: 0 auto;max-width: 100%;width: 1600px;} .selaus {font-size: 45px;background: #dedede !important;display: block;margin: 0;} .selaus a {background: #2ca63b;color: #fff !important;font-size: 20px;padding: 5px 1%;} .kielivalinta-wrapper {text-align: center;margin: 0;border: none !important;display: flex;justify-content: center;align-items: center;font-size: 22px;} .kielivalinta-wrapper a { display: inline !important; float: none; width: auto !important;border: none; font-size: 32px; padding: 20px 10px;} .kielivalinta-wrapper a:first-of-type {text-align: right;} /* Tuotenimi */ .selaus_tuotenimi_iso, .selaus_tuotenimi_pieni,.selaus_valmistaja,.selaus_hinta_iso, .selaus_hinta_pieni,.selaus_valmistaja { padding: 5px 10px;display: flex;} .selaus_tuotenimi_iso a, .selaus_tuotenimi_pieni a {width: 100%;margin: 0 auto;font-size: 1.1rem;font-weight: 400;color: #000000 !important;text-align: left !important;line-height: 120%; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .selaus_valmistaja {font-size: 14px; text-transform: uppercase;color: #959595;} @media only screen and (max-width:1280px) {.selaus_tuotenimi_iso, .selaus_tuotenimi_pieni, .selaus_tuotenimi_iso a, .selaus_tuotenimi_pieni a {font-size: 1rem; }}@media only screen and (max-width:480px) {.selaus_tuotenimi_iso, .selaus_tuotenimi_pieni, .selaus_tuotenimi_iso a, .selaus_tuotenimi_pieni a { font-size: 0.9rem;}} .tarjouksenmukaan{line-height: 100%;font-size: 14px;} /* Hinta */ .selaus_hinta_iso, .selaus_hinta_pieni {flex:3; position:absolute; bottom:10px;align-items: center;background: #f7f7f7;padding: 15px 20px;width:90%}.selaus_suoraosto_iso {flex:1;} /* Alehinta */ .hinta-wrapper {display:flex;}.selaus_normihinta_iso {display: flex;}.selaus_normihinta_iso , .selaus_normihinta_iso nobr {font-size: 9px;position:absolute;text-decoration: none;color: #000; font-weight:500;}.selaus_normihinta_iso nobr {padding-left:5px;line-height:100%}.selaus_hinta_iso br {display:none;}.selaus_tarjoushinta_iso{display:block;padding-bottom:3px;}.selaus_normihinta_iso nobr {color:#000 !important;} /* Ostopainike */ a.ostanappi_selaus_iso, a.ostanappi_selaus_pieni {display:block;color: #fff;background: #004288; font-size: 11px !important;width:100%; height:auto; box-sizing:border-box; margin-top:0; margin-right:0;padding: 5px;text-align: center;font-weight:700; border-radius:4px;line-height: 140%;}.selaus_suoraosto_iso{padding:0;padding: 0;width: 50px;float: right;} @media only screen and (max-width:480px) {.hinta-wrapper {flex-direction:column}.selaus_hinta_iso, .selaus_hinta_pieni {position: absolute;}.selaus_valmistaja {font-size: 11px;}} /* Latkat - kuvalla */ .selaus_iso_latka_uutuus, .tuotekortti_latka_uutuus,.selaus_iso_latka_tarjous, .tuotekortti_latka_tarjous,.selaus_iso_latka_ilmainentoimitus, .tuotekortti_latka_ilmainentoimitus,.tuotekortti_iso_latka_tuotepaketti,.selaus_iso_latka_tuotepaketti {background: #1d1d1b;width: auto !important;bottom: 20px !important;padding: 12px 20px 10px 20px;right: auto;height: 34px !important;color: #fff;margin: 0 auto;top: 10%; line-height:100%;position: absolute !important;z-index: 30; border-radius: 0px 4px 4px 0;} .tuotekortti_latka_uutuus,.tuotekortti_latka_tarjous,.tuotekortti_latka_ilmainentoimitus,.tuotekortti_iso_latka_tuotepaketti{bottom: 0px !important;padding: 9px 20px 10px 20px;height: 34px !important;color: #fff;margin: 0 auto 10px auto;top: 0%;position: relative !important;z-index: 30; border-radius: 0;display: inline-block;font-size: 1rem;} .selaus_iso_latka_uutuus, .selaus_iso_latka_tarjous, .selaus_iso_latka_ilmainentoimitus,.tuotekortti_iso_latka_tuotepaketti,.selaus_iso_latka_tuotepaketti,.tuotekortti_latka_tuotepaketti,.tuotekortti_latka_tuotepaketti {font-size:11px;color:#fff;font-weight: 700;font-size: 11px;position: absolute;top: 30px; padding: 2px 10px;display: flex;justify-content: center;align-items: center;} .selaus_iso_latka_uutuus, .tuotekortti_latka_uutuus {background:#8dd6d2} .selaus_iso_latka_tarjous, .tuotekortti_latka_tarjous {background:#ff6600} .selaus_iso_latka_ilmainentoimitus, .tuotekortti_latka_ilmainentoimitus {background: #404040;} .selaus_iso_latka_tuotepaketti, .tuotekortti_latka_tuotepaketti {background:#2a2a2a} @media only screen and (max-width:575px) {.selaus_iso_latka_uutuus, .selaus_iso_latka_tarjous, .selaus_iso_latka_ilmainentoimitus,.tuotekortti_iso_latka_tuotepaketti,.selaus_iso_latka_tuotepaketti {padding: 8px 10px 5px 10px;right: auto;height: 25px !important; font-size:9px; left:5%}.tuotekortti_latka_uutuus, .tuotekortti_latka_tarjous, .tuotekortti_latka_ilmainentoimitus, .tuotekortti_iso_latka_tuotepaketti {padding: 6px 20px 6px 20px;height: 26px !important;font-size: 0.8rem;}} @media only screen and (max-width:480px) {.selaus_iso_latka_uutuus, .selaus_iso_latka_tarjous, .selaus_iso_latka_ilmainentoimitus,.tuotekortti_iso_latka_tuotepaketti,.selaus_iso_latka_tuotepaketti,.tuotekortti_latka_tuotepaketti,.tuotekortti_latka_tuotepaketti {left:5%}.selaus_suoraosto_iso {width: 35px;}a.ostanappi_selaus_iso, a.ostanappi_selaus_pieni {font-size: 10px !important;}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block !important}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-carousel .owl-dots,.owl-carousel .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-carousel .owl-nav{margin-top:10px}.owl-carousel .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-carousel .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-carousel .owl-nav .disabled{opacity:.5;cursor:default}.owl-carousel .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-carousel .owl-dots .owl-dot span{width:20px;height:20px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{background:#ff6600} .owl-stage {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-auto-flow: column; width:100%} .selaus_wrapper {width:100%; padding:5% 5% 80px 5% !important;border: 1px solid #dedede;background:#fff} .owl-item {display: flex;} @media only screen and (max-width:480px) {.selaus_wrapper{padding:5% 5% 70px 5% !important}} /* PRODUCT CARD */ #product-wrapper {width:100%; padding: 0;box-sizing: border-box;} .basic-info {display:grid; grid-template-columns:1fr 1fr; grid-gap:2em; box-sizing: border-box;} .narrow-tk {max-width:1280px;} #product-info {max-width: 90%;margin: 0 auto;} #tlisatiedot {font-size: 0.9rem;} /* Murupolku */ #breadcrump {background: #f3f3f3;color:#8d8d8d;padding: 15px 2%;width: 100%;} #breadcrump a {color:#3f3f3f;font-weight: 300;padding: 0 7px;font-size:0.9rem;font-family: 'Poppins', serif !important;} #breadcrump.tr-etusivu-polku{background:none;padding:5px 0;} a#edellinen {font-weight: 700;font-size: 1rem;padding-right: 5%; color:#444;} @media only screen and (max-width:1440px) {.selaus_hinta_iso, .selaus_hinta_pieni {padding: 15px 10px;}} @media only screen and (max-width:1280px) {#tuotekortti .center-col {width: 100%;}} @media only screen and (max-width:1024px) {#breadcrump {margin-bottom:0;}.basic-info {grid-template-columns: 1fr;}a#edellinen,#breadcrump a {font-size: 0.9rem;}} @media only screen and (max-width:800px) {#product-info {max-width: 100%;}} @media only screen and (max-width:768px) {.selaus_hinta_iso, .selaus_hinta_pieni {padding: 15px 10px;}} @media only screen and (max-width:575px) {#breadcrump{padding: 0 2% 15px 0;}#breadcrump a {font-size: 0.7rem;}a#edellinen {color: #444;width: 100%;display: block;background: rgba(0,0,0,0.05);box-sizing: border-box;text-align: center;padding: 10px 0px !important; font-size:0.9rem; margin-bottom:10px;}#breadcrump { background: none;}} @media only screen and (max-width:420px) {#searchtoggl {padding-right: 10px;}#searchtoggl img {max-width: 25px;padding-top: 7px;}#breadcrump a {padding:0;}} /* Product card - images */ #main-img {position: relative;grid-gap: 0.5em ;} .tuotekortti_paakuva{width:100%; display: block;object-position: bottom center; object-fit: cover;max-height: 400px; width: auto; margin: 0 auto;padding: 2em; box-sizing: border-box;} .tuotekortti_lisatuotekuvat {display: grid;grid-gap: 0.5em;height: auto;grid-template-columns: repeat(auto-fill, minmax(100px,1fr));padding-top:20px} .tuotekortti_lisakuva {width:100%;max-width: 100px;object-fit: cover;aspect-ratio: 4/3;} @media only screen and (max-width:1024px) {#product-wrapper {grid-template-columns:1fr; }} @media only screen and (max-width:575px) {.tuotekortti_paakuva { max-height: 300px;}.tuotekortti_lisatuotekuvat {grid-template-columns: repeat(auto-fill, minmax(70px,1fr));}} /* Product data */ #product-info h1{margin:0; padding:0 0 10px 0;font-size:1.875rem;color:#004288; font-weight:700;} .tuotekortti_tuotehinta_tarjous {font-family:'Poppins', sans-serif;color:#ff6600;font-weight:500; font-size:1.6rem;line-height: 120%;} .tuotekortti_lisatieto {padding: 2em 0;} .tuotekortti_lisatieto .lisatietokentta {width: 100%;min-height: 120px;border: 1px solid #ccc;border-radius: 6px;margin-top: 10px;} #tuotekortti_tarjoussaasto {display: none; color:#fff !important;background:#1d1d1b;font-size: 12px;box-sizing: border-box;padding: 0.2em 1em 0.3em 1em;margin-left: 20px; border-radius:3px; } .tuotetarkenne {color:#000;padding:0 0 0px 0; margin:0; font-size: 20px; font-weight:300;} .short-desc{padding:1em 0 1em 0; font-size:1rem; line-height:160%} .short-desc p {font-size:17px !important; line-height: 160% !important;18px !important; font-weight:300; font-size:1rem;} .short-desc p a{font-weight:500;} #tuotekortti_saatavuus {padding-bottom:0.5em} .tuotekortti_paljousale {font-family: 'Raleway', sans-serif;} .tuotekortti_paljousale .tuotekortti_tuotetiedototsikko {font-weight:700;padding-bottom:10px} .tk-hiddenfield .tk-row-header {display:none;} .tuotekortti_saatavuustarkenne .tuotekortti_tuotetiedotteksti {font-weight: 700;text-transform: uppercase; padding: 5px 10px;color: #000;font-size: 13px;display: block;border: 1px solid #004288;} @media only screen and (max-width:800px) {#product-info {padding: 0px 1em;}} @media only screen and (max-width:575px) {#product-info h1{font-size:1.4rem}} /* Selectlist - size, color */ .tuotekortti_saatavuus, .tuotekortti_kokovalinta, .tuotekortti_varivalinta, .tuotekortti_varastosaldo, .tuotekortti_saatavuustarkenne, .tuotekortti_tuotekoodi {display: flex;flex-basis: 30%;width: auto; padding:5px 0;} .tuotekortti_saatavuus .tuotekortti_tuotetiedototsikko, .tuotekortti_kokovalinta .tuotekortti_tuotetiedototsikko, .tuotekortti_varivalinta .tuotekortti_tuotetiedototsikko, .tuotekortti_varastosaldo .tuotekortti_tuotetiedototsikko, .tuotekortti_saatavuustarkenne .tuotekortti_tuotetiedototsikko, .tuotekortti_tuotekoodi .tuotekortti_tuotetiedototsikko {flex-basis: 27%;width: auto;} .tuotekortti_kokovalinta .tuotekortti_tuotetiedototsikko,.tuotekortti_varivalinta .tuotekortti_tuotetiedototsikko {padding-right: 20px;} .tuotekortti_kokovalinta select, .tuotekortti_varivalinta select, .sivuominaisuudet_mobiili_select select {width:100%;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;background: #fff;background-image: none; margin:0; font-size:0.9rem;padding: 0 10px;}/* Remove IE arrow */select::-ms-expand {display: none;} .tuotekortti_kokovalinta .tuotekortti_tuotetiedotteksti, .tuotekortti_varivalinta .tuotekortti_tuotetiedotteksti {flex-basis:50%;position: relative;display: flex;width: auto;height: 2em;line-height: 2;background: #fff;overflow: hidden;color:#000;border-radius: .25em;border: 1px solid #dedede;float: left;} .tuotekortti_kokovalinta.tuotekortti_varivalinta {flex: 1;padding: 0 .5em;color: #000; cursor: pointer;font-size:0.8rem} .tuotekortti_kokovalinta .tuotekortti_tuotetiedotteksti::after, .tuotekortti_varivalinta .tuotekortti_tuotetiedotteksti::after, .sivuominaisuudet_mobiili_select:after{content: '\203A'; position: absolute;top: 0;right: 0;padding: 0em 0.7em;color:#ff6600;cursor: pointer;pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease; font-size: 22px;transform: rotate(90deg); line-height:150%} .sivuominaisuudet_mobiili_select select {height:45px;font-size: 14px;border-radius: 0 !important;border: 1px solid #f2771a !important;} .sivuominaisuudet_mobiili_select:after{display: flex;justify-content: center;align-items: center;padding: 6px 0.7em;height:33px;} .tuotekortti_kokovalinta .tuotekortti_tuotetiedotteksti:hover::after, .tuotekortti_varivalinta .tuotekortti_tuotetiedotteksti:hover::after {color: #f39c12;} @media only screen and (max-width:678px) {.tuotekortti_saatavuus .tuotekortti_tuotetiedototsikko, .tuotekortti_kokovalinta .tuotekortti_tuotetiedototsikko, .tuotekortti_varivalinta .tuotekortti_tuotetiedototsikko, .tuotekortti_varastosaldo .tuotekortti_tuotetiedototsikko, .tuotekortti_saatavuustarkenne .tuotekortti_tuotetiedototsikko, .tuotekortti_tuotekoodi .tuotekortti_tuotetiedototsikko {flex-basis: 50%;}} /* Add to cart */ .tuotekortti_ostolaatikko {margin: 2em 0;display: grid;width: 100%;grid-template-columns: 1fr 7fr; grid-gap:0.5em} .tuotekortti_ostolaatikko .tuotekortti_tuotetiedototsikko{display:none;} #tuotekortti_hinta_wrapper {margin:2em 0 } #tuotekortti_normaalihinta{font-size:14px; padding-top:5px;font-family:'poppins', serif} .normihintaclassi {font-size:14px;} .tuotekortti_tuotehinta_normaali {padding-top:3px;} .kampanjadiv-header{font-weight: 400;color:#000;padding-top: 0.5em;font-size: 11px;font-style: italic;} .tuotekortti_tuotetiedotteksti input {height: 49px;width: 80%;border-radius: 3px;border: 1px solid #b3b3b3;text-align: center;font-size: 1rem;} #add-to-cart {display: grid; grid-template-columns: 1fr;} #ostoskorinappi { background: #005321;color:#fff;font-size: 0.9rem !important;text-transform: uppercase;font-weight: 700;text-align:center; box-sizing: border-box;border-radius: 3px;height:50px;display: flex;justify-content: center;align-items: center;} @media only screen and (max-width:678px) {.tuotekortti_ostolaatikko {grid-template-columns: 1fr 4fr;}}@media only screen and (max-width:375px) {.tuotekortti_ostolaatikko {grid-template-columns: 1fr 3fr;}.tuotekortti_tuotetiedotteksti input {height: 39px;}#ostoskorinappi {font-size: 0.75rem !important;height: 40px;}} /* Tarjouspyynto */ #tarjouslomakelinkki {display:none;} .pcard-5 .tuotekortti_ostolaatikko, .pcard-pc-18 .tuotekortti_ostolaatikko{margin:2em 0 0 0} .pcard-5 #tarjouslomakelinkki, .pcard-pc-18 #tarjouslomakelinkki{display: block;text-align: center;padding: 10px 0 2em 0;} /* Benefits, Klarna - Wrapper */ #benefits{grid-gap:2em; margin-bottom:1em;} @media only screen and (max-width:675px) {#benefits {grid-template-columns: 1fr;}} /* Klarna banner */ #klarna { text-align:center; box-sizing:border-box; background:#f2f2f2;align-self:stretch;display: flex;flex-direction: column;justify-content: center; border-radius:3px; padding:20px 0;}#klarnaimg {max-width:80px; margin:0 auto; display:block;}@media only screen and (max-width:675px) {#klarna {padding: 20px;}} /* 3 benefits */ #tuotekortti_promoblock {font-size:18px !important; line-height:180%}#tuotekortti_promoblock .fa-check::before {color: #f60 !important;margin-right: 10px !important;padding: 0 !important;display: flex;float: left;content: "+";margin-top: 8px;justify-content: center;align-items: center;font-weight: 700;font-family: Verdana;font-size: 12px;line-height:140%}#tuotekortti_promoblock br {display: block;width: 100%;clear: both;}@media only screen and (max-width:575px) {#product-wrapper{grid-template-columns:1fr;} #breadcrump{grid-column:unset;}} #tuotekortti_promoblock a {color: #000;} @media only screen and (max-width:575px) {#tuotekortti_promoblock {font-size: 14px !important;line-height: 240%;}} /* Data row */ .datarow {display:grid; grid-template-columns: 2fr 4fr; grid-column-gap:1em; padding-bottom:0.2em;align-items: center;font-size:14px;}.datarow input[type="text"] {height:30px; border-radius: 3px; border:1px solid #b0b0b0}.datarow-header {font-weight:700;} /* Delivery costs */ #delivery-costs {font-size: 12px; margin-bottom:0.2em;padding: 10px 0;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea; display:none !important;}#delivery-header {color:#5b740f;font-weight:700; padding:0 1em 0 0px}.delivery-value{font-size:12px; padding:0 10px;} @media only screen and (max-width:1024px) {#delivery-costs {display: flex;flex-wrap: wrap;}#delivery-header {flex-basis:100%}} /* Liittyvat tuotteet */ #other-products .tuotekortti_tuotelistaus{margin-top: 2em;box-sizing: border-box;padding: 2em; width:100%; background:#fff}.liittyvatuote {display:flex;width:100%}.oheistuotenosto{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 2em 1em;}.tuotekortti_valiotsikko {display:none;}.tuotekortti_tuotelistaus::before {font-weight: 700;font-size: 1.6rem;text-align: center;padding: 0 0 20px 0;color: #004288;content: "Saattaisit olla kiinnostunut myös näistä";text-align: center; width: 100%;display: block;} @media only screen and (max-width:1024px) {#other-products {width: 100%;}}@media only screen and (max-width:575px) {.tuotekortti_tuotelistaus::before {font-size:1.2rem}#other-products .tuotekortti_tuotelistaus {padding: 2em 1em;}} /* Oheistuote, alennuslatka */ .liittyva_tuote_latka_oheisalennus {background: #5b740f;color:#fff;box-sizing: border-box;width: auto;height: auto;font-size: 14px;font-weight: 700;line-height: 100%;text-align: center;display: flex;flex-direction: column;justify-content: center;position: absolute;top: 1em;left: 2;pointer-events: none;padding: 0.5em 2em 0.5em 2em;}.liittyva_tuote_latka_oheisalennus_teksti {line-height: 100%; font-size: 0.5rem; }.liittyva_tuote_latka_oheisalennus_alennus {line-height:100%;} /* Brand info */ #brand-info {font-size:0.6rem; margin-top:2em; ;padding: 2em 0;}#brand-info img {max-width:60px; height:auto; display:block; float:left; padding-right:5%; }.valmistajakuvausteksti p{font-size:11px !important;line-height:180%}.manufacturer-link{font-size:11px;} /* Long decsription */ #additional-content {box-sizing: border-box;padding: 4em;margin-top: 2em;display: grid;grid-template-columns: 2fr 1fr;grid-gap: 2em;font-size: 14px;font-weight: 300;width: 100%;background: #fff;}#additional-content p {font-size:16px; line-height:160%; font-weight: 300;}#other-categories{border-left: 1px solid #dedede}#other-categories-listing a {display: block;}.category-link {background:#e17d28;color:#fff;box-sizing: border-box;padding: 10px 10%;border-radius: 3px ;display:inline-block; margin-top:1em}@media only screen and (max-width:1024px) {#additional-content {grid-gap:2em 0; width:100%; grid-template-columns:1fr}#other-categories {border:none;padding:0;}} #other-categories-listing h5{padding-bottom:20px} /*.long-desc {background: #f6f6f6;padding: 2em;border: 1px solid #dedede;}*/ /* Reviews */ .svg-inline--fa.fa-w-16 {width: 1em;color:#5b740f}.product-reviews-link__recommendation-percentage {color:#5b740f; padding-bottom:2em; display:grid; grid-template-columns: repeat(2,1fr);grid-gap:2rem; font-weight:700;}.product-review {margin-bottom:2em;}.review-text{font-style:italic;line-height:160%} .product-reviews-link__recommendation-percentage .fa {color:#000}.fa.checked { color: orange;} @media only screen and (max-width:800px) {#additional-content {padding:2em;}} @media only screen and (max-width:375px) {.product-reviews-link__recommendation-percentage {grid-template-columns:1fr;}} .oheistuotteet div[style="clear:both"]{display:none} #ptrailimg {grid-column: 1 / -1;background: #fff;max-width: 600px;} /*------ KIRJAUTUMIS POP-UP -------*/ #colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent { z-index: 999999999998;height: auto !important;width: 100% !important;box-sizing:border-box;} #popup_container {z-index:999999999999 !important} #colorbox { padding-bottom: 0px !important;padding-right: 0px;display: block;position: absolute;width: 45% !important;height: 397px !important;top: 30vh !important;left: 30vw !important;} #kirjautuminen-kirjautumislomake .kirjautuminen-inputkentta input {height: 25px !important;width: 100%;} #cboxClose {right: 9px; top: 6px;border: 1px solid #dedede;} #tunnustilaus, #tunnustilaus p, #tunnustilaus a {font-size: 0.8rem !important;} #cboxContent {margin-top: 0px !important;} #cboxLoadedContent a {color:#1d1d1b !important; text-decoration:unerline !important;} #kirjautuminen-kirjautumislomake, #kirjautuminen-kirjautumistekstit {width:100%; box-sizing:border-box; padding:30px 50px; float:left; color:#1d1d1b} #kirjautuminen-kirjautumislomake, .kirjautuminen-kirjautumisotsikko {font-size: 0.8rem;box-sizing: border-box;padding: 15px 50px; border: 1px solid #dedede;} #kirjautuminen-kirjautumistekstit { width: 100%;text-align: center;} .kirjautuminen-otsikkokentta, .kirjautuminen-inputkentta {width: 50%;float: left;margin: 0 auto 10px auto;} #kirjautuminen-kirjautumistekstit strong {font-size:1.4rem; color:#000;} #kirjautuminen-kirjautumistekstit p {line-height: 1.3rem;} #kirjautuminen-kirjautumistekstit strong {font-size: 1.2rem;font-weight:500;line-height:140%;} #kirjautuminen-kirjautumistekstit strong:before {font-family: FontAwesome; content:"\f06a"; font-size:2.4rem;color:#82c341;position: absolute;left: 20%;top: 40px;} .fa-exclamation-circle {font-size:1.8rem !important;} .kirjautuminen-inputkentta input{height:25px; width:90%;} #kirjautuminen-kirjautumisbutton {color: #fff;background: #1d1d1b;border: none; margin: 10px 0 0 0;padding: 0;width: 100%; font-weight: 700;height: 35px;font-size: 0.9rem;} #cboxClose {background-position: -48px -23px !important;top: 10px !important; margin-right: 10px !important; width:28px !important; height:28px !important;} #colorbox{z-index: 300000000 !important;} #yhdistelmalomake input {width: auto !important;} @media only screen and (max-width: 1280px) { #kirjautuminen-kirjautumisteksti strong {font-size:1.2rem !important;}} @media only screen and (max-width: 1024px) { #colorbox {width: 60% !important; top: 15vh !important; left: 20vw !important; position: fixed !important;}} @media only screen and (max-width: 768px) {#colorbox { width: 80% !important;top: 2vh !important;left: 10vw !important;}} @media only screen and (max-width: 575px) {#kirjautuminen-kirjautumistekstit strong::before {left:10%}} @media only screen and (max-width: 480px) {#colorbox {max-width:90%; padding-left:5%;}#cboxWrapper, #cboxContent, #cboxLoadedContent {width: 100% !important;box-sizing: border-box;}#kirjautuminen-kirjautumislomake {display: flex; flex-direction: column;width: 100%;}.kirjautuminen-otsikkokentta, .kirjautuminen-inputkentta { width: 96%;}.kirjautuminen-otsikkokentta{width: 96%;margin: 0 auto 5px auto;font-weight: 700;}#kirjautuminen-kirjautumislomake .kirjautuminen-inputkentta input {height: 30px !important;width: 100%;box-sizing: content-box;margin: 0 0 5px 0;}#kirjautuminen-kirjautumistekstit {width: 100%; text-align: center;padding: 30px 0;}#kirjautuminen-kirjautumistekstit p {font-size: 0.8rem;}#kirjautuminen-kirjautumistekstit a {font-size: 0.8rem;}} @media only screen and (max-width: 420px) {#kirjautuminen-kirjautumistekstit strong::before {left: 9%; top: 20px; text-align: center;width: 80%;}#kirjautuminen-kirjautumistekstit {padding: 50px 10px 30px 10px;}#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent {height: 380px !important;}} /* Webio admin styles */ div[id^="editdiv"] {position: relative;top: -20px;flex: unset;background: #000;display: none; width:100% !important; text-align:center;}#cookienotice{display:none !important}.tuotelinkityskomento:nth-of-type(2n) { background: #f23635;}.tuotelinkityskomento {background: #000;color: #fff;font-size: 0.8rem;padding: 0px 10px;display: inline-block;border-radius: 4px; margin-bottom: 10px;}#kuvamuokkainpaikka .kuvagalleriakuvatausta{width:95%!important}#container a>img{max-width:72px!important;height:21px!important}#container .button,#wait_img img{width:auto!important}div[id^=CONTENT_]{width:100%}#container img{opacity:1!important}.zoomcrop{max-width:none!important;width:auto!important}#tekstieditori table,#tekstieditori tbody,#tekstieditori td,#tekstieditori tr{height:auto!important}img[title=Poista]{height:auto!important;width:auto!important}.valikkolinkki_piilosivu{color:#005600}#WebioShadow input[type=button],#WebioShadow input[type=file],#WebioShadow input[type=text]{height:initial!important;padding:0!important}#WebioShadow input[type=button]{padding:0 10px!important}#kuvamuokkainpaikka img{height:100px!important}#webio_30_main_nav_open_content a, #webio_30_main_nav_open_content li a, #webio_30_main_nav_open_content p, #webio_30_main_nav_open_content div, #webio_30_main_nav_open_content li, #webio_30_main_nav_open_content td {font-family: "lucida sans", trebuchet, arial !important;}#WebioShadow td, #WebioShadow p, #WebioShadow i {font-size:15px !important;font-family: "lucida sans", trebuchet, arial !important; color:#000 !important;}.webio_30_settingsbox input[type="file"], .webio_30_settingsbox input[type="text"] {height: auto;width: auto !important;}#container img {width: auto !important;}#container .kuvagalleriakuvatausta {width:auto !important}#container .kuvagalleriakuvatausta img {height:auto;}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}#webio_30_form input[name="tp"], .webio_30_settingsbox input[name="tp"], #webio_30_form input[name="tk"], .webio_30_settingsbox input[name="tk"], #webio_30_form input[name="tv"], .webio_30_settingsbox input[name="tv"], #webio_30_form input[name="ap"], .webio_30_settingsbox input[name="ap"], #webio_30_form input[name="ak"], .webio_30_settingsbox input[name="ak"], #webio_30_form input[name="av"], .webio_30_settingsbox input[name="av"], #webio_30_form input[name="lp"], .webio_30_settingsbox input[name="lp"], #webio_30_form input[name="lk"], .webio_30_settingsbox input[name="lk"], #webio_30_form input[name="lv"], .webio_30_settingsbox input[name="lv"] { width: 50px !important;} /* Webio admin styles */ #popup_panel input {width: auto;}.kuvanappi {width: auto;display: block;float: left;background: #82c341;margin-right: 20px;border-radius: 2px;}.kuvanappi a {padding: 0px 20px;font-size: 0.9rem;display: block; color:#fff}#paatuotekuva {margin-top:40px;}#vvbtn, #kvbtn{width:auto !important; height:auto;} #tuotelomake input {height: auto;} .tuotekortti_ostolaatikko.tarjouspyyntolomake{display:none;}.tarjouspyyntolomake{background:#fbfbfc;padding:5%;box-sizing:border-box;margin-top:40px;border:1px solid #dedede}.tarjouspyyntolomake tbody, .tarjouspyyntolomake tr, .tarjouspyyntolomake table {display: block; width: 100%;}.tarjouspyyntolomake b{color:#004288;font-size:1.2rem;margin-bottom:20px;display:block}.tarjouspyyntolomake input[type=button]{background:#005321;color:#fff;font-size:1rem;border:none;padding:5px 5%;height:40px!important;width:71%!important;margin-top:10px}.tarjouspyyntolomake>tbody tr:nth-of-type(2) td{width:100%;display:block}.tarjouspyyntolomake>tbody tr:nth-of-type(2) td{font-weight:700}.tarjouspyyntolomake>tbody tr:nth-of-type(2) td{width:100%;display:block}.tarjouspyyntolomake>tbody tr:nth-of-type(2) td input,.tarjouspyyntolomake>tbody tr:nth-of-type(2) td textarea_pois_pois{height:30px;width:70%}.tarjouspyyntolomake>tbody tr:nth-of-type(2) td textarea_pois_pois{height:auto}.tarjouspyyntolomake td {width: 100% !important;display: block;}.tarjouspyyntolomake input[type="button"] {width: 100% !important;display: block;} /* Brand info */ #brand-info { margin-top: 1em; padding:0; } #brand-info img { max-width: 160px; height: auto; display: block; padding-bottom: 1em } #brand-info-description { font-size: 0.8rem !important; clear: both; } .manufacturer-link { font-size: 11px; } #brand-info a { pointer-events: none } #vs-accessories {display:none;} #vs-accessories:has(.pcard-accessory-item) {display: block; margin-bottom:1em} #vs-accessories {background: #f3f3f3;padding: 1.5em;margin-top: 2em;border-radius: 12px;} #vs-accessories strong {font-weight: 800;font-family: var(--google-heading-font);font-size: 1.2rem;} #vs-accessories p {font-size:16px;} /* Accessorystyle - general styles */ .pcard-accessory-item-link a {background: #3e94cf;color: var(--button-text-color);font-weight: 700;font-size:min(max(0.6rem, 0.8vw), 11px);padding: 5px 10px;text-transform: uppercase;border-radius: 3px;} .pcard-accessory-wrapper > p {color: #000;font-size: 1.2rem;grid-column: 1 / -1;font-size: 1rem;font-weight: 700;} .pcard-accessory-item-select span,.pcard-accessory-item-select span.lomake-ve-solu {padding-right:0;} .pcard-accessory-name,.pcard-accessory-price {font-size:min(max(0.9rem, 1vw), 16px);} .pcard-accessory-name {font-weight: 700;padding-right:20px} .pcard-accessory-price {color: #000;font-weight: 700;} .pcard-accessory-name,.pcard-accessory-price {font-size:min(max(0.8rem, 1vw), 14px);font-family:'Montserrat', sans-serif;line-height: 120%;} .pcard-accessory-text {font-size: 12px;} .acs-style-2 .pcard-accessory-item.acs-selected .pcard-accessory-item-link a,.acs-style-3 .pcard-accessory-item.acs-selected .pcard-accessory-item-link a {background:var(--button-background);} .pcard-accessory-item.acs-selected .lomake-ve-solu input[type="checkbox"] + label::before {content: "✓";color: #fff !important;} .pcard-accessory-item-info {display: grid;grid-template-columns: 1fr auto;} .acs-selected .pcard-accessory-name, .acs-selected .pcard-accessory-price {color:#91a73c} .pcard-accessory-item-img img {object-fit: contain;max-height: 50px;width: auto;margin: 0 auto; display: block;} .pcard-accessory-item-img {background:#fff} /* Accessorystyle 1 - Checkbox, Image, Name, Price, */ .pcard-accessory-item {align-items: flex-start;display: grid;grid-gap: 10px;grid-template-columns: 40px 50px 1fr;padding: 7px 0;position:relative;align-items: center;line-height: 100%;} .acs-style-1 .pcard-accessory-item-info {display: grid;grid-template-columns: 3fr 1fr;} .acs-style-1 .pcard-accessory-price {justify-self:flex-end} .acs-style-1 {background: rgba(226,206,198, 0.9);border: 1px solid #ca5028;padding: 0.5em 1em;width:100%; margin-bottom:1em} .acs-style-1:empty {display:none;} .acs-style-1 br {display:none} /* Accessorystyle 2 - Image, Name, Price, Selectbutton */ .acs-style-2 .pcard-accessory-item{grid-template-columns: auto 60px 1fr auto;align-items: flex-start} .acs-style-2 .pcard-accessory-item-select {visibility: hidden;width: 0px;} .acs-style-2 .pcard-accessory-item-info {display: grid;grid-template-columns: 1fr 100px;} .acs-style-2 .pcard-accessory-price {justify-self: flex-end;} /* Accessorystyle 3 - Image, Name, Price, Selectbutton */ .acs-style-3 {display: grid;grid-template-columns: repeat(auto-fill,minmax(120px,1fr));grid-gap: 1em;justify-content: flex-start;} .acs-style-3 .pcard-accessory-item{grid-template-columns: 1fr;} .acs-style-3 .pcard-accessory-item-select {visibility: hidden;width: 0px;height:0;display:none;} .acs-style-3 .pcard-accessory-item {background: #fff;grid-gap: 0;padding: 10px;border: none;/*box-shadow: 0px 0px 8px rgba(0,0,0,0.05);*/border-radius: 6px;border: 1px solid #E5E5E5;} .acs-style-3 .pcard-accessory-item-info{display: grid;grid-template-columns: 1fr;padding: 10px 0 0 0;text-align: center;} .acs-style-3 .pcard-accessory-item-img img{margin: 0 auto;max-height: 40px;border: 3px solid #ddd;border-radius: 200px;max-width: 40px;} .acs-style-3 .pcard-accessory-name, .acs-style-3 .pcard-accessory-price {font-size: min(max(0.8rem, 1vw), 12px);line-height: 140%;} .acs-style-3 .pcard-accessory-name{padding-right: 0px;} .acs-style-3 .pcard-accessory-item .pcard-accessory-item-link a{font-size:min(max(0.6rem, 1vw), 10px);} .acs-style-3 .pcard-accessory-item.pcard-accessory-item-link {display:none;} .acs-style-3 .pcard-accessory-item.acs-selected .pcard-accessory-item-link {display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;} .acs-style-3 .pcard-accessory-item-link {display:none} .acs-style-3 .pcard-accessory-item-link a {display:none;} .acs-style-3 .pcard-accessory-item.acs-selected a {line-height:100%} .acs-style-3 .pcard-accessory-item.acs-selected {border: 1px solid var(--primary-color);background:rgba(81,201,110,0.1)} .acs-style-3 .pcard-accessory-item.acs-selected .pcard-accessory-item-img img {border: 3px solid #57c96e;} .acs-style-3 .pcard-accessory-item-img, .acs-style-3 .pcard-accessory-item-link {pointer-events: none;} .pcard-accessory-item.acs-selected .lomake-ve-solu input[type="checkbox"] + label::before {content: "✓";color: rgb(208, 151, 63) !important;} .pcard-accessory-item.acs-selected .lomake-ve-solu input[type="checkbox"] + label::before {content: "✓";color: #fff !important;font-size: 16px !important;} .lomake-ve-solu input[type="checkbox"]:checked + label::before {background: #91a73c none repeat scroll 0 0;color: #91a73c !important;border: none;padding: 8px 13px 0 7px;border-color: #d0973f !important;} @media screen and (max-width:1024px) {.pcard-accessory-item {align-items: flex-start;}} @media screen and (max-width:575px) {.pcard-accessory-item-select {display: none;}.pcard-accessory-item, .pcard-accessory-item-info {grid-template-columns: 1fr;}.pcard-accessory-item{border-top: 1px solid #b7b7b7;}.pcard-accessory-name {font-size: 1rem;}.pcard-accessory-item-info::after {content: "Valitse mukaan";color: #fff;background: #004288;padding: 5px 10px;border-radius: 4px;font-size: 12px;max-width: max-content;margin: 10px 0;margin: 1em auto 0 auto;}.acs-selected .pcard-accessory-item-info::after{content:"VALITTU";font-weight:700;background:#91a73c;}.pcard-accessory-item {grid-template-columns: 50px 1fr;}#additional-accessories {display: grid;grid-template-columns: 1fr;grid-gap: 1em;text-align: center;} .pcard-accessory-item {grid-template-columns: 1fr;background: #fff;overflow: hidden;border-radius: 6px;border: none;padding: 1em;} .pcard-accessory-name {font-size: 12px;}} @media screen and (max-width:480px) {.pcard-accessory-name {padding-right: 5px;}.acs-style-3 {grid-gap: 5px 1em;}.acs-style-3 .pcard-accessory-item{grid-template-columns: auto 60px 1fr auto;}.acs-style-3 {grid-template-columns: 1fr 1fr;}.acs-style-3 .pcard-accessory-item-info{padding: 0;}.acs-style-3 .pcard-accessory-item-img img{max-width: 70%;}.tuotekortti_lisavarusteet.tk-row-wrap {max-width: 100%;box-sizing: border-box;}} @media screen and (max-width:480px) {.pcard-accessory-item {grid-template-columns: 1fr}.pcard-accessory-wrapper.acs-style-1{width:100%}.acs-style-1 .pcard-accessory-item-info {grid-template-columns: 3fr 70px;}.acs-style-2 .pcard-accessory-item-info {grid-template-columns: 1fr;}.acs-style-2 .pcard-accessory-price {justify-self: flex-start;}.acs-style-3 {grid-template-columns: 1fr;} .acs-style-3 .pcard-accessory-item {grid-template-columns: auto 1fr;grid-gap: 1em;}.acs-style-3 .pcard-accessory-item-info {text-align: left;}.acs-style-3 .pcard-accessory-item-img, .acs-style-3 .pcard-accessory-item-link{justify-content: flex-end !important;right: 5px;top: 5px;}} @media screen and (max-width:380px) {#vs-accessories {padding: 1em;} .pcard-accessory-name {font-size: 0.8rem;}}