@charset "utf-8";

@font-face
{
  font-family: 'logofont';
  src: url('https://checklistsp.com.br/fonts/liberal.woff') format('woff'),
 			url('https://checklistsp.com.br/fonts/liberal.ttf') format('truetype');
}

/*
,url('https://example.com/fonts/minhafonte.woff') format('woff')
 background: #1f2528; mais escuro
 background: #343c3f; escuro
 background: #76797e; clara
*/

*
{
	border: none;
	padding: 0px;
	margin: 0px;
	resize: none;
	text-decoration: none;
	list-style: none;
	outline: none;
}

a
{
  color: #000;
  text-decoration: none;
}

a:hover
{
  text-decoration: none;
}

a:active
{
  color: #000;
  text-decoration: none;
}

a:visited
{
  color: #000;
  text-decoration: none;
}

html, body
{
	width: 100%;
	font-family: logofont, verdana, "times new roman", "sans-serif";
	overflow-x: hidden;
	color: #000;
	background: transparent;
}

.header
{
	width: 100vw;
	margin: auto;
	padding-top: 10px;
}

.logo
{
	width: 100%;
	height: 100px;
	margin: auto;
	text-align: center;
}

.name-company
{
	font-size: 50px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.slogan
{
	letter-spacing: 1px;
}

.content
{
	width: 90vw;
	margin: auto;
	padding: 10px;
}

.company
{
	width: 100%;
	text-align: right;
}

.company-title
{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: right;
}

.vehicle-checklist
{
	width: 100%;
	text-align: left;
}

.vehicle-checklist-system-title
{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
}

.vehicle-checklist-system-description
{
	width: 100%;
	text-align: left;
}

.logo-kasper-way
{
	position: fixed;
	bottom: 2px;
	left: 2px;
	width: 10vh;
	height: 10vh;
	border-radius: 50%;
	background: #fff;
}

.logo-kasper-way img
{
	width: 100%;
}

.circles-box-left
{
	position: fixed;
	bottom: -50vh;
	left: -50vh;
	width: 90vh;
	height: 90vh;
	border-radius: 50%;
	background: #d5d5d5;
	z-index: -1;
}

.circles-box-right
{
	position: fixed;
	bottom: -20vh;
	right: -20vh;
	width: 45vh;
	height: 45vh;
	border-radius: 50%;
	background: #f60;
	z-index: -1;
}

/*========================================*/

.fontnormal
{
	font-weight: normal;
}

.bottom5
{
	margin-bottom: 5px;
}

.bottom7
{
	margin-bottom: 7px;
}

.bottom8
{
	margin-bottom: 8px;
}

.bottom10
{
	margin-bottom: 10px;
}

.bottom12
{
	margin-bottom: 12px;
}

.bottom15
{
	margin-bottom: 15px;
}

.bottom18
{
	margin-bottom: 18px;
}

.bottom20
{
	margin-bottom: 20px;
}


.bottom25
{
	margin-bottom: 25px;
}

.bottom30
{
	margin-bottom: 30px;
}

.bottom35
{
	margin-bottom: 35px;
}

.bottom40
{
	margin-bottom: 40px;
}

.top5
{
	margin-top: 5px;
}

.top7
{
	margin-top: 7px;
}

.top8
{
	margin-top: 8px;
}

.top10
{
	margin-top: 10px;
}

.top12
{
	margin-top: 12px;
}

.top15
{
	margin-top: 15px;
}

.top18
{
	margin-top: 18px;
}

.top20
{
	margin-top: 20px;
}

.top25
{
	margin-top: 25px;
}

.top30
{
	margin-top: 30px;
}

.top35
{
	margin-top: 35px;
}

.top40
{
	margin-top: 40px;
}

.developing-sys
{
	font-size: 10px;
}