/*
 * KNWOOD
 * Soojustagastusega ventilatsioon isepaigaldajale
 * File: /css/ventilatsioon-isepaigaldajale.css
 */


/* ==========================================================
   01. VARIABLES
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale {
	--kn-blue: #2da4d3 !important;
	--kn-blue-dark: #1689b8 !important;
	--kn-dark: #111821 !important;
	--kn-text: #202020 !important;
	--kn-grey: #f4f4f4 !important;
	--kn-white: #ffffff !important;
	--kn-border: #dddddd !important;
	--kn-width: 1400px !important;
	--kn-text-width: 760px !important;
}


/* ==========================================================
   02. PAGE RESET
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale #primary,
body.page-template-page-ventilatsioon-isepaigaldajale #main {
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	position: relative !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale .knwood-section {
	box-sizing: border-box !important;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: both !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	transform: none !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale .knwood-section *,
body.page-template-page-ventilatsioon-isepaigaldajale .knwood-section *::before,
body.page-template-page-ventilatsioon-isepaigaldajale .knwood-section *::after {
	box-sizing: border-box !important;
}


/* ==========================================================
   03. GLOBAL CONTAINERS
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section > .content-outside {
	display: block !important;
	width: calc(100% - 80px) !important;
	max-width: var(--kn-width) !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	float: none !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	transform: none !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section > .content-area {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: none !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	transform: none !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section > .content-area-img,
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section > .content-area-img#left {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	transform: none !important;
}


/* ==========================================================
   04. EMPTY IMAGE CONTAINERS
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section > .content-area-img:empty {
	display: none !important;
}


/* ==========================================================
   05. TYPOGRAPHY
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section h2 {
	max-width: 850px !important;
	margin: 0 0 25px !important;
	padding: 0 !important;
	color: var(--kn-text) !important;
	font-size: clamp(34px, 3vw, 52px) !important;
	font-weight: 500 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.025em !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section h3 {
	margin: 0 0 16px !important;
	padding: 0 !important;
	color: var(--kn-text) !important;
	font-size: 23px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section p {
	margin: 0 0 18px !important;
	padding: 0 !important;
	color: var(--kn-text) !important;
	font-size: 17px ;
	line-height: 1.7 ;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section strong {
	font-weight: 600 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section ul {
	margin: 25px 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section li {
	position: relative !important;
	margin: 0 !important;
	padding: 12px 0 12px 30px !important;
	border-bottom: 1px solid var(--kn-border) !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section li::before {
	content: "✓" !important;
	position: absolute !important;
	left: 0 !important;
	top: 12px !important;
	color: var(--kn-blue) !important;
	font-weight: 700 !important;
}


/* ==========================================================
   06. BUTTONS
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section .cta-sinine,
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .cta-sinine {
	position: static !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	max-width: max-content !important;
	height: auto !important;
	min-height: 50px !important;
	margin: 15px 0 0 !important;
	padding: 14px 28px !important;
	float: none !important;
	transform: none !important;
	background: var(--kn-blue) !important;
	color: var(--kn-white) !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	text-align: center !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	transition: background .2s ease, transform .2s ease !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section .cta-sinine:hover,
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .cta-sinine:hover {
	background: var(--kn-blue-dark) !important;
	transform: translateY(-2px) !important;
}


/* ==========================================================
   07. HERO
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 720px !important;
	min-height: 720px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: var(--kn-dark) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .entry-header {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 720px !important;
    min-height: 720px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Hero image */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .post-thumbnail {
	position: absolute !important;
	display: block !important;
	inset: 0 !important;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 0 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .post-thumbnail img {
	position: absolute !important;
	display: block !important;
	inset: 0 !important;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover !important;
	object-position: center !important;
}


/* Hero overlay */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .entry-header::after {
	content: "" !important;
	position: absolute !important;
	display: block !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 1 !important;
	pointer-events: none !important;
	background: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.72) 0%,
		rgba(0, 0, 0, 0.55) 42%,
		rgba(0, 0, 0, 0.18) 75%,
		rgba(0, 0, 0, 0.08) 100%
	) !important;
}


/* Hero content */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .front-page-slider-content {
	position: absolute !important;
	top: 50% !important;
	right: auto !important;
	bottom: auto !important;
	left: 50% !important;
	z-index: 2 !important;
	display: block !important;
	width: calc(100% - 80px) !important;
	max-width: var(--kn-width) !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	transform: translate(-50%, -50%) !important;
	background: transparent !important;
	border: 0 !important;
	text-align: left !important;
}


/* Hero H1 */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .entry-title {
	position: static !important;
	display: block !important;
	width: 100% !important;
	max-width: 780px !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	float: none !important;
	transform: none !important;
	background: transparent !important;
	border: 0 !important;
	color: var(--kn-white) !important;
	font-size: clamp(46px, 4.5vw, 68px) !important;
	font-weight: 500 !important;
	line-height: 1.02 !important;
	letter-spacing: -0.035em !important;
	text-align: left !important;
	text-transform: none !important;
	white-space: normal !important;
}


/* Hero description */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .front-page-slider-content > p {
	position: static !important;
	display: block !important;
	width: 100% !important;
	max-width: 680px !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 0 28px !important;
	padding: 0 !important;
	float: none !important;
	transform: none !important;
	background: transparent !important;
	color: rgba(255,255,255,.92) !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	text-align: left !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .front-page-slider-content > p * {
	position: static !important;
	display: inline !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}


/* Hero button */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero .cta-sinine {
	position: static !important;
	display: inline-flex !important;
	width: auto !important;
	max-width: max-content !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 15px 30px !important;
	transform: none !important;
}


/* ==========================================================
   08. FRONT PAGE TEXT
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section .front-page-text {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: var(--kn-text-width) !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	transform: none !important;
}


/* ==========================================================
   09. INTRO
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero + .knwood-section {
	padding: 110px 40px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero + .knwood-section > .content-area {
	width: 100% !important;
	max-width: var(--kn-width) !important;
	margin: 0 auto !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus-hero + .knwood-section .front-page-text {
	max-width: 850px !important;
}


/* ==========================================================
   10. IMAGE + TEXT SECTIONS
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section:has(> .content-area-img img) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 0 !important;
    max-width: 1500px !important;
    margin: 25px auto 25px!important;
}
body.page-template-page-ventilatsioon-isepaigaldajale .content-area-img {
 
    background-color: white;
    
    box-shadow: 0px 0px 0px #00000038;
    
}
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section:has(> .content-area-img img) > .content-area {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	padding: 90px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section:has(> .content-area-img img) > .content-area-img {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	min-height: 620px !important;
	overflow: hidden !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-section:has(> .content-area-img img) > .content-area-img img {
    /* position: absolute !important; */
    display: block !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    opacity: 1;
    object-position: right;
}
.content.knwood-section.knwood-komplekt .content-area-img img {

    object-position: left !important;
}

/* ==========================================================
   11. BENEFITS
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits {
	display: block !important;
	padding: 110px 40px !important;
	background: var(--kn-grey) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .section-intro {
	max-width: 760px !important;
	margin: 0 0 45px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .benefits-block {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 20px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .benefit {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 350px !important;
	margin: 0 !important;
	padding: 38px !important;
	float: none !important;
	background: var(--kn-white) !important;
	border: 0 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .benefit::before {
	content: "" !important;
	display: block !important;
	width: 45px !important;
	height: 4px !important;
	margin: 0 0 auto !important;
	background: var(--kn-blue) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .benefit-title {
	position: static !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	color: var(--kn-text) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .benefit-title strong {
	display: block !important;
	margin: 0 0 15px !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
	color: var(--kn-text) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .benefit-title p {
	margin: 0 !important;
}


/* Benefit images if added */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .benefit .img {
	display: block !important;
	width: 100% !important;
	height: 220px !important;
	margin: -38px -38px 30px !important;
	width: calc(100% + 76px) !important;
	overflow: hidden !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .benefit .img img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}


/* ==========================================================
   12. SYSTEM / PACKAGE
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-komplekt {
	display: block !important;
	padding: 120px 40px !important;
	background: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-komplekt:not(:has(.content-area-img img)) > .content-area {
	width: 100% !important;
	max-width: var(--kn-width) !important;
	margin: 0 auto !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-komplekt:not(:has(.content-area-img img)) .front-page-text {
	max-width: 900px !important;
}


/* ==========================================================
   13. PROCESS
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process {
	display: block !important;
	padding: 110px 40px !important;
	background: var(--kn-dark) !important;
	color: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process h2 {
	color: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process .section-intro {
	max-width: 760px !important;
	margin: 0 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process .section-intro p {
	color: rgba(255,255,255,.75) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process-grid {
	position: static !important;
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 60px 0 0 !important;
	padding: 0 !important;
	gap: 0 !important;
	float: none !important;
	transform: none !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process-item {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 390px !important;
	margin: 0 !important;
	padding: 35px !important;
	float: none !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	transform: none !important;
	border-right: 1px solid rgba(255,255,255,.18) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process-item:last-child {
	border-right: 0 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process-number {
	position: static !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 50px !important;
	height: 50px !important;
	margin: 0 0 50px !important;
	padding: 0 !important;
	float: none !important;
	transform: none !important;
	border: 1px solid rgba(255,255,255,.45) !important;
	border-radius: 50% !important;
	color: var(--kn-white) !important;
	font-size: 16px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process-item h3 {
	color: var(--kn-white) !important;
	font-size: 21px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-process-item p {
	margin: 0 !important;
	color: rgba(255,255,255,.72) !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
}


/* ==========================================================
   14. SELF INSTALLATION
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus {
	display: block !important;
	padding: 120px 40px !important;
	background: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus:not(:has(.content-area-img img)) > .content-area {
	width: 100% !important;
	max-width: var(--kn-width) !important;
	margin: 0 auto !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-isepaigaldus:not(:has(.content-area-img img)) .front-page-text {
	max-width: 850px !important;
}


/* ==========================================================
   15. PRODUCTS
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-products {
	display: block !important;
	padding: 110px 40px !important;
	background: var(--kn-grey) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-products .section-intro {
	max-width: 900px !important;
	margin: 0 0 50px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-products-grid {
	position: static !important;
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 18px !important;
	float: none !important;
	transform: none !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-product {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 350px !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	transform: none !important;
	background: var(--kn-white) !important;
	border: 0 !important;
}
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-product-img {
    display: block !important;
    width: 50% !important;
    height: 130px !important;
    overflow: hidden !important;
    background: #fff !important;
    margin-bottom: -40px;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-product-img img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	padding: 20px !important;
	object-fit: contain !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-product-content {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 32px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-product-content h3 {
	font-size: 23px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-product-content .cta-sinine {
	margin-top: auto !important;
	align-self: flex-start !important;
}


/* ==========================================================
   16. PRICE
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-price {
	display: block !important;
	padding: 120px 40px !important;
	background: var(--kn-white) !important;
	text-align: center !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-price .content-outside {
	max-width: 900px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-price .front-page-text {
	max-width: 850px !important;
	margin: 0 auto !important;
	text-align: center !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-price h2 {
	margin-left: auto !important;
	margin-right: auto !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-price .cta-sinine {
	margin-left: auto !important;
	margin-right: auto !important;
}


/* ==========================================================
   17. WHY KNWOOD
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-why {
	display: block !important;
	padding: 120px 40px !important;
	background: var(--kn-dark) !important;
	color: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-why:not(:has(.content-area-img img)) > .content-area {
	width: 100% !important;
	max-width: var(--kn-width) !important;
	margin: 0 auto !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-why .front-page-text {
	max-width: 850px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-why h2 {
	color: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-why p {
	color: rgba(255,255,255,.8) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-why strong {
	color: var(--kn-white) !important;
}


/* ==========================================================
   18. GOOGLE TESTIMONIALS
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
#google-testimonials-outside {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 100px 40px !important;
	float: none !important;
	background: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
#google-testimonials {
	display: block !important;
	width: 100% !important;
	max-width: var(--kn-width) !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	float: none !important;
}


/* ==========================================================
   19. FAQ
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq {
	display: block !important;
	padding: 110px 40px !important;
	background: var(--kn-grey) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq > .content-outside {
	max-width: 1000px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq h2 {
	margin-bottom: 45px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq-list {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq-item {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--kn-border) !important;
	background: transparent !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq-item:last-child {
	border-bottom: 1px solid var(--kn-border) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq-item summary {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 25px 60px 25px 0 !important;
	cursor: pointer !important;
	list-style: none !important;
	color: var(--kn-text) !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq-item summary::-webkit-details-marker {
	display: none !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq-item summary::after {
	content: "+" !important;
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: var(--kn-blue) !important;
	font-size: 30px !important;
	font-weight: 300 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq-item[open] summary::after {
	content: "−" !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq-answer {
	display: block !important;
	max-width: 800px !important;
	margin: 0 !important;
	padding: 0 0 28px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-faq-answer p:last-child {
	margin-bottom: 0 !important;
}
.knwood-product p{
	font-size:15px !important;
	line-height:130% !important;
}


/* ==========================================================
   20. CONTACT
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 80px !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 110px max(40px, calc((100% - var(--kn-width)) / 2)) !important;
	float: none !important;
	background: var(--kn-dark) !important;
	color: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact > .content-area {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact h2 {
	color: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact p {
	color: rgba(255,255,255,.8) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact strong {
	color: var(--kn-white) !important;
}


/* ==========================================================
   21. CONTACT FORM 7
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact .wpcf7 {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact .wpcf7 p {
	margin: 0 0 18px !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact .wpcf7 label {
	display: block !important;
	color: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact input[type="text"],
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact input[type="email"],
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact input[type="tel"],
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact input[type="number"],
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact select,
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact textarea {
	box-sizing: border-box !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 14px 16px !important;
	border: 1px solid rgba(255,255,255,.25) !important;
	border-radius: 0 !important;
	background: rgba(255,255,255,.06) !important;
	color: var(--kn-white) !important;
	font-family: inherit !important;
	font-size: 16px !important;
	outline: none !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact textarea {
	min-height: 150px !important;
	resize: vertical !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact input[type="text"]:focus,
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact input[type="email"]:focus,
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact input[type="tel"]:focus,
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact input[type="number"]:focus,
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact select:focus,
body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact textarea:focus {
	border-color: var(--kn-white) !important;
}

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-contact input[type="submit"] {
	display: inline-flex !important;
	width: auto !important;
	min-width: 180px !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 15px 28px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--kn-blue) !important;
	color: var(--kn-white) !important;
	font-family: inherit !important;
	font-size: 15px !important;
	cursor: pointer !important;
}


/* ==========================================================
   22. EXTRA PAGE CONTENT
   ========================================================== */

body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-page-content {
	display: block !important;
	width: calc(100% - 80px) !important;
	max-width: var(--kn-width) !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 80px 0 !important;
	float: none !important;
}


/* ==========================================================
   23. TABLET
   ========================================================== */

@media only screen and (max-width: 1100px) {

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero .entry-header {
		height: 600px !important;
		min-height: 600px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-section:has(> .content-area-img img) > .content-area {
		padding: 60px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-process-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-process-item {
		min-height: 300px !important;
		border-bottom: 1px solid rgba(255,255,255,.18) !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-products-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	body.page-template-page-ventilatsioon-isepaigaldajale
.knwood-benefits .benefits-block {
   
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
 
}

}


/* ==========================================================
   24. MOBILE
   ========================================================== */

@media only screen and (max-width: 767px) {

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero .entry-header {
		height: 580px !important;
		min-height: 580px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero .front-page-slider-content {
		width: calc(100% - 40px) !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero .entry-title {
		max-width: 100% !important;
		margin-bottom: 20px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero .front-page-slider-content > p {
		max-width: 100% !important;
		margin-bottom: 24px !important;
		font-size: 16px !important;
		line-height: 1.55 !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-section > .content-outside {
		width: 100% !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero + .knwood-section,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-benefits,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-komplekt,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-process,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-products,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-price,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-why,
	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-faq,
	body.page-template-page-ventilatsioon-isepaigaldajale
	#google-testimonials-outside {
		padding: 70px 20px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-section h2 {
		font-size: 34px !important;
		line-height: 1.08 !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-section:has(> .content-area-img img) {
		display: flex !important;
		flex-direction: column !important;
		    margin: 0px auto 25px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-section:has(> .content-area-img img) > .content-area-img {
		order: 1 !important;
		min-height: 360px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-section:has(> .content-area-img img) > .content-area {
		order: 2 !important;
		padding: 55px 20px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-benefits .benefits-block {
		grid-template-columns: 1fr !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-benefits .benefit {
		min-height: 350px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-process-grid {
		grid-template-columns: 1fr !important;
		margin-top: 40px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-process-item {
		min-height: 0 !important;
		padding: 35px 0 !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(255,255,255,.18) !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-process-number {
		margin-bottom: 25px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-products-grid {
		grid-template-columns: 1fr !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-product {
		min-height: 0 !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-contact {
		grid-template-columns: 1fr !important;
		gap: 50px !important;
		padding: 70px 20px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-section .cta-sinine {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero .cta-sinine {
		width: auto !important;
		max-width: max-content !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-page-content {
		width: calc(100% - 40px) !important;
		padding: 60px 0 !important;
	}

}


/* ==========================================================
   25. SMALL MOBILE
   ========================================================== */

@media only screen and (max-width: 480px) {

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-isepaigaldus-hero .entry-title {
		font-size: 36px !important;
		line-height: 1.05 !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-section h2 {
		font-size: 30px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-benefits .benefit {
		padding: 28px !important;
	}

	body.page-template-page-ventilatsioon-isepaigaldajale
	.knwood-product-content {
		padding: 28px !important;
	}

}