body {
	color: var(--cText);
	font-family: var(--textFont);
	font-size: var(--textNormal);
	margin: 0px;
	padding: 0px;
	background-color: var(--cBack);
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

#calcContainer form {
	margin: 0px;
	padding: 0px;
}

#calcContainer input {
	color: var(--cText);
	font-family: var(--textFont);
	font-size: var(--textSmall);
	line-height: 42px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-color: var(--cLight);
	border: 0px;
	outline: none;
	-webkit-transition: var(--tGeneric);
	transition: var(--tGeneric);
}

#calcContainer button {
	display: inline-block;
	color: var(--cColour);
	font-family: var(--textFontAlt);
	font-size: var(--textSmall);
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	margin: 20px 20px;
	padding: 14px 28px 14px 28px;
	background-color: var(--cShade);
	border: 0px solid transparent;
	border-radius: 23px;
	outline: none;
	cursor: pointer;
}

#calcContainer label, label:before {
	cursor: pointer;
	-webkit-transition: var(--tGeneric);
	transition: var(--tGeneric);
}

#calcContainer input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

#calcContainer input[type="number"] {
	-moz-appearance: textfield;
}

#calcContainer input[type="range"] {
	height: 3px;
	margin: 0px;
	padding: 0px;
	background-color: var(--cDark);
	outline: none;
	/*overflow: hidden;*/
	-webkit-appearance: none;
	z-index: 5;
}

#calcContainer input[type="range"]:before {
	content: '';
	display: block;
	width: 28px;
	height: 28px;
	position: relative;
	top: -12px;
	background-color: var(--cBack);
	border: 2px solid var(--cColour);
	border-radius: 14px;
}

#calcContainer input[type="range"]::-moz-range-progress, input[type="range"]::-ms-fill-lower {
	background-color: var(--cDark);
}

#calcContainer input[type="range"]::-moz-range-track, input[type="range"]::-ms-fill-upper {  
	background-color: var(--cMedium);
}

#calcContainer input[type="range"]::-webkit-slider-thumb {
	width: 28px;
	height: 28px;
	background-color: var(--cBack);
	border: 2px solid var(--cColour);
	border-radius: 14px;
	/*box-shadow: calc(50vw + 14px) 0px 0px 50vw var(--cMedium);*/
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

#calcContainer input[type="range"]::-moz-range-thumb {
	width: 28px;
	height: 28px;
	background-color: var(--cBack);
	border: 2px solid var(--cColour);
	border-radius: 14px;
	cursor: pointer;
}

/*
#calcContainer input[type="radio"] {
	display: none;
}
*/

#calcContainer h2, #calcContainer h4 {
	width: 90%;
	max-width: 640px;
	text-align: center;
	margin: 25px auto 0px auto;
	padding: 0px !important;
}

#calcContainer h2 {
	color: var(--cTextHead);
	font-family: var(--textFontAlt);
	font-size: var(--textTitle);
	font-weight: 700;
	line-height: calc(var(--textTitle) + 7px);
	text-transform: uppercase;
}
#calcContainer.calcContainerSmall h2 {
	font-size: var(--textHead);
	line-height: calc(var(--textHead) + 7px);
}

#calcContainer h4 {
	font-family: var(--textFont);
	font-size: var(--textNormal);
	font-weight: 400;
	line-height: calc(var(--textNormal) + 10px);
	letter-spacing: 0.45px;
}

.calcHead {
	font-size: var(--textHead);
}
.calcContainerSmall .calcHead {
	font-size: var(--textNormal);
}
.calcStrong {
	font-family: var(--textFontAlt) !important;
	font-weight: 700 !important;
}

.limiterSole {
	width: 38%;
	min-width: 220px;
	max-width: 38%;
}

.limiterThird {
	width: 28%;
	min-width: 220px;
	max-width: 28%;
}

#calcContainer {
	width: 100%;
	/*max-width: var(--maxWidth);
	margin: 0px auto;
	padding: 20px;*/
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	padding: 0px;
}

#calcForm {
	margin: 0px;
	padding: 0px;
}

.calcRow {
	display: flex;
	justify-content: space-between;
	margin: 40px 0px;
}

.calcRowAlt {
	margin: 55px 0px 35px 0px;
}

.calcColumn {
	width: calc(50% - 40px);
}

.calcTitle {
	display: block;
	color: var(--cTextHead);
	font-family: var(--textFontAlt);
	font-size: var(--textNormal);
	font-weight: 700;
	line-height: 22px;
	text-align: left;
	text-transform: uppercase;
	margin: 15px 0px;
}

.calcAligned {
	display: flex;
}

#calcType {
	display: flex;
	background-color: var(--cMedium);
	border-radius: 15px;
}

#calcType div {
	width: 50%;
}

#calcType label {
	display: block;
	width: 100%;
	font-size: var(--textSmall);
	line-height: 42px;
	text-align: center;
	margin: 0px !important;
	padding: 0px;
	border-radius: 15px;
}

#calcType input[type="radio"]:checked ~ label {
	color: var(--cTextAlt);
	background-color: var(--cDark);
	cursor: default;
}

#calcFuel {
	display: flex;
	justify-content: flex-start;
}

#calcFuel label {
	display: flex;
	color: var(--cTextHead);
	line-height: 22px;
	margin: 12px 30px 12px 12px;
}

#calcFuel label:before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 12px;
	background-color: var(--cBorder);
	border-radius: 11px;
}

#calcFuel input[type="radio"]:checked ~ label {
	cursor: default;
}

#calcFuel input[type="radio"]:checked ~ label:before {
	background-color: var(--cDark);
	cursor: default;
}

.calcInput {
	display: flex;
	height: 42px;
	align-items: flex-end;
}

.calcInput input {
	flex-grow: 1;
}

.calcInput output {
	color: var(--cTextHead);
	font-family: var(--textFontAlt);
	font-size: var(--textSmall);
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 50%;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.calcSlider {
	position: relative;
}

.calcEnd {
	width: 60px;
	color: var(--cTextHead);
	font-size: var(--textSmall);
	font-family: var(--textFontAlt);
	font-weight: 700;
	line-height: 42px;
	text-align: center;
	flex-grow: 0;
	background-color: var(--cColour);
	cursor: default;
}

.calcData {
	display: flex;
	color: var(--cText);
	font-family: var(--textFont);
	font-size: var(--textSmall);
	line-height: 22px;
	justify-content: space-between;
	margin: 3px 0px;
	padding: 10px 12px;
	background-color: var(--cLight);
}

.calcData span:first-child {
	text-align: left;
}

.calcData span:last-child {
	min-width: 120px;
	text-align: right;
}

.calcSpacer {
	display: block;
	width: 100%;
	height: 42px;
	background-color: transparent;
}

.calcTable:not(.calcEqual) span:first-child {
	display: flex;
	width: 40%;
	max-width: 40%;
	text-align: left !important;
	align-items: center;
}

.calcTable:not(.calcEqual) span {
	width: 20%;
	max-width: 20%;
	text-align: center !important;
}

.calcTable.calcEqual span:first-child, .calcTable.calcEqual span {
	display: flex;
	width: 25%;
	max-width: 25%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	text-align: center !important;
}

.calcTable span:last-child {
	min-width: unset !important;
}

.calcPinned {
	min-height: 68px;
	padding: 0px 0px 0px 12px;
	background-color: var(--cShade);
}
.calcContainerSmall .calcPinned {
	min-height: 48px;
	padding: 0px 0px 0px 6px;
}
.calcPinned span:first-child {
	padding-right: 3px;
}

.calcPinned span:nth-child(2), .calcPinned span:nth-child(3), .calcPinned span:nth-child(4), .calcPinned.calcEqual span {
	display: flex;
	min-height: 68px;
	color: var(--cText);
	flex-wrap: wrap;
	align-self: stretch;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	background-color: var(--cColour) !important;
}
.calcContainerSmall .calcPinned span:nth-child(2), .calcContainerSmall .calcPinned span:nth-child(3), .calcContainerSmall .calcPinned span:nth-child(4), .calcContainerSmall .calcPinned.calcEqual span {
	min-height: 48px;
	margin-right: 5px;
}
.calcPinned span {
	color: var(--cTextAlt);
	border-right: 0px;
}

.calcCheckmark:after {
	content: "\2713";
	font-size: var(--textHead);
}

.calcCross:after {
	content: "X";
	font-size: var(--textHead);
}

.calcButtons {
	text-align: center;
}

#calcResults {
	margin: 0px;
	padding: 0px;
}

#calcResults .calcRow .calcColumn:last-child {
	position: relative;
}

#calcResults .calcRow .calcColumn:last-child .calcData:last-child {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.infoButton {
	display: inline-block;
	max-width: 22px;
	min-width: 22px;
	max-height: 22px;
	min-height: 22px;
	color: var(--cTextHead);
	font-family: var(--textFontAlt);
	font-size: var(--textSmall);
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	text-transform: none;
	position: relative;
	margin-right: 6px;
	padding: 0px;
	background-color: var(--cColour);
	border: 0px;
	border-radius: 11px;
	cursor: pointer;
}

.infoBox {
	display: none;
	width: 80vw;
	max-width: 500px;
	color: var(--cTextAlt);
	font-family: var(--textFont);
	font-size: var(--textSmall);
	font-weight: 400;
	text-align: left;
	position: absolute;
	top: 24px;
	left: 24px;
	margin: 0px;
	padding: 6px 10px;
	background-color: rgba(74, 74, 74, 0.92);
	border: 0px;
	border-radius: 3px;
	z-index: 6;
}

.infoButton:hover .infoBox {
	display: block;
}

#calcFoot {
	width: 90%;
	max-width: 840px;
	text-align: center;
	margin: 15px auto;
	padding: 0px !important;
}

#calcFoot p {
	font-family: var(--textFont);
	font-size: var(--textSmall);
	font-weight: 400;
	line-height: calc(var(--textSmall) + 5px);
	letter-spacing: 0.45px;
	margin: 3px;
	padding: 0px;
}

#printHeader {
	display: none;
	width: 100%;
	/*height: 3.2cm;*/
	height: 81px;
	align-items: center;
	justify-content: center;
	text-align: center;
	/*background-image: url('http://gascar.hu/assets/media/upload/300/logo.png');*/
	background-color: var(--cColour);
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: 2px solid var(--cBorder);
}

#printHeader img {
	display: none;
	width: 100%;
	height: 79px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	object-fit: contain;
}

@media screen and (min-width: 600px) {
	#calcContainer:not(.calcContainerSmall) .calcNormal {
		font-size: var(--textNormal);
	}
}

@media screen and (max-width: 767px) {
	.calcColumn {
		width: calc(50% - 15px);
	}

	.limiterSole {
		width: unset;
		min-width: 220px;
		max-width: 100%;
	}
}

@media screen and (max-width: 600px) {
	#yui_22470 {
		padding: 0px 8px;
	}

	#calcContainer h2, #calcContainer h4 {
		width: 100%;
		margin: 10px auto 0px auto;
	}

	.calcRow {
		flex-direction: column;
		margin: 0px;
	}

	.calcRowAlt {
		margin: 25px 0px;
	}

	.calcColumn {
		width: 100%;
		margin: 10px 0px;
	}

	.calcSpacer {
		display: none;
	}

	#calcResults .calcRow .calcColumn:last-child {
		position: static;
	}

	#calcResults .calcRow .calcColumn:last-child .calcData:last-child {
		position: static;
	}

	.calcData {
		padding: 6px 7px;
	}

	.calcData span:last-child {
		min-width: 100px;
	}

	.calcTable {
		padding: 0px 0px 0px 7px;
	}

	.calcTable span {
		word-break: break-word;
	}

	.calcTable span:nth-child(2), .calcTable span:nth-child(3), .calcTable span:nth-child(4) {
		padding-left: 3px;
		padding-right: 3px;
	}

	.calcTable:not(.calcEqual) span {
		display: flex;
		width: 22%;
		max-width: 22%;
		align-self: stretch;
		align-items: center;
		justify-content: center;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	.calcTable:not(.calcEqual) span:first-child {
		width: 34%;
		max-width: 34%;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.calcTable span:nth-child(even) {
		background-color: var(--cMedium);
	}

	.calcData {
		font-size: var(--textTiny);
		line-height: 16px;
	}
	.calcHead {
		font-size: var(--textSmall);
		line-height: 18px;
	}
	.calcContainerSmall .calcHead, .calcNormal {
		font-size: var(--textSmall);
		line-height: 18px;
	}

	.calcPinned {
		padding: 0px 0px 0px 7px;
	}

	.calcPinned span:nth-child(2), .calcPinned span:nth-child(3), .calcPinned span:nth-child(4), .calcPinned.calcEqual span {
		margin-right: 3px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.infoButton {
		/*order: 5;*/
	}

	.infoBox {
		max-width: 80vw;
	}
}

@media print {
	.noPrint, .infoButton, .infoBox, .product-img-small, .header, .footer, .cookie-notice, #pbar, #yui_8558a7039a60e9be295e00849137e19c {
		display: none !important;
	}

	@page {
		margin: 0;
	}

	#printHeader {
		display: flex !important;
	}

	#printHeader img {
		display: block !important;
	}

	#calcContainer {
		width: calc(100% - 3.2cm) !important;
		max-width: unset !important;
		margin: 0.6cm 1.6cm !important;
		padding: 0px !important;
	}

	#calcContainer h2, #calcContainer h4 {
		margin: 15px auto 0px auto;
	}

	.calcRow {
		margin: 10px 0px;
	}

	.calcRowAlt {
		margin: 20px 0px 0px 0px;
	}

	.calcColumn {
		width: calc(50% - 10px) !important;
	}

	.calcData {
		margin: 3px 0px !important;
		padding: 5px 6px;
	}

	.calcData span:last-child {
		min-width: 100px;
	}

	.calcPinned {
		padding: 0px 0px 0px 6px !important;
	}

	.calcPinned, .calcPinned span:nth-child(2), .calcPinned span:nth-child(3), .calcPinned span:nth-child(4) {
		min-height: 43px !important;
	}

	#calcFoot {
		max-width: 90% !important;
		margin: 15px auto 0px auto !important;
	}

	#calcFoot p {
		font-size: var(--textTiny) !important;
		line-height: calc(var(--textTiny) + 3px) !important;
	}

	body, h2, h4, .calcTitle, .calcData span, .calcPinned span:nth-child(2), .calcPinned span:nth-child(3), .calcPinned span:nth-child(4) {
		color: black !important;
	}

	#calcContainer:not(.calcContainerSmall) .calcPinned span:first-child {
		color: white !important;
	}

	.breakpoint .col-md-3 {
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}

	#yui_58712, #yui_24976 {
		max-height: 50px !important;
		overflow-y: hidden !important;
	}

	#yui_11660, #yui_54967, #yui_22470 {
		margin: 0px;
		padding: 0px;
	}
}