/* _article */ 
 
:root {
	--top-banner-component-background-color: rgba(16, 64, 161, .5);
	--top-banner-component-background-color-1: #0592AF;
	--top-banner-component-background-color-2: #0568AF;
	--top-banner-component-background-color-3: #0549AF;
	--top-banner-component-background-color-4: #17388C;
	--top-banner-component-background-color-5: #0592AF;
	--top-banner-component-background-color-6: #0568AF;
	--top-banner-component-background-color-7: #0549AF;
	--top-banner-component-background-color-8: #17388C;
	--top-banner-component-background-color-9: #8202B3;
	--top-banner-component-button-font-size: 1.25rem;
	--top-banner-component-button-min-height: 9rem;
	--top-banner-component-button-font-weight: normal;
}

.kg:root {
	--top-banner-component-background-color: rgba(16, 64, 161, .5);
	--top-banner-component-background-color-1: rgba(16, 64, 161, .5);
	--top-banner-component-background-color-2: rgba(16, 64, 161, .5);
	--top-banner-component-background-color-3: rgba(16, 64, 161, .5);
	--top-banner-component-background-color-4: rgba(16, 64, 161, .5);
	--top-banner-component-background-color-5: rgba(16, 64, 161, .5);
	--top-banner-component-background-color-6: rgba(16, 64, 161, .5);
	--top-banner-component-background-color-7: rgba(16, 64, 161, .5);
	--top-banner-component-background-color-8: rgba(16, 64, 161, .5);
	--top-banner-component-button-font-size: 1.33rem;
	--top-banner-component-button-min-height: 14rem;
	--top-banner-component-button-font-weight: initial;
}


/*===============================================
 
    List
    
==============================================*/

.list ul {
	margin: 0;
	padding-left: 1.5em;
	list-style: none;
}

.list p {
	font-size: 16px;
	margin-bottom: 0;
}

.list li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0.5em;
}

.productsummary-list li {
	align-items: normal;
}

.productsummary-list span {
	padding-left: 40px;
	text-align: right;
}

.list-turquoise li:before {
	content: "";
	border-radius: 50%;
	background-color: #0592AF;
	display: inline-block;
	height: 0.5em;
	width: 0.5em;
	position: absolute;
	left: -1.5em;
	top: 0.5em;
}

.non-flex-list li {
	display: inline-block;
}


/*===============================================
 
    List: Group
    
==============================================*/

.left-side,
.right-side {
	margin: 0;
	float: left;
	width: 50%;
}

.split-items .list-group-item.left-side {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.split-items .list-group-item.right-side {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 4px;
}

.even-uneven-color:nth-child(even) .list-group-item {
	background: transparant;
}

.even-uneven-color:nth-child(odd) .list-group-item {
	background: lightgrey;
}


/*===============================================
 
    Flex List
    
==============================================*/

.list .space-between li {
	justify-content: space-between;
}


/*===============================================

    Owl Carousel

==============================================*/

.owl-carousel {
	position: static;
}

.owl-carousel .owl-prev span,
.owl-carousel .owl-next span {
	color: var(--header-primary-color);
}

.owl-carousel .owl-item {
	transition: .5s ease-in-out opacity;
}

.owl-carousel .active {
	opacity: 0.5;
}

.owl-carousel .active:hover,
.owl-carousel .active.center {
	opacity: 1;
}

.owl-carousel .owl-dot:focus,
.owl-carousel .owl-nav .owl-next:focus,
.owl-carousel .owl-nav .owl-prev:focus {
	outline: none;
}


/*
	Owl Theme Buttons
*/

.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover {
	background: transparent;
}


/*
	Video
*/

.owl-carousel .owl-video-wrapper {
	padding: 1rem;
	background: white;
	margin: 0 1rem;
	box-shadow: 0px 1px 10px rgb(0 0 0 / 25%);
}

.owl-carousel .owl-video-play-icon {
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

.owl-carousel .owl-video-play-icon:before {
	font-family: 'Material Icons';
	font-size: 4rem;
	color: inherit;
	position: absolute;
	line-height: 1;
	content: "\e1c4";
	z-index: 1;
	pointer-events: none;
	color: white;
	display: block;
	text-align: center;
}

.owl-carousel .owl-video-tn {
	min-width: 100%;
	max-width: 100%;
	min-height: 18rem;
	max-height: 18rem;
	object-fit: cover;
	background-color: black;
}


/*
	KG owl theme
*/

.kg .owl-carousel .active,
.kg .owl-carousel .active:hover,
.kg .owl-carousel .active.center {
	opacity: 1;
}

/*===========================================================

    Owl Slider

===========================================================*/


[data-owlslider] > .owl-nav {
  display: flex;
  justify-content: center;
  color: var(--header-component-background-color);
}

[data-owlslider] > .owl-nav span {
 	padding: 1rem; 
}

.owl-nav > * {
	padding: 1rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-owlslider] .owl-item {
	
}


/*===============================================

    General product tabs

==============================================*/

.tab-pane .no-data {
	margin-top: 1em;
}

.tab-pane .show-more-data {
	border: 1px solid rgb(221, 221, 221);
	background-color: white;
	padding: 2rem;
	border-top: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: transparent;
	margin-bottom: 2rem;
}


/*===============================================

    FAQ

==============================================*/

.faq-content-wrapper {
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 1rem 2rem;
}

.faq-questions-wrapper {
	padding: 0 2rem;
}

.faq-question-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/*background-color: #F8F8F8;
    border-radius: 1.5rem;
    padding: .5rem 2rem;*/
	margin-bottom: .5rem;
}

.faq-question-wrapper .material-icons {
	padding: 0;
}

.question-search-wrapper .bing-search-wrapper {
	width: 40%;
	position: relative;
}

.text-section-content-wrapper {
	display: flex;
	justify-content: center;
	align-items: start;
	padding: 1rem 2rem;
	flex-direction: column;
}


/*
  	 Question / Answer styling 
  */

[data-question-toggle].opened .question {
	background-color: var(--itho-section-color);
}

[data-question-toggle] .question {
	background-color: var(--itho-background-color);
}

[data-question-toggle] .answer {}


/*
  		Filter Input
  */

.faq-input-wrapper {
	padding: 2rem;
}


/*
  	 Page Filtering
  */

[data-page-section-text-filter] {
	border-top-left-radius: 3rem;
	border-bottom-left-radius: 3rem;
	border-right: none;
	border-top-right-radius: 3rem;
	border-bottom-right-radius: 3rem;
	border-left: none;
	padding-left: 2rem;
	padding-right: 4rem;
	font-size: 1rem;
	border: var(--header-component-input-border);
	min-width: 20rem;
}

[data-page-section-text-filter]::placeholder {
	font-style: normal;
	font-weight: normal;
	color: var(--header-component-input-placeholder-color);
	opacity: 1;
}


/*
	KG FAQ
*/

.kg .question-search-wrapper:before,
.kg .faq-wrapper:before {
	display: none !important;
}


/*===============================================

    Properties

==============================================*/

.properties.properties-unset {
	max-height: unset;
	overflow: unset;
	margin-bottom: 4rem;
}

.properties {
	max-height: 50vh;
	overflow: hidden;
}

.hide-data {
	max-height: unset;
	overflow: unset;
}

.showing-data i {
	transform: rotate(180deg);
	transition: 300ms linear all;
}


/* toggable show more data text */

.show-more-data .hide-data-text,
.show-more-data.showing-data .show-data-text {
	display: none;
}

.show-more-data.showing-data .hide-data-text {
	display: block;
}

.show-more-data p {
	margin-bottom: 0;
	margin-left: 1em;
}


/*===============================================

    Download  

==============================================*/

.download-icon {
	cursor: pointer;
	border: 2px solid #eee;
	color: #ccc;
	padding: 0.25em;
	border-radius: 4px;
	font-size: 65px;
}

.download-title {
	display: block;
	margin-top: 8px;
	color: #ccc;
}

.download-div a {
	text-decoration: none;
	display: block;
}

.download-div:hover .download-icon,
.download-div:active .download-icon {
	color: #0094b2;
	border: 2px solid #0094b2;
}

.download-div:hover .download-title,
.download-div:active .download-title {
	color: #0094b2;
}


/*

   Product Download Div

*/

.download-div {
	position: relative;
}

.download-div:hover:before {
	opacity: 0;
}

.download-div:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	pointer-events: none;
	box-shadow: inset 0 0 20px #ffffff;
	z-index: 10;
	opacity: 1;
}

.download-div .download-icon,
.download-div i.download-icon {
	font-size: 30px;
}

@media (min-width: 992px) {
	.download-title {
		min-height: 6rem;
		line-height: 1.5;
		text-overflow: ellipsis;
		word-break: break-word;
	}
	.calculations-table .download-title {
		min-height: auto;
	}
}


/*===============================================

    Related products slider

==============================================*/

.products-slider.slick-initialized .slick-slide>div>div {
	max-width: 100%;
}


/*===============================================

    Product Card

==============================================*/

.product-card {
	margin-bottom: 24px;
	width: 100%;
}

.product-card img {
	height: 15em;
/*   	min-height: 15em; */
}

.product-tabgroup {
	margin-top: 16px;
	margin-bottom: 14px;
}


/*
	Divider
*/

.product-tabgroup-divider {
	border-top: 2px solid rgba(0, 0, 0, .1);
}


/*
	Header
*/

.product-card .card-header [title]:hover,
.project-card .card-header [title]:hover {
	/*position: relative; */
}

.product-card .card-header [title]:hover:after,
.project-card .card-header [title]:hover:after {
	/*opacity: 1; */
}

.product-card .card-header [title]:after,
.project-card .card-header [title]:after {
	/*opacity: 0;
	text-transform: capitalize;
    font-weight: normal;
    content: attr(title);
    position: fixed;
    background: red;
    color: white;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    padding: 10px;
    transition: linear .1s all;*/
}

.product-card .card-header,
.card .card-body,
.project-card .card-header {
	padding: 20px;
}

.product-card .card-header,
.project-card .card-header {
	padding-bottom: 0;
	border-bottom: none;
	background-color: white;
}

.product-card .card-header>div,
.project-card .card-header>div {
	position: relative;
}


/* 
	Title / Content
*/

.product-card .card-title,
.project-card .card-title {
	font-weight: bold;
	margin-bottom: 20px;
}

.product-card .card-title,
.product-card .card-text,
.project-card .card-title,
.project-card .card-text {
	line-height: 1.4;
}

.product-card .btn-id,
.product-card .card-title,
.product-card .card-text,
.product-card .card-body p,
.project-card .btn-id,
.project-card .card-title,
.project-card .card-text,
.project-card .card-body p {
	font-size: 14px;
}

.product-card .card-text,
.project-card .card-text {
	margin-bottom: 15px;
}

.product-card .card-text p,
.project-card .card-text p {
	margin-bottom: 0;
}

.product-card img,
.project-card img {
	object-fit: contain;
}

.filter-card .card-title {
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 1.25em;
}


/*
	product-tablerow
*/

.product-tablerow:hover {
	cursor: pointer;
	background-color: #004a99;
	color: white;
}

.selected-product-row {
	background-color: #004a99;
	color: white;
}

.disabled-product-row {
	pointer-events: none;
}


/*===========================================================

    Paginate

===========================================================*/

.page-item .page-link {
	padding: 1rem;
	border-radius: 0;
	border-color: transparent;
	line-height: 1;
}

.pagination .page-link {
	color: var(--header-component-background-color);
}

.pagination .page-link:hover {
	z-index: 0;
	/* hover issue fix overlapping other links */
	background-color: transparent;
	text-decoration: underline;
}

section nav li.active {
	background-color: transparent;
	border-color: transparent;
}

.pagination {
	padding-top: 1rem;
	padding-bottom: 3rem;
}

.pagination .page-item.active .page-link {
	background-color: var(--header-component-background-color);
	border-color: var(--header-component-background-color);
	width: 3rem;
	height: 3rem;
	border-radius: 100%;
	line-height: 1;
	text-align: center;
}

.pagination nav li.active {
	background-color: inherit;
	color: inherit;
}


/*===============================================
 
    Product slider navigation
    
==============================================*/

.product-video-thumbnail {
	position: relative;
}

.product-video-thumbnail img {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	object-fit: cover;
	z-index: -1;
}

/*.product-video-thumbnail .fa-youtube:before {
	background-color: rgba(12, 12, 12, 0.6);
	border-radius: 0.1em;
	padding: 0 10px 4px;
} */

.download-div .product-video-thumbnail img {
	left: 0;
}


/*===============================================
 
    Image Overlay

    
        ITHO BLUE	= #1c4eaa
        ITHO TEAL	= #0592AF

        Green		= #84bd00
        Red			= #ce0058
        Blue		= #009ed5
        Warm Orange = #ff6d2a
        Orange 		= #ff8200

    
==============================================*/

.image-overlay-wrapper {
	position: relative;
}

a.image-overlay-wrapper {
	display: block;
	width: 100%;
}

.image-overlay {
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
}

.image-overlay {
	pointer-events: none;
}

.image-overlay span {
	background: rgba(5, 146, 175, 0.9);
	color: white;
	display: block;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

.image-overlay.product-not-available~* {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6;
}

.image-overlay.search-overlay {
	display: flex;
	align-content: center;
	justify-content: center;
}

.search-result .image-overlay-wrapper:hover .image-overlay.search-overlay>span {
	opacity: 1;
}

.image-overlay.search-overlay>span {
	opacity: 0.4;
}


/*
	Types
*/

.energy-labels-wrapper {
	margin-top: auto;
}

.image-overlay .types {
	padding: 10px;
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
}

.image-overlay .types span:first-of-type {
	/*margin-top: auto; */
}

.image-overlay .types span {
	line-height: 30px;
	max-height: 30px;
	margin-right: 35px;
	cursor: help;
	position: relative;
	padding: 0 10px 0 25px;
	margin-bottom: 1px;
}

.image-overlay .types [class*='type']:before {
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	left: -15px;
	top: 0px;
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
}

.image-overlay .types [class*='type']:after {
	position: absolute;
	left: 100%;
	top: 0;
	content: "";
	display: block;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left-color: inherit;
	border-left-width: 20px;
	border-left-style: solid;
}

.image-overlay .types .Ruimte.verwarming:before,
.image-overlay .types .Ruimteverwarming:before {
	background-image: url(//assets.bettyblocks.com/8d6bac1c72cb450786e8d4254c52be68_assets/files/idi_verwarming?_=b5f3845b562b0cbe04ec7242aebf9afa);
}

.image-overlay .types .Tapwater:before {
	background-image: url(//assets.bettyblocks.com/8d6bac1c72cb450786e8d4254c52be68_assets/files/idi_tap?_=590479d9ca4846b83fd1fb166acc762a);
}

.image-overlay .types .Profiel:before {}

.image-overlay .types .Ventilatie:before {
	background-image: url(//assets.bettyblocks.com/8d6bac1c72cb450786e8d4254c52be68_assets/files/idi_ventilatie?_=da22b04fe850c08bbcf677ddbaf539a4);
}

.image-overlay .types .Warmwatertank:before {
	background-image: url(//assets.bettyblocks.com/8d6bac1c72cb450786e8d4254c52be68_assets/files/idi_warmwatertank?_=026fc008162323c26d316626ad30a2a2);
}

.image-overlay .types .Tank:before {
	background-image: url(//assets.bettyblocks.com/8d6bac1c72cb450786e8d4254c52be68_assets/files/idi_tank?_=947e6a353b966ed1f04cacbfc9f373ed);
}

.image-overlay .types .Ventilatie.Max:before {
	background-image: url(//assets.bettyblocks.com/8d6bac1c72cb450786e8d4254c52be68_assets/files/idi_ventilatie?_=da22b04fe850c08bbcf677ddbaf539a4);
}

.image-overlay .types .Vent\..max:before {
	background-image: url(//assets.bettyblocks.com/8d6bac1c72cb450786e8d4254c52be68_assets/files/idi_ventilatie?_=da22b04fe850c08bbcf677ddbaf539a4);
}


/* Energy Labels */

p.energy-label-size {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	position: relative;
	top: -14px;
	left: -13px;
	width: 30px;
	text-align: center;
}

.image-overlay .types [class*='type-A'] {
	background: #019640;
	border-color: #019640;
}

.image-overlay .types .type-A+++ {
	background: #019640;
	border-color: #019640;
}

.image-overlay .types .type-A++ {
	background: #019640;
	border-color: #019640;
}

.image-overlay .types .type-A+ {
	background: #019640;
	border-color: #019640;
}

.image-overlay .types .type-A {
	background: #53af32;
	border-color: #53af32;
}

.image-overlay .types .type-B {
	background: #c7d300;
	border-color: #c7d300;
}

.image-overlay .types .type-C {
	background: #ffed00;
	border-color: #ffed00;
}

.image-overlay .types .type-D {
	background: #fbb900;
	border-color: #fbb900;
}

.image-overlay .types .type-E {
	background: #ec6707;
	border-color: #ec6707;
}

.image-overlay .types .type-F {
	background: #e30613;
	border-color: #e30613;
}

.image-overlay .types .type-G {
	background: #e30613;
	border-color: #e30613;
}

.image-overlay .types .type-XXS,
.image-overlay .types .type-S,
.image-overlay .types .type-M,
.image-overlay .types .type-L,
.image-overlay .types .type-XL,
.image-overlay .types .type-XXL {
	border-left-color: transparent;
	background-color: transparent;
	color: black;
}


/*
	Headline
*/

.image-overlay .headline {
	display: flex;
}

.image-overlay .headline span {
	background-color: rgba(0, 158, 213, 0.9);
}

.image-overlay .headline .type-a {}

.image-overlay .headline .type-b {}

.image-overlay .headline .type-c {}


/*
	Promotion
*/

.image-overlay .promotion {}

.image-overlay .promotion span {
	background-color: rgba(132, 189, 0, 0.9);
}

.image-overlay .promotion .type-a {}

.image-overlay .promotion .type-b {}

.image-overlay .promotion .type-c {}


/*
	Unavailable
*/

.unavailable {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.unavailable>span {
	position: absolute;
	width: 200%;
	left: -50%;
	top: calc(50% - 40px);
	font-size: 32px;
	line-height: 40px;
	transform: rotate(-45deg);
	transform-origin: center center;
	text-align: center;
}

.unavailable~* {
	display: none !important;
}

.unavailable ~ .types {
  display: flex !important;
  z-index: 1;
}

.unavailable ~ .promotion,
.product-available .promotion {
  display: block !important;
  z-index: 1;
  margin-top: auto;
}


/* Product Card */

.card.product-card .unavailable>span {
	font-size: 18px;
}

@media (max-width: 700px) {
	.unavailable>span {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.unavailable>span {
		font-size: 18px;
	}
}

@media (max-height: 700px) {
	.unavailable>span {
		width: 100%;
		transform: rotate(0deg);
		left: 0;
		right: 0;
	}
}


/*===============================================
 
    Broken Images
    
==============================================*/

main .card.product-card img:not([src$=".jpg"]):not([src$=".JPG"]):not([src$=".jpeg"]):not([src$=".JPEG"]):not([src$=".png"]):not([src$=".PNG"]):not([src$=".gif"]):not([src$=".GIF"]):not([src$=".svg"]):not([src$=".SVG"]):not([src$=".bmp"]):not([src$=".BMP"]),
.search-result img:not([src$=".jpg"]):not([src$=".JPG"]):not([src$=".jpeg"]):not([src$=".JPEG"]):not([src$=".png"]):not([src$=".PNG"]):not([src$=".gif"]):not([src$=".GIF"]):not([src$=".svg"]):not([src$=".SVG"]):not([src$=".bmp"]):not([src$=".BMP"]) {
	position: relative;
	display: block;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
}


/* ? */

main .card.product-card img:not([src$=".jpg"]):not([src$=".JPG"]):not([src$=".jpeg"]):not([src$=".JPEG"]):not([src$=".png"]):not([src$=".PNG"]):not([src$=".gif"]):not([src$=".GIF"]):not([src$=".svg"]):not([src$=".SVG"]):not([src$=".bmp"]):not([src$=".BMP"]):before {
	content: "?";
	display: block;
	background: #eeeeee;
	color: rgba(255, 255, 255, 0.7);
	z-index: 1;
	padding: 1rem;
	font-size: 125px;
	line-height: 180px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


/*===============================================

    Product Details

==============================================*/

.reference-row-wrapper {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
	border: 1px solid rgba(0, 0, 0, .125);
}

.product-summary p:not(:last-of-type) {
	margin-bottom: 0px;
}

.product-summary table {
	margin-top: -10px;
}

.product-summary table td {
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
}

.product-summary .product-summary-list>div>div {
	max-height: 33vh;
	overflow-y: auto;
}


/*===============================================

	Accordion  

==============================================*/


/*
   Product Tab Accordion
*/




#product-tabs-content .accordion h5 {
    background-color: var(--itho-section-color);
    color: var(--header-primary-color);
    border-color: transparent;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    font-size: 1rem;
    border-radius: var(--button-border-radius);
    font-weight: 500;
    cursor: pointer;
    padding: var(--button-padding);
}


#product-tabs-content .accordion h5:after {
    content: "\e5cf";
    margin-left: auto;
    font-family: 'Material Icons';
    font-size: 1.5rem;
    line-height: 1.25rem;
}


#product-tabs-content .accordion h5.collapsed {
   background-color: var(--itho-background-color);
}


#product-tabs-content .accordion h5.collapsed:after {
    transform: rotate(180deg);

}


/*
	Accordion Header
*/

.accordion .card-header {
	border: 0;
	background: transparent;
}

.accordion .card-header button {
	display: block;
	width: 100%;
	/*   font-size: 18px;
  display: block;
  color: white;
  text-decoration: none;
  padding: .75rem 1.25rem;
  width: 100%;
  text-align: left; */
}

.accordion .card-header button:not(.collapsed) {
	/*   background-color: #1c4eaa; */
}

/*
	Table hover overrule
*/
.text-columns tbody tr {
    transition: .2s ease background-color;
}
.text-columns tbody tr:hover {
  background-color: var(--header-component-expanded-anchor-hover-background-color);
}

.text-columns tbody tr:hover a:hover,
.text-columns tbody tr:hover td {
 	color: var(--itho-secondary-color);
}

/*
	Bootstrap accordeon / accordion style overrule
*/

.text-columns #accordion [aria-expanded] {
  text-decoration: none;
}

.text-columns #accordion .card,
.text-columns #accordion .card-header {
  background-color: transparent;
  border-color: transparent;
}

.text-columns #accordion .card-body {
  padding: 0 3rem 0 3rem;
/*   display: block; */
}

/*
	FAQ Styling
*/

.text-columns #accordion .card-header [data-toggle="collapse"] {
    background-color: var(--itho-background-color);
    color: var(--header-primary-color);
    border-color: transparent;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    font-size: 1.1rem;
}

.text-columns #accordion .card-header [data-toggle="collapse"]:after {
content: "\e5cf";
    margin-left: auto;
    font-family: 'Material Icons';
    font-size: 1.5rem;
    line-height: 1rem;
}

.text-columns #accordion .card-header [data-toggle="collapse"][aria-expanded="true"] {
   background-color: var(--itho-section-color);
}

.text-columns #accordion .card-header [data-toggle="collapse"][aria-expanded="true"]:after {
 	transform: rotate(180deg); 
}

/*===============================================
 
    Image Preview
    
==============================================*/

.image-preview-horizontal p {
	padding: 15px;
	z-index: 1;
	margin: 0;
	width: 100%;
}

.image-preview-horizontal .image-preview-block {
	position: relative;
	padding: 13em 15px 0;
	/* old value */
	display: flex;
	align-items: flex-end;
	padding: 13en 0 0;
}

.image-preview-horizontal .image-preview-block:hover {
	text-decoration: none;
}

.image-preview-horizontal img {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	object-fit: cover;
	padding: 0 15px;
    max-height: 13em;
}

.image-preview-horizontal img ~ * {
   position: relative;
   z-index: 2;
}

.image-preview-products.image-preview-horizontal img {
	padding: 0;
}

.image-preview-cover img {
	padding: 0;
}

.image-preview-products .image-preview-block {
	flex: 0 0 100%;
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: 1em 1.66% 0;
	border: none;
}

.image-preview-products .image-preview-block:nth-of-type(1) {
	margin-top: 0;
}

@media (min-width: 768px) {
	.image-preview-horizontal img {
		height: 100%;
		object-fit: cover;
        max-height: none;
	}
	.image-preview-products .image-preview-block {
		flex: 0 0 30%;
		max-width: 30%;
	}
	.image-preview-products .image-preview-block:nth-of-type(1),
	.image-preview-products .image-preview-block:nth-of-type(2),
	.image-preview-products .image-preview-block:nth-of-type(3) {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.image-preview-horizontal img {}
	.image-preview-products .image-preview-block {
		margin: 5em 1.66% 0;
	}
}


/*===============================================
 
    Image Preview: Colors
    
==============================================*/

.image-preview-blue p {
	color: white;
	background-color: rgba(20, 54, 119, 0.75);
    font-weight: normal;
}

.image-preview-blue .image-preview-block:hover p {
	background-color: rgba(20, 54, 119, 0.75);
    color: white;
}


/*===============================================
 
    Image-text-inline
    
==============================================*/

.why-id-section img {
	opacity: 0.3;
}

.image-full-width img {
	width: 100%;
	margin-bottom: 1.5em;
}

.image-full-width-slider img {
	width: 100%;
	max-height: 100%;
	margin-bottom: 1.5em;
}

@media (min-width: 768px) {
	.image-height-align img {
		height: 100%;
	}
	.image-full-width img {
		margin-bottom: 0;
	}
	.professional .image-height-align,
	.consumer .image-height-align {
		height: 350px;
	}
}

@media (min-width: 1200px) {
	.image-height-align {
		height: 235px;
	}
	.professional .image-height-align,
	.consumer .image-height-align {
		height: 350px;
	}
}


/*===============================================
 
    Imagegroup-vertical
    
==============================================*/

.non-banner-text-with-button.btn-blue p {
	color: #6a6a6a;
}

.non-banner-text-with-button.btn-blue a,
.non-banner-text-with-button.btn-blue a p {
	color: white;
}


/*===============================================
 
    Imagegroup-vertical
    
==============================================*/

.imggroup-vertical-primary img {
	max-width: 100%;
	height: 220px;
}

.img-object-fit img {
	object-fit: cover;
	object-position: right;
}

@media (max-width: 991px) {
	.imggroup-horizontal-mobile {
		display: flex;
	}
	.imggroup-horizontal-mobile .row {
		width: 50%;
		margin: 0;
	}
	.imggroup-horizontal-mobile .col {
		padding: 0;
	}
}


/*===============================================
 
    Button ID
    
==============================================*/

.btn-id i[class=""] {
	display: none;
}


/*===============================================
 
    Button Large
    
==============================================*/

.btn-large .btn-id {
	padding: 1.25em 0.75em;
}

@media (min-width: 992px) {
	.btn-large .btn-id {
		padding: 1.85em 0.75em;
	}
}


/*===============================================
 
    Button Spoof Submit Overlay
    
==============================================*/

.submit-spoof {
	pointer-events: none !important;
}

.submit-spoof-trigger {
	cursor: pointer;
}

.submitted .submit-spoof-trigger {
	cursor: default;
}

.btn-turquoise .submit-spoof-trigger:hover .btn-id,
.btn-turquoise .submit-spoof-trigger:hover .btn-id-blankpage {
	color: white;
	background-color: #037f99;
	border: 1px solid #037f99;
}


/*===============================================
 
    Button Sticky
    
==============================================*/

.btn-sticky-right {
	float: left;
	display: none;
}

.btn-sticky-right.fade-in {
	display: block;
}

.btn-sticky-right .btn-id {
	visibility: hidden;
	transition: visibility 0s ease, background-color 200ms ease-in-out, border 200ms ease-in-out;
	padding: 0.5em 0.75em;
}

.btn-sticky-right .btn-id:not(:hover) {
	background-color: #eeb60e;
	color: white;
	border: 1px solid #eeb60e;
}

.btn-sticky-right.fade-out .btn-id {
	visibility: hidden;
	animation: fadeout 300ms;
	transition: visibility 300ms linear;
}

.btn-sticky-right.fade-in .btn-id {
	visibility: visible;
	animation: fadein 300ms;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

#sticky-category-nav.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: white;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	z-index: 100;
	left: 0;
	margin: 0;
	right: 0;
	padding: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

.sticky-category-nav-container {
	width: 100%;
}

.sticky-category-nav-container-title h1 {
	font-size: 1.5rem;
}

/*===============================================
 
    Primary Buttongroup: Horizontal
    
==============================================*/

.btngroup-horizontal-primary > .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.btngroup-horizontal-primary > .row > * {
    display: inline-flex;
    justify-content: center;
    flex-grow: 0;
    flex-basis: 0;
}

.btngroup-horizontal-primary > .row > * a * {
 	color: white; 
}

/*
	
*/

.btngroup-horizontal-primary .btn-id.btn-no-icon,
.btngroup-horizontal-secondary .btn-id.btn-no-icon {
	flex-direction: unset;
}
.btngroup-horizontal-primary .btn-id img {
	padding-right: 1rem;
}

/*===============================================
 
    Configurable buttons (bootstrap colors)
    
==============================================*/
.btn-id.btn-warning:hover,
.btn-id.btn-light:hover {
	color: #212529;
}
.btn-id.btn-primary:hover {
	background-color: #0069d9;
	border-color: #0062cc;
}
.btn-id.btn-secondary:hover {
	background-color: #5a6268;
	border-color: #545b62;
}
.btn-id.btn-success:hover {
	background-color: #218838;
	border-color: #1e7e34;
}
.btn-id.btn-danger:hover {
	background-color: #c82333;
	border-color: #bd2130;
}
.btn-id.btn-warning:hover {
	background-color: #d39e00;
	border-color: #c69500;
}
.btn-id.btn-info:hover {
	background-color: #117a8b;
	border-color: #10707f;
}
.btn-id.btn-light:hover {
	background-color: #dae0e5;
	border-color: #d3d9df;
}
.btn-id.btn-dark:hover {
	background-color: #23272b;
	border-color: #1d2124;
}

/*===============================================
 
    Icon Directions
    
==============================================*/
.icon-left .btn-id {
	flex-direction: row;
}
.icon-left .btn-id i {
	padding-right: 10px;
	padding-left: 10px;
}

/*===============================================
 
    Banners in banners (height fix)
    
==============================================*/
.full-width-banner .btngroup-horizontal-secondary .btn-id,
.full-width-banner .btngroup-horizontal-primary .btn-id,
.full-width-banner.btngroup-horizontal-secondary .btn-id,
.full-width-banner.btngroup-horizontal-primary .btn-id {
	height: 100%;
}

.image-preview-block-row {
 	padding-top: 2rem; 
}

/*===============================================
 
    Primary Buttongroup: Vertical
    
==============================================*/
.btngroup-vertical-primary {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/*===============================================

    General Tables

==============================================*/
.table td p {
	margin-bottom: 0;
}
.table-top-bottom {
	background-color: var(--header-primary-color);
	padding: 2rem;
}
.table-top-bottom>.form-group,
.table-top-bottom>.input-group {
	display: flex;
	align-items: center;
}
.table th.info-header {
	flex-direction: column;
	padding: 0;
}
.table th.info-header .table-secondary {
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
}
.table th a {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	cursor: pointer;
}
.table th .remove-product {
	background-color: #0592af;
	border-radius: 50%;
	border: none;
	line-height: 1;
	padding: 0.75em;
	width: auto;
	position: absolute;
	top: -1em;
	right: -0.7em;
	z-index: 1;
}
table .product-header .btn-id.remove-product:hover {
	background-color: red;
}
.table th .remove-product i {
	color: white;
	padding: 0;
	width: 1rem;
	height: 1rem;
}
.table th .remove-product+img {
	max-height: 120px;
	object-fit: contain;
}
table .product-header .btn-id {
	color: #037f99;
}
table .product-header .btn-id:hover,
table .product-header .btn-id:focus {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
}

/*
	Fixed table cell width
*/
@media (min-width: 1200px) {
	.table-fixed-lg {
		table-layout: fixed;
	}
}

/*
	Flex table
*/
.flex-table th {
	display: flex;
	flex-wrap: wrap;
}

/*
	Table-wrapper
*/
.form-border-wrapper .table-wrapper {
	border: 0;
}
.table-wrapper {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 2px solid #eee;
}
.table-wrapper thead,
.table-wrapper .table-head {
	background: #eee;
	color: #6c757d;
	font-weight: bold;
}
.table-wrapper .table-head,
.collapsible-table-row {
	padding: .75rem 15px;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}
.table-wrapper .table-head {
	padding-left: 0;
	padding-right: 0;
}
.collapsible-table-row select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	width: 100%;
	border-color: rgba(0, 0, 0, 0);
	color: #6a6a6a;
}
.collapsible-table-row select::-ms-expand {
	display: none;
}
.collapsible-table-row.expanded select {
	border: 1px solid #ccc;
	pointer-events: unset;
	text-indent: 0px;
	background-color: #eee;
	color: #5a5a5a;
	padding: 0.5em;
	border-radius: 0.3em;
	cursor: pointer;
}
.collapsible-table-row.expanded .select-wrapper {
	position: relative;
}
.collapsible-table-row a[data-toggle=collapse] i {
	transform-origin: center center;
}
.collapsible-table-row.expanded a[data-toggle=collapse] i {
	transform: rotate(180deg);
}
.collapsible-table-row.expanded .save-data-btn a[data-toggle=collapse] i {
	transform: none;
}
.table-wrapper a[data-toggle=collapse] i {
	color: #0592AF;
}

/*
	collapsible table rows
*/
.btngroup-horizontal-secondary.save-data-btn .btn-id {
	width: auto;
}
.collapsible-table-row .collapse-btn,
.collapsible-table-row .save-data-btn {
	display: inline-block;
}
.collapsible-table-row .save-data-btn a:hover i {
	cursor: pointer;
	color: green;
}
.collapsible-table-row .collapsible-table-header {
	transition: 200ms padding ease-in-out;
}

/* 
  Do not remove... This is to prevent the select box 
  from opening when table is not expanded...
*/
.collapsible-table-row:not(.expanded) select {
	pointer-events: none;
}
@media (min-width: 767px) {
	.collapsible-table-row.expanded .collapsible-table-header+.row {
		padding-bottom: .5rem;
	}
}
.lead-message {
	display: block;
	padding: .75rem 1rem;
	padding-left: 50px;
	position: relative;
	background: #f8f8f8;
	width: 100%;
	margin-bottom: 0.5rem;
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
}
.lead-message>.fas {
	position: absolute;
	left: 18px;
	top: 16px;
}
.collapsible-table-header+.row {
	margin-top: .5rem;
}

/*
	No overflow table
*/
.table-no-overflow .row {
	padding-left: 15px;
	padding-right: 15px;
}
.table-no-overflow tbody .row {
	padding: 0;
	margin: 0;
}
@media (max-width: 500px) {
	section .table-no-overflow {
		width: 175%;
	}
}
@media (max-width: 767px) {
	section .table-no-overflow {
		width: 150%;
	}
	
	section .table-no-overflow p {
		font-size: 14px;
	}
}

/*
	Table with cell borders
*/
.table-with-cell-borders {
	border-bottom: 1px solid #ccc;
}
.table-with-cell-borders tbody tr td,
.table-with-cell-borders thead tr th {
	border-left: 1px solid #ccc;
}
.table-with-cell-borders tbody tr td:last-of-type,
.table-with-cell-borders thead tr th:last-of-type {
	border-right: 1px solid #ccc;
}
tbody tr.collapse.show:hover,
tbody tr.collapse.show:hover tr {
	background-color: transparent;
	color: inherit;
}

/*
	product detail table
*/
.tab-content .table-wrapper {
	overflow-x: auto;
	width: 100%;
}
.table-fault-code {
	font-size: x-large;
	text-align: center;
	vertical-align: top;
	padding-top: 30px;
}
.fault-code-table td {
	padding: 30px;
}

/*
	scrollable table row
*/

/* Fix to override bootstrap column width for mobile phones */
@media (max-width: 991px) {
	.scrollable-table .input-group label {
		display: none;
	}
	
	.scrollable-table-row {
		overflow-x: scroll;
	}
	
	.scrollable-table-row .row {
		flex-wrap: nowrap;
	}
	
	.scrollable-table-row .table-head {
		padding: 0 !important;
		background-color: transparent !important;
	}
	
	.scrollable-table-row .table-head .scrollable-table-cell {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
		background-color: #eee;
		border-top: 1px solid #dee2e6;
	}
	
	.scrollable-table-row .scrollable-table-cell {
		flex: auto;
		max-width: unset;
		white-space: nowrap;
		width: auto;
		min-width: 145px;
	}
	
	.scrollable-table-row .scrollable-table-cell.col-1 {
		min-width: 75px;
	}
	
	.scrollable-table-row .scrollable-table-cell.col-2 {
		min-width: 175px;
	}
}

/*===============================================
 
    Calculations Table
    
==============================================*/
.calculations-table a {
	display: block;
	text-decoration: none;
}
.calculations-table .download-icon {
	font-size: 15px;
}
.calculations-table a>* {
	display: inline-block;
	vertical-align: middle;
}
.calculations-table a>div {
	width: 30px;
}
.calculations-table a>span {
	width: calc(100% - 35px);
	margin-top: 0;
}

/*===============================================
 
    Leads Table
    
==============================================*/

/*
	Select
*/
.leads .select-wrapper .form-group {
	margin: 0;
}
.leads .select-wrapper .form-group select {
	background: white;
	padding: 0 5px;
	height: auto;
}
.leads .form-control {
	background: transparent;
	padding: 0;
}

/*===============================================
 
    Reference Project
    
==============================================*/
.quote-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.slick-initialized .slick-slide .quote-row {
	display: flex !important;
	flex-wrap: nowrap;
}
.quote-row img {
	max-width: 250px;
	height: auto;
}
.quote-author-info {
	display: flex;
	flex-direction: column;
	text-align: left;
}
.quote-author-info p {
	margin-bottom: 0;
	font-size: 13px;
}
.quote-author-info h3 {
	font-size: 18px;
}
@media (max-width: 500px) {
	.quote-row {
		flex-direction: column;
		margin-top: 5em;
	}
	
	.quote-row img {
		margin-bottom: 2em;
	}
	
	.quote-author-info {
		text-align: center;
	}
}
@media (min-width: 500px) {
	.quote-row:nth-of-type(odd) {
		/*flex-direction: row-reverse; afbeelding link, tekst recht*/
	}
	
	.quote-row:nth-of-type(even) img {
		margin-right: 1em;
	}
	
	.quote-row:nth-of-type(odd) img {
		margin-left: 1em;
	}
	
	.quote-row:nth-of-type(odd) .quote-author-info {
		text-align: left;
	}
}
#vue-reference-projects .card .card-body {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
#vue-reference-projects .card .card-body .btngroup-horizontal-secondary {
	margin-top: auto;
}

/*===============================================
 
    Section: Dealerlocator
    
==============================================*/
#vue-dealerlocator .table-top-bottom {
	background: transparent;
	padding-top: 0;
}
.locator-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 2rem;
	padding-bottom: 4rem;
}
.locator-wrapper .locator-filters h4 {
	margin: 0;
	padding: 0;
}
.locator-wrapper .table-wrapper.scrollable-table {
	border: 0;
}
.locator-wrapper>.locator-search-section {
	flex-basis: 20%;
}
.locator-wrapper>.locator-map-section {
	flex-basis: 80%;
}
.locator-wrapper>.locator-search-results-section {
	flex-basis: 100%;
	padding: 2rem 0;
}
.locator-input-wrapper .filter-card-header .flex-column {
	width: 100%;
}
.locator-input-wrapper .filter-card-header+.row {
	display: flex;
	flex-direction: column;
	padding-left: 1rem;
}
.locator-areainput {
	display: flex;
}
.locator-areainput .flex-box-location {
	padding-left: 0 !important;
}
.locator-wrapper .checkmark {
	height: 1rem;
	width: 1rem;
	padding: 0;
}

/*
	Filter
*/
.locator-filter {
	overflow: auto;
	max-height: 550px;
	margin: 0;
	margin-top: 1rem;
	padding: 0 1rem;
}
#vue-dealerlocator .category-filter-toggle .filter-card .card-body {
	padding: 0;
}

/*
	Google Maps placeholder
*/
.locator-map:empty:before {
	display: block;
	content: "Google Maps";
	width: 100%;
	line-height: 400px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 40px;
	background: rgba(0, 0, 0, 0.1);
	opacity: 0.3;
}
.locator-map:not(:empty) {
	min-height: 550px;
}
.locator-map {
	opacity: 0;
}
.locator-map.show-map {
	opacity: 1;
}

/*
	Search Result Tabs
*/
.row.dealer-search-row>.row {
	/*     min-height: 360px; */
}
.locator-search-results-section .nav-tabs .nav-item {
	margin-right: 1rem;
}
.locator-search-results-section .nav-tabs .nav-item:last-child {
	margin-right: 0;
}
.locator-search-results-section .nav-tabs .nav-item .nav-link {
	border-radius: 2rem;
}
.locator-search-results-section .nav-tabs .nav-item:last-of-type .nav-link:hover {
	background-color: #0094b2;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: 0;
}
.locator-search-results-section .product-tabs>* {
	flex-grow: 1;
	flex-basis: 0;
}
.locator-search-results-section .vendor {
	padding: 20px 15px 20px 0;
	width: 100%;
	position: relative;
	align-items: flex-end;
}

/* desktop right tab fix */
.locator-search-results-section .webshops-tab .vendor {
	padding: 20px 0 20px 15px;
}
.locator-search-results-section .tab-pane .vendor {
	padding: 1rem;
}
.vendor:after {
	content: '';
	width: calc(100% - 32px);
	height: 1px;
	background-color: #e0e0e0;
	position: absolute;
	margin: 0 30px 0 15px;
	bottom: 0;
	left: 0;
}
@media (min-width: 992px) {
	.locator-search-results-section .webshops-tab {
		border-left: 1px solid #e0e0e0;
	}
	
	.locator-search-results-section .dealer-search-row:last-of-type {
		/*padding-bottom: 5em;*/
	}
}

/*
    Specialist Icons
*/
.specialist-icons ul {
	display: flex;
	margin: 10px 10px 20px 5px;
	padding: 0;
	overflow-x: auto;
}
.specialist-icons li {
	display: inline-flex;
	margin-right: 1rem;
	cursor: help;
	background-color: var(--header-component-background-color);
	border-radius: 100%;
}
.specialist-icons li img {
	max-width: 50px;
	max-height: 50px;
	background-position: center;
}
.locator-wrapper .locator-filters h4,
.locator-search-section .flex-box-location label {
	color: var(--header-component-background-color);
	font-size: 1.33rem;
	font-weight: normal;
}

/*
	Dealerlocator responsive
*/
@media (max-width: 1100px) {
	.locator-wrapper {
		flex-direction: column;
	}
	
	.locator-wrapper>* {
		flex-basis: 100%;
	}
	
	.locator-areainput {
		display: flex;
		flex-direction: column;
	}
	
	.locator-areainput .input-group {
		padding: 0 1rem;
	}
	
	.locator-map-section .container {
		max-width: none !important;
	}
}

@media (max-width: 991.98px) {
  .locator-input-wrapper .filter-card-header+.row {
    margin: 0;  
  }
  .locator-input-wrapper .category-filter-toggle .filter-card .category-dropdown-toggle-icon {
    display: none;
  }
  .locator-input-wrapper .category-filter-toggle .filter-card .category-dropdown-toggle-icon + * h5 {
    padding-left: 1rem;
  }
}

/*
	Pills
*/
#vue-dealerlocator .nav-tabs .nav-item .nav-link {
	border: var(--button-outline-hover-border-style) !important;
}

/*===============================================
 
    No data messages
    
==============================================*/
.no-data-message {
	margin: 0;
	padding: 1em 0.75em;
}

/*===============================================
 
    Require login component
    
==============================================*/
.require-login-component {
	min-height: 18vh;
}

/*===============================================

    Contact Summary

==============================================*/
ul.contact-summary {
	padding: 16px;
	margin: 0;
}
ul.contact-summary li {
	word-break: break-all;
}

/* icons */
ul.contact-summary li .fas {
	padding-right: 10px;
	min-width: 30px;
	text-align: center;
}

/*===============================================

    quotes Carousel

==============================================*/
.quote_carousel {
	padding: 0 45px;
	margin-top: -15px;
}
.quote_carousel .arr-left,
.quote_carousel .arr-right {
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.quote_carousel .arr-left:focus,
.quote_carousel .arr-right:focus {
	outline: none;
}
.quote_carousel .slick-track {
	display: flex;
}
.quote_carousel .slick-slide {
	margin: auto;
}

/*===============================================

    Multi video Carousel

==============================================*/
.multi_video_carousel {
	padding: 0 15px;
}
.multi_video_carousel .arr-left,
.multi_video_carousel .arr-right {
	top: 35%;
}
.multi_video_carousel .arr-right {
	right: -15px;
}
.multi_video_carousel .arr-left {
	left: -15px;
}
.multi_video_carousel .slick-slide {
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.multi_video_carousel a {
	display: block;
}
.multi_video_carousel iframe {
	pointer-events: none;
	max-width: 140px;
	max-height: 140px;
}
.error-message-productgroup {
	color: red;
	font-size: 0.8rem;
}

/*===========================================================

    Home [consumer]

===========================================================*/
:not(.kg):not(.cfl) #vue-home p {
	color: var(--itho-primary-color);
}

/* 
	Home top banner
*/
.home-top-banner-wrapper .home-top-banner-main {
	min-height: 50vh;
	background-position: center;
	background-color: var(--top-banner-component-background-color);
	background-blend-mode: soft-light;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}
.kg .home-top-banner-wrapper .home-top-banner-main,
.kg .title-section-wrapper {
	min-height: 20vh;
}
.home-top-banner-wrapper .home-top-banner-content-wrapper {
	color: white;
	max-width: 1400px;
	flex-basis: 100%;
	justify-content: center;
	padding: 4rem 2rem 8rem 2rem;
}
.kg .home-top-banner-wrapper .home-top-banner-content-wrapper,
.cfl .home-top-banner-wrapper .home-top-banner-content-wrapper {
	padding-bottom: 4rem;
}
.home-top-banner-wrapper .home-top-banner-content-wrapper .home-top-banner-content * {
	color: white !important;
}
.home-top-banner-wrapper .home-top-banner-content-wrapper a {
	margin-top: 1rem;
}
.home-top-banner-wrapper .home-top-banner-content {
	max-width: calc(1400px / 2);
}
.kg .home-top-banner-wrapper .main-content-wrapper {
	color: white;
	max-width: 1400px;
	display: flex;
	flex-basis: 100%;
	justify-content: left;
	align-items: center;
	padding: 4rem 2rem 6rem 2rem;
}
.kg .home-top-banner-wrapper .main-content-wrapper .content-wrapper {
	max-width: calc(1400px / 3);
}
.scroll-btn-wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	z-index: 2;
}
.btn.outline.scroll-btn {
	padding: .5rem;
	border-color: transparant;
}
.btn.outline.scroll-btn:hover {
	background-color: white;
	color: #879FD0;
}
.btn.outline.scroll-btn .material-icons {
	color: var(--header-component-background-color);
	padding: 0;
	font-size: 1.25rem !important;
}
.home-top-banner-wrapper .btn.outline.scroll-btn {
	animation: bounceBall 0.5s;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
	animation-iteration-count: infinite;
}
@-webkit-keyframes bounceBall {
	from {
		transform: translate3d(0, -2rem, 0);
	}
	
	to {
		transform: translate3d(0, 1rem, 0);
	}
}

/* 
	Home top banner -> buttons
*/
.home-top-banner-sub-wrapper {
	max-width: 1400px;
	margin: 0 auto;
}
.home-top-banner-buttons {
	margin-top: -6rem;
	background-color: white;
	flex-basis: 100%;
	justify-content: flex-start;
	flex-direction: row;
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}
.kg .home-top-banner-buttons {
	margin: .5rem .5rem .5rem .51rem;
	font-size: 1rem;
	font-weight: 500;
	min-height: 12rem;
	margin-top: -6rem;
	background-color: transparent;
}
@media (max-width: 575.98px) {
	.home-top-banner-buttons {
		flex-direction: column;
	}
	
	.home-top-banner-button {
		margin: .5rem .5rem 0rem .5rem !important;
	}
	
	.home-top-banner-buttons> :last-child {
		margin-bottom: .5rem !important;
	}
}
.home-top-banner-button {
	display: flex;
	flex-direction: row;
	min-height: var(--top-banner-component-button-min-height);
	background-position: center;
	background-color: #17388C;
	background-blend-mode: soft-light;
	background-size: cover;
	justify-content: start;
	align-items: center;
	padding: 1.25rem;
	flex: 1;
	margin: 0.5rem 0 0.5rem 0.5rem;
	font-size: var(--top-banner-component-button-font-size);
	scroll-snap-align: center;
	min-width: 18rem;
	line-height: 1.75;
}
.kg .home-top-banner-button {
	margin: .5rem .5rem .5rem .51rem;
}
.home-top-banner-button * {
	color: white;
}
.home-top-banner-button .home-top-banner-button-content {
	font-weight: var(--top-banner-component-button-font-weight);
	flex: 2;
}
.home-top-banner-button .material-icons {
	flex: 1;
	text-align: end;
	padding-left: 1rem;
}
.home-top-banner-button:last-child {
	margin-right: 0.5rem;
}
.home-top-banner-button:nth-child(1) {
	background-color: var(--top-banner-component-background-color-1);
}
.home-top-banner-button:nth-child(2) {
	background-color: var(--top-banner-component-background-color-2);
}
.home-top-banner-button:nth-child(3) {
	background-color: var(--top-banner-component-background-color-3);
}
.home-top-banner-button:nth-child(4) {
	background-color: var(--top-banner-component-background-color-4);
}
.home-top-banner-button:nth-child(5) {
	background-color: var(--top-banner-component-background-color-5);
}
.home-top-banner-button:nth-child(6) {
	background-color: var(--top-banner-component-background-color-6);
}
.home-top-banner-button:nth-child(7) {
	background-color: var(--top-banner-component-background-color-7);
}
.home-top-banner-button:nth-child(8) {
	background-color: var(--top-banner-component-background-color-8);
}
.home-top-banner-button:hover {
	text-decoration: none;
}

/*
	Hover Animations
*/
.home-top-banner-button {
	position: relative;
	overflow: hidden;
}
.home-top-banner-button * {
	position: relative;
	z-index: 2;
}

/* Image */
.home-top-banner-button:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	backdrop-filter: blur(0px);
	transition: .2s ease-in-out all;
}
.home-top-banner-button:hover:before {
	backdrop-filter: blur(.5rem);
}

/* Text */
.home-top-banner-button .home-top-banner-button-content {
	transform-origin: center left;
	transform: scale(1);
}
.home-top-banner-button:hover .home-top-banner-button-content {
	transform: scale(1.1);
}

/* Arrow */
.home-top-banner-button .material-icons {
	transition: .2s ease-in-out all;
	transform: translateX(-.5rem);
}
.home-top-banner-button:hover .material-icons {
	transform: translateX(.5rem);
}

/* 
	Home redirect to
*/

/* .home-direct-to-wrapper {
	height: 25vh;
} */

/* scroll icon */
.home-direct-to-wrapper .scroll-btn-wrapper {
	justify-content: center;
	margin-bottom: -1.25rem;
}
.home-direct-to-wrapper .scroll-btn-wrapper .btn.outline.scroll-btn {
	border-color: transparent;
}
.home-direct-to-sub-wrapper {
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2rem 9rem;
}
.home-direct-to-buttons-wrapper {
	display: flex;
	justify-content: stretch;
	align-items: stretch;
	width: 100%;
}
.home-direct-to-buttons-wrapper * {
	font-size: 1.25rem;
    text-align: center;
}
.home-direct-to-buttons-wrapper a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	color: var(--header-primary-color);
}
.home-direct-to-buttons-wrapper a:hover {
	text-decoration: none;
	background-color: inherit;
}
.home-direct-to-buttons-wrapper .button-wrapper {
	flex: 1;
	padding: 0 .5rem;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
@media (max-width: 575.98px) {
	.home-direct-to-buttons-wrapper {
		flex-direction: column;
	}
	
	.home-direct-to-buttons-wrapper a {
		flex-direction: row;
	}
	
	.home-direct-to-buttons-wrapper .button-wrapper .image-wrapper {
		width: auto;
		min-width: 6rem;
	}
	
	.home-direct-to-buttons-wrapper .button-wrapper .heading-wrapper {
		justify-content: start;
		padding-left: 2rem;
		margin-top: 1rem;
	}
	
	.home-direct-to-title {
		width: 100%;
		padding-left: 2.5rem;
		padding-top: 1rem;
	}
}
.button-wrapper .heading-wrapper {
	width: 100%;
	justify-content: center;
	display: flex;
	align-items: center;
	margin-top: auto;
}
.button-wrapper .image-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.button-wrapper .image-wrapper>*:nth-child(1) {
	font-size: 3rem;
	padding: 1rem;
}
.button-wrapper .image-wrapper img {
	max-height: 6rem;
}

/* Hover animation */
.home-direct-to-buttons-wrapper .button-wrapper .image-wrapper {
	transform-origin: center center;
	transform: scale(0.95);
	transition: .2s ease-in-out transform;
}
.home-direct-to-buttons-wrapper .button-wrapper:hover .image-wrapper {
	transform: scale(1);
}
@media screen and (max-width: 1024px) {
	.home-direct-to-sub-wrapper {
		padding: 1rem 0;
	}
	
	.home-direct-to-buttons-wrapper {
		overflow-y: auto;
		padding: 1rem;
	}
	
	.home-direct-to-buttons-wrapper .button-wrapper {
		padding: 0.5rem 1.5rem;
	}
}

/* 
	Home product slider
*/
.home-product-slider-wrapper .home-product-slider-main {
	min-height: 30vh;
	background-color: var(--header-component-background-color);
	display: flex;
	justify-content: center;
	align-items: start;
}
.home-product-slider-wrapper .home-product-slider-main .home-product-slider-title *,
.home-product-slider-wrapper .home-product-slider-main .home-product-slider-title~* * {
	color: white;
}
.kg .home-product-slider-wrapper .home-product-slider-main .home-product-slider-title .btn.outline span {
	color: var(--button-outline-text-color);
}
.kg .home-product-slider-wrapper .home-product-slider-main .home-product-slider-title .btn.outline:hover span {
	color: var(--button-outline-hover-text-color);
}
.kg .home-product-slider-wrapper.references .home-product-slider-main {
	background-color: var(--itho-background-color);
}
.kg .home-product-slider-wrapper.references .home-product-slider-main .home-product-slider-title * {
	color: var(--kg-text-color);
}
.kg .home-product-slider-wrapper.news .home-product-slider-main {
	background-color: white;
}
.kg .home-product-slider-wrapper.news .home-product-slider-sub-wrapper {
	padding: 0;
	max-width: inherit;
}
.kg .home-product-slider-wrapper.news .home-product-slider-content-wrapper {
	width: 100% padding-bottom: 22rem;
	padding-top: 6rem;
}
.kg .home-product-slider-wrapper.news .home-product-slider-content-wrapper .home-product-slider-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.kg .home-product-slider-wrapper.news .home-product-slider-content-wrapper .home-product-slider-title .left * {
	margin: 0;
	padding: 0;
}
.kg .home-product-slider-wrapper.news .home-product-slider-content-wrapper .home-product-slider-title .right {
	margin-top: 1rem;
	/* only for responsive */
}
.kg .home-product-slider-wrapper.news .home-product-slider-main {
	background-color: white;
}
.kg .home-product-slider-wrapper.news .home-product-slider-main .home-product-slider-title .left * {
	color: var(--kg-text-color);
}
.kg .home-product-slider-wrapper .home-product-slider-content-wrapper {
	padding-bottom: 17rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
.kg .home-product-slider-wrapper.news .home-product-slider-content-wrapper {
	padding-bottom: 19rem;
}

.kg .home-product-slider-wrapper .home-product-slider-content-wrapper.energy {
	padding-bottom: 10rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
.kg .home-product-slider-content-wrapper.energy .home-product-slider-title * {
	color: white;
}
.kg .home-product-slider-card-wrapper {
	display: flex;
}
.kg .home-product-slider-card-wrapper .home-product-slider-card {
	flex: 1;
	padding: .5rem;
	max-width: calc(100%/4);
	min-width: calc(100%/4);
}
.kg .home-product-slider-card-wrapper .home-product-slider-card .home-product-content-wrapper {
	padding-top: 1rem;
}
.kg .home-product-slider-card-wrapper .home-product-slider-card .home-product-content-wrapper> :nth-child(1) {
	font-size: 1rem;
	padding-top: .5rem;
}
.kg .home-product-slider-card-wrapper .home-product-slider-card .home-product-content-wrapper> :nth-child(2) {
	font-weight: bold;
	font-size: 1.25rem;
	padding-top: .5rem;
	padding-bottom: 1rem;
}
.kg .row .home-product-slider-card .home-product-content-wrapper {
	padding-top: 1rem;
}
.kg .row .home-product-slider-card .home-product-content-wrapper> :nth-child(1) {
	font-size: 1rem;
	padding-top: .5rem;
}
.kg .row .home-product-slider-card .home-product-content-wrapper> :nth-child(2) {
	font-weight: bold;
	font-size: 1.25rem;
	padding-top: .5rem;
	padding-bottom: 1rem;
}
.kg .recent-references .home-product-slider-category-wrapper {
	justify-content: start;
	padding-bottom: 3rem;
}
.kg .recent-references .category-wrapper .active-category {
	background-color: white !important;
}
.kg .recent-references .category-wrapper .active-category * {
	color: var(--kg-text-color)!important;
}
.kg .recent-references .category-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.kg .recent-references .category-wrapper a {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 32rem;
	padding: 0rem .5rem;
}
.kg .recent-references .category-wrapper a span * {
	margin: 0;
	padding-left: 1rem;
	padding-right: 1rem;
}
.home-product-slider-wrapper .scroll-btn-wrapper a {
	border: none;
}
.home-product-slider-wrapper .home-product-slider-sub-wrapper {
	max-width: 1400px;
	margin: 0 auto;
	padding: 2rem 4rem;
	margin-top: -16rem;
	background-color: white;
}
.kg .home-product-slider-wrapper .home-product-slider-sub-wrapper {
	background-color: transparent;
}
.kg .home-product-slider-wrapper .home-buttons.mw-wrapper {
	padding: 2rem 0;
	padding-bottom: 4rem;
}
.kg .home-product-slider-wrapper .mw-wrapper .button-wrapper {
	justify-content: start;
}
@media (max-width: 1199.98px) {
	.kg .home-product-slider-wrapper .mw-wrapper .button-wrapper {
		justify-content: center;
	}
}
@media (max-width: 767.98px) {
	.home-product-slider-wrapper .home-product-slider-sub-wrapper {
		padding: 2rem 2rem;
	}
}
.home-product-slider-wrapper .home-product-slider-sub-wrapper .home-product-slider-content {
	width: 100%;
}

/* content wrapper */
.home-product-slider-wrapper .home-product-slider-content-wrapper {
	padding-top: 4rem;
	padding-bottom: 19rem;
}

/* category wrapper */
.home-product-slider-category-wrapper {
	display: flex;
	width: 100%;
	justify-content: center;
	overflow: auto;
}
.home-product-slider-category-wrapper .category-wrapper {
	padding: 0 1rem;
	white-space: nowrap;
}
@media (max-width: 767.98px) {
	.home-product-slider-category-wrapper {
		justify-content: flex-start;
		min-height: 5rem;
	}
	
	.home-product-slider-category-wrapper .category-wrapper {
		margin: auto;
		/* overflow fix */
	}
}
.home-product-slider-category-wrapper:not(.invertedbuttons) .category-wrapper .btn:not(.active-category) {
	background-color: transparent;
	border-color: transparent;
	padding: .75rem 1.25rem;
}
.kg .home-product-slider-category-wrapper:not(.invertedbuttons) .category-wrapper .btn:not(.active-category) * {
	font-weight: 500;
}
.home-product-slider-category-wrapper:not(.invertedbuttons) .category-wrapper :not(.btn) h4 {
	margin: 0;
	padding: .75rem;
}
.home-product-slider-category-wrapper:not(.invertedbuttons) .category-wrapper .btn h4 {
	margin: 0;
	padding: 0;
}
.home-product-slider-category-wrapper:not(.invertedbuttons) .category-wrapper .active-category {
	padding: 0 .5rem;
}
.home-product-slider-category-wrapper:not(.invertedbuttons) .category-wrapper .active-category * {
	color: white;
}
.home-product-slider-category-wrapper:not(.invertedbuttons) .category-wrapper .active-category h4 {
	padding: .75rem;
	margin: 0;
}
.home-product-slider-category-wrapper .category-wrapper .active-category.btn.primary:hover {
	background-color: var(--itho-action-color);
	border-color: var(--itho-action-color);
}
.kg .home-product-slider-category-wrapper .category-wrapper .active-category.btn.primary {
	background-color: var(--itho-action-color);
	border-color: var(--itho-action-color);
	color: white;
}
.kg .home-product-slider-category-wrapper:not(.invertedbuttons) .category-wrapper .active-category {
	background-color: white;
}
.kg .home-product-slider-category-wrapper:not(.invertedbuttons) .category-wrapper .active-category * {
	color: white;
}

/* title wrapper */
.home-product-slider-wrapper .home-product-slider-sub-wrapper .home-product-slider-products-title-wrapper {
	display: flex;
	justify-content: center;
	align-items: stretch;
	padding: 1rem 0;
	display: none;
}
.home-product-slider-products-title-wrapper * {
	margin: 0;
}
.home-product-slider-wrapper .home-product-slider-products-title-wrapper .home-product-slider-products-title-next,
.home-product-slider-wrapper .home-product-slider-products-title-wrapper .home-product-slider-products-title-prev {
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-product-slider-wrapper .home-product-slider-products-title-wrapper .home-product-slider-products-title-next a,
.home-product-slider-wrapper .home-product-slider-products-title-wrapper .home-product-slider-products-title-prev a {
	line-height: 0;
	color: var(--header-component-background-color);
}
.home-product-slider-wrapper .home-product-slider-products-title-wrapper .home-product-slider-products-title-next a {
	padding: 0 0 0 1rem;
}
.kg .home-product-slider-category-wrapper .category-wrapper a {
	background-color: rgba(255, 255, 255, 0.2);
}
.kg .home-product-slider-category-wrapper .category-wrapper a * {
	margin: 0;
	padding: 0;
	font-weight: 400;
}

/* products wrapper */
.home-product-slider-products-wrapper {
	display: flex;
	justify-content: left;
	align-items: center;
}
.home-product-slider-products-wrapper a {
	text-decoration: none;
	position: relative;
	transform-origin: center center;
	/*   	transform: scale(1); */
	
	transition: .2s ease-in-out all;
	display: block;
	padding: 2rem 1rem;
}
.kg .news .home-product-slider-products-wrapper *:not(a) {
	color: white;
}
.kg .news .home-product-slider-products-wrapper .owl-stage {
	display: flex;
	align-items: stretch;
}
.kg .news .home-product-slider-products-wrapper .owl-prev,
.kg .news .home-product-slider-products-wrapper .owl-next {
	margin-top: 1rem;
}
.kg .news .home-product-slider-products-wrapper .owl-prev *,
.kg .news .home-product-slider-products-wrapper .owl-next * {
	color: #63b98b !important;
}
.kg .news .home-product-slider-products-wrapper a {
	padding: 0;
	display: initial;
  	color: white;
}

.kg .news .home-product-slider-products-wrapper a:hover {
  	color: #e3e3e3;
}
.kg .news .home-product-slider-products-wrapper .slide-wrapper {
	position: relative;
	min-height: 15rem;
	height: 100%;
}
.kg .news .home-product-slider-products-wrapper .slide-wrapper {
	justify-content: center;
	margin: 0 .5rem;
}
.kg .news .home-product-slider-products-wrapper .slide-wrapper>.home-product-content-wrapper {
	padding: 2rem;
	justify-content: center;
	align-items: center;
	max-width: 40rem;
}
.kg .news .home-product-slider-products-wrapper .slide-wrapper>a.home-product-wrapper {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
}
.kg .news .home-product-slider-products-wrapper .slide-wrapper>a.home-product-wrapper>.home-product-image-wrapper {
	position: initial;
	position: relative;
	height: 100%;
}
.kg .news .home-product-slider-products-wrapper .slide-wrapper>a.home-product-wrapper>.home-product-image-wrapper img {
	max-height: none;
	height: 100%;
}
.kg .news .home-product-slider-products-wrapper a.btn {
	display: inline-flex;
	padding: var(--button-padding);
	color: var(--button-text-color);
}
.home-product-image-wrapper {
	position: relative;
}
.home-product-image-wrapper img {
	min-width: 100%;
	max-width: 100%;
	min-height: 18rem;
	max-height: 18rem;
	object-fit: cover;
}
.home-product-content-wrapper p {
	padding: 0;
	font-weight: 100;
}
.kg .home-product-content-wrapper p {
	font-weight: 300;
}
.home-product-slider-products-wrapper>* {
	/*   min-width: calc(100% / 3); */
	/*   padding: 2rem; */
}
@media (max-width: 767.98px) {
	.home-product-slider-products-wrapper>* {
		/*       padding: 0 1rem;  */
	}
}
.hidden-category {
	display: none;
}

/* Extra content block */
.home-extra-content-left-content-block,
.home-extra-content-left-slider-wrapper {
	padding-right: 4rem;
	padding-top: 4rem;
}
.home-extra-content-left-slider-wrapper {
	padding-bottom: 4rem;
}
.home-extra-content-left-slider-wrapper .owl-carousel {
	max-width: 590px;
	margin: 0 auto;
	position: static;
}
.slider-wrapper-control {
	padding-left: 4rem;
	padding-right: 4rem;
	position: relative;
}
.slider-wrapper-control .owl-prev {
	position: absolute;
	top: calc(50% - 2rem);
	left: 0;
}
.slider-wrapper-control .owl-next {
	position: absolute;
	top: calc(50% - 2rem);
	right: 0;
}
@media (max-width: 767.98px) {
	.slider-wrapper-control {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.slider-wrapper-control .owl-next {
		right: -1.5rem;
	}
	
	.slider-wrapper-control .owl-prev {
		left: -1.5rem;
	}
}
.home-extra-content-wrapper {
	min-height: 30vh;
	background-color: #EFEFEF;
	display: flex;
	position: relative;
}
.kg .home-extra-content-wrapper {
	background-color: white;
}
.kg .home-extra-content-wrapper.third {
	background-color: var(--kg-primary-color);
}
.kg .home-extra-content-wrapper.work {
	background-color: var(--itho-background-color);
}
.kg .home-extra-content-wrapper.third .home-extra-content-left * {
	color: white;
}
.kg .home-product-slider-call-to-action-wrapper {
	padding-top: 2rem;
}
.kg .home-product-slider-call-to-action-wrapper a,
.kg .home-product-slider-call-to-action-wrapper a * {
	color: white;
}
.kg .home-product-slider-call-to-action-wrapper .button-wrapper {
	justify-content: flex-end;
	padding: 0 2rem;
}
.cfl .page-introduction {
	padding: 2rem;
	padding-bottom: 4rem;
	padding-top: 4rem;
}
.cfl .home-extra-content-wrapper {
	background-color: white;
	margin-bottom: 4rem;
}
.home-extra-content-wrapper .home-extra-content-sub-wrapper {
	width: 100%;
	padding: 0 2rem;
	display: flex;
	justify-content: center;
	height: fit-content;
}
.kg .home-extra-content-wrapper .home-extra-content-sub-wrapper {
	padding-top: 4rem;
	padding-bottom: 6rem;
}
@media (max-width: 575.98px) {
	.kg .home-extra-content-wrapper .home-extra-content-sub-wrapper {
		padding-top: 2rem;
		padding-bottom: 4rem;
	}
}
.kg .home-extra-content-wrapper .home-extra-content-sub-wrapper.reverse .home-extra-content-left-content-block {
	padding-left: 4rem;
}
@media (max-width: 991.98px) {
	.kg .home-extra-content-wrapper .home-extra-content-sub-wrapper.reverse .home-extra-content-left-content-block {
		padding-left: 0;
	}
}
.cfl .home-extra-content-wrapper .home-extra-content-sub-wrapper {
	min-height: 33vh;
}
.home-extra-content-wrapper .home-extra-content-sub-wrapper.reverse {
	flex-direction: row-reverse;
}
.home-extra-content-wrapper .home-extra-content-sub-wrapper.reverse .content-image-wrapper {
	right: 0;
}
.kg .home-extra-content-wrapper .home-extra-content-sub-wrapper.reverse .content-image-wrapper {
	left: -2rem;
}
.home-extra-content-left {
	flex-basis: 60%;
	flex-grow: 0;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
	padding: 2rem;
	width: 100%;
	/* max-width: 800px; */
}
.cfl .home-extra-content-wrapper .home-extra-content-sub-wrapper.reverse .home-extra-content-left {
	padding-left: 2rem;
}
.cfl .home-extra-content-left {
	justify-content: center;
	padding-left: 0;
}
.home-extra-content-right {
	flex-basis: 40%;
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	width: 100%;
	height: auto;
  	flex-shrink: 0.8;
}
.home-extra-content-left-content-block {
	padding-right: 4rem;
	padding-top: 4rem;
}
.kg .home-extra-content-left-content-block {
	padding-top: 0;
}
.home-extra-content-left-content-block form {
	max-width: 34rem !important;
}
.home-extra-content-right .content-image-wrapper {
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}
.kg .home-extra-content-right .content-image-wrapper {
	top: 2rem;
	bottom: 2rem;
	right: -2rem;
}
.home-extra-content-right img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

/* CTA text block */
.home-question-wrapper {
	min-height: 30vh;
	display: flex;
	justify-content: center;
	align-items: center;
	display: flex;
}
.home-question-wrapper .home-question-sub-wrapper {
	padding: 4rem 2rem;
	display: flex;
	position: relative;
	flex-direction: column;
	width: 100%;
}
.home-question-title-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	/*   padding: 0rem 2rem 2rem 2rem; */
}
.home-question-button-wrapper .button-wrapper {
	padding: 1rem 0;
}
.home-question-button-wrapper .button-wrapper a {
	min-width: 18rem;
}
.home-question-button-wrapper .button-wrapper a .image-wrapper {
	width: auto;
}
.home-question-button-wrapper .button-wrapper a .image-wrapper img {
 	padding: 0 1rem 0 0 !important;
    max-height: 1.5rem;
}

@media (max-width: 575.98px) {
	.home-question-button-wrapper .button-wrapper,
	.home-question-button-wrapper .button-wrapper div,
	.home-question-button-wrapper .button-wrapper a {
		width: 100%;
	}
}
.kg .home-question-button-wrapper .button-wrapper> :first-child a {
	background-color: var(--button-hover-background-color);
	color: var(--button-hover-text-color);
}

/* Horizontal buttons */
.button-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.btn.btn-icon .material-icons {
	font-size: 1.5rem;
	padding: 0 1rem 0 0;
}
.button-wrapper div {
	padding: .5rem;
}

/*
	Slider
*/
.home-extra-content-left-slider-wrapper .owl-carousel .owl-item>a {
	display: flex;
	min-width: 14rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.home-extra-content-left-slider-wrapper .owl-carousel p {
	margin: 0;
	text-align: center;
	padding-top: 1rem;
	color: var(--header-primary-color);
	min-width: 14rem;
}
.home-extra-content-left-slider-wrapper .owl-carousel img {
	/*border-radius: 100%;*/
	width: 12rem;
	height: 12rem;
	object-fit: cover;
	margin: 0 auto;
	padding: 2rem
}
.home-extra-content-left-slider-wrapper .owl-carousel .owl-nav {
	padding-top: 1rem;
}

/*	Responsive */
@media (max-width: 991.98px) {
	.home-extra-content-wrapper .home-extra-content-right {
		display: none;
	}
	
	.home-extra-content-left {
		flex-basis: 100%;
		padding: 2rem 0;
	}
	
	.home-extra-content-left-slider-wrapper,
	.home-extra-content-left-content-block {
		padding-right: 0;
	}
}

/*
	Slider ACC Adjustment : REMOVE IF BREAKS SLIDER
*/

.home-extra-content-left-slider-wrapper .owl-carousel .owl-item>a {
  	min-width: unset;
}
.home-extra-content-left-slider-wrapper .owl-carousel p {
    padding-top: 0;
    min-width: unset;
    padding-left: .5rem;
    padding-right: .5rem;
}

.

/*===========================================================

   (Blank Template page) Text-Columns

===========================================================*/

#blanktemplate,
#blanktemplate-fw {
 	padding-bottom: 3rem; 
}

/*
	Text Columns
*/

#blanktemplate-fw .text-columns,
#blanktemplate .text-columns {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#blanktemplate-fw .text-columns ~ .text-columns,
#blanktemplate .text-columns ~ .text-columns {
    padding-top: 0;
}

/* MW-wrapper eerste niveau */

#blanktemplate-fw .text-columns > .mw-wrapper, 
#blanktemplate .text-columns > .mw-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
}

/*
	Images
*/

#blanktemplate .text-columns img,
#blanktemplate-fw .text-columns img {
 	max-width: 100%; 
}

/*

*/

.kg #blanktemplate {}
.kg main #blanktemplate>section,
.kg div #blanktemplate>section {
	overflow: visible;
}
.kg main #blanktemplate>section:nth-child(even):before,
.kg div #blanktemplate>section:nth-child(even):before {
	display: none;
}
.kg main #blanktemplate>section:last-child:before,
.kg div #blanktemplate>section:last-child:before {
	display: block;
}

/*===========================================================

   Tab Sections Slider Wrapper (Advice page)

===========================================================*/
.home-product-slider-sub-wrapper.tab-sections .home-product-slider-card-wrapper {
	display: flex;
	flex-direction: column;
}
.home-product-slider-sub-wrapper.tab-sections .home-product-slider-card-wrapper .row {
	padding-top: 2rem;
	display: flex;
	flex-direction: row;
}
.home-product-slider-sub-wrapper.tab-sections .home-product-slider-card-wrapper .row:nth-child(even) {
	flex-direction: row-reverse;
}
.home-product-slider-sub-wrapper.tab-sections .home-product-slider-card-wrapper .row> :nth-child(1)>* {
	padding: 4rem;
}
.home-product-slider-sub-wrapper.tab-sections .home-product-image-wrapper img {
	min-height: 26rem;
	max-height: 26rem;
}
@media (max-width: 767.98px) {
	.home-product-slider-sub-wrapper.tab-sections .home-product-slider-card-wrapper .row {
		padding-top: 0;
		flex-direction: column;
	}
	
	.home-product-slider-sub-wrapper.tab-sections .home-product-slider-card-wrapper .row:nth-child(even) {
		flex-direction: column;
	}
	
	.home-product-slider-sub-wrapper.tab-sections .home-product-slider-card-wrapper .row>* {
		max-width: none;
		flex-basis: 100%;
	}
	
	.home-product-slider-sub-wrapper.tab-sections .home-product-slider-card-wrapper .row> :nth-child(1)>* {
		padding: 2rem 3rem;
	}
	
	.home-product-slider-sub-wrapper.tab-sections .home-product-image-wrapper img {
		min-height: 18rem;
		max-height: 18rem;
	}
}

/*===========================================================

   Inline Bing Search (Article)

===========================================================*/
.home-bing-search-wrapper {}

/*
	KG: Inline Search	
*/
.kg .has-article-search .home-extra-content-wrapper .home-extra-content-sub-wrapper .home-extra-content-left {
	padding-left: 0;
	padding-right: 0;
}
.kg .has-article-search .home-extra-content-wrapper .home-extra-content-sub-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
.kg .has-article-search .home-bing-search-wrapper .inline-bing-search-field {
	padding: 0 2rem 4rem 2rem;
}
.kg .has-article-search .home-bing-search-wrapper .inline-bing-search-results {
	padding-bottom: 2rem;
}
.kg .has-article-search .home-bing-search-wrapper .inline-bing-search-field form {
	max-width: 40rem;
}

/* Search button */
.kg .has-article-search .home-bing-search-wrapper .inline-bing-search-field .form-inline .search-input {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.kg .has-article-search .home-bing-search-wrapper .inline-bing-search-field .form-inline .btn {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	color: var(--button-text-color);
	background-color: var(--button-background-color);
}
.kg .has-article-search .home-bing-search-wrapper .inline-bing-search-field .form-inline .btn i {
	-webkit-text-stroke: 2px var(--button-background-color);
	transform: scale(.66);
}

/*===========================================================

   KG: Single Referenceproject

===========================================================*/
.kg #vue-reference-project .home-product-slider-wrapper .home-product-slider-content-wrapper {
	padding-bottom: 14rem;
}
.kg #vue-reference-project .home-product-slider-wrapper.references .home-product-slider-main {
	background-color: var(--header-component-background-color);
}
.kg #vue-reference-project .home-product-slider-wrapper.references .home-product-slider-main * {
	color: white;
}
#vue-reference-project .project-detail-description {
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 4rem;
}
#vue-reference-project .project-detail-description .content-image-wrapper {
	text-align: center;
}
#vue-reference-project .project-detail-description .content-image-wrapper img {
	width: 100%;
	max-width: 400px;
}

/*===========================================================

   KG: Referenceprojects

===========================================================*/
.kg #vue-reference-projects strong {
	display: block;
}
.kg #vue-reference-projects .home-product-slider-card-wrapper .home-product-slider-card {
	width: 100%;
	max-width: calc(100%/4);
}
.kg #vue-reference-projects .home-product-slider-card-wrapper {
	flex-wrap: wrap;
	flex-direction: row;
}
@media (max-width: 1199.98px) {
	.kg #vue-reference-projects .home-product-slider-card-wrapper .home-product-slider-card {
		width: 100%;
		max-width: calc(100%/3);
	}
}
@media (max-width: 575.98px) {
	.kg #vue-reference-projects .home-product-slider-card-wrapper .home-product-slider-card {
		width: 100%;
		max-width: calc(100%/2);
	}
}
@media (max-width: 575.98px) {
	.kg #vue-reference-projects .home-product-slider-card-wrapper .home-product-slider-card {
		width: 100%;
		max-width: calc(100%/2);
	}
}
@media (max-width: 400px) {
	.kg #vue-reference-projects .home-product-slider-card-wrapper {
		flex-direction: column;
	}
	
	.kg #vue-reference-projects .home-product-slider-card-wrapper .home-product-slider-card {
		width: 100%;
		max-width: none;
	}
}

/*===========================================================

   KG: Productcarousel

===========================================================*/
.kg .home-product-slider-products-wrapper.news a {
	padding: 1rem 0.5rem;
}
.kg .home-product-slider-products-wrapper.news a .home-product-content-wrapper {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	bottom: 1.5rem;
	right: 1.5rem;
	overflow-y: auto;
	overflow-x: hidden;
	justify-content: center;
	align-items: center;
}
.kg .home-product-slider-products-wrapper.news a .home-product-content-wrapper * {
	color: white;
}
.kg .home-product-slider-products-wrapper.news a .home-product-content-wrapper h4 {
	font-weight: var(--top-banner-component-button-font-weight);
}
.kg .home-product-slider-products-wrapper.news .owl-item,
.kg .home-product-slider-products-wrapper.news .owl-item.active,
.kg .home-product-slider-products-wrapper.news .owl-item.active+.owl-item.active+.owl-item.active {
	filter: grayscale(1);
	opacity: 0.5;
	transition: .2s ease-in-out all;
}
.kg .home-product-slider-products-wrapper.news .owl-item:hover {
	filter: grayscale(0) !important;
	opacity: 1 !important;
}
.kg .home-product-slider-products-wrapper.news .owl-item.active+.owl-item.active {
	filter: grayscale(0);
	opacity: 1;
}
.kg .news .home-product-image-blur {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background-color: var(--top-banner-component-background-color);
}

/*===========================================================

   Our partners wrapper

===========================================================*/
.kg .home-our-partners-wrapper {
	background-color: var(--kg-background-color);
}
.kg .home-our-partners-wrapper .owl-carousel img {
	display: block;
	border-radius: 100%;
	width: 10rem;
	height: 10rem;
	object-fit: cover;
	margin: 0 auto;
}
.kg .home-our-partners-wrapper .owl-carousel a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.kg .home-our-partners-sub-wrapper {
	padding: 2rem;
}

/*===========================================================

    Home top banner Single Hero

===========================================================*/
.home-top-banner-single-hero {}
.home-top-banner-single-hero .single-hero-slide {
	display: flex;
	background-size: cover;
	justify-content: center;
	background-blend-mode: soft-light;
}

/*
	KG header
*/
.kg .home-top-banner-single-hero .single-hero-slide {
	background-color: var(--top-banner-component-background-color-2);
	min-height: 25rem
}
.kg .home-top-banner-single-hero .single-hero-slide * {
	color: white;
}
.kg .home-top-banner-single-hero .owl-nav.disabled+.owl-dots {
	margin-top: calc(-9px - 1rem);
	position: relative;
	z-index: 2;
	transform: translateY(-2rem);
}

/* Scroller */
.kg .home-top-banner-wrapper .scroll-btn-wrapper {
	position: absolute;
	bottom: 4rem;
	right: 10rem;
}
@media (max-width: 575.98px) {
	.kg .home-top-banner-wrapper .scroll-btn-wrapper {
		display: none;
	}
}

/*===========================================================

    Returns

===========================================================*/
#vue-returns .garantclaims .button-wrapper {
	margin-bottom: 2rem;
	justify-content: flex-start;
}
#vue-returns .garantclaims .button-wrapper a {
	margin-right: 1rem;
}

button.close-import-dialog {
  opacity: 1;
}

button.close-import-dialog:hover {
  opacity: 1;
  background-color: transparent;
}

p.import-info-text {
  color: #004085 !important;
}

.returns-download-btn a {
  color: var(--button-outline-text-color);
}

.returns-download-btn:hover a {
  color: var(--button-primary-text-color);
}

.input-with-floating-label-wrapper {
  align-items: flex-start;
  display: flex;
  flex: 1 1 auto;
  font-size: 16px;
  letter-spacing: normal;
  text-align: left;
  padding-top: 12px;
  margin-top: 4px;
}

.floating-label-input--is-focused {
  color: var(--v-primary-base) !important;
  caret-color: var(--v-primary-base) !important;
}

.floating-label__prepend-outer {
  display: inline-flex;
  margin-bottom: 4px;
  margin-top: 4px;
  line-height: 1;
  margin-right: 9px;
}

.floating-label__append-inner,
.floating-label__details {
  display:none;
}

.floating-label__append-inner.show,
.floating-label__details.show {
  display:flex;
}

.floating-label__icon {
  align-items: center;
  display: inline-flex;
  height: 24px;
  flex: 1 0 auto;
  justify-content: center;
  min-width: 24px;
  width: 24px;
}

.floating-label__icon span {
  cursor: pointer;
  outline: none;
  align-items: center;
  display: inline-flex;
  font-size: 24px;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1;
  position: relative;
  text-indent: 0;
  transition: .3s cubic-bezier(.25,.8,.5,1),visibility 0s;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.floating-label-input__control {
  display: flex;
  flex-direction: column;
  height: auto;
  flex-grow: 1;
  flex-wrap: wrap;
  min-width: 0;
  width: 100%;
}

.floating-label-input__slot {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
  min-height: inherit;
  position: relative;
  transition: .3s cubic-bezier(.25,.8,.5,1);
  transition-property: height,min-height;
  width: 100%;
  cursor: text;
}

.floating-label-input__slot:before {
  border-color: rgba(0,0,0,.42);
  border-style: solid;
  border-width: thin 0 0;
}
.floating-label-input__slot:after,
.floating-label-input__slot:before {
  bottom: -1px;
  content: "";
  left: 0;
  position: absolute;
  transition: .3s cubic-bezier(.25,.8,.5,1);
  width: 100%;
}

.floating-label-text-field__slot {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  min-height: 32px;
}

.input-with-floating-label-wrapper .floating-label {
  left: 0px;
  right: auto;
  position: absolute;
  transform-origin: top left;
  height: 20px;
  line-height: 20px;
  letter-spacing: normal;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 6px;
  white-space: nowrap;
  pointer-events: none;
  font-size: 16px;
  min-height: 8px;
  transition: .3s cubic-bezier(.25,.8,.5,1);
  padding: 0;
  margin-bottom: 0;
  color: var(--html-text-color) !important;
}

.input-with-floating-label-wrapper .floating-label--active {
  max-width: 133%;
  transform: translateY(-18px) scale(.75);
  pointer-events: auto;
}

.floating-label-file-input__text {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.input-with-floating-label-wrapper input[type=file] {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  max-width: 0;
  width: 0;
  max-height: 32px;
  flex: 1 1 auto;
  line-height: 20px;
  padding: 8px 0;
  min-width: 0;
  background-color: transparent;
  border-style: none;
}

.upload-status-preview {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  justify-content: center;
  background-color: rgba(0 0 0 / 30%);
}

.upload-status-preview .loader {
  margin: 0 !important;
  min-width: 120px;
}

/*===========================================================

    Dashboard

===========================================================*/
.dashboard-leads {
	padding: 2rem;
	padding-top: 0;
}
.dashboard-leads .user {
	order: -1;
}
.dashboard-leads .user .user-button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5rem;
}
.dashboard-leads .user h3 {
	padding-right: 2rem;
}
.dashboard-leads .user .contact-summary .material-icons {
	padding-right: 1rem;
	color: #0592AF;
}
.dashboard-leads .user .contact-summary li {
	color: #1040a1;
	padding: .5rem 0;
}
.dashboard-buttons-wrapper .dashboard-button {
	width: 100%;
	display: flex;
	flex: 1;
	justify-content: flex-start;
	align-items: center;
	background-color: #EFEFEF;
	border-radius: 2.5rem;
	padding: .5rem 2rem;
}
.dashboard-buttons-wrapper .dashboard-button img {
	max-width: 2.5rem;
	max-height: 2.5rem;
	border-radius: 100%;
	margin-right: 1.5rem;
}
.dashboard-buttons-wrapper .dashboard-button .dashboard-button-text {
	font-weight: normal;
	color: #ff9400;
}
.dashboard-buttons-wrapper .dashboard-button .dashboard-button-text-main {
	font-weight: normal;
}
.dashboard-buttons-wrapper .dashboard-button .material-icons {
	padding: 0;
	font-size: 2rem;
}
.modal-dialog.modal-itho.modal-lg {
	position: relative;
	max-width: 800px;
}
.modal-itho .modal-header {
	position: absolute;
	background-color: var(--header-primary-color);
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	color: white;
}
.modal-itho .modal-title {
	z-index: 200;
	padding-left: 2rem;
	color: white;
	font-size: 1.2rem;
}
.modal-itho .modal-header .material-icons {
	padding: 1rem 1rem 0 0;
	cursor: pointer;
}
.modal-itho .modal-content {
	padding-top: 5rem;
}
.modal-itho fieldset:after {
	margin-top: 0;
}

/*
	Dashboard 2/2
*/
#vue-dashboard .table-wrapper {
	border: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#vue-dashboard .nav-tabs .nav-item {
	margin-bottom: 0;
	padding: 0 calc(1rem);
	transform: translateX(-1px);
}
#vue-dashboard .nav-tabs .nav-item .nav-link {
	border-bottom: 0 !important;
}
#vue-dashboard .product-tabs .nav-item .nav-link,
#vue-dashboard .product-tabs .nav-item .nav-link.active,
#vue-dashboard .product-tabs .nav-item .nav-link:hover,
#vue-dashboard .product-tabs .nav-item .nav-link:active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#vue-dashboard .product-tabs .nav-item .nav-link.active,
#vue-dashboard .product-tabs .nav-item .nav-link:hover,
#vue-dashboard .product-tabs .nav-item .nav-link:active {
	background-color: var(--header-primary-color);
}
#vue-dashboard .input-group>.custom-select:not(:first-child),
#vue-dashboard .input-group>.form-control:not(:first-child) {
	border-radius: 3rem;
}
#vue-dashboard .dashboard-leads>*:not(.user) {
	display: flex;
	flex-direction: column;
}
#vue-dashboard .dashboard-leads .dashboard-buttons-wrapper {
	order: -1;
	margin-bottom: 2rem;
}

/*===============================================
 
    Malfunctions
    
==============================================*/
#vue-malfunctions #product-tabs .nav-item {
	padding-right: 1rem !important;
}
@media (max-width: 767.98px) {
	#vue-malfunctions #product-tabs {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	#vue-malfunctions #product-tabs .nav-item {
		max-width: calc(100% - 4rem);
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

/*===============================================
 
    Section: Vue product detail
    
==============================================*/
#vue-product-detail #product-tabs {
	margin-bottom: 2rem;
}

#vue-product-detail .related-section {
 	padding-bottom: 3rem; 
}

/*===========================================================

    Organogram Wrapper

===========================================================*/
.organogram-parent-wrapper {
	background-color: transparent;
}

/*===========================================================

    Organogram

===========================================================*/
.organogram span {
	padding: 1rem;
	background-color: white;
	justify-content: center;
	align-items: center;
	text-align: center;
	display: flex;
	position: relative;
	z-index: 1;
	/*
  	Hide Spans
  */
	
	width: 1rem;
	height: 1rem;
	border: var(--button-outline-border-style);
	border-radius: 100%;
	font-size: 0;
	transform: translateY(-.5rem);
}
.organogram a {
	margin-left: .25rem;
	margin-right: .25rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-bottom: .5rem;
	padding-top: .5rem;
}
.organogram,
.organogram ul {
	display: flex;
	list-style: none;
	padding: 0;
}
.organogram ul {
	list-style: none;
	padding: 0;
	flex: 1;
	justify-content: space-evenly;
	margin-bottom: 1rem;
	position: relative;
}
.organogram li {
	padding: 1rem;
}
.organogram li,
.organogram li>div {
	display: flex;
	list-style: none;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	flex: 1;
}
.organogram li>div {
	flex-basis: 100%;
	margin-bottom: 1.5rem;
}
.organogram li.root {
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/*
  Lines
*/
.organogram ul>li:first-child:after {
	content: "";
	position: absolute;
	height: 1px;
	bottom: calc(100% + 3rem);
	left: calc(50% - .5px);
	width: 50%;
	background: var(--itho-secondary-color);
}
.organogram ul>li:last-child:after {
	content: "";
	position: absolute;
	height: 1px;
	bottom: calc(100% + 3rem);
	right: calc(50% - .5px);
	width: 50%;
	background: var(--itho-secondary-color);
}
.organogram li:before {
	content: "";
	position: absolute;
	left: calc(50% - .5px);
	background-color: var(--itho-secondary-color);
	width: 1px;
	height: 3rem;
	bottom: calc(100%);
}
.organogram li:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	background-color: var(--itho-secondary-color);
	width: 100%;
	height: 1px;
	bottom: calc(100% + 3rem);
}
.organogram li.root:before,
.organogram li.root:after,
.organogram li.group:after,
.organogram li.group:before {
	display: none !important;
}

/*
  Placement
*/
.organogram-context-groups {
	flex-basis: 60% !important;
	padding-left: 0;
	padding-right: 0;
}
.organogram-context-explain {
	flex-basis: 40% !important;
	padding: 2rem;
}
@media (max-width: 767.98px) {
	.cfl #vue-cfl-about .home-extra-content-wrapper .home-extra-content-right {
		order: -1;
	}
	
	.organogram {
		margin-top: 2rem;
	}
	
	.organogram a {
		min-width: 240px;
	}
	
	.organogram,
	.organogram ul,
	.organogram li,
	.organogram li>div {
		flex-direction: column;
		margin-bottom: 0;
	}
	
	.organogram li>div,
	.organogram:before,
	.organogram:after,
	.organogram :before,
	.organogram :after {
		display: none !important;
	}
	
	.organogram li,
	.organogram li>div {
		margin-bottom: 1rem;
	}
	
	.organogram .root>div {
		display: flex !important;
	}
}

/*===========================================================

    Project References

===========================================================*/
.section-references {
	padding: 2rem;
}
.section-references [data-owlslider] {
	align-items: stretch;
}
.section-references [data-owlslider] .image-preview-block .image-preview-block-image {
	order: 0;
	padding: 0;
	flex-basis: 100%;
	position: relative;
}
.section-references [data-owlslider] .image-preview-block .image-preview-block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-references [data-owlslider] .image-preview-block .image-preview-block-text {
	order: 1;
	flex-basis: initial;
}

/*
	Children
*/
.section-references [data-owlslider] .image-preview-block {
	position: relative;
	flex-direction: column;
	padding: 2rem;
}
.section-references [data-owlslider] .image-preview-block a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	font-size: 0;
	background: transparent;
	border-color: transparent;
	border-radius: 0;
	margin: 0;
}
.section-references [data-owlslider] .image-preview-block a span {
	display: none;
}

/*===========================================================

    Product Preview

===========================================================*/
.section-header {
	padding: 4rem 2rem 0 2rem;
}
.section-header-content {
	padding: 0 2rem;
}
.section-productpreview {
	padding: 2rem;
	padding-bottom: 4rem;
}
.productcatalogue-cta-wrapper {
	background-color: var(--itho-background-color);
}
.productcatalogue-theme-sub-wrapper {
	padding: 2rem;
}
.productcatalogue-cta-sub-wrapper {
	padding: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.productcatalogue-cta-sub-wrapper .productcatalogue-cta-title-wrapper *:last-child {
	margin-bottom: 0;
}
.productcatalogue-cta-sub-wrapper .productcatalogue-cta-button-wrapper {
	margin-left: auto;
}
.section-productpreview .image-preview-block {
	padding-bottom: 4rem;
}
.section-productpreview .image-preview-block-text {
	padding-right: 2rem;
}
.section-productpreview .image-preview-block-image {
	padding-left: 2rem;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.section-productpreview .image-preview-block:nth-child(even) .image-preview-block-text {
	padding-left: 2rem;
	padding-right: 0;
}
.section-productpreview .image-preview-block:nth-child(even) .image-preview-block-image {
	padding-right: 2rem;
	padding-left: 0;
}
@media (max-width: 767.98px) {
	.section-productpreview .image-preview-block:nth-child(even) {
		flex-direction: column;
	}
	
	.section-productpreview .image-preview-block {
		flex-direction: column;
	}
	
	.section-productpreview .image-preview-block-image {
		order: -1;
		padding: 0;
		margin-bottom: 2rem;
	}
	
	.section-productpreview .image-preview-block:nth-child(even) .image-preview-block-text,
	.section-productpreview .image-preview-block:nth-child(odd) .image-preview-block-text {
		padding-left: 0;
		padding-right: 0;
	}
}

/*
	Theme Boxes
*/
.productcatalogue-theme-wrapper.last {
	padding-bottom: 4rem;
}
.flex-wrapper {
	display: flex;
	flex-direction: row;
	align-content: center;
}
.flex-wrapper>* {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.flex-wrapper>.right {
	padding-left: 4rem;
}

/*===========================================================

    Productcategory-detail-filterpage

===========================================================*/
.section-filter-product-preview {
	display: flex;
	flex-direction: row;
	padding-top: 2rem;
}
.section-filter-product-preview .category-filters {
	flex: 1;
	flex-basis: 20%;
	padding: 2rem;
}
.section-filter-product-preview .pagetitle {
	flex: 1;
	flex-basis: 80%;
	padding: 2rem;
	display: flex;
	flex-direction: column;
}
.section-filter-product-preview-tiles {
	display: flex;
	flex-wrap: wrap;
	justify-content: stretch;
	padding-top: 2rem;
	align-items: stretch;
	width: 100%;
}
.section-filter-product-preview-tiles>* {
	/*     flex: 1; */
	min-width: calc(100% / 3);
	max-width: calc(100% / 3);
	padding-right: 1rem;
	padding-bottom: 1rem;
}
.section-filter-product-preview-tiles>*:nth-child(3n) {
	padding-right: 0;
}

/*
	Search Results
*/
.search-result-result {
	font-weight: 300;
}
.search-result-result.articleno {
	color: var(--itho-secondary-color);
}

/*
	Sticky Header / pagetitle
*/
.sticky-category-nav-container {
	display: flex;
	flex-wrap: nowrap;
}
.sticky-category-nav-container-actions {
	display: flex;
	align-items: center;
}
.sticky-category-nav-container-actions .fade-in.none,
.sticky-category-nav-container-actions .fade-in.none~* {
	display: block !important;
}
.sticky-category-nav-container-actions .none,
.sticky-category-nav-container-actions .none~* {
	display: none;
}
.sticky-category-nav-container-actions a,
.sticky-category-nav-container-actions button {
	margin-left: 1rem;
}
@media (max-width: 991.98px) {
	.sticky-category-nav-container {
		flex-wrap: wrap;
		padding-bottom: 1rem;
	}
	
	.section-filter-product-preview {
		flex-direction: column;
	}
	
	.section-filter-product-preview .category-filters {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}

/*===========================================================

    Productcategory-detail-filterpage

===========================================================*/

/*
	Filter (generic)
*/
.filter-card .checkbox-container {
	display: flex;
	padding: 0 0 0 2rem;
	font-size: .9rem;
}
.filter-card label span:not(.checkmark) {
	color: #999;
	padding: 0;
	margin: 0;
	padding-left: .5rem;
}

/*
	Category Filter (generic)
*/
.category-filter-toggle .filter-card,
.category-filter-toggle .filter-card:last-of-type {
	border: 0;
}
.category-filter-toggle .filter-card h5 {
	color: var(--header-primary-color);
	padding: 1rem 0;
	border-bottom: 1px solid var(--header-primary-color);
	margin-bottom: 1rem;
	font-weight: normal;
}

/*===========================================================

    Productdetailpage

===========================================================*/
.product-detail-text-summary {
	display: flex;
	flex-direction: column;
	/*     justify-content: center;  */
}
.product-detail-text-summary>p {
	margin: 0;
	padding-bottom: 0;
	padding-top: 0;
}
.product-detail-text-summary>.price-vat {
	padding: 1rem 0;
	display: block;
	margin-bottom: -.5rem;
}
.product-detail-text-summary .product-detail-text-summary-product-no {
	color: var(--itho-secondary-color);
}
.product-detail-text-summary .product-detail-text-summary-product-type {}

/*
	Sticky Header
*/
.sticky-enabled>div {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/*===========================================================

    Productdetailpage

===========================================================*/

/*
	Wrapper
*/
.section-productheader {
	padding: 2rem;
	padding-top: 4rem;
}
.section-productheader .slider-nav .arr-right:hover,
.section-productheader .slider-nav .arr-left:hover {
	background-color: transparent;
	color: transparent;
}

/*
	Tabs
*/
.nav-tabs {
	border: 0;
}
.nav-tabs .nav-item {
	margin-bottom: 2rem;
	padding-right: 2rem;
}
.nav-tabs .nav-item .nav-link {
	border-radius: 2rem;
	padding: 1rem;
	display: flex;
	justify-content: center;
	border: 1px solid #EFEFEF !important;
	background-color: transparent;
	color: #1040a1;
	font-size: 1rem;
	font-weight: normal;
}
.product-tabs .nav-item .nav-link.active,
.product-tabs .nav-item .nav-link:hover,
.product-tabs .nav-item .nav-link:active {
	background-color: #0592AF;
	color: white;
}

/*
	Tab Content
*/
.tab-pane {
	border-color: transparent;
}

/*
	Product Card
*/
.product-card {
	margin: 0;
	height: 100%;
}
.product-card .card-header,
.card .card-body,
.project-card .card-header {
	padding: 1rem;
	/* experimental */
	
	display: flex;
	flex-direction: column;
}
.product-card h5.card-title {
	font-weight: bold;
}
.product-card .card-title,
.product-card .card-text,
.product-card .card-body p {
	font-size: 1rem;
	margin: 0;
	padding: 0;
}
.product-card .checkbox-container {
	text-align: right;
	font-size: .8rem;
	padding-right: 1rem;
	padding: 0 0 0 1.4rem;
	margin-bottom: 0;
}
.product-card .card-text,
.project-card .card-text {
	margin: 1rem 0;
}
.card-body.productbox .btngroup-horizontal-secondary {
	margin-top: auto;
}
.card-body.productbox .btngroup-horizontal-secondary .btn {
	justify-content: center;
}
.product-card .checkmark {
	right: auto;
	left: 0;
	top: auto;
	height: 1rem;
	width: 1rem;
	padding: 0;
	margin: 0;
}
.compano-product-articleno,
.compano-product-price,
.compano-product-type {
	font-weight: 300;
}
.compano-product-articleno {
	color: var(--itho-secondary-color);
}

/*
	Compare
*/
.product-card .checkbox-container-wrapper {
	text-align: left;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
}
.product-card [data-titlemessage].productbox {
	padding-bottom: 3rem;
}

/*
	Table
*/
.table td,
.table th {
	border: 0;
}
.table-striped tbody tr:hover {
	transition: background-color .2s ease-in-out;
}
.table-striped tbody tr:nth-of-type(odd):hover {
	background-color: var(--button-hover-background-color);
	color: var(--button-hover-text-color);
}
.table-striped tbody tr:nth-of-type(odd):hover p {
	color: var(--button-hover-text-color);
}
.tab-content .table-striped tr td:nth-child(2) {
	font-weight: 300;
}

/*===========================================================

    Product compare

===========================================================*/
#vue-product-compare {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
#vue-product-compare .btngroup-horizontal-primary .btn-id i {
	padding-right: 1rem;
}

/*===========================================================

    Page Title Section (and description)

===========================================================*/
.title-section-wrapper {
	background-position: center;
	background-color: rgba(16, 64, 161, .5);
	background-blend-mode: soft-light;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem;
}
.title-section-wrapper .title-section {
	width: 100%;
}

.title-section-wrapper .title-section-title.mw-wrapper {
 	max-width: calc(1400px - 3.5rem); 
}

.cfl .title-section-wrapper .title-section .title-section-title {
	max-width: calc(1400px - 3.5rem);
}

.kg .title-section-wrapper .title-section-title.mw-wrapper {
    flex-direction: column;
}

.title-section-wrapper .title-section * {
	color: white;
	display: flex;
/* 	flex-direction: column; */
}
.title-section-wrapper .title-section *:empty {
	display: none;
}
.title-section-wrapper .title-section *> :first-child~* {
	max-width: 60rem;
	font-size: 1.25rem;
	line-height: 1;
}
.title-section-title {
	display: flex;
}
.title-section-action {
	display: flex;
	align-items: center;
	margin-left: 1rem;
}
.title-section-action .material-icons {
	padding-left: 0;
}
.title-section-action a {
	padding: .5rem 1rem;
}
.title-section-description {
	padding: 2rem;
}
.title-section-header {
	padding-right: 1rem;
}
.title-section-description>* {
/* 	max-width: 960px; */ /* Uitgezet om volledige breedte te pakken ipv 960*/
}
.title-section-wrapper+* {
	padding-top: 4rem;
}

@media (max-width: 575.98px) {
  .title-section-wrapper .title-section h1 {
  	font-size: 2.25rem;
  }
}

/*
	Form Section
*/
.form-section-wrapper {
	margin-bottom: 4rem;
}

.row.questionare {
 	padding: 0 2rem; 
}

.row.questionare.cfl {
 	padding: 0 2rem 0 0; 
}

/*===========================================================

    Calculations Page

===========================================================*/


.vue-calculations {
  padding-bottom: 3rem;
}

/*===========================================================

    Reference Projects Page

===========================================================*/

#vue-reference-projects .reference-wrapper {
 	padding-bottom: 3rem; 
}


/*===========================================================

    Document Detail Page

===========================================================*/
.kg #project-documentation-detail h2 strong {
	display: block;
}

/*
	Project Documentation
*/
.kg .home-product-slider-wrapper.project-documentation .home-product-slider-category-wrapper {
	justify-content: left;
}
.kg .home-product-slider-wrapper.project-documentation .home-product-slider-category-wrapper .category-wrapper:first-of-type {
	padding-left: 0;
}
.kg .home-product-slider-wrapper.project-documentation .home-product-slider-sub-wrapper {
	padding: 2rem;
}
.kg .home-product-slider-wrapper.project-documentation {
	background-color: var(--header-component-background-color);
}
.kg .home-product-slider-wrapper.project-documentation ul {
	list-style: none;
}
.kg .home-product-slider-wrapper.project-documentation .home-product-content-wrapper * {
	color: white
}
.kg .home-product-slider-wrapper.project-documentation .home-product-content-wrapper a {
	display: inline-flex;
	padding: 1rem 0;
	font-weight: 400;
}
.kg .home-product-slider-wrapper.project-documentation .home-product-content-wrapper ul {
	margin: 2rem 0;
}
.kg .home-product-slider-wrapper.project-documentation .home-product-slider-products-wrapper {
	padding-top: 2rem;
}

/*===========================================================

    Project Detail Page

===========================================================*/
.project-detail-wrapper .project-details {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}
.project-detail-wrapper .project-details>* {
	flex: 1;
	flex-basis: 50%;
}
.project-detail-wrapper .project-details>* strong {
	display: flex;
	font-size: 1.25rem;
	font-weight: 500;
}
.project-details-no-context *:empty {
	display: none;
}
.project-detail-wrapper .row>.left,
.project-detail-wrapper .row>.right {
	padding: 2rem;
}

/*
	KG
*/
.kg #vue-project-detail .title-section-description {
	display: none;
	/* REFACTOR: this isnt available */
}
.kg .project-detail-wrapper {
	padding-bottom: 4rem;
}
.kg .project-detail-wrapper .row>.left,
.kg .project-detail-wrapper .row>.right {
	padding-top: 6rem;
	display: flex;
	flex-direction: column;
}
.kg .project-detail-wrapper .row>.left .project-details {
	order: 1;
	margin-top: 4rem;
}
.kg .reference-project-slider .slick-slide img {
	border-radius: 0;
}

/*===========================================================

    CFL About page

===========================================================*/
.cta-cfl-wrapper {
	padding: 4rem 2rem;
}

/*
  		Statistics
  */
.statistics-cfl-wrapper .home-product-slider-wrapper .home-product-slider-sub-wrapper.trio-columns {
	display: flex;
	flex-direction: row;
	background-color: transparent;
	margin-top: -18rem;
	padding-bottom: 0;
	padding-left: 2rem;
	padding-right: 2rem;
}
.statistics-cfl-wrapper .home-product-slider-wrapper .home-product-slider-sub-wrapper.trio-columns>* {
	flex: 1;
	margin: 1rem;
	padding: 2rem;
	background: white;
}
.statistics-cfl-wrapper .home-product-slider-wrapper .home-product-slider-sub-wrapper.trio-columns img {
	max-width: 400px;
	height: 100%;
	min-height: calc(370px - 1rem);
	margin-bottom: 1rem;
	object-fit: cover;
	width: 100%;
}
.about-cfl-detail-wrapper {
	padding: 2rem;
}
.organogram-title-wrapper {
	padding-left: 2rem;
	padding-right: 2rem;
}
.cfl .about-cfl-detail-wrapper .home-extra-content-wrapper .home-extra-content-sub-wrapper {
	padding: 0rem;
}
.cfl #vue-cfl-about .button-wrapper {
	justify-content: start;
	padding: 1rem 0;
}
.cfl #vue-cfl-about .home-product-slider-wrapper {
	background-color: var(--itho-background-color);
	padding-bottom: 4rem;
	overflow-x: auto;
	width: 100%;
}
.cfl #vue-cfl-about .home-product-slider-main {
	background-color: var(--itho-background-color);
}
.cfl #vue-cfl-about .home-product-slider-title>* {
	color: var(--itho-primary-color);
}
@media (max-width: 767.98px) {
	.cfl #vue-cfl-about .home-extra-content-wrapper .home-extra-content-right.organogram-context-explain {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}
@media (max-width: 991.98px) {
	.cfl #vue-cfl-about .home-extra-content-wrapper {
		margin-bottom: 0;
	}
	
	.cfl #vue-cfl-about .home-extra-content-wrapper .home-extra-content-sub-wrapper {
		flex-direction: column;
	}
	
	.cfl #vue-cfl-about .home-extra-content-wrapper .home-extra-content-right {
		display: flex;
		min-height: 33vh;
		/* required! */
		margin-bottom: 2rem;
	}
	
	.cfl #vue-cfl-about .home-extra-content-left {
		flex-basis: 100%;
		padding: 2rem 0;
		padding-top: 0;
	}
}
@media (max-width: 1199.98px) {
	.statistics-cfl-wrapper .home-product-slider-wrapper .home-product-slider-sub-wrapper.trio-columns {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.statistics-cfl-wrapper .home-product-slider-wrapper .home-product-slider-sub-wrapper.trio-columns>* {
		max-width: 400px;
	}
}

/*
	Menu
*/
@media (max-width: 767.98px) {
	.cfl .header-menu-close,
	.cfl .header-search-toggle {
		visibility: hidden;
		pointer-events: none;
	}
	
	.cfl .menu-visible .header-wrapper .header-sub-wrapper-parent {
		top: 4rem;
	}
}

/*===========================================================

    Productcategories Overview

===========================================================*/
.image-preview-block {
	display: flex;
	padding-bottom: 2rem;
}
.image-preview-block * {
	margin: 0;
}
.image-preview-block-text {
	flex-basis: 50%;
}
.image-preview-block-text .btn {
	margin-top: 2rem;
}
.image-preview-block-image {
	flex-basis: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4rem;
}
.image-preview-block-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*
	Reverse
*/
.image-preview-block:nth-child(even) {
	flex-direction: row-reverse;
}

/* KG */
.kg .image-preview-block:nth-child(odd) .image-preview-block-image {
	padding-right: 0;
	padding-top: 2rem;
	padding-bottom: 2rem;
	right: -2rem;
	position: relative;
}
.kg .image-preview-block:nth-child(even) .image-preview-block-image {
	position: relative;
	padding-left: 0;
	padding-top: 2rem;
	padding-bottom: 2rem;
	left: -2rem;
}
@media (max-width: 767.98px) {
	.kg .image-preview-block:nth-child(odd) .image-preview-block-image,
	.kg .image-preview-block:nth-child(even) .image-preview-block-image {
		left: auto;
		right: auto;
		padding-right: 0;
		margin-left: -2rem;
		padding-left: 0;
		margin-right: -2rem;
		padding-top: 0;
		position: relative;
		margin-bottom: 0;
	}
	
	.kg .image-preview-block-image img {
		max-height: 50vh;
	}
}

/*===========================================================

    CFL: Landing

===========================================================*/
.home-discover-content-wrapper {
	padding: 2rem;
	padding-top: 4rem;
}
.home-discover-content-wrapper p {
	max-width: 960px;
}

/*
  		Slider Nav
  */
.home-discover-content-slider-wrapper {
	padding-left: 4rem;
	padding-right: 4rem;
	position: relative;
}
.home-discover-content-slider-wrapper .owl-nav .owl-prev,
.home-discover-content-slider-wrapper .owl-nav .owl-next {
	top: calc(50% - 1rem);
	position: absolute;
}
.home-discover-content-slider-wrapper .owl-nav .owl-prev {
	left: -2rem;
}
.home-discover-content-slider-wrapper .owl-nav .owl-next {
	right: -2rem;
}

/*
  		Slider Content
  */
.slider-item-wrapper {
	display: flex;
	padding: 3rem;
	justify-content: center;
}
.slider-item-wrapper img {
	padding: 0 1rem;
	max-width: 100%;
	max-height: 100%;
}
.slider-item-wrapper .img-slider-wrapper {
	max-width: calc(100% / 3);
	display: flex;
	align-items: stretch;
}
.slider-item-wrapper .img-slider-wrapper img {
	object-fit: cover;
	padding: 0;
}
.slider-item-wrapper .slider-item-content-wrapper {
	flex-basis: 60%;
}
.slider-item-content-wrapper {
	display: flex;
	flex-direction: column;
	font-weight: 100;
	padding: 0 3rem;
	justify-content: center;
}
#vue-cfl-home .firstHeading {
	padding: 0 0 .25rem 0;
	font-size: .9rem;
	margin: 0;
}
#vue-cfl-home #bodyContent>* {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.5rem;
}

/*
  		Quote Section
  */
.home-extra-content-wrapper.home-quote-wrapper {
	background-color: var(--header-component-background-color);
	justify-content: center;
	align-items: center;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.home-extra-content-wrapper.home-quote-wrapper * {
	color: white;
	font-size: 1.5rem;
	line-height: 1.75;
}
.home-extra-content-wrapper.home-quote-wrapper .home-extra-content-left {
	justify-content: center;
	padding: 2rem 4rem;
}
.home-extra-content-wrapper.home-quote-wrapper .home-extra-content-left * {
	position: relative;
	margin: 0;
}
.home-extra-content-wrapper.home-quote-wrapper .home-extra-content-left *:before,
.home-extra-content-wrapper.home-quote-wrapper .home-extra-content-left *:after {
	font-size: 8rem;
	line-height: 0;
	position: absolute;
}
.home-extra-content-wrapper.home-quote-wrapper .home-extra-content-left *:before {
	content: '“';
	left: -4rem;
	top: 2rem;
}
.home-extra-content-wrapper.home-quote-wrapper .home-extra-content-left *:after {
	content: '”';
	right: -4rem;
	bottom: -2rem;
}
.home-extra-content-wrapper.home-quote-wrapper .home-extra-content-right .content-image-wrapper {
	position: static;
}
.home-extra-content-wrapper.home-quote-wrapper .home-extra-content-right .content-image-wrapper img {
	background-size: contain;
}
.home-extra-content-wrapper.home-quote-wrapper .home-extra-content-right .content-image-wrapper~* {
	font-size: .8rem;
	text-align: center;
	padding-top: 1rem;
}

/*
  		2-bar section
  */
.home-explain-philop-wrapper.home-product-slider-wrapper .home-product-slider-main {
	background-color: var(--itho-secondary-color);
}
.home-explain-philop-wrapper.home-product-slider-wrapper .home-product-slider-content-wrapper {
	padding-left: 2rem;
	padding-right: 2rem;
}
.home-explain-philop-wrapper.home-product-slider-wrapper .home-product-slider-sub-wrapper.duo-columns {
	display: flex;
	flex-direction: row;
	background-color: transparent;
	margin-top: -18rem;
	max-height: 38rem;
	/* <- show less/more */
	
	padding-bottom: 0;
}
.home-explain-philop-wrapper.home-product-slider-wrapper .home-product-slider-sub-wrapper.duo-columns>* {
	flex: 1;
	margin: 1rem;
	padding: 2rem;
	background: white;
}

/* Content block */
.home-explain-philop-wrapper .duo-columns img {
	width: 100%;
	margin-bottom: 1rem;
}
.home-explain-philop-wrapper .duo-columns ul li {
	padding-bottom: .5rem;
}

/*  Contact block  */
.home-contact-wrapper {
	background-color: var(--itho-background-color);
	padding: 2rem;
}
.home-contact-slider-sub-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: left;
}
.cfl .home-contact-slider-sub-wrapper .card-body {
	padding-left: 0;
}
.home-contact-wrapper h2 {
	padding-top: 2rem;
}
.home-contact-wrapper .form-section-wrapper .col {
	padding: 0 !important;
}
.home-contact-slider-sub-wrapper .left {
	flex-basis: 60%;
}
.home-contact-slider-sub-wrapper .left>p {
	max-width: 34rem;
}
.home-contact-slider-sub-wrapper .right {
	flex-basis: 40%;
}
.home-contact-slider-sub-wrapper .right .company-item * {
	margin: 0;
}
.home-contact-slider-sub-wrapper .right .company-item:first-child {
	padding-bottom: 1rem;
}
.home-contact-slider-sub-wrapper .right .company-item:not(:first-child) {
	padding: 1rem 0;
}
.google-maps-wrapper h2 {
	padding: 4rem 2rem 2rem 2rem;
	margin: 0;
}
.cfl .home-product-slider-products-wrapper {
	padding: 2rem;
}
.cfl .home-product-slider-products-wrapper .mw-wrapper {
	overflow: hidden;
}
.cfl .home-product-slider-products-wrapper .owl-carousel .owl-dots.disabled,
.cfl .home-product-slider-products-wrapper .owl-carousel .owl-nav.disabled {
	display: flex !important;
}
.cfl .home-product-slider-products-wrapper h2,
.cfl .home-product-slider-products-wrapper h3 {
	padding: 0 2rem;
}
.cfl .home-product-slider-products-wrapper a h3 {
	padding: 2rem 0;
	margin: 0;
}
.cfl form .form-group {
	align-items: start !important;
}
.cfl form .form-group>*>* {
	margin-left: 0;
}
.cfl fieldset:after {
	content: none;
}
.cfl .form-buttons {
	max-width: 34rem;
}
.cfl .form-buttons .submit-spoof-trigger {
	max-width: 34rem;
}
.cfl #vue-cfl-home form {
	background-color: var(--itho-background-color)
}
.cfl .company-item strong {
	color: var(--itho-primary-color);
	font-weight: bold;
}
.cfl .company-item a {
	color: var(--itho-secondary-color);
	font-weight: 300;
}
.cfl .home-explain-philop-wrapper .home-product-slider-content-wrapper * {
	color: white;
}

/*
  	Responsive
  */
@media (max-width: 1199.98px) {
	.cfl .header-wrapper .header-main-wrapper .header-content-wrapper>.header-logo-wrapper {
		justify-content: flex-start;
	}
	
	.cfl .header-wrapper .header-main-wrapper .header-content-wrapper>.header-segment-wrapper {
		display: none;
	}
	
	.slider-item-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 991.98px) {
	.cfl .home-extra-content-wrapper .home-extra-content-right {
		align-items: center;
		display: flex;
		justify-content: center;
	}
	
	.home-contact-slider-sub-wrapper {
		flex-direction: column;
	}
	
	.home-contact-slider-sub-wrapper .left>p {
		max-width: none;
	}
	/*
    	Form
    */
	
	.cfl form .form-group {
		align-items: center;
	}
	
	.cfl form .form-group>*>* {
		margin-left: auto;
	}
	
	.cfl .form-buttons {
		margin-left: auto;
		margin-right: auto;
	}
	/*
    	Companys
    */
	
	.home-contact-slider-sub-wrapper .right {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: baseline;
	}
	
	.home-contact-slider-sub-wrapper .right .company-item {
		padding: 2rem !important;
	}
}
@media (max-width: 767.98px) {
	.slider-item-wrapper {
		flex-direction: column;
	}
	
	.slider-item-wrapper .img-slider-wrapper {
		max-width: none;
		padding: 0 3rem 2rem 3rem;
	}
	
	.slider-item-wrapper .img-slider-wrapper img {
		max-height: 33vh;
	}
	
	.cfl .home-extra-content-wrapper .home-extra-content-sub-wrapper {
		flex-direction: column;
	}
	
	.home-explain-philop-wrapper.home-product-slider-wrapper .home-product-slider-sub-wrapper.duo-columns {
		flex-direction: column;
	}
}

/*===========================================================

    KG: Videos / Invertedbuttons

===========================================================*/
.kg .home-product-slider-wrapper.invertedbuttons .home-product-slider-category-wrapper {
	justify-content: flex-start;
}
.kg .home-product-slider-wrapper.invertedbuttons .home-product-slider-category-wrapper .category-wrapper .btn {
	background-color: rgba(255, 255, 255, 0.5);
}
.kg .home-product-slider-wrapper.invertedbuttons .home-product-slider-category-wrapper .category-wrapper .btn * {
	font-weight: 500;
	color: var(--header-primary-color);
}
.kg .home-product-slider-wrapper.invertedbuttons .home-product-slider-category-wrapper .btn.primary.active-category {
	background-color: rgba(255, 255, 255, 1);
}
.kg .home-product-slider-wrapper.invertedbuttons .home-product-slider-category-wrapper .btn h4 {
	/*  	margin: 0;
   padding: 0; */
}

/*
	Branding KG Whirl
*/
.kg #videokg .home-extra-content-wrapper:before {
	content: "";
	display: block !important;
	bottom: 0;
	left: 0;
	position: absolute;
	background-image: url(//assets.bettyblocks.com/3c1fbb30f70d4ac7a9c786ef3fe7b244_assets/files/kg-whirl.png?_=424e112d9d5838bc7d77150838cd2085);
	width: 50rem;
	height: 50rem;
	background-repeat: no-repeat;
	background-position: -20rem 20rem;
	background-size: contain;
	pointer-events: none;
}
.kg #videokg .home-product-slider-wrapper.invertedbuttons:before {
	display: none;
}
.kg #videokg .home-product-slider-wrapper.invertedbuttons .home-product-slider-category-wrapper {
	margin-bottom: 4rem;
}

/*===========================================================

    Home [professional]

===========================================================*/
.professional .references,
.professional .references .home-product-slider-main,
.professional .references .home-product-slider-sub-wrapper
{
	background-color: #EFEFEF;
}

.professional .references .home-product-slider-title * {
	color: #1040a1;
}

.professional .references .home-product-slider-content-wrapper{
	padding-bottom: 16rem;
}

.professional .references .home-product-slider-products-wrapper{
	padding-top: 2rem;
}

.professional .home-extra-content-wrapper {
	background-color: white;
}
/*
.professional .home-question-wrapper {
	background-color: #EFEFEF;
}
*/

.professional .references .home-product-slider-products-wrapper > * {
	min-width:calc(100% / 4);
}

.professional .references .home-product-slider-products-wrapper .home-product-image-wrapper img {
	min-height: 20rem;
    max-height: 12rem;
}

/*===========================================================

    Error 

===========================================================*/

.error-page .mw-wrapper{
	justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/*===========================================================

    Dashboard 

===========================================================*/
.dashboard-leads .product-tabs{
	max-width: 600px;
}

.dashboard-leads .nav-tabs .nav-item button{
	background-color: rgba(16, 64, 161, 0.5); 
    color: white; 
}

/*===========================================================

   Search results

===========================================================*/

.search-results-wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    padding-top: 2rem;
    align-items: stretch;
    width: 100%;
}

.search-results-wrapper .search-result-card {
	display: flex;
    justify-content: center;
    align-items: center;
    max-width: calc(100% / 3);
    padding-right: 1rem;
    padding-bottom: 1rem;
}
.search-results-wrapper .search-result-card .image-label img {
	max-width: 100%;
}

#vue-search .section-filter-product-preview-tiles > * {
	flex: 1;
}

#vue-search .image-overlay {
    position: relative;
}

#vue-search .card-body .row .col-12 span{
	font-size: 1rem;
}

#vue-search .card-body .row .description {
	padding: 1rem;
  	font-size: 0.75rem;
}

#vue-search .card .search-result-button-wrapper {
	padding: 0 1rem 1rem 1rem;
}

#vue-search .search-bar-wrapper form {
    width: 40%;
    position: relative;
}

#vue-search .search-bar-wrapper form input {
	color: var(--itho-primary-color);
    padding-right: 60px;
}

#vue-search .search-bar-wrapper .submit-spoof-trigger {
    position: absolute;
    right: 0;
}

#vue-search .search-bar-wrapper .submit-spoof-trigger button {
    border-radius: 0rem 3rem 3rem 0rem;
    padding: 0.7rem 0.7rem 11px 0.6rem;
}

@media (max-width: 991.98px){
  #vue-search .pagetitle {
  	padding: 1rem 5rem;
  }
  
  #vue-search .search-bar-wrapper form{
  	width: 100%;
  }
}

@media (max-width: 600px){
  #vue-search .search-bar-wrapper .submit-spoof-trigger button {
  	padding: .4rem;
  }
  
  .section-filter-product-preview-tiles > div {
  	max-width: calc(100% / 2);
  }
  
  .section-filter-product-preview-tiles > *:nth-child(3n) {
  	padding-right: 1rem !important;
  }
}

@media (max-width: 400px) { 
  .section-filter-product-preview-tiles > div {
      max-width: calc(100% / 1);
      padding-right: 0;
  }
  
/*   .sticky-category-nav-container {
  	flex-direction: column;
  } */
  
  .sticky-category-nav-container-actions{
  	align-items: center; 
    justify-content: space-between;
  }
  
/*   .sticky-category-nav-container-actions .fade-out .removeStorage-wrapper button{
  	padding: .75rem 1rem;
  } */
  
  .sticky-category-nav-container-actions a, .sticky-category-nav-container-actions button {
  	margin-left: 0!important;
  }
  
  #vue-productcategory .sticky-enabled > div{
  	flex-direction: column;
  }
  
  #vue-productcategory .sticky-category-nav-container-actions .fade-out:first-child {
  	padding-right: .5rem;
  }
}

@media (max-width: 600px) { 
  #vue-productcategory .sticky-category-nav-container {
  	flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  
   .sticky-category-nav-container-actions .fade-in .removeStorage-wrapper button{
     padding: .75rem 1.25rem;
     margin-left: .5rem!important;
  }
}

/*===========================================================

    Search filters

===========================================================*/
@media (min-width: 992px) {
  #vue-productcategory-status .category-subfilters .checkbox-container:last-of-type {
    margin-bottom: 0;
  }
  
  #vue-productcategory-status .category-dropdown-toggle {
  	margin-bottom: 0;
    cursor: pointer;
  }
  
  #vue-productcategory-status .category-filter-toggle .filter-dropdown.expanded {
  	display: none;
  }
  
  #vue-productcategory-status .card-title {
  	padding-top: 0;
  }
}

/*===========================================================

    Commentblok

===========================================================*/