@charset "utf-8";
/* CSS Document */


/*----- SHOP SPESIFIC STYLES -------*/
.tuotekortti_pitkakuvaus h3 {margin-bottom:20px;}
@media only screen and (max-width:1024px) {.tuotekortti-kuva img {float: none;display: block;margin: 0 auto;}}

/* ---- TUOTEKORTTI WRAPPER ----- */
.center-col.dflex.vk-tuotekortti-element > div {width: 100%; box-sizing:border-box; padding:1% 3% 3%; } /* Container */
.fa-cart-plus::before {content: "\f196 " !important;}
.vk-tuotekortti-block { background:url(../img/header/sitepaper-pattern.png) left top repeat-y;padding: 3%; box-sizing: border-box; display:table;}
.tuotekortti_liittyvattuotteet { background:url(../img/header/sitepaper-pattern.png) left top repeat-y;box-sizing: border-box; }
.tuotekortti_liittyvattuotteet .center-col {box-sizing:border-box; padding:0 3%;}
#vk-tuotekortti-element-wrap div[id^="solu"] {width:100%;}
#top-vk-wrap { padding: 1.5% 1.5% 3% 1.5%}

/* Murupolku */
#breadcrump {background: #e0c6a4;color:#3f3f3f;padding: 8px 2%;width: 96%;margin-bottom: 20px;}
#breadcrump a {color:#3f3f3f;font-weight: 400;padding: 0 7px;font-size:0.9rem;}
a#edellinen {font-weight: 700;font-size: 1rem;padding-right: 5%; color:#a5391e; cursor:pointer}
@media only screen and (max-width:1280px) {#breadcrump a {font-size: 1.2rem;}}
@media only screen and (max-width:1024px) {#breadcrump {margin-bottom:0;}.vk-tuotekortti-element {width: 100% !important;float: none;clear: both; flex-direction: column;}.vk-tuotekortti-element-wrap .col-50 {width:96% !important; margin:0 auto;}.tuotekortti-kuva {text-align:center;}.tuotekortti-sisalto {padding: 3% 5%;}.vk-tuotekortti-block {
width: 100%;
    background: #fff;
    padding: 0;}}


@media only screen and (max-width:800px) {.vk-tuotekortti-block {display:block; width:100% !important;}}

@media only screen and (max-width:575px) {#breadcrump a {font-size: 0.9rem;}#murupolku {background: none; margin-bottom:20px}a#edellinen {color: #444;width: 100%;display: block;background: rgba(0,0,0,0.05);box-sizing: border-box;text-align: center;padding: 5px 0px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-size:1.1rem}#breadcrump { background: none;}#top-vk-wrap {

    padding: 1.5% 0 3% 0;
    width: 100% !important;

}}



/* ---- Tuotekortti - Paakuva ---- */
.tuotekortti-kuva {padding:0 3%; position:relative;}
.tuotekortti-kuva img {float: none;display: block;margin: 0 auto; max-width:80%; height:auto;}
@media only screen and (max-width:1024px) {.tuotekortti-kuva { padding: 0 3%;position: relative;border: 1px solid #dedede;margin-top: 2%;}.tuotekortti-kuva img {max-width:60%;}}

/* ---- Tuotekortti - Lisakuvat ---- */
.tuotekortti_lisatuotekuvat .group {width: 18%;float: left;display: block;border: 1px solid #efefef;margin: 0 1% 10px 1%;box-sizing: border-box;}
.tuotekortti_lisakuva {width: 100%;}

/* ---- Tuotekortti - otsikot ---- */

/* Maara, tuotevaihtoehdot */
.tuotekortti_kokovalinta, .tuotekortti_varivalinta, .tuotekortti_maara {float:left; width:100%; box-sizing: border-box; padding-right: 20px; color:#fff; text-transform: uppercase; padding: 0; font-size: 0.8rem;text-align:left;font-weight:700;}
.tuotekortti_kokovalinta select, .tuotekortti_varivalinta select, .tuotekortti_tuotetiedotteksti input {max-width: 90%;}
.tuotekortti_tuotetiedotteksti input, .tuotekortti_tuotetiedotteksti select {height: 41px; text-align:left; padding:0 10px;}
.tuotekortti_maara { margin-right:30px !important; width:auto;}
.tuotekortti_maara input {text-align:center;}

.tuotekortti_kokovalinta .tuotekortti_tuotetiedototsikko, .tuotekortti_kokovalinta .tuotekortti_tuotetiedotteksti,
.tuotekortti_varivalinta .tuotekortti_tuotetiedototsikko, .tuotekortti_varivalinta .tuotekortti_tuotetiedotteksti,
.tuotekortti_maara .tuotekortti_tuotetiedototsikko, .tuotekortti_maara .tuotekortti_tuotetiedotteksti { display: block;float: none; padding: 0; width:100%;}
.tuotekortti_maara .tuotekortti_tuotetiedototsikko {visibility:hidden;}
.tuotekortti_kokovalinta, .tuotekortti_ostolaatikko {margin-bottom:20px;}

.tuotekortti_tuotetiedototsikko {width: 30%;float: left;font-weight: bold; margin:0; color:#000;}
.tuotekortti_kokovalinta .tuotekortti_tuotetiedototsikko{width:100%;}
.vk-tuotekortti-element h1 {color:#a5391e; text-transform:none; font-size:2rem; line-height:160%;font-weight:700;}
.tuotetarkenne {color: #353535;font-weight: 400; font-size:1.125rem;}

@media only screen and (max-width:1280px) {.tuotetarkenne {font-size: 1.3rem;}.tuotekortti_tuotetiedototsikko,.tuotekortti_tuotetiedotteksti {font-size: 1.2rem;}}
@media only screen and (max-width:1024px) {.tuotekortti_maara input {height:33px; margin-top:6px}}
@media only screen and (max-width:575px) {.tuotekortti_kokovalinta, .tuotekortti_varivalinta, .tuotekortti_maara {width:100% !important}.tuotekortti_maara .tuotekortti_tuotetiedototsikko {visibility: visible; margin-right:20px;}#cart { width: 85%;}}
@media only screen and (max-width: 480px) {#cart { width: 100%;}}
/* ---- Lyhyt kuvaus ---- */
.tuotekortti_lyhytkuvaus, .tuotekortti_tuotepointit {padding: 20px 0;}

/* Tuotekoodi */
.tuotekortti_tuotekoodi {margin-top:40px !important;}


/* ---- Maara, hinta, lisaa ostoskoriin ----- */
.tuotekortti_tuotehintalaatikko { border:1px solid #dedede; box-sizing: border-box;display:table;width: 100% !important;margin: 0 !important;}
.tuotekortti_ostolaatikko {display: table;width: 100%;}
.tuotekortti_hinta_osto {clear: both; margin: 0 !important;width: 100% !important;}

/* Ostoskorinappi */
#ostoskorinappi {background: #7ebed0;color: #fff;font-size: 0.9rem !important; text-transform:uppercase; font-weight:700;padding: 9px 8% 8px 8%; margin: 26px auto 0 auto;display: block;text-align: center;width: auto; box-sizing:border-box; float:left;}
  
@media only screen and (max-width:1440px) {#ostoskorinappi {width: 50%;}}
@media only screen and (max-width:1280px) {#ostoskorinappi {font-size: 1.2rem !important; width:60%;}.tuotekortti_lyhytkuvaus {font-size: 1.2rem;}}
@media only screen and (max-width:575px) {.tuotekortti_ostolaatikko{margin-top: 20px;}.tuotekortti_hinta_osto > div {width: 100% !important;float: none !important;clear: both !important;text-align: center;}.tuotekortti_kokovalinta, .tuotekortti_varivalinta,.tuotekortti_hinta_osto div {text-align:left !important;}#ostoskorinappi {width:100%;}.col-50.vk-tuotekortti-element .tuotekortti_tuotetiedototsikko { width: 40%;}.tuotekortti_maara {
    margin-right: 0;}.tuotekortti_maara .tuotekortti_tuotetiedototsikko {float: left;}.tuotekortti_kokovalinta .tuotekortti_tuotetiedototsikko, .tuotekortti_kokovalinta .tuotekortti_tuotetiedotteksti, .tuotekortti_varivalinta .tuotekortti_tuotetiedototsikko, .tuotekortti_varivalinta .tuotekortti_tuotetiedotteksti, .tuotekortti_maara .tuotekortti_tuotetiedototsikko, .tuotekortti_maara .tuotekortti_tuotetiedotteksti {float:left; width:auto;margin-right: 0;}

.tuotekortti_maara .tuotekortti_tuotetiedotteksti {float: left;width: auto !important;}}

@media only screen and (max-width:480px) {.col-50.vk-tuotekortti-element .tuotekortti_tuotetiedototsikko {width: 50%;}.tuotekortti_tuotetiedototsikko, .tuotekortti_tuotetiedotteksti { font-size: 1.1rem;}}
@media only screen and (max-width:420px) {.col-50.vk-tuotekortti-element .tuotekortti_tuotetiedototsikko {}}


/*.tuotekortti_saatavuus .tuotekortti_tuotetiedotteksti {visibility: hidden;}
.tuotekortti_saatavuus .tuotekortti_tuotetiedotteksti::before {content: "Tilattavissa";visibility: visible; left: 0;}*/

/* Tuotehinta, Tarjoushinta */
.tuotekortti_tuotehinta_tarjous {color: #e6332a;font-size: 2rem;font-weight: 700;padding: 10px 0 5px 0; text-align: left;font-family: 'Domine', serif; line-height:120%;}
.tuotekortti_tuotehinta_normaali {text-align: left; font-size: 1rem; padding-bottom:20px; font-weight:700;color: #fe8c16;font-family: 'Domine', serif;}
#tuotekortti_normaalihinta {color: #6d6d6d;font-weight: 700;}
#tuotekortti_tarjoussaasto {color:#a5391e; padding-left:3%; font-weight:700;}

/* Tuotekortti - Promoblock - klarna, tuotepointit ---- */
#tuotekortti_promoblock {width:100%; margin-top:40px;}
#tuotekortti_promoblock a{color:#000;}
#tuotekortti_promoblock div:empty { display: none;}
@media only screen and (max-width:1024px) {#tuotekortti_promoblock .col-50 {margin-bottom:0;}}
/* ---- Klarna widget ---- */
#tuotekortti-klarna.col-50 {padding:3% 5%;}

/* ---- Tuotepointit ---- */
.tuotekortti_tuotepointit {}
.col-50.tuotekortti_tuotepointit a {}
.fa-check::before {color: #e17d28;padding-right: 10px;}

/* ----- Valmistajalogo + kuvausteksti ----*/
#valmistajalogovk {padding: 40px 0; display:table;}
#valmistajalogovk img {max-width:100%; float:left }
.valmistajakuvausteksti {font-size: 11px;line-height: 21px;padding:10px 0 0 3%; width: 85%;float: right;}
@media only screen and (max-width:1024px) {#valmistajalogovk img {max-width: 40%;float: none;margin: 0 auto;}.valmistajakuvausteksti {font-size: 11px;line-height: 21px;padding: 10px 0 0 0%;width: 100%;float: none;}#valmistajalogovk {padding: 0px 0;display: table;}}
@media only screen and (max-width:480px) {#valmistajalogovk img {max-width: 60%;}}

/* ---- Pitka kuvaus + nayta lisaa tuotteita ----*/
.tuotekortti_pitkakuvaus {padding:4% 0; background:#e0c6a4; box-sizing:border-box; color:#3f3f3f;}
.tuotekortti_pitkakuvaus li, .tuotekortti_pitkakuvaus td, .tuotekortti_pitkakuvaus p {color:#3f3f3f;}
.tuotekortti_pitkakuvaus .col-67,.tuotekortti_pitkakuvaus .col-33 {padding: 0 3%;}
.tuotekortti_pitkakuvaus .col-67 h2 {font-size: 1.6rem; line-height: 1.8rem;padding: 0px 0px 0px 0px;margin-bottom: 20px;}
.tuotekortti_pitkakuvaus h5, .tuotekortti_pitkakuvaus .col-33 a {color: #000;font-size: 1.1rem;}
.tuotekortti_pitkakuvaus .col-33 h5 {font-family: 'Open Sans', serif; font-weight:600; text-transform:uppercase;color:#0c2840;}
.tuotekortti_pitkakuvaus .col-33 a {color: #1b1b1b;font-size: 1.1rem; display:block;}
.tuotekortti_pitkakuvaus .col-33 a::after {content: "›";padding-left: 10px;color: #1b1b1b;}
#tuotekortti-toimitus {margin-top:15px;}
.tuotekortti_pitkakuvaus .col-33, .tuotekortti_pitkakuvaus .col-33 a {font-size:0.9rem}
.tuotekortti_pitkakuvaus .col-33 a {color:#1b1b1b; font-weight:700; }
#tuotekortti-toimitus,#tuotekortti-maksu {border-top: 1px dotted #c7c7c7;padding: 15px 0px; }

@media only screen and (max-width:1280px) {.tuotekortti_pitkakuvaus .col-33 a {text-decoration: none;font-size: 1.2rem;}.tuotekortti_pitkakuvaus h5, .tuotekortti_pitkakuvaus .col-33 a {font-size: 1.4rem;}}
@media only screen and (max-width:575px) {.tuotekortti_pitkakuvaus  h3 {font-size: 1.4rem;line-height: 1.8rem;letter-spacing: 0.4px;}}
/* Maksutapabannerit */
#klarnakuva, #paytrailkuva {display:block; float:none; margin: 0 auto}
#paytrailkuva { max-width: 100%; padding-top:20px;}
#klarnakuva {max-width: 120px; padding-top:20px;}

@media only screen and (max-width:1024px) {.tuotekortti_pitkakuvaus .col-33 a {font-size: 1.2rem;display: block;background: #e17d28;width: 100%; margin: 10px auto 10px auto;padding: 10px 20px;box-sizing: border-box; color:#fff;text-decoration:none;}.tuotekortti_pitkakuvaus {
    padding: 5%;} .tuotekortti_pitkakuvaus .col-67 {border-right:none;}.tuotekortti_pitkakuvaus h5 {color:#000;}.tuotekortti_pitkakuvaus .col-33 {padding: 5%;background: #ededed;border: 1px solid #dedede;}.tuotekortti_pitkakuvaus .col-33 a::before {color:#fff; padding-left:20px;}.tuotekortti_pitkakuvaus .col-33 a::after {color: #fff;}.tuotekortti_liittyvattuotteet {padding-top: 15px;}}
@media only screen and (max-width:575px) {.tuotekortti_pitkakuvaus h5, .tuotekortti_pitkakuvaus .col-33 a {font-size: 1.2rem;}.tuotekortti_pitkakuvaus .col-33 a { padding: 5px 20px;font-size: 1rem;}}
/* Lahjakortti */

.tuotekortti_lahjakortti { background: #f1f1f1;box-sizing: border-box;padding: 40px;margin: 20px auto 0 auto;}
.tuotekortti_lahjakortti input { height: auto;}

/* ----- Liittyvat tuotteet -----*/


.liittyvatuote, .muutostaneet { flex:1 0 auto; padding:0 2% !important; width:90%; padding-right:0 !important; height:300px !important; display:table !important;}
/*.tuotekortti_liittyvattuotteet,.tuotekortti_muutostivat  {padding:3%; box-sizing: border-box;}*/
.liittyvatuote .selaus_iso, .muutostaneet .selaus_pieni{margin-bottom:0 !important; min-height:unset !important; height:330px}
/* Otsikko */
.tuotekortti_valiotsikko { color: #a5391e;font-size: 2rem;font-weight: 700;padding-bottom: 10px; width:100%; display:block; text-align:center; margin-bottom:40px;font-family:'Playfair Display', serif;}

.liittyvatuote .selaus_wrapper, .muutostaneet .selaus_wrapper {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex !important;flex-wrap: wrap;flex-basis: 14%;padding: 0 !important;  margin: 0 1% 20px 1%;}
.liittyvatuote .selaus_wrapper, .muutostaneet .selaus_wrapper {margin:0 !important; flex-basis:auto;}
.liittyvatuote .selaus_tuotenimi_iso, .liittyvatuote .selaus_tuotenimi_pieni,.muutostaneet .selaus_tuotenimi_iso, .muutostaneet .selaus_tuotenimi_pieni, .muutostaneet .selaus_tuotenimi_pieni {font-size:0.8rem; line-height:1rem;}
.liittyvatuote .selaus_wrapper,.muutostaneet .selaus_wrapper {width:100%;}
.liittyvatuote .selaus_wrapper, .liittyvatuote .selaus_iso, .muutostaneet .selaus_wrapper, .muutostaneet .selaus_pieni {display:table !important;}

/* Oheistuote, alennuslatka */
.liittyva_tuote_latka_oheisalennus {background:#82c341; color:#fff; box-sizing:border-box; padding:5px 20px; font-size: 0.7rem; line-height: 1.1rem; font-weight:600; text-align: center;}
.liittyva_tuote_latka_oheisalennus_teksti {float: left;text-align: left;line-height: 0.8rem; width: 80%;font-size: 0.6rem; text-transform: uppercase;}
.liittyva_tuote_latka_oheisalennus_alennus {float: right;background: #4F851E; padding: 2%; width: 16%;}


@media only screen and (max-width:1024px) {.liittyvatuote .selaus_wrapper, .muutostaneet .selaus_wrapper {flex-basis: 23%;}.tuotekortti-tpl {display:block;}}
@media only screen and (max-width:800px) {.tuotekortti_liittyvattuotteet .center-col, .tuotekortti_muutostaneet .center-col {width:100%; max-width:100%}}
@media only screen and (max-width:575px) {.liittyvatuote .selaus_wrapper, .muutostaneet .selaus_wrapper {flex-basis: 48%;}}


/* Oheistuotekaruselli */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left; }.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.item img{display:block}.grabbing{cursor:url(grabbing.png) 8 8,move}.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-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:none}.owl-theme .owl-controls{position:relative;text-align:center;width:100%;z-index:20}.owl-theme .owl-controls .owl-page{display:inline-block}.owl-theme .owl-controls .owl-page span{background:#869791;border-radius:20px;display:block;height:17px;margin:5px 7px;opacity:.5;width:17px}.owl-controls .owl-buttons > div {position: relative;display: inline-block;color: #dedede;zoom: 1;font-size: 1.2em;text-align: center;-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; line-height:70%;
}.carousel-caption{background:0 0}#navi-wrapper{z-index:2}.owl-buttons{display:none}#etusivusisalto .owl-page.active span{background:#000!important;opacity:.8!important}.active span { background: #e17d28 !important;}

@media only screen and (max-width:768px) {.owl-buttons {display:block;}.owl-pagination {display:none;} #etusivusisalto .owl-pagination {display:block;}
.owl-buttons {

    display: block;
    width: 100%;
    position: relative;
}

.owl-controls .owl-buttons > div.owl-prev {

    left: -4.5% !important;
    position: absolute;
    top: -200px;

}

.owl-controls .owl-buttons > div.owl-next {
    right: -4.5% !important;
    position: absolute;
    top: -200px;
  }

.fa-chevron-left::before, .fa-chevron-right::before {
   color: #c6c6c6;

  }}


@media only screen and (max-width:375px) {.tuotekortti_tuotelistaus div:nth-of-type(7) div {clear:none !important;}}

body:has(.latka_tuotekortti_custom) .tuotekortti_ostolaatikko {display: none;}
.latka_tuotekortti_custom::before {content: "LOPPUUNMYYTY";margin: 1em 0 1em 0px;display: block;color: #fff;background: #25294c;max-width: max-content;padding: 10px;font-weight: 700;}

/*body {background: #000 url(../img/header/site-bgimgelement-BF.jpg) center top no-repeat;background-position-x: center;background-position-y: top;}.selaus_iso_latka_tarjous {background: url(../img/header/BF-label.png) left top no-repeat !important;height:70px; background-size:contain !important} .tuotekortti_latka_tarjous {background: url(../img/header/BF-label-tk.png) left top no-repeat !important; height:100px !important; background-size:contain !important;}*/