html, body {
	color: #000000;
	font-family: OCRBStdRegular;
	font-weight: 400;
	font-size: 17px;
	line-height: 2.5rem;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.sp-logo {
	max-height: none;
	height: calc(30px*7);
	padding: calc(30px*2) calc(30px*8.1);
}

#sp-main-content{
	flex: 1;
}

footer {
	background: transparent;
	box-shadow: none;
	font-size: 1rem;
	line-height: 2.5rem;
	padding: calc(30px*2) calc(30px*10);
	width: 100%;
	box-sizing: border-box;
}

footer a{
  color: #000;
}

header {
	box-shadow: none;
	padding: 0;
	height: calc(15px*10);
}



#373737
mark {

	background-image: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.1),
		rgba(0, 0, 0, 0.7) 4%,
		rgba(0, 0, 0, 0.3)
	);
}

.sp-menu {
	flex-direction: column;
	align-items: start;
}

.sp-menu-item {
	margin: 0;
	line-height: 2.5rem;
}

.sp-main-content-content {
	font-size: 1rem;
	padding-bottom:0px;
}

.helios-services {
	width: 1236px;
}

footer {
	color: #000;
}

.sp-main-content-content > div:nth-child(1) {
	line-height: 2.1rem;
}

.text-line {
	position: relative;
	display: inline-block;
}

.text-line span {
	position: relative;
	z-index: 1;
}

/*
3 curve
<path d="M0 25 A25 25 0 0 1 25 0 H30 Q70 7 90 0 T110 0 Q130 7 150 0 T170 0 Q195 7 220 0 T230 0 Q250 7 265 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q245 43 230 50 T200 50 Q185 43 170 50 T140 50 Q125 43 110 50 T80 50 Q65 43 50 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/>
2 curve
<path d="M0 25 A25 25 0 0 1 25 0 H30 Q80 7 130 0 T170 0 Q250 9 265 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q215 42 170 50 T140 50 Q85 41 40 50 T80 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/>
1 curva
<path d="M0 25 A25 25 0 0 1 25 0 H30 Q160 6 260 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q160 46 40 50 T200 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/>
*/

.text-line::before {
	content: '';
	position: absolute;
	top: 43%; 
	left: -1px;
	right: -1px;
	transform: translateY(-50%);
	height: 0.8rem; 
	background: #454545d4; 
	z-index: 0;
	pointer-events: none;
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 50" preserveAspectRatio="none"><path d="M0 25 A25 25 0 0 1 25 0 H30 Q80 7 130 0 T170 0 Q250 9 265 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q215 42 170 50 T140 50 Q85 41 40 50 T80 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/></svg>');
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 50" preserveAspectRatio="none"><path d="M0 25 A25 25 0 0 1 25 0 H30 Q80 7 130 0 T170 0 Q250 9 265 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q215 42 170 50 T140 50 Q85 41 40 50 T80 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/></svg>');  
	mask-repeat: repeat-x;
	-webkit-mask-repeat: repeat-x;
	mask-size: 100% 100%;
	-webkit-mask-size: 100% 100%;
}

.muted-text-line {
	position: relative;
	display: inline-block;
}

.muted-text-line span {
	position: relative;
	z-index: 1;
}

.muted-text-line::before {
	content: '';
	position: absolute;
	top: 43%; 
	left: -1px;
	right: -1px;
	transform: translateY(-50%);
	height: 0.8rem; 
	background: #666666bf; 
	z-index: 0;
	pointer-events: none;
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 50" preserveAspectRatio="none"><path d="M0 25 A25 25 0 0 1 25 0 H30 Q80 7 130 0 T170 0 Q250 9 265 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q215 42 170 50 T140 50 Q85 41 40 50 T80 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/></svg>');
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 50" preserveAspectRatio="none"><path d="M0 25 A25 25 0 0 1 25 0 H30 Q80 7 130 0 T170 0 Q250 9 265 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q215 42 170 50 T140 50 Q85 41 40 50 T80 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/></svg>');  
	mask-repeat: repeat-x;
	-webkit-mask-repeat: repeat-x;
	mask-size: 100% 100%;
	-webkit-mask-size: 100% 100%;
}

.small-text-line {
	position: relative;
	display: inline-block;
}

.small-text-line span {
	position: relative;
	z-index: 1;
}

.small-text-line::before {
	content: '';
	position: absolute;
	top: 43%; 
	left: -1px;
	right: -1px;
	transform: translateY(-50%);
	height: 0.8rem; 
	background: #454545d4; 
	z-index: 0;
	pointer-events: none;
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 50" preserveAspectRatio="none"><path d="M0 25 A25 25 0 0 1 25 0 H30 Q160 6 260 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q160 46 40 50 T200 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/></svg>');
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 50" preserveAspectRatio="none"><path d="M0 25 A25 25 0 0 1 25 0 H30 Q160 6 260 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q160 46 40 50 T200 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/></svg>');  
	mask-repeat: repeat-x;
	-webkit-mask-repeat: repeat-x;
	mask-size: 100% 100%;
	-webkit-mask-size: 100% 100%;
}

.muted-small-text-line {
	position: relative;
	display: inline-block;
}

.muted-small-text-line span {
	position: relative;
	z-index: 1;
}

.muted-small-text-line::before {
	content: '';
	position: absolute;
	top: 43%; 
	left: -1px;
	right: -1px;
	transform: translateY(-50%);
	height: 0.8rem; 
	background: #666666bf; 
	z-index: 0;
	pointer-events: none;
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 50" preserveAspectRatio="none"><path d="M0 25 A25 25 0 0 1 25 0 H30 Q160 6 260 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q160 46 40 50 T200 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/></svg>');
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 50" preserveAspectRatio="none"><path d="M0 25 A25 25 0 0 1 25 0 H30 Q160 6 260 0 H275 A25 25 0 0 1 300 25 A25 25 0 0 1 275 50 H260 Q160 46 40 50 T200 50 H25 A25 25 0 0 1 0 25 Z" fill="black"/></svg>');  
	mask-repeat: repeat-x;
	-webkit-mask-repeat: repeat-x;
	mask-size: 100% 100%;
	-webkit-mask-size: 100% 100%;
}

@media only screen and (max-width: 600px) {
	
	html, body {
		font-size: 15px;
		line-height: 2.3rem;
	}
	
	.sp-logo {
		padding: 0px;
		height: calc(30px*6);
	}

	footer {
		font-size: 1rem;
		padding: 30px;
	}

	.sp-main-content-content {
		font-size: 1rem;
	}

	.sp-logo {
		margin: 0; 
	}
	.sp-menu {
		font-size: 1rem;
	}

	header {
		height: auto;
	}
}

@media (min-width: 1440px) and (max-width: 2560px) {

	.sp-main-content-content {
		padding: calc( 30px*3) calc( 30px*6);
	}

	footer {
		padding: calc( 30px*2) calc( 30px*6);
	}

	.sp-logo {
		padding: calc( 30px*2) calc( 30px*4);
	}
}

@media (min-width: 720px) and (max-width: 1280px) {

.sp-main-content-content {
		padding: calc( 30px*3) calc( 30px*3);
	}

	footer {
		padding: calc( 30px*2) calc( 30px*3);
	}

	.sp-logo {
		height: calc( 30px*7);
		padding: calc( 30px*2) calc( 30px*3);
	}
}

@media (min-width: 810px) and (max-width: 1080px) {

.sp-logo {
		padding: calc( 30px*2) calc( 30px*1.65);
		height: calc( 30px*6);
	}
}

@media only screen and (min-device-width: 956px) and (max-device-width: 1470px) {

	.sp-main-content-content {
		padding: calc( 30px*3) calc( 30px*3);
	}
	
	.sp-logo {
		padding: calc( 30px*1.6) calc( 30px*1.6);
		height: calc( 30px*6);
	}
	
	footer {
		padding: calc( 30px*2) calc( 30px*3);
	}
}

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

	html, body {
		font-size:  15px;
		line-height: 2.3rem;
	}
	
	.sp-logo {
		padding: 0px;
		height: calc(30px*6);
	}

	footer {
		font-size: 1rem;
		padding: 30px;
	}

	.sp-main-content-content {
		font-size: 1rem;
	}

	.sp-logo {
		margin: 0; 
	}
	.sp-menu {
		font-size: 1rem;
	}

	header {
		height: auto;
	}
}