﻿/* Fonts */
@font-face {
	font-family: "WeFitFont";
	font-style: normal;
	font-weight: 100;
	src: local("Roboto Thin"), local("Roboto-Thin"), url(/ClientResources/Fonts/Roboto-Thin.ttf) format('truetype');
}
@font-face {
	font-family: "WeFitFont";
	font-style: normal;
	font-weight: 300;
	src: local("Roboto Light"), local("Roboto-Light"), url(/ClientResources/Fonts/Roboto-Light.ttf) format('truetype');
}
@font-face {
	font-family: "WeFitFont";
	font-style: normal;
	font-weight: 400;
	src: local("Roboto Regular"), local("Roboto-Regular"), url(/ClientResources/Fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face {
	font-family: "WeFitFont";
	font-style: normal;
	font-weight: 500;
	src: local("Roboto Medium"), local("Roboto-Medium"), url(/ClientResources/Fonts/Roboto-Medium.ttf) format('truetype');
}
@font-face {
	font-family: "WeFitFont";
	font-style: normal;
	font-weight: 700;
	src: local("Roboto Bold"), local("Roboto-Bold"), url(/ClientResources/Fonts/Roboto-Bold.ttf) format('truetype');
}
/* Style */
#wf-block, #wf-block a, #wf-block p, #wf-block span,
#wf-block h1, #wf-block h2, #wf-block h3, #wf-block h4,
#wf-block table td, #wf-block figure, #wf-block hr,
#wf-block div, #wf-block label, #wf-block legend, #wf-block fieldset, #wf-block button,
#wf-block img, #wf-block frame, #wf-block input, #wf-block select, #wf-block aside {
	all: unset;
	display: block;
	color: #433D3D;
	font-size: 16px;
	font-weight: 300;
	font-family: "WeFitFont", sans-serif;
	line-height: 1.7em;
	box-sizing: border-box;
}

.wf-loading-modal {
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	display: none !important;
	position: absolute !important;
	background: url('../Images/wf-loading.gif') 50% 50% no-repeat !important;
	background-color: rgba( 255, 255, 255, .8 ) !important;
}

#wf-block {
	box-sizing: content-box;
	position: relative;
	color: #433f3d;
}
	#wf-block a {
		cursor: pointer;
		font-weight: 400;
	}
		#wf-block a:hover {
			color: black;
			transition: color .25s ease-in-out;
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
		}

	#wf-block hr {
		background-color: #cdc9c5;
		clear: both;
		height: 1px;
		border: none;
		margin: 0;
	}

	#wf-block #screenQuiz {
		display: none;
	}

	#wf-block .wf-screen {
		padding-bottom: 20px;
		width: 900px;
		margin: auto;
	}

	#wf-block #screenQuiz {
		margin: 0 auto;
		width: 50%;
	}

	#wf-block .wf-caption {
		margin-bottom: 0;
	}

	#wf-block h1,
	#wf-block .wf-share-link-dialog h1 {
		font-size: 48px;
	}

	#wf-block h2,
	#wf-block .wf-share-link-dialog h2 {
		font-size: 32px;
	}

	#wf-block h3,
	#wf-block .wf-share-link-dialog h3 {
		font-size: 24px;
		padding: 18px 0 12px 0;
	}

	#wf-block h4,
	#wf-block .wf-share-link-dialog h4 {
		font-size: 20px;
	}

	#wf-block .wf-header {
		margin: 0 auto;
		padding: 30px 0;
		width: 50%;
		text-align: center;
	}

	#wf-block .wf-navigation {
		overflow: hidden;
		padding: 0 5px 0 5px;
	}
		#wf-block .wf-navigation .wf-forward {
			float: right;
		}

		#wf-block .wf-navigation .wf-back {
			float: left;
		}

	#wf-block .wf-progress-bar {
		display: flex;
		display: -ms-flexbox; /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
		line-height: 1em;
		width: 500px;
		margin: auto;
		padding: initial;
	}

	#wf-block .wf-progress-section {
		background: white;
		border-right: 1px solid #f9f7f6;
		padding: 2px 0;
		width: 25%;
		text-align: center;
		color: black;
	}
		#wf-block .wf-progress-section.current {
			background: #afca97;
		}
			#wf-block .wf-progress-section.current span {
				color: #656161;
			}

		#wf-block .wf-progress-section.passed {
			background: #5f9530;
		}
			#wf-block .wf-progress-section.passed span {
				color: #fff;
			}

		#wf-block .wf-progress-section:first-child {
			border-radius: 10px 0 0 10px;
		}

		#wf-block .wf-progress-section:last-child {
			border-radius: 0 10px 10px 0;
			border-right: initial;
		}

	#wf-block .wf-header .wf-description {
		font-size: 16px;
		word-break: break-word;
	}

	#wf-block .wf-block-inner {
		margin: 0;
		background-color: #F9F7F6;
	}
	#wf-block .product .wf-block-inner {
		background-color: #F3F0ED;
	}

	#wf-block .wf-select-menu {
		justify-content: center;
		display: flex;
	}

	#wf-block .wf-quiz-preview {
		width: 30%;
		min-width: 200px;
		padding: 0 10px 10px 10px;
		vertical-align: top;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
		#wf-block .wf-quiz-preview .wf-button-holder {
			text-align: center;
			justify-content: flex-end;
		}
			#wf-block .wf-quiz-preview .wf-button-holder button {
				display: inline-block;
				box-sizing: border-box;
				margin: 30px auto 15px auto;
				max-width: 150px;
				width: 80%;
			}

		#wf-block .wf-quiz-preview figure {
			margin: 0;
		}

			#wf-block .wf-quiz-preview figure img {
				width: 100%;
				background-color: white;
				cursor: pointer;
				box-shadow: none;
				transition: transform 0.5s, box-shadow 0.5s;
				-webkit-transition: -webkit-transform 0.5s, box-shadow 0.5s;
				-moz-transition: -moz-transform 0.5s, box-shadow 0.5s;
				-o-transition: -o-transform 0.5s, box-shadow 0.5s;
			}

			#wf-block .wf-quiz-preview figure figcaption {
				text-align: center;
			}


	#wf-block .wf-quiz-preview:hover img {
		box-shadow: 0 0 20px #433f3d;
		transform: scale(1.1);
	}

#wf-block .wf-button {
	font-weight: 500;
	display: inline-block;
	background-color: white;
	border-radius: 3px;
	border: 1px solid #e3ddda;
	color: #656161;
	margin: 15px 0;
	padding: 10px 30px;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

	#wf-block .wf-button:hover {
		background-color: #f2f1f0;
	}

	#wf-block .wf-button.blue {
		color: #fff;
		background-color: #23337e;
		border: 1px solid #23337e;
		-webkit-text-fill-color: #fff;
		-webkit-text-stroke-color: #fff;
	}

		#wf-block .wf-button.blue:hover {
			background-color: #182356;
			border: 1px solid #182356;
		}

	#wf-block .wf-button.sepia {
		color: #fff;
		background-color: #AA998D;
		border: 1px solid #AA998D;
		-webkit-text-fill-color: #fff;
		-webkit-text-stroke-color: #fff;
	}

		#wf-block .wf-button.sepia:hover {
			background-color: #7F726B;
			border: 1px solid #7F726B;
		}

/* Form container */
#wf-block .EPiServerForms .hide {
	display: none !important;
}

#wf-block .wf-form-container {
	display: none;
	padding-top: 40px;
	font-size: 12px;
}

	#wf-block .wf-form-container > form {
		background-color: white;
		padding: 20px 40px;
	}

	#wf-block .wf-form-container h2.Form__Title {
		font-size: 20px;
		padding-bottom: 8px;
	}
	#wf-block .wf-form-container aside.Form__Description {
		font-size: 16px;
		padding-bottom: 8px;
	}

	#wf-block .wf-form-container hr {
		border-top: 1px solid #e3ddda;
		margin-bottom: 5px;
	}

	#wf-block .wf-form-container .wf-separator span:first-child {
		font-size: 20px;
		padding: 10px 0 10px 0;
	}

	#wf-block .wf-form-container .wf-form-label {
		font-weight: 500;
		padding-top: 10px;
	}

	#wf-block .wf-form-container .wf-form-element {
		margin:0 3px 15px 0;
	}

	#wf-block .wf-form-container .wf-form-element.wf-horizontal fieldset > * {
		display: inline-block;
	}
		#wf-block .wf-form-container .wf-form-element.wf-horizontal.wf-conditional {
			border-left: 2px solid #E7E0DB;
			padding-left: 5px;
			margin-bottom: 0;
			padding-bottom: 10px !important;
		}

		#wf-block .wf-form-container .wf-form-element .Form__Element__ValidationError {
			color: #f00;
			font-size: smaller;
			-webkit-text-fill-color: #f00;
			-webkit-text-stroke-color: #f00;
		}

	#wf-block .wf-form-container .wf-textbox input,
	#wf-block .wf-form-container .wf-textbox select,
	#wf-block .wf-form-container .wf-radio-button {
		display: inline-block;
		border-radius: 4px;
		font-weight: 400;
		border: 1px solid #D6CDC6;
		color: #8C7F70;
		padding: 2px 5px;
	}

	#wf-block .wf-form-container .wf-radio-button {
		padding:0;
		border-radius:0;
	}
	
	#wf-block .wf-form-container .wf-textbox select {
		align-items: center;
		-webkit-appearance: menulist;
		-moz-appearance: menulist;
	}

	#wf-block .wf-form-container .wf-radio-button input, 
	#wf-block .wf-form-container .wf-radio-default input,
	#wf-block .wf-form-container .wf-checkbox input {
		display: none;
	}

	#wf-block .wf-form-container .wf-radio-default label {
		white-space: nowrap;
	}
	
	#wf-block .wf-form-container .wf-textbox-value,
	#wf-block .wf-form-container .wf-textbox-unit {
		padding-left: 5px;
	}

	#wf-block .wf-form-container .form-input {
		margin: 5px 0;
		min-width: 50px;
	}
		#wf-block .wf-form-container .form-input.wf-textbox-value {
			width: 10%;
			height: 2em;
		}

		#wf-block .wf-form-container .form-input.wf-textbox-unit {
			width: auto;
			height: 2em;
			min-width: 10%;
			align-items: center;
			-webkit-appearance: menulist;
			-moz-appearance: menulist;
		}

	#wf-block .wf-form-container .wf-checkbox-button {
		width: auto;
		overflow: hidden;
		cursor: pointer;
		padding: initial;
		background-color: #f2f1f0;
		color: #9f9488;
	}
		#wf-block .wf-form-container .wf-checkbox-button:hover {
			background-color: #d7d3d0;
		}

	#wf-block .wf-form-container .wf-radio-label {
		display: inline-block;
		white-space: normal;
		font-weight: 400;
		color: #8C7F70;
	}

	#wf-block .wf-form-container .wf-radio-button {
		overflow: hidden;
		cursor: pointer;
		font-weight: 400;
		box-sizing: border-box;
		background-color: #f2f1f0;
	}
		#wf-block .wf-form-container .wf-radio-button:hover {
			background-color: #d7d3d0;
		}

		#wf-block .wf-form-container .wf-radio-button .wf-radio-label {
			box-sizing: border-box;
			padding: 0 20px;
		}
			#wf-block .wf-form-container .wf-radio-button input:checked ~ .wf-radio-label {
				background-color: #8c7f70;
				line-height: 1.8em;
				color: #faf9f8;
			}

	#wf-block .wf-form-container .wf-radio-default,
	#wf-block .wf-form-container .wf-checkbox {
		cursor: pointer;
		margin-right: 10px;
	}
		#wf-block .wf-form-container .wf-checkbox .wf-checkbox-control,
		#wf-block .wf-form-container .wf-radio-default .wf-radio-control {
			display: inline-block;
			margin: 0;
			padding: 3px;
			position: relative;
			border: 1px solid #e3ddda;
			vertical-align: middle;
			background-color: #fff;
		}
			#wf-block .wf-form-container .wf-checkbox .wf-checkbox-control:after,
			#wf-block .wf-form-container .wf-radio-default .wf-radio-control:after {
				content: "";
				display: block;
				border: none;
				width: 10px;
				height: 10px;
			}

		#wf-block .wf-form-container .wf-checkbox .wf-checkbox-control {
			border-radius: 15%;
		}
	#wf-block .wf-form-container .wf-radio-default .wf-radio-control {
		border-radius: 50%;
	}
	#wf-block .wf-form-container .wf-checkbox input:checked + .wf-checkbox-control:after {
		content: "";
		display: block;
		position: relative;
		top: -2px;
		width: 8px;
		height: 8px;
		border-bottom: 2px solid #8c7f70;
		border-right: 2px solid #8c7f70;
		transform: rotate(45deg);
	}
	#wf-block .wf-form-container .wf-radio-default input:checked + .wf-radio-control:after {
		content: "";
		display: block;
		border:none;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #8c7f70;
	}
/* Form container end */

#wf-block .horizontal {
	display: inline-block !important;
}
#wf-block input[type="radio"] {
	width: auto;
	vertical-align: inherit;
}

#wf-block .request-quote {
	display: none;
	padding: 0 40px;
	width: 65%;
	margin: auto;
}

	#wf-block .request-quote h2 {
		padding-bottom:24px;
	}

	#wf-block .request-quote.email {
		padding: 0 30px;
		width: initial;
		margin: 30px auto;
		display: block;
	}

	#wf-block .request-quote .show-product {
		font-weight: 400;
		cursor: pointer;
		text-transform: uppercase;
		color: #9f9488;
		margin-bottom: 40px;
	}
		#wf-block .request-quote .show-product:hover {
			text-decoration: none;
		}

	#wf-block .request-quote .request-quote-submit-result {
		display: none;
		text-align: center;
	}
		#wf-block .request-quote .request-quote-submit-result button.show-product {
			display: inline-block;
			text-transform: none;
			border: 1px solid #9f9488;
			padding: 3px 10px;
			font-weight: 500;
		}

	#wf-block .request-quote .border {
		border: #9f9488 solid 1px;
	}
		#wf-block .request-quote .border > div:not(.request-form) {
			margin: 20px 40px 0 40px;
		}

	#wf-block .request-quote .solution {
		display: block;
		position: relative;
	}
		#wf-block .request-quote .solution:after {
			clear:both;
		}
		#wf-block .request-quote .solution .product-image {
			min-width: 150px;
			width: 150px;
			float: left;
			margin: 0;
		}
		#wf-block .request-quote .solution div {
			margin-left: 180px;
		}

		#wf-block .request-quote .solution h4 {
			margin: 0;
		}

		#wf-block .request-quote .solution p {
			margin-top: 10px;
		}

	#wf-block .request-quote .line {
		display: block;
	}
		#wf-block .request-quote .line hr {
			color: #9f9488;
		}

	#wf-block .request-quote .ValidationRequired label:after {
		content: " *"
	}

	#wf-block .request-quote .request-form {
		padding-top: 10px;
	}
		#wf-block .request-quote .request-form pre {
			margin: 0;
			padding: 0;
		}
			#wf-block .request-quote .request-form pre.odd {
				background-color: #c5c8c8;
			}

		#wf-block .request-quote .request-form .option-type {
			justify-content: inherit;
			padding-top: 10px;
		}
		
		#wf-block .request-quote .request-form .Form__Element {
			font-size: 1.01rem;
			margin: 0 0 1.07rem 0;
		}

		#wf-block .request-quote .request-form .Form__Success__Message {
			text-align: center;
		}

		#wf-block .request-quote .request-form section {
			font-size: 1.01rem;
			margin: 0 0 1.07rem 0;
		}
			#wf-block .request-quote .request-form section > div.Form__Element:not(.line) {
				width: 60%;
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-end;
				font-size: 1.01rem;
				margin: 0 0 1.07rem 0;
			}

			#wf-block .request-quote .request-form section > div.Form__Element label {
				width: 40%;
				color: #656161;
				font-weight: 500;
				font-size: 16px;
			}
			
				#wf-block .request-quote .request-form section > div.Form__Element input,
				#wf-block .request-quote .request-form section > div.Form__Element select {
					width: 60%;
					border: 1px solid #e6e4e2;
					border-radius: 0.28rem;
					box-sizing: border-box;
					font-weight: 400;
					padding: 5px 7px;
				}
					#wf-block .request-quote .request-form section > div.Form__Element input:focus,
					#wf-block .request-quote .request-form section > div.Form__Element select:focus {
						outline: none;
						border: 1px solid #8BB4F8;
					}

			#wf-block .request-quote .request-form section > div.Form__Element select {
				-webkit-appearance: menulist;
			}

			#wf-block .request-quote .request-form section > div.Form__Element .Form__Element__ValidationError {
				color: #f00;
				-webkit-text-fill-color: #f00;
				-webkit-text-stroke-color: #f00;
			}

		#wf-block .request-quote .request-form .form-section {
			background-color: #F9F7F6;
			margin: 1em 0;
			padding: 1em;
		}
			#wf-block .request-quote .request-form .form-section h3 {
				margin: 0;
				font-size: 1.2em;
				color: #8d8888;
			}

			#wf-block .request-quote .request-form .form-section.media {
				display: flex;
				flex-flow: row wrap;
				justify-content: flex-start;
			}
				#wf-block .request-quote .request-form .form-section.media input.form-input,
				#wf-block .request-quote .request-form .form-section.media select.form-input {
					padding: 0 0 0 5px;
					position: relative;
					border-radius: 4px;
					border: 2px solid #e3ddda;
					height: 30px;
					width: 60px;
					background-color: #fff;
				}

				#wf-block .request-quote .request-form .form-section.media > .Form__Element {
					width: 25%;
				}
					#wf-block .request-quote .request-form .form-section.media > .Form__Element.FormChoice,
					#wf-block .request-quote .request-form .form-section.media > .Form__Element.wf-separator {
						width: 100%;
						border-left: none;
					}

				#wf-block .request-quote .request-form .form-section.media > .Form__Element.FormChoice label {
					display: inline-block;
					white-space: nowrap;
				}

				#wf-block .request-quote .request-form .form-section.media > .Form__CustomElement.wf-form-element.wf-textbox {
					flex-grow: 1;
					flex-basis: 22%;
					flex-shrink: 0;
				}

				#wf-block .request-quote .request-form .form-section.material .Form__Element.FormTextbox label,
				#wf-block .request-quote .request-form .form-section.message .Form__Element.FormTextbox label,
				#wf-block .request-quote .request-form .form-section.datasheet .Form__Element .wf-form-label {
					font-size: 16px;
					font-weight: 500;
					padding-top: 10px;
				}

				#wf-block .request-quote .request-form .form-section.material .Form__Element.FormTextbox input {
					padding: 0 0 0 5px;
					position: relative;
					border-radius: 4px;
					border: 2px solid #e3ddda;
					height: 30px;
					width: 80%;
					max-width: 200px;
					background-color: #fff;
				}

			#wf-block .request-quote .request-form .form-section.datasheet .Form__Element.FormFileUpload {
				border: 2px dashed #ccc;
				padding: 20px;
			}
				#wf-block .request-quote .request-form .form-section.datasheet .Form__Element.FormFileUpload.highlight {
					border: 2px dashed #24337d;
					opacity: 0.8;
				}

				#wf-block .request-quote .request-form .form-section.datasheet .Form__Element.FormFileUpload input {
					display: none;
				}

				#wf-block .request-quote .request-form .form-section.datasheet .Form__Element.FormFileUpload label {
					text-align: center;
					max-width: 210px;
					color: white;
					margin: 0 auto;
				}
					#wf-block .request-quote .request-form .form-section.datasheet .Form__Element.FormFileUpload label:first-child {
						color: #948888;
						max-width: 320px;
						margin: 0 auto;
						padding: 10px 0;
						font-size: 1.2em;
					}

			#wf-block .request-quote .request-form .form-section.datasheet .FormFileUpload__PostedFile {
				padding-top: 15px;
				color: #656161;
			}

			#wf-block .request-quote .request-form .form-section.datasheet .wf-separator .form-label {
				padding-top: 10px;
			}

#wf-block .hidden {
	display: none;
}

#wf-block .wf-share-link-dialog {
	display: none;
	padding: 1em 1em 2em 1em;
	border-radius: 5px;
	background: #f9f7f6;
	-webkit-box-shadow: 0 0 5px 5px rgba(128,128,128,0.2);
	-moz-box-shadow: 0 0 5px 5px rgba(128,128,128,0.2);
	box-shadow: 0 0 5px 5px rgba(128,128,128,0.2);
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 620px;
	z-index: 9999;
	position: fixed;
	-webkit-transform: translateX(-50%) translateY(-60%);
	-moz-transform: translateX(-50%) translateY(-60%);
	-ms-transform: translateX(-50%) translateY(-60%);
	transform: translate(-50%, -60%);
}
	#wf-block .wf-share-link-dialog.wf-warning-message-popup {
		top: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translate(-50%, -50%);
	}
		#wf-block .wf-share-link-dialog.wf-warning-message-popup * {
			font-size: 95%;
		}

	#wf-block .wf-share-link-dialog .share-link-title {
		margin: 0.4em 0;
	}
	
	#wf-block .wf-share-link-dialog .wf-close {
		float: right;
		width: 15px;
		height: 15px;
		opacity: 0.3;
		cursor: pointer;
	}
		#wf-block .wf-share-link-dialog .wf-close:hover {
			opacity: 1;
			transition: opacity .25s ease-in-out;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s ease-in-out;
		}
		#wf-block .wf-share-link-dialog .wf-close:before,
		#wf-block .wf-share-link-dialog .wf-close:after {
			position: absolute;
			content: ' ';
			height: 10px;
			margin-left: 10px;
			width: 2px;
			background-color: #3c3c3c;
		}
		#wf-block .wf-share-link-dialog .wf-close:before {
			transform: rotate(45deg);
		}
		#wf-block .wf-share-link-dialog .wf-close:after {
			transform: rotate(-45deg);
		}

	#wf-block .wf-share-link-dialog .share-link-field {
		margin: 1em 0 0 0;
	}
		#wf-block .wf-share-link-dialog .share-link-field a {
			color: #1E1C77;
		}
		#wf-block .wf-share-link-dialog .share-link-field label {
			font-weight: bold;
		}

		#wf-block .wf-share-link-dialog .share-link-field input {
			display: inline-block;
			background-color: #fff;
			padding: 3px 5px;
			width: 60%;
		}

		#wf-block .wf-share-link-dialog .share-link-field button {
			display: inline-block;
			margin: 0;
			margin-left: 5%;
			padding: 1px 10px;
			width: 25%;
			min-width: 100px;
		}

#wf-block .no-borders-inputs {
	border: none;
	border-radius: 5px;
	background-color: #fff;
	outline: none;
	padding: 0.5em 0;
}
	#wf-block .no-borders-inputs input {
		border-color: transparent;
		box-shadow: none;
	}

#wf-block .prevalidation-message {
	top: calc(50%);
	left: calc(50% - 18%);
}

/* summary */
#wf-block .wf-summary {
	margin: auto;
}
	#wf-block .wf-summary .summary-title {
		font-weight: 500;
		font-size: 16px;
	}
		#wf-block .wf-summary .summary-title a {
			color: #1E1C77;
			text-decoration: none;
			display: inline-block;
			cursor: pointer;
		}

	#wf-block .wf-summary .summary-goback {
		padding: 20px 0;
	}
		#wf-block .wf-summary .summary-goback a {
			color: #9f9488;
			cursor: pointer;
			text-transform: uppercase;
		}

#wf-block .summary-table {
	border: none;
}
	#wf-block .summary-table td {
		font-size: 12px;
		vertical-align: top;
		width: 25%;
		padding: 2px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: table-cell;
	}
		#wf-block .summary-table td:first-child,
		#wf-block .summary-table td:nth-child(3) {
			font-weight: bold;
		}

	#wf-block .product-content-block .summary-table td {
		font-size: 14px;
	}

/* Features */
#wf-block .width50 {
	width: 47%;
}

#wf-block .width30 {
	width: 30%;
}

#wf-block .wf-features {
}
	#wf-block .wf-features .features-container {
		margin: auto;
		background-color: inherit;
	}
		#wf-block .wf-features .features-container .wf-header {
			text-align: left;
			padding: 30px 15px 10px 15px;
			width: 100%;
		}

	#wf-block .wf-features .features-pane {
		display: flex;
	}
		#wf-block .wf-features .features-pane .features-item {
			padding: 2em 0;
			position: relative;
			display: block;
			min-height: 1px;
			padding-right: 15px;
			padding-left: 15px;
			min-width: 30%;
		}
			#wf-block .wf-features .features-pane .features-item img {
				width: 70px;
				height: 70px;
				position: absolute;
				border: 1px solid #eee;
			}

			#wf-block .wf-features .features-pane .features-item div {
				margin-left: 80px;
			}

			#wf-block .wf-features .features-pane .features-item h4 {
				padding:0;
				font-size: 16px;
				font-weight: 500;
			}

			#wf-block .wf-features .features-pane .features-item p {
				font-weight: 400;
				word-break: break-word;
			}

/* Case Stories */
#wf-block .wf-case-stories {
}
	#wf-block .wf-case-stories .case-stories-container {
		margin: auto;
		background-color: inherit;
	}
	#wf-block .wf-case-stories .case-stories-container .wf-header {
		text-align: left;
		padding: 30px 15px 10px 15px;
		width: 100%;
	}

	#wf-block .wf-case-stories .wf-case-story-item {
		padding: 30px 0 0 0;
		clear: both;
	}
		#wf-block .wf-case-stories .wf-case-story-item h4 {
			padding-top: 0;
			font-weight: 400;
		}
		#wf-block .wf-case-stories .wf-case-story-item img {
			width: 45%;
			float: left;
			margin: 0 30px 0 0;
		}
		#wf-block .wf-case-stories .wf-case-story-item p {
			word-break: break-word;
		}
			#wf-block .wf-case-stories .wf-case-story-item .wf-float-right {
				float: right;
				margin: 0 0 0 30px;
			}

		#wf-block .wf-case-stories .wf-case-story-item .wf-show-more {
			color: #fff;
			font-size: 16px;
			font-weight: 400;
			cursor: pointer;
			display: inline-block;
			padding: 10px 15px;
			background-color: #23337e;
			border: 1px solid #23337e;
			border-radius: 4px;
			margin-top: 10px;
			-webkit-text-fill-color: #fff;
			-webkit-text-stroke-color: #fff;
			transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
		}
			#wf-block .wf-case-stories .wf-case-story-item .wf-show-more:hover {
				background-color: #182356;
				border: 1px solid #182356;
			}

/* Piechart */
#wf-block .wf-piechart {
	}
	#wf-block .wf-piechart .top-spacer {
		height: 30px;
	}

	#wf-block .wf-piechart .pane-container {
		background-color: inherit;
		display: flex;
		margin: auto;
	}
		#wf-block .wf-piechart .pane-container .wf-header {
			text-align: left;
			padding-bottom: 0px;
			width: 100%;
		}

	#wf-block .wf-piechart .left-pane,
	#wf-block .wf-piechart .right-pane {
		position: relative;
		width: 50%;
		display: block;
		min-height: 1px;
		padding: 0 15px;
	}
		#wf-block .wf-piechart .left-pane p {
			font-weight: 400;
		}

	#wf-block .wf-piechart .piechart-container {
		padding: 2em 0;
		position: relative;
	}
		#wf-block .wf-piechart .piechart-container .piechart-legend {
			top: 1em;
			left: 205px;
			position: absolute;
			list-style: none;
			font-size: 0.8em;
			line-height: 1em;
			background-color: #fff;
			z-index:7777;
			padding:0;
		}
			#wf-block .wf-piechart .piechart-container .piechart-legend .legend-item {
				font-size: 14px;
				max-width: 100px;
				cursor: default;
				overflow: hidden;
				margin-top: 3px;
				text-overflow: ellipsis;
			}

		#wf-block .wf-piechart .piechart-container .piechart {
			box-sizing: border-box;
			display: block;
			position: relative;
			width: calc(var(--w, 200) * 1px);
			height: calc(var(--h, 200) * 1px);
		}
			#wf-block .wf-piechart .piechart-container .piechart svg {
				border-radius: 50%;
				box-sizing: border-box;
				background-color: #f9f7f6;
				display: inline;
				overflow-x: hidden;
				overflow-y: hidden;
				transform: rotate(-90deg);
				width: 200px;
				height: 200px;
			}

/* Product */
#wf-block .product-content-block {
	margin-bottom: 30px;
}
	#wf-block .product-content-block h3,
	#wf-block .product-content-block h4 {
		margin-top: 0;
		padding: 5px 0 15px 0;
	}

	#wf-block .product-content-block .request-quote-button,
	#wf-block .product-content-block .startover-button {
		font-size: 16px;
		font-weight: 400;
		width: 90%;
		max-width: 520px;
		display: inline-block;
		padding: 10px 0;
	}

#wf-block .wf-product {
}
	#wf-block .wf-product h1,
	#wf-block .wf-product h2 {
		text-align: center;
	}

	#wf-block .wf-product .product-pane-container {
		display: flex;
		margin: auto;
	}

	#wf-block .wf-product .product-left-pane,
	#wf-block .wf-product .product-right-pane {
		position: relative;
		width: 50%;
		display: block;
		min-height: 1px;
		padding: 0 15px;
	}

	#wf-block .wf-product .product-image-main {
		position: relative;
		padding-top: 75%;
		overflow: hidden;
	}
		#wf-block .wf-product .product-image-main img,
		#wf-block .wf-product .product-image-main iframe {
			top: 0;
			left: 0;
			width: 100%;
			position: absolute;
		}
		#wf-block .wf-product .product-image-main iframe {
			height: 100%;
		}

	#wf-block .wf-product .product-images {
		display: inline-flex;
		margin-bottom: 0;
		vertical-align: top;
		width: 100%;
	}
		#wf-block .wf-product .product-images .img-container {
			width: 30%;
			overflow: hidden;
			position: relative;
			padding-top: 22.5%;
			margin: 0 auto auto auto;
			background-size: contain;
			background-position: center 0;
			background-repeat: no-repeat;
		}
			#wf-block .wf-product .product-images .img-container:hover {
				transform: scale(1.1);
			}
			#wf-block .wf-product .product-images .img-container img {
				position: absolute;
				width:0;
				height:0;
			}

	#wf-block .wf-product .product-reasons {
	}
		#wf-block .wf-product .product-reasons ul {
			list-style: disc;
			padding-left: 1em;
		}
			#wf-block .wf-product .product-reasons ul > li {
				margin-bottom: 1em;
				display: list-item;
				list-style: disc;
			}

#wf-block .wf-product .product-documents {
}
	#wf-block .wf-product .product-documents a {
		color: #1E1C77;
		display: block;
	}
