/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v26-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v26-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v26-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
      --primary-color: #02366e;
      --base-font-size: min(max(1rem, 1.05vw), 18px);
      --base-font-color: #000;
      --base-line-height: 160%;
      --google-font: 'Montserrat', sans-serif;
      --google-heading-font: 'Montserrat', sans-serif;
      --navi-background: #01b5e5;
      --footer-navi-background: #fff;
      --navilink-font-size: min(max(0.9rem, 1.125vw), 22px);
      --navilink-color: #fff;
      --navilink-font-weight: 700;
      --navilink-padding: 1vw 1.5vw;
      --navilink-selected-bg: #fff;
      --navilink-selected-color: #01b5e5;
      --heading-size-1: min(max(1.8rem, 2.2vw), 48px);
      --heading-size-2: min(max(1.6rem, 2vw), 40px);
      --heading-size-3: min(max(1.6rem, 2.4vw), 48px);
      --heading-size-4: min(max(1.4rem, 1.8vw), 36px);
      --heading-size-5: min(max(1.4rem, 1.4vw), 28px);
      --heading-size-6: min(max(1.2rem, 1.2vw), 24px);
      --grid-gap: 2em 3em;
      --button-background: #02366e;
      --button-text-color: #fff;
      --button-font-size: min(max(0.8rem, 1vw), 1rem);
      --button-font-weight: 700;
      --button-padding: 8px 30px;
      --max-button-width: 450px;
      --max-input-width: max-content;
      --img-gallery-rows: repeat(auto-fit, minmax(200px, 1fr));
  		--img-gallery-img-size:300px;
      --mobilemenu-container-height: 63px;
      --mobilemenu-open-close-color: #fff;
      --mobilemenu-menutext-color: #fff;
      --mobilemenu-button-background: #fff;
      --mobilemenu-link-color: #fff;
      --mobilemenu-link-background: #01b5e5;
      --mobilemenu-expand-button: #fff;
      --mobilemenu-submenu-background: #00a5d5;
      --padding-s: min(max(20px, 1vw), 20px);
      --padding-m: min(max(30px, 2vw), 40px);
      --padding-xl: min(max(40px, 3vw), 60px);
      --padding-xxl: min(max(60px, 4vw), 80px);
    }
body, html, p {margin: 0;padding: 0;font-family: var(--google-font);color: var(--base-text-color);font-size: var(--base-font-size);line-height: var(--base-line-height)} .center-col li{font-family: var(--google-font);} img {max-width: 100%;height: auto;display: block;}header.content-col { position: absolute;z-index: 2000;}a {color: var(--primary-color);text-decoration: none}a:hover {text-decoration: underline}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: var(--google-heading-font);margin: 0;padding: 0;line-height: 110%;color: var(--primary-color); font-weight:800;}h1, h1 a {font-size: var(--heading-size-1);}h2, h2 a {font-size: var(--heading-size-2);}h3, h3 a {font-size: var(--heading-size-3);}h4, h4 a {font-size: var(--heading-size-4);}h5, h5 a {font-size: var(--heading-size-5);}h6, h6 a {font-size: var(--heading-size-6);}picture {width: 100%}section, article, .center-col, .content-col{box-sizing:border-box;}table, td, tr {border-collapse: unset !important}@media screen and (max-width:1024px) {table, td, tr {height: auto !important;max-width: 100%}}@media screen and (max-width:480px) {body {line-height: calc(1rem + 1.2vw)}}@media screen and (max-width:375px) {h1, h2, h3, h4, h5, h6 {word-wrap: anywhere}}

/* Wrappers */
.content-col, .center-col {width: 100%;clear: both;position: relative;}.center-col {width: min(max(60vw, 1600px), 90%);margin: 0 auto}.center-col iframe { max-width: 100%;margin: 0 auto}.narrow-col{max-width:1200px;}.erikoiskuva, .kuva, .kuva2 {box-sizing:border-box;border: 0;outline: 0;height: auto;margin: 0;cursor: pointer; max-width:100%;}

/* Grids */
.autogrid,.dgrid-2-cols, .dgrid-3-cols, .dgrid-4-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols, .dgrid-m-l-cols, .dgrid-l-m-cols {display: grid;grid-gap: var(--grid-gap);clear: both;position: relative;} .dgrid-s-m-s-cols {grid-template-columns: 1fr 2fr 1fr}.dgrid-s-xl-cols {grid-template-columns: 1fr 3fr} .dgrid-xl-s-cols {grid-template-columns: 3fr 1fr}.dgrid-m-l-cols {grid-template-columns: 1fr 2fr}.dgrid-l-m-cols {grid-template-columns: 2fr 1fr}.autogrid, .dgrid-3-cols{grid-template-columns:repeat(auto-fit, minmax(350px,1fr))}.dgrid-2-cols {grid-template-columns:repeat(2,1fr)}.nogap {grid-gap: 2em 0;}.dgrid-4-cols{grid-template-columns:repeat(2,1fr);}@media screen and (max-width:1024px) {.dgrid-m-l-cols, .dgrid-l-m-cols, .dgrid-s-m-s-cols, .dgrid-s-xl-cols, .dgrid-xl-s-cols {grid-template-columns: 1fr}}@media screen and (max-width:768px) {.dgrid-2-cols, .dgrid-4-cols{grid-template-columns:1fr;}} @media screen and (max-width:480px) {.autogrid, .dgrid-2-cols, .dgrid-3-cols {grid-template-columns:repeat(auto-fit, minmax(220px,1fr))}}

/* Navigation */
#navi-wrap {grid-column:1 / -1}#main-navi, #top-navi, #footernavi {margin: 0 auto;padding: 0;list-style: none;z-index: 2;position: relative;flex-direction: row;justify-content:space-between}#main-navi .naviblock {margin-right: 10px;flex: 1;}#main-navi .naviblock:last-of-type {margin-right: 0px;}#footernavi{background:var(--footer-navi-background); justify-content:center;border: 1px solid #00b5e4;border-radius: 4px;background: #fff;}#footernavi li:last-of-type {padding-left: 3vw;}.mainnavi-link, .topnavi-link, .footerlink {padding: var(--navilink-padding);font-size: var(--navilink-font-size);font-weight: var(--navilink-font-weight);text-decoration: none;color: var(--navilink-color);display: block;}.mainnavi-link {background:var(--navi-background); border-radius: 4px; margin-bottom: 10px;text-transform:uppercase;}.topnavi-link{color:#fff; padding:0 20px;font-weight:700; text-transform:uppercase;font-size:min(max(1rem, 1.1vw), 16px)}.footerlink {text-transform:uppercase; color:#002e43;}.footer-servicelink {text-transform:none; color:#00b5e4; text-decoration:underline}.mainnavi-link:hover, .topnavi-link:hover, .footerlink:hover {color: #c6c6c6;}#link-sel-1-3, #link-sel-2-4, #link-sel-3-5, #link-sel-4-6, #link-sel-5-7, #link-sel-6-8 {color: var(--navilink-selected-color);background: var(--navilink-selected-bg);text-decoration: none}#logoimg {max-width: 50%;margin: 0 auto;float: none;display: block;height: auto;padding: 40px 0;}#sidenavi ul {background: var(--primary-color);padding: 10%;margin: 0;list-style: none;}#logo img {margin:0 auto;padding:30px 0}.mainnavi-link {display:flex; align-items:center;position: relative;}.mainnavi-link span{ font-size:min(max(1.4rem, 1.4vw), 28px);position:absolute; right:1em}.mainnavi-link span:after{content:"+"}#main-navi .naviblock:hover span:after{content:"-"}#main-navi .naviblock:hover .mainnavi-link{background:#fff; color:#01b5e5}@media screen and (max-width:1280px) {.content-col .dgrid-m-l-cols {grid-template-columns: 1fr 3fr;}#logo img{max-width:180px}#top-navi a {font-size: 0.8rem !important;padding:0 15px}}
#footernavi .naviblock a{white-space:nowrap}#footernavi {flex-wrap: nowrap;display: grid;grid-template-columns: auto auto auto auto auto auto;justify-content: center;align-items: center;}

/* Submenus */
#subnavicol ul,#subnavicol li {margin:0; padding:0; list-style:none}
#subnavicol ul > li {display: none;}
#subnavicol li:has(> ul),#subnavicol li:has(> ul) li {display: block;}
#subnavicol .valikkolinkki, #subnavicol .valikkolinkki-sel,#subnavicol .valikkolinkki_eijulkinen {background: #00b5e4;border-radius: 8px;margin-bottom: 10px;color: #fff;padding: 20px 40px;font-weight: 700;font-size: 16px;display:block;line-height:110%; display:flex; align-items:flex-start;justify-content:flex-start; position:relative;}
#subnavicol a::after {content: "›";color: #054b77;float: right;padding-left: 0; align-self: flex-start;position: absolute;right: 30px;}
.subnavi-block {grid-template-columns:3fr 2fr}

@media screen and (max-width:1280px) {.subnavi-block {grid-template-columns: 1fr 1fr;}#subnavicol .valikkolinkki, #subnavicol .valikkolinkki-sel,#subnavicol .valikkolinkki_eijulkinen {padding: 15px 25px;}#subnavicol a::after{right:15px}}
@media screen and (max-width:1024px) {.subnavi-block {grid-template-columns: 1fr;}}
@media screen and (max-width:575px) {#subnavicol .valikkolinkki, #subnavicol .valikkolinkki-sel, #subnavicol .valikkolinkki_eijulkinen {font-size: 14px;}}

/* Top navi */
#top-navi{display: flex;align-items: center;justify-content: flex-end;width: 100%;}
#top-navi .webiolinkkipainike{border-radius: 4px;font-size:16px; color:#424242;background:#6bb1dd; border:none;margin-top:0; padding:8px 1vw;text-transform: none; margin-right:30px;display:flex;justify-content: center;align-items: center;}
#top-navi img {margin-right:10px}
#langselect a{align-items: center;border-radius:3px;color: #fff;display: inline-flex;font-size: 16px;font-weight: 700;height: 29px;justify-content: center;line-height: 100%;min-width: 23px;padding: 0px 5px;text-align: center;}
#langselect #lang-selected {background: #fff;color: #000;}

@media screen and (max-width:1280px) {#top-navi .webiolinkkipainike {padding: 5px 1vw;}header .center-col {width: 96%;}}
@media screen and (max-width:1024px) {#langselect #lang-selected {background: #139ada;color: #fff;}#langselect a{font-size: 14px;}}

/* DRP navi */
.naviblock ul {display:none; position:absolute; width:100%;background: #fff; padding: 1em 0em;left:0; box-sizing:border-box;} .naviblock ul, .naviblock li {list-style-type:none; padding:0; margin:0;} .naviblock:hover ul{display: grid;grid-template-columns: repeat(4,1fr); margin:0;padding: 1em 2em 2em 2em;border-radius: 6px;} .naviblock ul li a {padding:10px 0;display:flex;color:#01B5E5;line-height: 120%;font-size:min(max(0.9rem, 1.05vw), 18px)} .naviblock ul li a strong {color:#054b77; font-size:min(max(0.9rem, 1.2vw), 22px);}.naviheader{padding-bottom:10px}.naviheader a{display:flex; align-items:center; }.naviheader img {padding-left:30px;max-width:40px;}@media screen and (max-width:1440px) {.naviheader img {max-width: 30px;}.naviblock ul,.naviblock ul:hover{padding: 0 !important;}}
.naviblock ul li div a{font-size:16px; padding:3px 0}
.naviblock ul li div a:before {content:"›";color:#01b5e5; padding-right:5px}
.naviblock ul li div.naviheader a:before {display:none}
.naviblock ul section{padding: 1em 2em 1em 2em;border-right: 1px solid #dedede;border-radius: 0;}
.naviblock ul li:last-of-type section{border:none}
.naviblock .webiolinkkipainike {color: #fff;padding: 5px 10px;font-size: 14px !important;text-align: center;display: block;}
.naviblock section a {font-weight: 500;}

@media screen and (max-width:1440px) {.naviblock ul section {padding: 1em 1.5em 1em 1.5em;}}
@media screen and (max-width:1280px) {.naviblock section p {font-size:12px !important}}
@media screen and (max-width:1080px) {.naviblock section p {display: none;}.naviblock ul li a {padding: 0;}  .naviblock ul, .naviblock ul:hover {padding: 0 !important; padding: 1em 0 !important;}}

/* General classes, heroimg, banners */
.main-heroimg {width: 100%;}
.heroimg {position: relative;}
picture img {width:100%; max-height:1040px;object-fit:cover}
.herotext h1,.herotext h2, .herotext h3, .herotext h4, .herotext h5, .herotext h6{color:#fff}
.herotext p {color:#01b5e5}
.herotext-front {max-width: 40%;display: flex;flex-direction: column;margin: unset;}
.herotext-align{align-items: flex-end;padding-top:165px}
.abs-element,.bnr section.abs-element {position: absolute;z-index: 200;max-width: 100%;flex-direction: column;display: flex;width: 80%;} 
.dflex {display: flex;flex-wrap: wrap;flex-direction: column;} 
.subheader {align-items: center;}
.dflex-row {display: flex;flex-wrap: wrap;flex-direction: row;} 
.center-elements {align-items: center;justify-content: center}
.fwimg {width:100%}
.white-p {color: #fff}
.shadow {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
#breadcrump-container {background:#e6eef0}
#breadcrump, #breadcrump a {font-size:16px}
.headerbox {position: absolute;top: 2em;width: 100%;display: flex;justify-content: flex-start;align-items: center;z-index: 220;}
#hero-headerbox{position: relative;top: unset;margin-bottom:1em}
#hero-headerbox span {color:#01b5e5;padding: 0 10px;}
.headerbox p{font-family: var(--google-font);font-weight: 700;background: #fff;border-radius:4px;color: var(--primary-color);text-shadow: none;display: block;max-width: max-content;margin: 0 auto;padding: 10px 1.5vw;text-align: center;text-transform: uppercase;}
.herotext .headerbox p{color:var(--primary-color);margin: 0}
.bnr {position:relative;} /* Bannerikuva position container */
.bnr section {width:100%}
.bnr img {width:100%;object-fit: cover;} /* Bannerikuvan maksimileveys */
.bnr.basic .bannertext img{width: auto;min-height:unset;max-height: unset}
.bgcolor-wrapper {background:#000} /* Optional */
.bgcolor-wrapper img {opacity:0.7} /* Optional */
footer {background:url(../img/header/bg-graphic.png) left top no-repeat; background-size:25vw}
footer .dgrid-2-cols {grid-gap:1em; padding:10px 0}
footer .dgrid-3-cols {grid-template-columns:1fr 1fr 1fr;grid-gap:0}
footer .webiolinkkipainike {margin: 0 auto}
footer h4 {font-weight:600}
footer h5 {color:#00597a;font-weight:700;}
footer h6,footer h6 a {font-size: min(max(1.8rem, 1.8vw), 36px);}
footer .dgrid-3-cols img {max-width: 22vw;min-width: 240px;}
#some-icons {display:flex; justify-content:center; align-items: center}
#some-icons p {padding-right:10px}
#some-icons img {min-width: auto;}


@media screen and (max-width:1440px) {.herotext-align {padding-top: 115px;width: 100%;}.herotext-front {max-width: 44%;padding-right: 4%;}}
@media screen and (max-width:1280px) {.herotext .headerbox p{font-size: 0.8rem; padding: 8px 3vw;}footer .dgrid-3-cols {grid-template-columns: auto 1fr auto;}footer .dgrid-2-cols {max-width: max-content;margin: 0 auto;}}
@media screen and (max-width:1024px) {.herotext-align{position: relative;order: 2;background: #044b77;padding: 2em;align-items: flex-start;}.herotext-front {max-width: 100%;padding-right: 0;width: 96%;}}
@media screen and (max-width:860px) {footer .dgrid-3-cols {grid-template-columns: 1fr;grid-gap: 20px;}.casetable, .casetable tr, .casetable td {width: 100% !important;height: auto !important; padding: 0;}.casetable tr {display: grid;grid-template-columns: 1fr;grid-gap: 2em;}.casetable img {padding:1em 0 !important}}
@media screen and (max-width:768px) {footer .dgrid-2-cols {grid-gap: 5px;}footer .dgrid-s-m-s-cols{grid-template-columns: 1fr;text-align: center;}footer .dgrid-s-m-s-cols div {display: none;}}

/* Frontpage - Introduction */
#introduction-wrapper, #basic-page-bg{background:#e6eef0}
#introduction-wrapper img {max-width: 90%;margin:0 auto}
#introduction-wrapper h2{font-size:min(max(2.2rem, 2.8vw), 58px); font-weight:900;text-transform:uppercase; color:#01b5e5}
#introduction-wrapper h2 span {display:block;}
#introduction-wrapper h2 span.lightblue-text {text-decoration:underline; color:var(--primary-color);}
#introduction-wrapper .col-right{padding:0 2em;}
#scndr-content .dgrid-2-cols {grid-gap:2em 4vw;padding-bottom:2em;}

/* Frontpage -banners */
#bannersbg {grid-gap:1em}
#bannersbg .dgrid-2-cols,#bannersbg .dgrid-3-cols {grid-gap:1em}
#bannersbg .abs-element {bottom:15%}
#bannersbg .fwimg {max-height:904px; min-height:600px;object-fit: cover; object-position:top}
#banners-narrow .abs-element h2,#banners-narrow .abs-element h3, #banners-narrow .abs-element h4,#banners-narrow .abs-element h5,#banners-narrow .abs-element h6, #banners-narrow .abs-element p,
.bnr .abs-element h2,.bnr .abs-element h3, .bnr .abs-element h4,.bnr .abs-element h5,.bnr .abs-element h6, .bnr .abs-element p{color:#fff}
#banners-narrow {grid-gap:1em}
#bannersbg .col-right img {min-height: unset !important;width: 17vw;height:auto;padding: 0 1vw !important;}
#bannersbg #solu3812 {display: flex;justify-content: center;}
#bannersbg .dgrid-2-cols {align-items: center;}

#service-banners .abs-element {bottom:5%}
#service-banners p, #service-banners p a {color:#e6efef}
#service-banners p a {text-transform:uppercase; text-decoration: underline}
#service-banners img {border-radius:4px;}
#service-banners-content {grid-gap:2em; grid-template-columns: 1fr 1fr 1fr}
#service-banners-content .col-full, #service-banners-content .colpadding {margin-bottom:0;}
@media screen and (max-width:1024px) {#service-banners-content {grid-template-columns: 1fr 1fr;}#introduction-wrapper h2 span {display: inline;}#bannersbg.cpng-content .dgrid-2-cols {grid-template-columns: 1fr;}#bannersbg.cpng-content .col-left {order:2}#bannersbg .col-right img {object-fit: contain;min-width: 220px;}#bannersbg.cpng-content .fwimg {min-height: 900px;}#pcard-wrapper-ip picture {display: none;}}
@media screen and (max-width:678px) {#bannersbg .center-col {width:100%}#service-banners {padding: 1em 0;}#service-banners-content {grid-template-columns: 1fr;}#service-banners-content {grid-gap:1em;}}
@media screen and (max-width:575px) {#bannersbg .col-right img {min-width: 160px;}  #bannersbg.cpng-content .fwimg {min-height: 800px;}#introduction-wrapper .col-right {padding: 0;}}
@media screen and (max-width:440px) {#bannersbg .fwimg {min-height: unset;}#bannersbg {background: #184a70;}#bannersbg .abs-element {bottom: unset;position: relative;order: 2;padding: 1em 0 2em 0;}.herotext .headerbox p {font-size: 0.6rem;}#hero-headerbox span {padding: 0 5px;} #bannersbg.cpng-content .fwimg {min-height: 200px;}#bannersbg.cpng-content .abs-element {width: 90%;}#bannersbg.cpng-content .col-right img {min-width: 150px;}}

/* Modal */
#modals-narrow {align-items: flex-start; grid-gap:1em}
#modals-abs{grid-gap:1em} 
#modals-abs img {border-radius:6px}
.basic-modal {padding:1em 1em 80px 1em;}
.modal {background: #fff;border-radius:6px;position:relative;border-radius: 6px;position: relative;flex-direction: column;display: flex;height: 100%;}
.modal-text {padding:1em }
.modal-img {width:100%;position: relative;object-fit: cover;}
.modal img{border-radius: 6px 6px 0 0;object-fit: cover;padding:0 !important; width:100%; height:100%; object-fit:cover;}
.modal h2 {font-size: 1.2rem;}
.modal-link {position: absolute;bottom: 1em;background: var(--primary-color); color: #fff;padding: 5px 3vw;font-size: 14px;font-weight: 700;left: 1.1em;border-radius: 4px;margin-left: 1em;}
.modal-link a{color:#fff !important}
.ap-modal {padding:0}
.ap-modal .abs-element {bottom:10%}
.ap-modal .abs-element p {color:#fff}

/* Consumer page */
#consumer-hero img {width:100%}
#consumer-hero .abs-element {bottom:5%; padding-top:0}
#consumer-hero picture img {max-height:864px;}
.consumer-banners .bnr {background:#00b5e4; border-radius:8px; padding:1em}
.consumer-banners h2,.consumer-banners h3,.consumer-banners h4,.consumer-banners h5,.consumer-banners h6,.consumer-banners p,.consumer-banners a {color:#fff}
table#lomake46-1-1 {padding: 2em;background: #fff;border-radius: 12px;border: 1px solid #005e8a;}

/* Airpumps Frontapage */
#airpumps-wrapper {background:#e6eef0}
#airpumps-wrapper > .center-col{margin-top: -100px;}
.manufacturer-box {padding: var(--padding-s);background: rgba(255,255,255,.3);border-radius: 6px;border: 1px solid #41acec;}
.manufacturer-box .col-full {margin-bottom:0;}
#airpump-manufacturers{grid-template-columns: 1fr 1fr;padding-top: 3em;}
#airpumps-product-listing, #airpumps-service-features{grid-gap:2em}
#airpumps-product-listing > section {background:#e6eeef}
#airpumps-product-listing > section:nth-of-type(2) {background:#f1f5f5}
#airpumps-product-listing ul, #airpumps-product-listing li {padding: 0;margin: 0;list-style-type: none;font-size: 14px;line-height: 160%;}
#pumplisting {padding-bottom:2em}
#pumplisting h2,#pumplisting h3,#pumplisting h4,#pumplisting h5 ,#pumplisting h6 {color:#01b5e5}
#airpumps-service-features > section{background:#00b4e3;border-radius:6px; padding:var(--padding-s)}
#airpumps-service-features .dgrid-m-l-cols{background:#02356e; border-radius:6px; padding:var(--padding-m)}
#pump-funding-banner img{min-height:260px; object-fit:cover}
#airpumps-service-content{padding-bottom:2em}

@media screen and (max-width:768px) {.manufacturer-box h3, .manufacturer-box h4, .manufacturer-box h5, .manufacturer-box h6, .manufacturer-box p{text-align: center !important;}}
@media screen and (max-width:575px) {#airpump-manufacturers {grid-template-columns: 1fr;}}

/* Product card */
#pcard-wrapper-ip #breadcrump,#pcard-wrapper-ip #breadcrump a {color:#fff}

/* Articles */
#endorse-articles-wrapper .col-full {display:grid; grid-template-columns:repeat(3,1fr);grid-gap:1em;}
.article-endorse-item{background:#01b5e5; padding:2em; border-radius:8px;}
.article-endorse-item h2,.article-endorse-item h2 a {font-size:min(max(1.2rem, 1.2vw), 24px); color:#fff}
@media screen and (max-width:860px) {#endorse-articles-wrapper .col-full {grid-template-columns: repeat(2,1fr);}}
@media screen and (max-width:720px) {#endorse-articles-wrapper .col-full {grid-template-columns: 1fr;}}

/* Boxlisting */
#boxlisting ul {justify-content: center;align-items: center;display: flex;flex-wrap: wrap;} #boxlisting ul, #boxlisting li {list-style: none;padding: 0;margin: 0;} #boxlisting ul {margin-top:1em}#boxlisting li {min-width:unset; background: #01b5e5; position:relative; border-radius:4px; font-weight:700; margin:0 10px 10px 0} #boxlisting li p {color:#fff; font-weight:700;} #boxlisting li {padding:10px 2vw;text-align: center;color:#fff; }
#boxlisting .modulikuvausteksti {padding-bottom:20px; text-align:center;}
#boxlisting li a {color:#fff}

/* Banner */
.banner-imgmask {position: absolute;height: 100%; width: 100%;bottom: 0;display: flex;align-items: flex-end;} /* Optional */
.bannermask-img {opacity: 1 !important;max-height: 100%;object-fit: cover;width: 100%; pointer-events: none}
@media screen and (max-width:1024px) {.bnr img{object-fit: cover; min-height: 450px;height:450px}.herotext img {max-width:100px}.main-heroimg {object-fit: cover; min-height: 300px;max-height:400px; height:300px}#consumer-hero .center-col {padding-top: 2em;}}
@media screen and (max-width:575px) {.main-heroimg {min-height: 280px;max-height: 280px;}#consumer-hero .main-heroimg {transform: scale(140%);padding-top: 45px;}picture {overflow:hidden;}}

/* Mobile tags*/
#mobilemenu-container{height:var(--mobilemenu-container-height);background:url(../img/header/herobg.png) center center no-repeat; background-size:100%;position: relative;right: 0;top: 0;z-index: 2000;width: 100%;}
#mobile-logo {position: absolute;top: 0;left: 0px;z-index: 50000}
#mobilelogo-img {max-width: 140px;height: auto;padding: 15px 0px 0 1em;}
@media screen and (max-width:1024px) {#main-nav, #logo, footer nav, footer ul, #sidenavi,#top-navi,#footernavi {display: none}}

/* Paddings */
.cpadding-s{padding:var(--padding-s)}.cpadding-m{padding:var(--padding-m)}.cpadding-xl{padding:var(--padding-xl)}.cpadding-xxl{padding:var(--padding-xxl)}.cpadding-tb-s{padding:var(--padding-s) 0}.cpadding-tb-m{padding:var(--padding-m) 0}.cpadding-tb-xl{padding:var(--padding-xl) 0}.cpadding-tb-xxl{padding:var(--padding-xxl) 0}.cpadding-t-s{padding-top:var(--padding-s)}.cpadding-t-m{padding-top:var(--padding-m)}.cpadding-t-xl{padding-top:var(--padding-xl)}.cpadding-t-xxl{padding-top:var(--padding-xxl)}.cpadding-b-s{padding-bottom:var(--padding-s)}.cpadding-b-m{padding-bottom:var(--padding-m)}.cpadding-b-xl{padding-bottom:var(--padding-xl)}.cpadding-b-xxl{padding-bottom:var(--padding-xxl)}.cpadding-rl-s{padding:0 var(--padding-s)}.cpadding-rl-m{padding:0 var(--padding-m)}.cpadding-rl-xl{padding:0 var(--padding-xl)}.cpadding-rl-xxl{padding:0 var(--padding-xxl)}

/* Webio cols classes */
.col-3,.col-full,.col-left,.col-right{width:100%;float:none; margin:0}.col-full, .colpadding{clear:both;margin-bottom:20px;}.center-col .colpadding:last-of-type, .content-col .colpadding:last-of-type {display: none;}

/* Webio content classes */
 .webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {box-sizing: border-box;cursor: pointer;margin-top: 20px;display: inline-block;text-align: center;font-size: var(--button-font-size);padding: var(--button-padding);background: var(--button-background);color: var(--button-text-color);font-weight: var(--button-font-weight);width: auto;max-width: var(--max-button-width); text-transform: uppercase; border:1px solid #01a1e5; border-radius:4px}.webiolinkkipainike:hover,.takaisinuutisiin:hover { transition: all .3s ease 0s;-webkit-filter: brightness(110%);filter: brightness(110%);text-decoration: none}.tapahtumat, .tapahtumakalenteri_otsikko, .tapahtumakalenteri_valiotsikko, .uutis_otsikko.tapahtumakalenteri_valiotsikko, .uutis_otsikko, .nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko {color: var(--primary-color);font-size: 1.2rem;display: block;}.acc-news-wrapper .uutis_otsikko{border-top: 1px solid #707070;font-family: var(--google-heading-font);letter-spacing: 3px;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase;padding: 20px 0 5px 0}
details{position:relative; display:flex; justify-content:center; align-items:center;margin-top:20px;}
details:after,details[open]:after{position:absolute; right:0; top: 15px;font-weight: 700;pointer-events:none}
details:after{content:"+"}details[open]:after{content:"-"}.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #fff;padding: 5px 0;display: block;}@media screen and (max-width:480px) {.webiolinkkipainike, .lomakenappi_submit, .takaisinuutisiin {padding: 10px 30px; width:max-content;max-width:100%;line-height: 120%;width: auto;}}.popupkalenteri iframe {height: 239px;}
.product-additional-images .kuvagalleriagrid .kuvagalleriakuvatausta img {aspect-ratio: 1/1;height:auto;}.product-additional-images .kuvagalleriagrid {grid-template-columns:1fr 1fr 1fr}

/* Image gallery */
.kuvagalleriagrid {display: grid;grid-template-columns: var(--img-gallery-rows);grid-gap: 1em}.kuvagalleriakuvatausta {width: 100% !important;height: auto !important;margin: 0 !important}.kuvagalleriakuvatausta .kuva {width: 100%;max-width: 100%;object-fit: cover; padding: 0 !important;height: var(--img-gallery-img-size)}@media screen and (max-width:575px) {.kuvagalleriagrid {grid-template-columns: repeat(2, 1fr)}.kuvagalleriakuvatausta .kuva{height: 150px}}@media screen and (max-width:480px) {.kuva, .kuva2 {float: none !important;clear: both;padding: 20px 0; box-sizing:border-box;}}

/* Semio referencelinks*/
#swlinkit {text-align: center;padding:10px 0;}.swlinkki {font-family:var(--google-font);font-size: 12px;color: #424242; }.swlinkki:hover{color:#06b0a7; text-decoration: none;}

@media screen and (max-width:678px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100% !important;height: auto; clear: both;box-sizing: border-box}.subpage tbody {width: 100%;display: inline-block}.subpage tr {display: flex;}.subpage tr td {flex:1;}}@media screen and (max-width:480px) {.subpage tr {display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}}

/* Forms */
.lomakeotsikko {color: var(--primary-color);font-weight: 700; padding:10px 0;}.lomake-ve-solu input[type=checkbox] {display: none}.lomake-ve-solu input[type=checkbox] + label, .lomake-ve-solu input[type=checkbox]:checked + label {-webkit-appearance: none;display: block;position: relative;height: auto;clear: both;}.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before {border-radius: 100%;border: 1px solid #8e8e8e;border-radius: 4px;color: #fff;content: "✓";float: left;font-size: 1.2em !important;font-weight: 700;height: 18px;line-height: 11px;margin-right: 20px;padding: 8px 12px 0 8px;position: relative; width: 9px}.lomake-ve-solu input[type=checkbox] + label::before {content: ""}.lomake-ve-solu input[type=checkbox]:checked + label::before { background: #2a2a2a none repeat scroll 0 0;color: #fff !important;border: none;padding: 8px 15px 0 7px}#suodatin input[type=checkbox]:checked + label,.lomake-ve-solu input[type=checkbox]:checked + label {color: #000;box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1), inset 0 0 10px rgba(0, 0, 0, .1)}.lomake-ve-solu input[type=checkbox] + label:active, .lomake-ve-solu input[type=checkbox]:checked + label:active {box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)}.lomake-ve-solu [type=radio]:checked, .lomake-ve-solu [type=radio]:not(:checked) {position: absolute;left: -9999px}.lomake-ve-solu [type=radio]:checked + label, .lomake-ve-solu [type=radio]:not(:checked) + label {position: relative; padding-left: 28px;cursor: pointer;line-height: 20px;padding-bottom: 10px;display: inline-block;color: #666}.lomake-ve-solu [type=radio]:checked + label:before, .lomake-ve-solu [type=radio]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px; height: 18px;border: 1px solid #8e8e8e;border-radius: 100%;background: #fff}
.lomake-ve-solu [type=radio]:checked + label:after, .lomake-ve-solu[type=radio]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #9ec72a;position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all .2s ease;transition: all .2s ease}.lomake-ve-solu [type=radio]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0)}.lomake-ve-solu [type=radio]:checked + label:after {opacity: 1;-webkit-transform: scale(1); transform: scale(1)}input[type="text"].pmvk, input[type="button"].lpainike { width: auto !important;}@media screen and (max-width:1200px) {.lomake-ve-solu input[type=checkbox] + label::before, .lomake-ve-solu input[type=checkbox]:checked + label::before { margin-bottom: 10px}}tr[id^=lomakerivi] {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}input[type=button], input[type=file], input[type=text], textarea {max-width: var(--max-input-width);height:35px;width: 100% !important;box-sizing: border-box;border: 1px solid #8e8e8e}textarea,.lomakenappi_submit, input[type=file] {height: auto}.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;appearance: none;color: var(--button-text-color);font-size: var(--button-font-size);width: auto;border: none !important;border-radius: 6px;height: 45px !important;font-weight: 700;margin-top: 10px;line-height: 100%}tr[id^="lomakerivi"] select {border: 1px solid #888 !important;padding: 10px;border-radius: 4px;appearance: auto;-webkit-appearance: auto;-moz-appearance: auto;-ms-appearance: auto; width: auto !important;}.lpainike, .pmvk {width: auto;height: auto}.lomake-ve-solu {padding-bottom: 5px;padding-right: 10px}tr[id^="lomakerivi"] table tr {grid-gap: 2em;display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}tr[id^="lomakerivi"] table { width: 100%;}.rbcb-table tr {grid-gap: 0 !important;}
@media screen and (max-width:1024px) {textarea {width: 100%; box-sizing: border-box;}}

 /* Mobilemenu */
.meanmenu-reveal{display:none;font-size:30px!important}.meanmenu-reveal{color:var(--mobilemenu-open-close-color);cursor:pointer;display:block;font-size:1px;font-weight:700;height:47px;line-height:22px;margin-top:0;padding: 8px 10px 0 10px;position:absolute;text-decoration:none;text-indent:-9999em;top:4px;width:39px;}.meanmenu-reveal.meanclose {padding: 12px 12px 4px 12px;}.meanmenu-reveal span{background:var(--mobilemenu-button-background);border-radius:2px;display:block;height:6px;margin-top:4px;line-height:100%!important}.mean-nav{float:left;width:100%;margin-top:var(--mobilemenu-container-height)}.mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-nav li a{display:block;float:left;width:92%;padding:10px 5% 10px 3%;font-weight:700;height:auto;margin:0;text-align:left;color:var(--mobilemenu-link-color);border-top:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:14px;background:var(--mobilemenu-link-background);text-transform:uppercase}.mean-nav ul li li a{width:90%;padding:10px 5% 10px 6%;background:var(--mobilemenu-submenu-background)!important;visibility:visible}.mean-nav ul li li li a{width:87%;padding:10px 5% 10px 9%;background:#008fbf !important;}.mean-nav ul li{position:relative;float:left;width:100%}.mean-nav li a.mean-expand{background:var(--mobilemenu-expand-button)!important;color:#01b5e5;border:medium none;border-radius:3px;font-weight:700;height:20px!important;margin-top:3px !important;padding:3px 4px 4px!important;line-height: 120%;position:absolute;right:10px;text-align:center!important;top:6px;width:23px!important;z-index:2}.mean-remove{display:none!important}#main-navi-resp{display:none}@media screen and (max-width:1024px) {#mobilemenu-container, #main-navi-resp {display: block !important;}#mobile-logo {display: block;}}.acc-news-wrapper {padding: 20px 20px 10px 20px;border-top: 1px solid #707070;font-family: var(--google-heading-font);letter-spacing: 3px;margin: 0;line-height: 120%;font-size:0.9rem; text-transform:uppercase}
#front-endorse-carousel-ow .col-right {padding: 0 2em;}
@media screen and (max-width:575px) {input[type="button"], input[type="file"], input[type="text"], textarea {max-width: unset;}}

/* Tiny slider carousel */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.tns-nav {text-align:center; margin:10px 0}.tns-nav button, .tns-nav-active {width: 20px;height: 20px;border-radius: 100%;border: 1px solid #01b5e5;background: #ffffff;margin:0 2px}button.tns-nav-active {background: #01b5e5;}#carousel-wrapper-top-ow .tns-nav {text-align: center;margin-top: -80px;z-index: 200;position: absolute;width: 100%;}#carousel-wrapper-top-ow .tns-nav button, #carousel-wrapper-top-ow .tns-nav-active {width: 25px;height: 25px;}@media screen and (max-width:1024px) {#carousel-wrapper-top-ow .tns-nav {text-align: center;margin-top: -60px;}}

/* Popup */
#cboxLoadedContent > div:first-of-type {padding: 20px !important;}
#cboxLoadedContent > div:first-of-type img {border-radius:12px;max-width:100%; height:auto; width:auto}
#cboxLoadedContent {border: 0 !important;background: #fff;border-radius: 20px;border: none;}
#colorbox {padding-bottom: 11px !important;}
#colorbox img {max-width: 100%;height: auto;}
#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent {z-index: 999999999998;max-width:90vw;}
#cboxLoadedContent{border: 1px solid #e7e7e7;border-radius: 12px;border:none !important; height:auto !important}
#colorbox {box-shadow: 10px 20px 30px -20px rgba(0, 0, 0, 0.3);}
#popup_container {z-index:999999999999 !important}
#cboxClose {right: 10px !important; top: 6px;color: #fff !important;border-radius: 60px;background:#fff url(http://demoverkkokauppa.webio.fi/admin/css/colorbox/images/controls.png) 0 0 no-repeat !important}
#cboxContent {margin-top: 0px !important;}
#cboxLoadedContent a {color:#1d1d1b !important; text-decoration:unerline !important;}
#cboxClose {background-position: -48px -23px !important;top: 10px !important; margin-right: 10px !important; width:28px !important; height:28px !important;}
#colorbox{z-index: 300000000 !important;}
@media only screen and (max-width: 480px) {#colorbox{left: 5vw !important;}}
#cboxClose{background-position: -46px -20px !important;top: 30px !important;margin-right: 10px !important;width: 30px !important;height: 30px !important;border: 1px solid #2a2a2a !important;}
#colorbox{z-index: 300000000 !important;}
#cboxClose {background: #02acce none !important;right: 25px !important; border:none !important}
#cboxClose {background-position: -46px -20px !important;top: 50px;margin-right: 10px !important;width: auto !important;height: auto !important;border: none !important;background: #02acce none !important;color: #fff !important;text-indent: unset !important;font-size: 16px !important;font-weight: 700;text-transform: uppercase;text-align: center;line-height: 100%;padding: 10px 30px !important}

@media screen and (max-width:678px) {#cboxLoadedContent > div:first-of-type {padding: 10px !important;}}

/* Campaign banner */
#cpng-quicklinkbanner{position: fixed;right: 1em;background: #009271; bottom: 1em;color: #fff;border-radius: 6px;z-index: 2000;text-align: center;}
#cpng-quicklinkbanner a {font-size: 14px;font-weight: 700;color: #fff;padding: 1em;display: block;line-height: 120%}
#cpng-quicklinkbanner span {font-size: 13px;font-weight: 700;color: #fff;padding: 10px 1em;display: block;margin-top: 0 !important;}
#cpng-quicklinkbanner #theader {font-family: var(--google-heading-font);line-height: 110%;color: #fff;font-weight: 800;font-size: min(max(1.4rem, 1.4vw), 28px);padding: 1em 1em 0 1em;text-transform:uppercase}
#cpng-quicklinkbanner #bheader {font-family: var(--google-heading-font);line-height: 110%;color: #fff;font-weight: 400;font-size: min(max(1rem, 1vw), 16px);padding: 3px 1em 13px 1em;}

@media screen and (max-width:860px) {
#cpng-quicklinkbanner {right: unset;width: calc(100% - 2em);left: 1em;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}#cpng-quicklinkbanner #theader{padding-top:0}#cpng-quicklinkbanner #bheader{padding-bottom:0}}

@media screen and (max-width:768px) {#cpng-quicklinkbanner{flex-direction: column;padding: 10px;}#cpng-quicklinkbanner a {padding-bottom:0 !important}#cpng-quicklinkbanner #theader {font-size: 1rem}#cpng-quicklinkbanner #bheader {font-size: 0.9rem}#cpng-quicklinkbanner span {font-size: 11px;}footer {padding-bottom:80px}#basic-page-pcard-content {padding: 1em;}}