@font-face {
	font-family: 'font4307';
		src: url('font4307.ttf');
	src: local('font4307'),

		url('font4307.ttf') format('truetype');
		
	font-style: normal;
	font-weight: normal;

}
@font-face {
	font-family: 'FreeMonospaced';
		src: url('FreeMonospaced.ttf');
	src: local('FreeMonospaced'),

		url('FreeMonospaced.ttf') format('truetype');
		
	font-style: normal;
	font-weight: normal;

}
@font-face {
	font-family: 'font20094';
		src: url('font20094.ttf');
	src: local('font20094'),

		url('font20094.ttf') format('truetype');
		
	font-style: normal;
	font-weight: normal;

}
.svgbg {
	fill: white;
}
.svgbg:hover {
	fill: white;
}

@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,400i,700");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");
@import url("https://fonts.googleapis.com/css?family=Lora:400,400i,700");


/* font classes */
.roboto {
	font-family: Roboto, sans-serif;
}

.merriweather {
	font-family: Merriweather, serif;
}

.raleway {
	font-family: Raleway, sans-serif;
}

.lora {
	font-family: Lora, sans-serif;
}

/* Input range styles */
input[type=range] {
	-webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: #ddd;
	border-radius: 4px;
	border: 1px solid #999;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	background-color: #fff;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #999;
	cursor: pointer;
	margin-top: -4px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	border-color: #4299E1;
}

input[type=range]:focus::-webkit-slider-thumb {
	background: #63B3ED;
	border-color: #4299E1;
}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: #ddd;
	border-radius: 4px;
	border: 1px solid #999;
}

input[type=range]::-moz-range-thumb {
	background-color: #fff;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #999;
	cursor: pointer;
	margin-top: -4px;
}

input[type=range]:focus::-moz-range-track {
	border-color: #4299E1;
}

input[type=range]:focus::-moz-range-thumb {
	background: #63B3ED;
	border-color: #4299E1;
}
/* End of Input range styles */
.signature {
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	color: #ddd;
	font-size: 12px;
	text-align: center;
}

.signature a {
	text-decoration: none;
}

.signature i {
	color: #1da1f2;
}