/* _global */


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

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

*/


/*===============================================
 
    Font
    
==============================================*/
/*
@font-face {
	font-family: 'DIN Alternate Bold';
	font-style: normal;
	font-weight: normal;
	src: local('DIN Alternate Bold'),
	url("//assets.bettyblocks.com/8d6bac1c72cb450786e8d4254c52be68_assets/files/DINAlternate-bold.woff?_=e0d338409dd0c628a8855c263c4d18bc") format('woff');
}
*/
@font-face {
	font-family: Barlow-bold;
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("https://assets.bettyblocks.com/2c0e717501424d48b7981a84525fbc60_assets/files/32eaa78b1b5e44d8a0a38abca05af117") format("truetype");
  	/*src: url("//assets.bettyblocks.com/8d6bac1c72cb450786e8d4254c52be68_assets/files/32eaa78b1b5e44d8a0a38abca05af117?_=72871854aabdd7a79c4fc5038cb4faaf") format("truetype");*/
}


/*===============================================
 
    Generic: Google reCAPTCHA
    
==============================================*/

.grecaptcha-badge {
	display: none !important;
}


/*===============================================
 
    Generic: Transitions
    
==============================================*/

[href] {
	transition: 0.150s ease-in-out all;
}

[href] * {
	transition: inherit;
}

[href] :before,
[href] :after {
	transition-property: inherit;
	transition-duration: inherit;
	transition-timing-function: inherit;
	transition-delay: -0.150s;
}


/*===============================================
 
    Generic: Animations
    
==============================================*/

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


/*===============================================
 
    Generic: Anchors
    
==============================================*/

[href],
[tabindex]:not([tabindex="-1"]) {
	cursor: pointer;
}


/*
	Anchors with target
*/

[href*="/"] {}


/*
	"Read more..."
	"Show more V "
*/

a[data-toggle="collapse"] {
	display: block;
	text-align: right;
	padding-right: 20px;
	/* to fix the issue where it feels way too far down */
	margin-top: -16px;
	margin-bottom: 1.5em;
}

.table-wrapper {
	overflow-x: auto;
}

.table-wrapper a[data-toggle="collapse"] {
	text-align: center;
	padding: 0;
}


/*===============================================
 
    Generic: Inlines
    
==============================================*/


/*
	Horizontal Rule / White
*/

hr.hr-white {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}


/*===============================================
 
    Generic: Classes
    
==============================================*/

[not-available],
[soldout] {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.4;
}


/*
	Text
*/

.text-bold {
	font-weight: bold;
}

.text-blue,
.text-blue a {
	color: #1c4eaa !important;
}

.text-grey {
	color: #495057!important;
}

.text-link {
	cursor: pointer;
}

.text-link:hover {
	text-decoration: underline !important;
}

.text-white {
	color: white;
}

.text-turquoise,
.text-turquoise a {
	color: #0592af !important;
}

.text-darkgrey,
.text-darkgrey a,
.text-darkgrey strong {
	color: #6a6a6a !important;
}

.no-padding {
	padding: 0 !important;
}

.show_as_link {
	text-decoration: underline;
	color: #1c4eaa;
	white-space: nowrap;
	font-weight: bold;
	cursor: pointer;
}

.lead {
	font-size: 100%;
	font-weight: bold;
}


/* 
	Borders
*/

.border-0 {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}


/*
	Square
*/

.square {
	height: calc(2.875rem + 2px);
	width: calc(2.875rem + 2px);
}


/*
	Backgrounds
*/

.bg-grey {
	padding: 15px 20px;
	background-color: #f2f2f2;
	margin: 30px 0;
}


/*
	Professional Strong
*/

.professional .professional-strong {
	font-weight: bold;
	color: #0592af;
}

.consumer .professional-strong
}

/*
	Table contact professional
*/
.tablecontact {
	padding: 20px;
	width: 0.5 em
}

/*
	Lineheight
*/
.lh-2 {
	line-height: 2.4;
}

/*===============================================
 
    Section
    
==============================================*/
.form-mb-3 {
	padding-bottom: 3rem !important;
}
section {
	/*   width: 100%;
  position: relative; */
}
.section-id {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
	.section-id {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
.product-detail-image {
	object-fit: contain;
}
section p {
	/*   font-size: 16px; */
}

/*
	Text section
*/
.text-section .btn {
	padding: 1rem .75rem;
	background-color: #1c4eaa;
	border-radius: 3px;
	color: white;
}
.text-section .btn:hover {
	background-color: #143677;
}

/*
	header text
*/
.header-text {
	background: #ececec;
	color: grey;
	padding: 0.5em 0.5em 0.5em 1em;
}
section .header-text strong {
	color: grey;
}

.productsummary-list strong {
  font-weight: bold;
}

/*===============================================
 
    Banner
    
==============================================*/
.full-width-banner.pb-0 h2 {
	margin: 0;
}

/*===============================================
 
    Read less / more
    
==============================================*/

/*
	Read less / Read more
	=====
	Remove bottom marges
	=====
	(1.7rem basis * rules visible) = max-height
*/
.read-less-more {
	max-height: calc(1.7rem * 8);
	overflow: hidden;
	transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
	position: relative;
}
.product-summary .read-less-more {
	max-height: calc(1.7rem * 20);
}
.collapsble-text-summary .read-less-more {
	max-height: calc(1.7rem * 10);
}
.read-less-more.enabled:before {
	content: "";
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid white;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	/* FF3.6-15 */
	
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
/* IE6-9 */
.read-less-more.enabled.expanded:before {
	display: none;
}
.read-less-more.expanded {
	max-height: 300vh;
}
.read-less-more> :last-child {
	padding-bottom: 1rem;
}
.toggle-less-more {
	display: block;
	text-align: left;
	position: relative;
	text-decoration: none !important;
}
.toggle-less-more>span {
	display: block;
	padding: 1rem;
	padding-left: 0;
	background: white;
	left: 0;
	font-weight: bold;
	color: #0592af;
}

/*===============================================
 
    Loader
    
==============================================*/

/*
	Wrapper
*/
.loader-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

/* use loader-wrapper + secondary class when there's more than 1 loader on the page */
.loader-wrapper.secondary {
	opacity: 0.2;
}
.loader {
	text-align: center;
	position: relative;
	z-index: 999;
	min-height: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.loader *,
.loader *:before,
.loader *:after {
	background-repeat: no-repeat;
}

/* 
	Shapes 
*/
.loader .loader-img {
	display: inline-block;
	position: relative;
	overflow: visible;
}
.loader .loader-img div,
.loader .loader-img:before,
.loader .loader-img:after {
	opacity: 0;
	display: inline-block;
	position: absolute;
	content: "";
	width: 60px;
	height: 30px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjY0LjEgOTQuNzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2NC4xIDk0LjcxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzEyNEI5Mzt9PC9zdHlsZT48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwyMC43M0MxMi42MSwxNC43NiwyNC45OCw4LjE5LDM3LjksMi45OEM0OS44Ny0xLjg2LDYyLjQ2LDAuMSw3NC44LDIuNTRjMTcuNywzLjUxLDMzLjM0LDEyLjIsNDkuMzgsMTkuODRjMjYuNDMsMTIuNTksNTIuNzksMjUuMzIsNzkuMTgsMzcuOThjMTUuMTIsNy4yNiwzMC44MywxMi40Miw0Ny43NiwxMy4wMWM0LjE0LDAuMTQsOC4zLDAuMDIsMTIuOTgsMC4wMmMtMS41MSwwLjg1LTIuNywxLjU5LTMuOTUsMi4yYy03LjM0LDMuNTUtMTQuOTksNi41Ni0yMS45OCwxMC42OWMtMTcuMjIsMTAuMTUtMzUuNDcsMTAuNDUtNTMuNTEsNC41NGMtMTYuMTktNS4zMS0zMS44Mi0xMi41LTQ3LjMzLTE5LjY4Yy0yNS45Ni0xMi4wMi01MS41OS0yNC43NC03Ny40LTM3LjA4QzQxLjA0LDI1LjAyLDIxLjM4LDE5LjQ4LDAsMjAuNzN6Ii8+PC9nPjwvZz48L3N2Zz4=);
}
.loader .loader-img:before {
	transform: translateX(-45px) translateY(8px);
	animation: breathe .90s 0s ease-in-out infinite;
}
.loader .loader-img div {
	transform: translateX(-30px);
	animation: breathe .90s .30s ease-in-out infinite;
}
.loader .loader-img:after {
	transform: translateX(-13px) translateY(-7px);
	animation: breathe .90s .60s ease-in-out infinite;
}

/*
	Animation
*/
@keyframes breathe {
	0%,
	100% {
		opacity: 1;
	}
	
	50% {
		opacity: 0;
	}
}


/*
	KG Loader
*/

.kg .loader .loader-img:before,
.kg .loader .loader-img:after {
	display: none;
}

.kg .loader .loader-img div {
	background-image: none;
	width: 80px;
	height: 80px;
	opacity: .5;
	transform: translateX(-40px) translateY(-25px);
	animation: unset;
}


.kg .loader .loader-img div:before {
	content: "";
  position: absolute;
  border: 4px solid #63B98B;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.kg .loader .loader-img div:after {
  content: "";
  position: absolute;
  border: 4px solid #63B98B;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/*===============================================
 
    Modal
    
==============================================*/
.modal-open .modal {
	margin: 0 auto;
	border-radius: .3rem;
	max-width: unset;
}

/*
	Content
*/
.modal-open .modal-dialog {
	max-width: 1000px;
	margin-top: 100px;
	margin: auto;
}
.modal-open .modal-content {
	padding: 20px;
	margin: 40px;
	width: auto;
}
.modal h1 {
	color: #1c4eaa;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 1em;
}

/* 
	Responsive: Tablet
*/
@media (max-width: 767px) {
	.modal-open .modal-content {
		margin: 10px;
	}
}

/* 
	Responsive: Mobile Large 
*/
@media (max-width: 425px) {
	.modal-open .modal-content {
		margin: 10px;
		padding: 10px;
	}
}

/*===============================================
 
    Modal: Compare
    
==============================================*/
.modal-header.modal-compareproducts input {
	width: 100% !important;
}
.modal-header.modal-compareproducts .close {
	margin-left: 0;
}
.modal-body.modal-compareproducts {
	max-height: calc(66.6vh - 150px);
	/* Bottombutton*/
	
	overflow: auto;
}
.modal-footer.modal-compareproducts {}
@media (min-width: 768px) {
	.modal-compareproducts .search-input {
		width: 100% !important;
	}
}
@media (min-width: 1200px) {
	.modal-compareproducts .search-input {
		width: 100% !important;
	}
}

/*
	List item
*/
.modal-compare ul li.media {
	position: relative;
	padding-right: 60px;
}
.modal-compare ul li:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.025);
}
.modal-compare ul li:nth-child(odd) {}
.modal-compare ul li.media img {}

/*
	Checkbox
*/
.modal-open .modal-compare .checkbox-container {
	margin-bottom: 0;
	position: static;
}
.modal-open .modal-compare .checkbox-container .checkmark-popup {
	top: calc(50% - 12px);
	left: auto;
	right: 10px;
	width: 25px;
	height: 25px;
}

/* Checkmark V */
.modal-open .modal-compare .checkbox-container .checkmark-popup:after {
	left: calc(50% - 3px);
	top: calc(50% - 6px);
}

/*===============================================
 
    Table: Compare
	#vue-product-compare
    
==============================================*/
#vue-product-compare .table th p {
	word-break: break-word;
	white-space: normal;
}
#vue-product-compare .table th a {
	white-space: normal;
}
@media (max-width: 767px) {
	#vue-product-compare .compare-wrapper {
		overflow-y: visible;
		overflow-x: auto;
		padding-top: 20px;
	}
}
@media (max-width: 425px) {}
@media (min-width: 1024) {
	.background-card {
		background-color: #e0e0e0!important;
		border: none!important;
		padding: 0!important;
	}
}

/*===============================================
 
    Social Media Icons
    
==============================================*/
.icon {
	display: inline-block;
	width: 56px;
	height: 56px;
	line-height: 54px;
	font-size: 30px;
	border: 0;
	color: #024a94;
	border-radius: 0.3em;
	text-align: center;
	margin: auto 20px;
}
.icon img {
	width: 100%
}
.icon:hover,
.icon a {
	color: #143677;
	border-color: #143677;
}
.share {
	text-align: center;
}
.share h5:empty {
  display: none;
}

.icons .icon:nth-of-type(1),
.icons .icon:nth-of-type(2),
.icons .icon:nth-of-type(3) {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.icons .icon:nth-of-type(1),
	.icons .icon:nth-of-type(2),
	.icons .icon:nth-of-type(3) {
		margin-bottom: 0px;
	}
}

.share .social {
  padding-top: 3rem;
  padding-bottom: 4rem;
}
.share .social .icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.share .social .icons > * {
  margin: 1rem;
  margin-top: 0 !important;
}

/*===============================================
 
    Blank-page
    
==============================================*/
.text-columns p a {
	font-weight: normal;
}
.text-columns h6 {
	font-weight: bold;
	color: #1c4eaa;
	font-size: 14px;
}

/*===============================================
 
    Error & Maintenance Page
    
==============================================*/
.error-page img {
	max-height: 22em;
	margin: 5em 0;
}
.kg .error-page img {
/* 	filter: hue-rotate(309deg) brightness(1.9); */
}
.maintenance-page .logo {
	max-height: 6em;
	margin: 5em 0;
}

/*===============================================
 
    Column fixes
    
==============================================*/
.vertical-column-fix-stretch {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/*===============================================
 
    CSS Fixes For IE Only DO NOT REMOVE!
    
==============================================*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.logged-in header .nav-item.nav-item-login {
		min-width: auto;
		/* width unset fix */
	}
	
	.btngroup-horizontal-primary .btn-id.btn-no-icon,
	.btngroup-horizontal-secondary .btn-id.btn-no-icon {
		flex-direction: row;
		/* flex-direction unset fix */
	}
	
	.flex-table th,
	.flex-table td {
		display: flex;
		/* table cell width fix */
	}
	
	.flex-table .product-header a.btn {
		white-space: normal;
		/* add product to compare btn fix */
	}
	
	.row-width-fix .row {
		width: calc(100% + 30px);
		/* product grid professional home fix */
	}
	
	.btn-sticky-right .btn-id {
		position: fixed;
		/* sticky btn fix */
		margin: auto;
		height: 5em !important;
		/* override set height */
		right: 0;
		top: 0 !important;
		/* override top allignment */
		bottom: 0 !important;
		/* override bottom allignment */
	}
	
	.modal-open .modal {
		max-width: 100%;
		/* max-width unset fix */
	}
}

/*===============================================
 
   project-card
    
==============================================*/
.project-card .card-title {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 400;
}
.project-card .no-border {
	border: none;
	padding: .3rem 0;
}
.brochure-card a {
	/* 	color: #0592af; */
	
	color: #1c4eaa;
}

/*===============================================
 
   Product
    
==============================================*/
span.price-vat {
	/*font: small-caption;*/
  font-weight: 400;
  font-size: 10px;
}

/*===============================================
 
   Cookiebot
    
==============================================*/
a#CybotCookiebotDialogPoweredbyCybot {
	display: none;
}