/*Green: #bbd030*/
/*Grey: #f1f2f2*/
/*Dark Grey: #706f6f*/
/*Black: #231f20*/
/*Blue: #465560*/

body {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #231f20;
	background: #465560;
	min-width: 320px;
}

:focus, :active {
	outline: 0!important;
}

::selection {
  background: #465560; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #465560; /* Gecko Browsers */
  color: white;
}

.full-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	min-height: 100vh;
	padding-top: 79px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #465560;
}

.container {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

a {
	color: #bbd030;
	text-decoration: underline;
}

a:hover {
	color: #d1eb2a;
	text-decoration: underline;
}

a.button,
.button,
input[type="button"],
input[type="submit"] {
	background: #bbd030;
	color: #231f20;
	text-decoration: none;
	display: inline-block;
	padding: 0 1.5em;
	line-height: 2em;
	min-width: 12.5em;
	text-align: center;
	font-weight: 600;
	margin: 0.5em;
	border-radius: 1em;
	border: 0.15em solid transparent;
	cursor: pointer;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

a.button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	background: #d1eb2a;
}

a.button.secondary,
.button.secondary,
input[type="button"].secondary,
input[type="submit"].secondary {
	background: rgba(0, 0, 0, 0.7);
	color: white;
	border-color: currentColor;
}

a.button.secondary:hover,
.button.secondary:hover,
input[type="button"].secondary:hover,
input[type="submit"].secondary:hover {
	background: rgba(0, 0, 0, 0.8);
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="email"],
textarea {
	display: block;
	padding: 0.5em;
	font: inherit;
	color: #231f20;
	background: white;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

textarea {
	height: 7.5em;
}

span.wpcf7-not-valid-tip {
	margin: 0.5em;
	text-align: left;
}

span.wpcf7-not-valid-tip:before {
	content: "\e914";
	display: block;
	float: left;
	margin: -0.25em 0.25em 0 0;
	font-family: "fleettrak-icons";
	font-weight: normal;
}

div.wpcf7-response-output {
	background: white;
	border: none;
	padding: 0.5em 0.75em;
	text-align: left;
	margin: 0;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
	color: #D50000;
}

div.wpcf7-mail-sent-ok {
	color: #00D500;
}

header {
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

.admin-bar header,
.admin-bar a.nav-opener {
	margin-top: 46px;
}

@media (min-width: 783px) {
	.admin-bar header,
	.admin-bar a.nav-opener {
		margin-top: 32px;
	}
}

header a.logo {
	display: block;
	padding: 1em;
	float: left;
	width: 99px;
}

header a.logo img {
	display: block;
	width: 100%;
	height: auto;
}

a.nav-opener {
	display: block;
	position: fixed;
	top: 1em;
	right: 1em;
	width: 48px;
	height: 48px;
	color: #706f6f;
	text-decoration: none;
	z-index: 11;
}

a.nav-opener i {
	display: block;
	position: absolute;
	top: 50%;
	left: 25%;
	width: 50%;
	height: 2px;
	background: currentColor;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

a.nav-opener i:first-of-type { top: 35%; }
a.nav-opener i:last-of-type { top: 65%; }

.nav-open a.nav-opener i {
	opacity: 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.nav-open a.nav-opener i:first-of-type {
	opacity: 1;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 50%;
}

.nav-open a.nav-opener i:last-of-type {
	opacity: 1;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	top: 50%;
}

nav.main ul {
	list-style: none;
	display: block;
	padding: 1em 0;
	margin: 0;
	font-size: 20px;
}

nav.main ul li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

nav.main ul li a {
	display: block;
	padding: 0.25em 1em;
	color: #706f6f;
	text-decoration: none;
}

nav.main ul li a:hover,
nav.main ul li a:focus {
	text-decoration: underline;
}

nav.main ul li:last-of-type a {
	font-weight: 600;
	color: #bbd030;
}

nav.main .contact {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: 20px;
	background: white;
	padding: 1em;
	width: 100%;
}

nav.main .contact a {
	color: #706f6f;
	text-decoration: none;
}

@media (max-width: 782px) {
	.admin-bar nav.main {
		top: 46px;
	}
}

@media (min-width: 783px) and (max-width: 959px) {
	.admin-bar nav.main {
		top: 32px;
	}
}

@media (max-width: 959px) {
	.nav-open {
		overflow: hidden;
	}

	.full-wrapper,
	nav.main,
	nav.main .contact,
	header {
		-webkit-transition: margin 0.5s;
		-o-transition: margin 0.5s;
		transition: margin 0.5s;
	}

	.nav-open .full-wrapper,
	.nav-open nav.main,
	.nav-open nav.main .contact,
	.nav-open header {
		margin-left: -100%;
	}

	nav.main {
		position: fixed;
		top: 0;
		left: 100%;
		width: 100%;
		bottom: 0;
		background: white;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: white;
		overflow: hidden;
		overflow-y: auto;
		z-index: 10;
	}

	nav.main .contact {
		left: 100%;
	}

	nav.main ul {
		padding-bottom: 60px;
	}
}

@media (max-width: 782px) {
	.admin-bar .main-nav {
		margin-top: 46px;
	}
}

@media (min-width: 783px) and (max-width: 959px) {
	.admin-bar .main-nav {
		margin-top: 32px;
	}
}

@media (min-width: 768px) {
	nav.main ul,
	nav.main .contact {
		font-size: 32px;
	}
}

@media (min-width: 960px) {
	.full-wrapper {
		padding-top: 135px;
	}

	.container {
		max-width: 1024px;
	}

	a.nav-opener {
		display: none;
	}

	header {
		position: absolute;
	}

	.admin-bar header {
		margin-top: 0;
	}

	header a.logo {
		padding: 3em 2em;
	}

	nav.main {
		float: right;
		text-align: right;
		padding: 3.5em 0 0 0;
	}

	nav.main .contact {
		display: block;
		position: static;
		width: auto;
		font-size: 1.25em;
		padding: 0 2rem 0.75rem 0;
	}

	nav.main ul {
		font-size: 1em;
		padding: 0 2rem 0 0;
	}

	nav.main ul li {
		display: inline-block;
		vertical-align: top;
		margin: 0 0 0 0.5em;
	}

	nav.main ul li:first-of-type { display: none; }

	nav.main ul li a {
		padding: 0;
	}
}

@media (min-width: 1400px) {
	body {
		font-size: 16px;
	}

	.full-wrapper {
		padding-top: 172px;
	}

	.container {
		max-width: 1200px;
	}

	header a.logo {
		width: 148px;
	}

	nav.main {
		padding: 4.75em 0 0 0;
	}
}

@media (min-width: 1800px) {
	body {
		font-size: 24px;
	}

	.full-wrapper {
		padding-top: 247px;
	}

	.container {
		max-width: 1668px;
	}

	header a.logo {
		width: 198px;
	}

	nav.main {
		padding: 4.5em 0 0 0;
	}
}

section.banner {
	background: #757575;
	background-position: center center;
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	padding: 2em 1.5em;
}

section.banner h1 {
	margin: 1em auto 0.5em;
	font-weight: 600;
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: 0.9em;
	text-shadow: 0 0 1em black;
	max-width: 20em;
}

section.banner .icon {
	display: block;
	color: inherit;
	font-size: 3em;
	margin: 0 0 0.25em;
}

section.banner .icon:before {
	color: inherit;
}

section.banner .buttons {
	margin: 2em 0 0;
}

@media (min-width: 768px) {
	section.banner .container {
		position: relative;
		padding: 40% 0 0 0;
	}

	section.banner .text {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	section.banner .text .text-t {
		display: table;
		width: 100%;
		height: 100%;
	}

	section.banner .text .text-tc {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}

	section.banner h1 {
		font-size: 2em;
	}
}

@media (min-width: 960px) {
	section.banner h1 {
		font-size: 2.4em;
	}
}

section.text {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.text + section.text {
	margin-top: -6em;
}

section.text .container {
	overflow: visible;
}

section.text p {
	line-height: 1.3em;
	max-width: 37em;
	margin: 1em auto;
}

section.text img {
	display: block;
	margin: 2em auto;
	max-width: 60%;
	height: auto;
}

@media (min-width: 768px) {
	section.text img {
		max-width: 30%;
	}
}

@media (min-width: 960px) {
	section.text {
		padding: 4em 2em;
	}

	section.text + section.text {
		margin-top: -9em;
	}

	section.text img {
		max-width: 60%;
	}
}

section.kpis {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.kpis article.kpi {
	margin: 0 0 4em;
}

section.kpis article.kpi h4 {
	font-size: 1.5em;
	font-weight: 700;
	color: #bbd030;
	margin: 0 0 0.5em;
}

section.kpis article.kpi .icon {
	display: block;
	font-size: 4em;
	font-weight: normal;
	margin: 0 0 0.25em 0;
	color: inherit;
}

section.kpis article.kpi .icon:before {
	color: inherit;
}

section.kpis article.kpi p {
	max-width: 14em;
	margin: 0 auto 1em;
}

@media (min-width: 768px) {
	section.kpis {
		padding: 0 1em 2em;
	}

	section.kpis .container {
		overflow: hidden;
	}

	section.kpis article.kpi {
		width: 25%;
		float: left;
	}

	section.kpis article.kpi h4 {
		font-size: 1em;
		margin: 0 2em 0.5em;
	}
}

@media (min-width: 960px) {
	section.kpis article.kpi .icon {
		font-size: 6em;
	}
}

@media (min-width: 1800px) {
	section.kpis {
		font-size: 20px;
	}

	section.kpis article.kpi .icon {
		font-size: 8em;
	}
}

section.datasheets {
	background: #f1f2f2;
	padding: 2em 1em;
	text-align: center;
}

section.datasheets h2 {
	color: #bbd030;
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 1em;
}

section.datasheets article.terminal {
	margin: 0 0 4em;
	text-align: left;
}

section.datasheets article.terminal h4 {
	font-weight: 700;
	font-size: 1.5em;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

section.datasheets article.terminal .image {
	display: block;
	width: 80%;
	margin: 0 auto 1em;
}

section.datasheets article.terminal .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.datasheets article.terminal ul.features {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

section.datasheets article.terminal ul.features li {
	list-style: none;
	display: block;
	padding: 0 0 0 1em;
	margin: 0.5em 0;
	position: relative;
}

section.datasheets article.terminal ul.features li:before {
	content: "\2013";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

section.datasheets article.terminal p {
	text-align: center;
}

section.datasheets article.terminal a.button,
section.datasheets article.terminal .button,
section.datasheets article.terminal input[type="button"],
section.datasheets article.terminal input[type="submit"] {
	background: transparent;
	color: #bbd030;
	margin: 1em 0 0;
}

section.datasheets article.terminal a.button:hover,
section.datasheets article.terminal .button:hover,
section.datasheets article.terminal input[type="button"]:hover,
section.datasheets article.terminal input[type="submit"]:hover {
	background: white;
}

@media (min-width: 768px) {
	section.datasheets .container {
		overflow: hidden;
	}

	section.datasheets h2 {
		font-size: 2.6em;
	}

	section.datasheets article.terminal {
		float: left;
		width: 33.33%;
		padding: 0 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
	}

	section.datasheets article.terminal .image {
		margin: 0 0 1em;
	}

	section.datasheets article.terminal h4,
	section.datasheets article.terminal p {
		text-align: left;
	}
}

@media (min-width: 960px) {
	section.datasheets {
		padding: 4em 2em;
	}
}

section.alternating {
	padding: 2em 1em;
	background: white;
	text-align: center;
}

section.alternating h2 {
	color: #bbd030;
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 1em;
}

section.alternating p {
	line-height: 1.3em;
}

section.alternating .block {
	margin: 0 0 4em;
}

section.alternating .image {
	margin: 0 0 1em;
}

section.alternating .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.alternating h4 {
	margin: 0 0 1em;
	font-size: 1.5em;
}

section.alternating .icon {
	display: block;
	font-size: 4em;
	font-weight: normal;
	color: #bbd030;
	margin: 0 0 0.25em 0;
}

section.alternating .icon:before {
	color: inherit;
}

@media (min-width: 768px) {
	section.alternating h2 {
		font-size: 2.6em;
	}
}

@media (min-width: 768px) {
	section.alternating {
		text-align: left;
		padding: 2em;
	}

	section.alternating h2 {
		text-align: center;
	}

	section.alternating .block {
		clear: both;
		overflow: hidden;
		border-bottom: 0.25em solid #bbd030;
		padding: 0 0 4em;
		position: relative;
	}

	section.alternating .block:last-of-type {
		padding: 0;
		margin: 0;
		border: none;
	}

	section.alternating .block .image {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: calc(100% - 3em);
	}

	section.alternating .block.a .text {
		float: left;
		width: 45%;
	}

	section.alternating .block.b .image {
		right: auto;
		left: 0;
	}

	section.alternating .block:last-of-type .image {
		height: calc(100% + 1em);
	}

	section.alternating .block.b .text {
		float: right;
		width: 45%;
	}

	section.alternating .block .image img {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate3d(-50%, -50%, 0);
		-ms-transform: translate3d(-50%, -50%, 0);
		-o-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
}

@media (min-width: 960px) {
	section.alternating {
		padding: 4em 2em;
	}
}

section.product-promo {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbd030+65,89aa09+100 */
	background: #bbd030; /* Old browsers */
	background: -moz-linear-gradient(top, #bbd030 65%, #89aa09 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bbd030 65%,#89aa09 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bbd030 65%,#89aa09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd030', endColorstr='#89aa09',GradientType=0 ); /* IE6-9 */
	padding: 2em 1em 0;
	text-align: center;
}

section.product-promo h2 {
	color: white;
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 1em;
}

section.product-promo .text {
	margin: 0 0 2em;
}

section.product-promo h2 img {
	width: auto;
	height: 0.8em;
	display: inline-block;
}

section.product-promo h3 {
	color: white;
}

section.product-promo ul.features {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	max-width: 23em;
}

section.product-promo ul.features li {
	list-style: none;
	display: block;
	padding: 0 0 0 1em;
	margin: 0.5em 0;
	position: relative;
}

section.product-promo ul.features li:before {
	content: "\2013";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

section.product-promo a.button,
section.product-promo .button,
section.product-promo input[type="button"],
section.product-promo input[type="submit"] {
	background: white;
	color: #bbd030;
	margin: 1em 0 0;
}

section.product-promo a.button:hover,
section.product-promo .button:hover,
section.product-promo input[type="button"]:hover,
section.product-promo input[type="submit"]:hover {
	color: #89aa09;
}

section.product-promo .image img {
	display: block;
	width: 85%;
	height: auto;
	margin: 0 0 0 auto;
}

@media (min-width: 768px) {
	section.product-promo {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbd030+65,89aa09+100 */
		background: #bbd030; /* Old browsers */
		background: -moz-linear-gradient(left, #bbd030 65%, #89aa09 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #bbd030 65%,#89aa09 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #bbd030 65%,#89aa09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd030', endColorstr='#89aa09',GradientType=1 ); /* IE6-9 */
	}

	section.product-promo h2 {
		font-size: 2.6em;
	}

	section.product-promo p.intro {
		font-size: 1.5em;
		max-width: 35em;
		margin: 1em auto;
	}

	section.product-promo .split {
		position: relative;
		max-width: 50em;
		margin: 2em auto 0;
	}

	section.product-promo .text {
		text-align: left;
		margin: 0;
		padding-bottom: 2em;
	}

	section.product-promo h3 {
		font-size: 1.5em;
		margin: 1em 0 0.5em;
	}

	section.product-promo ul.features {
		margin: 0;
	}

	section.product-promo .image {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 45%;
	}

	section.product-promo .image img {
		width: 100%;
	}
}

@media (min-width: 960px) {
	section.product-promo {
		padding: 4em 2em 0;
	}

	section.product-promo .image {
		width: 45%;
	}
}

section.partners {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.partners h2 {
	color: #bbd030;
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 0.5em;
}

section.partners p {
	max-width: 40em;
	margin: 0 auto 1em;
}

section.partners article.partner {
	margin: 2em 0;
	padding: 0 0 2em;
	border-bottom: 0.2em solid #ebebeb;
}

section.partners article.partner .image {
	margin: 0 auto 1em;
	max-width: 80%;
}

section.partners article.partner .image img {
	width: 100%;
	height: auto;
}

section.partners article.partner .text {
	max-width: 15em;
	margin: 0 auto;
}

section.partners p.buttons {
	clear: both;
}

section.partners a.button,
section.partners .button,
section.partners input[type="button"],
section.partners input[type="submit"] {
	color: white;
}

section.partners a.button.secondary,
section.partners .button.secondary,
section.partners input[type="button"].secondary,
section.partners input[type="submit"].secondary {
	background: transparent;
	color: #bbd030;
}

section.partners a.button.secondary:hover,
section.partners .button.secondary:hover,
section.partners input[type="button"].secondary:hover,
section.partners input[type="submit"].secondary:hover {
	color: #89aa09;
}

@media (min-width: 768px) {
	section.partners h2 {
		font-size: 2.6em;
	}

	section.partners article.partner {
		width: 33.33%;
		float: left;
		border-bottom: none;
		border-right: 0.2em solid #ebebeb;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	section.partners article.partner:last-of-type {
		border-right: none;
	}
}

@media (min-width: 960px) {
	section.partners {
		padding: 4em 2em;
	}
}

section.devices {
	background: #f1f2f2;
	padding: 2em 1em;
	text-align: center;
}

section.devices h2 {
	color: #bbd030;
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 0.5em;
}

section.devices article.device {
	margin: 0 0 4em;
}

section.devices article.device .image {
	max-width: 80%;
	margin: 0 auto;
}

section.devices article.device .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.devices h4 {
	margin: 0;
}

section.devices p {
	margin: 0;
}

section.devices a.button.secondary,
section.devices .button.secondary,
section.devices input[type="button"].secondary,
section.devices input[type="submit"].secondary {
	background: transparent;
	color: #bbd030;
}

section.devices a.button.secondary:hover,
section.devices .button.secondary:hover,
section.devices input[type="button"].secondary:hover,
section.devices input[type="submit"].secondary:hover {
	background: white;
}

@media (min-width: 768px) {
	section.devices h2 {
		font-size: 2.6em;
	}

	section.devices article.device {
		float: left;
		width: 33.33%;
		margin: 2em 0;
		padding: 0 2em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	section.devices article.device:nth-of-type(3n+1) {
		clear: left;
	}
}

@media (min-width: 960px) {
	section.devices {
		padding: 4em 2em;
	}
}

section.solutions {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.solutions .container {
	max-width: 55em;
}

section.solutions article.solution {
	position: relative;
	margin: 0 0 4em 0;
}

section.solutions article.solution:before {
	content: "";
	display: block;
	text-align: center;
	width: 2em;
	height: 1em;
	font-size: 6em;
	margin: 0 auto 1rem;
	font-family: "fleettrak-icons";
	font-weight: normal;
	color: #bbd030;
}

section.solutions article.solution.fuel-emissions:before { content: "\e903"; }
section.solutions article.solution.service-levels:before { content: "\e902"; }
section.solutions article.solution.reduced-insurance:before { content: "\e901"; }
section.solutions article.solution.enhanced-safety:before { content: "\e900"; }
section.solutions article.solution.reduced-infringements:before { content: "\e90e"; }

section.solutions article.solution h3 {
	color: #bbd030;
	font-weight: normal;
	margin: 0 0 1em;
	font-size: 1.2em;
}

section.solutions article.solution p {
	line-height: 1.3em;
}

section.solutions article.solution .case-study {
	margin: 1em 0 0;
}

section.solutions article.solution .case-study .image {
	display: block;
	width: 6em;
	height: 6em;
	overflow: hidden;
	border-radius: 50%;
	border: 0.3em solid #bbd030;
	margin: 0 auto 1em;
}

section.solutions article.solution .case-study .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.solutions article.solution .case-study blockquote {
	padding: 0 1em;
	margin: 0;
}

section.solutions article.solution .case-study blockquote p {
	font-size: 1.2em;
	margin: 0 0 0.5em;
	color: #bbd030;
}

section.solutions article.solution .case-study blockquote p:before { content: open-quote; }
section.solutions article.solution .case-study blockquote p:after { content: close-quote; }

section.solutions article.solution .case-study blockquote cite {
	font-style: normal;
	font-weight: 600;
	color: #bbd030;
}

section.solutions a.button.secondary,
section.solutions .button.secondary,
section.solutions input[type="button"].secondary,
section.solutions input[type="submit"].secondary {
	background: transparent;
	color: #bbd030;
}

section.solutions a.button.secondary:hover,
section.solutions .button.secondary:hover,
section.solutions input[type="button"].secondary:hover,
section.solutions input[type="submit"].secondary:hover {
	color: #89aa09;
}

@media (min-width: 768px) {
	section.solutions article.solution {
		text-align: left;
		padding: 0 0 0 12em;
		border-bottom: 0.2em solid #ebebeb;
	}

	section.solutions article.solution:last-of-type {
		border-bottom: none;
		margin-bottom: 0;
	}

	section.solutions article.solution:before {
		position: absolute;
		top: 0;
		left: 0;
		text-align: left;
	}

	section.solutions article.solution h3 {
		font-size: 1.4em;
		margin: 0;
	}

	section.solutions article.solution .case-study .image {
		float: left;
		width: 5em;
		height: 5em;
	}

	section.solutions article.solution .case-study .text {
		margin-left: 6em;
	}

	section.solutions article.solution .case-study blockquote p {
		font-size: 1.4em;
	}

	section.solutions article.solution .case-study p.buttons {
		clear: both;
	}
}

@media (min-width: 960px) {
	section.solutions {
		padding: 4em 2em;
	}
}

section.two {
	background: #f1f2f2;
	padding: 2em 1em;
	text-align: center;
}

section.two a.button.secondary,
section.two .button.secondary,
section.two input[type="button"].secondary,
section.two input[type="submit"].secondary {
	background: transparent;
	color: #bbd030;
}

section.two a.button.secondary:hover,
section.two .button.secondary:hover,
section.two input[type="button"].secondary:hover,
section.two input[type="submit"].secondary:hover {
	color: #89aa09;
}

@media (min-width: 768px) {
	section.two p.intro {
		font-size: 1.5em;
		max-width: 25em;
		margin: 1em auto;
	}

	section.two .cols {
		column-count: 2;
		column-gap: 2em;
		text-align: left;
		max-width: 60em;
		margin: 0 auto;
	}

	section.two .cols p {
		margin: 0;
	}
}

@media (min-width: 960px) {
	section.two {
		padding: 4em 2em;
	}
}

section.why-choose-us {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.why-choose-us h2 {
	margin: 0 0 1em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #bbd030;
}

section.why-choose-us article.reason {
	margin: 4em 0;
}

section.why-choose-us article.reason .image {
	margin: 0 auto 2em;
	max-width: 80%;
}

section.why-choose-us article.reason .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.why-choose-us article.reason .text {
	max-width: 15em;
	margin: 0 auto;
}

@media (min-width: 768px) {
	section.why-choose-us { text-align: center; }

	section.why-choose-us h2 {
		font-size: 2.6em;
	}

	section.why-choose-us article.reason {
		width: 33%;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 2em;
	}
}

@media (min-width: 960px) {
	section.why-choose-us {
		padding: 4em 2em;
	}

	section.why-choose-us article.reason {
		padding: 0 2em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

section.pillars {
	background: #bbd030;
	color: white;
	padding: 2em 1em;
	text-align: center;
}

section.pillars h2 {
	margin: 0 0 1em 0;
	font-size: 2em;
	text-transform: uppercase;
}

section.pillars article.pillar {
	border-bottom: 0.2em solid white;
	padding: 0 0 2em;
	margin: 0 0 2em;
}

section.pillars article.pillar:last-of-type {
	border-bottom: none;
}

section.pillars article.pillar .image {
	display: block;
	max-width: 80%;
	margin: 0 auto 1em;
}

section.pillars article.pillar .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.pillars article.pillar h3 {
	margin: 0 0 0.5em;
	font-weight: 700;
	font-size: 1.5em;
}

section.pillars article.pillar p {
	margin: 0 auto;
	max-width: 80%;
	color: #231f20;
	line-height: 1.3em;
}

@media (min-width: 768px) {
	section.pillars h2 {
		font-size: 2.6em;
	}

	section.pillars article.pillar {
		width: 33.33%;
		float: left;
		border-bottom: none;
		border-right: 0.2em solid white;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	section.pillars article.pillar:last-of-type {
		border-right: none;
	}
}

@media (min-width: 960px) {
	section.pillars {
		padding: 4em 2em;
	}
}

section.team {
	background: #e61873;
	color: white;
	padding: 2em 1em;
	text-align: center;
}

section.team h2 {
	margin: 0 0 1em 0;
	font-size: 2em;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	section.team h2 {
		font-size: 2.6em;
	}
}

@media (min-width: 960px) {
	section.team {
		padding: 4em 2em;
	}
}

section.benefits {
	background: #bbd030;
	color: white;
	padding: 2em 1em;
	text-align: center;
}

section.benefits h2 {
	margin: 0 0 1em 0;
	font-size: 2em;
	text-transform: uppercase;
}

section.benefits figure {
	display: block;
	padding: 0;
	margin: 0 0 3em;
}

section.benefits figure:before {
	content: "";
	display: block;
	font-size: 6em;
	line-height: 1em;
	text-align: center;
	margin: 0 0 0.5rem 0;
	font-family: "fleettrak-icons";
	font-weight: normal;
	font-style: normal;
}

section.benefits figure.fuel-usage:before { content: "\e903"; }
section.benefits figure.productivity:before { content: "\e902"; }
section.benefits figure.reduced-insurance:before { content: "\e901"; }
section.benefits figure.compliance:before { content: "\e900"; }

section.benefits figure figcaption {
	color: #231f20;
	line-height: 1.3em;
}

section.benefits p {
	clear: both;
}

section.benefits .buttons {
	clear: both;
}

section.benefits a.button,
section.benefits .button {
	background: white;
	color: #231f20;
}

section.benefits a.button:hover,
section.benefits .button:hover {
	color: #3d3638;
}

@media (max-width: 480px) {
	section.benefits a.button,
	section.benefits .button {
		padding: 0 0.5em;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	section.benefits figure {
		float: left;
		width: 50%;
	}

	section.benefits figure:nth-child(2n) {
		clear: left;
	}
}

@media (min-width: 768px) {
	section.benefits {
		font-size: 0.8em;
	}

	section.benefits h2 {
		font-size: 2.6em;
	}

	section.benefits figure {
		float: left;
		width: 25%;
	}
}

@media (min-width: 960px) {
	section.benefits .benefits {
		max-width: 60em;
		margin: 0 auto;
	}
}

section.testimonials {
	padding: 0 1em;
	background: white;
	text-align: center;
}

section.testimonials .container {
	max-width: 50em;
	padding: 2em 0;
}

section.testimonials article.testimonial {
	margin: 0 0 2em;
	padding: 0 0 2em;
	border-bottom: 0.2em solid #bbd030;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section.testimonials article.testimonial:last-of-type {
	border-bottom: none;
}

section.testimonials article.testimonial .image {
	border-radius: 50%;
	max-width: 45%;
	margin: 0.5em auto 1.5em;
	overflow: hidden;
	border: 0.5em solid #bbd030;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	padding: 0.5em;
}

section.testimonials article.testimonial .image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
}

section.testimonials article.testimonial blockquote {
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 0.5em;
}

section.testimonials article.testimonial blockquote:before { content: open-quote; }
section.testimonials article.testimonial blockquote:after { content: close-quote; }

section.testimonials article.testimonial cite {
	font-style: normal;
	display: block;
	padding: 0;
	margin: 0 0 1em;
}

section.testimonials article.testimonial .text img {
	display: block;
	max-width: 50%;
	height: auto;
	margin: 0 auto;
}

@media (min-width: 768px) {
	section.testimonials .container {
		background: white url(../img/testimonials-bg-new.jpg) 50% 0 no-repeat;
		background-size: 75% auto;
		padding: 6em 0 2em;
	}

	section.testimonials article.testimonial {
		border-bottom: none;
		float: left;
		width: 50%;
		padding: 0 2em 0;
		border-right: 0.2em solid #bbd030;
	}

	section.testimonials article.testimonial:last-of-type {
		border-right: none;
	}
}

@media (min-width: 960px) {
	section.testimonials {
		padding: 0 2em;
		background-size: 60% auto;
	}

	section.testimonials .container {
		max-width: 55em;
	}

	section.testimonials article.testimonial {
		padding: 0 4em;
	}

	section.testimonials article.testimonial cite {
		font-size: 0.7em;
	}

	section.testimonials article.testimonial .text img {
		max-width: 60%;
	}
}

section.social-media {
	background: #f1f2f2;
	padding: 2em 1em;
	text-align: center;
}

section.social-media h2 {
	margin: 0 0 1em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #bbd030;
}

section.social-media article.social {
	margin: 0 0 2em;
	padding: 0 0 2em;
	border-bottom: 0.2em solid #bbd030;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section.social-media article.social:last-of-type {
	border-bottom: none;
}

section.social-media article.social .image {
	margin: 0 0 1em;
}

section.social-media article.social .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.social-media article.social .text {
	margin: 1em 1em 0;
}

section.social-media article.social .text a {
	display: table;
	font-weight: 600;
	margin: 0.25em auto;
	text-decoration: none;
}

@media (min-width: 768px) {
	section.social-media h2 {
		font-size: 2.6em;
	}

	section.social-media article.social {
		border-bottom: none;
		float: left;
		width: 33.33%;
		padding: 0 2em 0;
		border-right: 0.2em solid #bbd030;
	}

	section.social-media article.social:last-of-type {
		border-right: none;
	}
}

@media (min-width: 960px) {
	section.social-media {
		padding: 4em 2em;
	}
}

section.blog-snippets {
	background: #f1f2f2;
	padding: 2em 1em;
	text-align: center;
}

section.blog-snippets h2 {
	margin: 0 0 1em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #bbd030;
}

section.blog-snippets article.blog {
	margin: 0 0 2em;
	padding: 0 0 2em;
	border-bottom: 0.2em solid #bbd030;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section.blog-snippets article.blog:last-of-type {
	border-bottom: none;
}

section.blog-snippets article.blog .image {
	margin: 0 0 1em;
}

section.blog-snippets article.blog .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.blog-snippets article.blog .text {
	margin: 1em 1em 0;
}

section.blog-snippets article.blog .text a {
	display: table;
	font-weight: 600;
	margin: 0.25em auto;
	text-decoration: none;
}

@media (min-width: 768px) {
	section.blog-snippets h2 {
		font-size: 2.6em;
	}

	section.blog-snippets article.blog {
		border-bottom: none;
		float: left;
		width: 33.33%;
		padding: 0 2em 0;
		border-right: 0.2em solid #bbd030;
	}

	section.blog-snippets article.blog:last-of-type {
		border-right: none;
	}
}

@media (min-width: 960px) {
	section.blog-snippets {
		padding: 4em 2em;
	}
}

section.awards {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.awards h2 {
	margin: 0 0 1em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #bbd030;
}

section.awards img {
	display: inline-block;
	width: 40%;
	height: auto;
}

@media (min-width: 480px) {
	section.awards img {
		width: 30%;
	}
}

@media (min-width: 768px) {
	section.awards h2 {
		font-size: 2.6em;
	}

	section.awards img {
		width: auto;
		height: 7.5em;
	}
}

@media (min-width: 960px) {
	section.awards {
		padding: 4em 2em;
	}

	section.awards img {
		height: 10em;
	}
}

section.savings-calculator {
	padding: 2em 1em 1em;
	background: #bbd030;
	text-align: center;
}

section.savings-calculator .container {
	max-width: 38em;
}

section.savings-calculator h2 {
	margin: 0 0 0.5em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: white;
}

section.savings-calculator p {
	margin: 1em auto;
}

section.savings-calculator label {
	display: none;
}

section.savings-calculator a.button,
section.savings-calculator .button,
section.savings-calculator input[type="button"],
section.savings-calculator input[type="submit"] {
	background: transparent;
	border-color: white;
	color: white;
}

section.savings-calculator a.button:hover,
section.savings-calculator .button:hover,
section.savings-calculator input[type="button"]:hover,
section.savings-calculator input[type="submit"]:hover {
	background: rgba(255, 255, 255, 0.15);
}

@media (min-width: 768px) {
	section.savings-calculator h2 {
		font-size: 2.6em;
	}

	section.savings-calculator p.field.name {
		width: calc(50% - 0.5em);
		float: left;
	}

	section.savings-calculator p.field.email {
		width: calc(50% - 0.5em);
		float: right;
	}

	section.savings-calculator p.buttons {
		clear: both;
	}
}

@media (min-width: 960px) {
	section.savings-calculator {
		padding: 4em 2em 2em;
	}
}

section.case-study {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.case-study.b {
	background: #f1f2f2;
}

section.case-study .container {
	max-width: 60em;
}

section.case-study h2 {
	margin: 0 0 0.5em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #bbd030;
}

section.case-study .image {
	max-width: 80%;
	margin: 0 auto 2em;
}

section.case-study .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.case-study .challenge h3 {
	margin: 0 0 0.25em;
	font-size: 1.5em;
}

section.case-study .challenge p {
	margin: 0 0 1em;
	line-height: 1.3em;
}

section.case-study .case-study blockquote {
	padding: 0;
	margin: 0 0 1em;
}

section.case-study .case-study blockquote p {
	color: #bbd030;
	font-size: 1.5em;
	margin: 0;
}

section.case-study .case-study blockquote p:before { content: open-quote; }
section.case-study .case-study blockquote p:after { content: close-quote; }

section.case-study .case-study .image {
	width: 6em;
	height: 6em;
	border-radius: 50%;
	overflow: hidden;
	border: 0.4em solid #bbd030;
	margin: 0 auto 1em;
}

section.case-study .case-study cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	color: #bbd030;
	max-width: 15em;
	margin: 0 auto;
}

section.case-study .buttons {
	font-size: 0.8em;
}

section.case-study a.button,
section.case-study .button,
section.case-study input[type="button"],
section.case-study input[type="submit"] {
	color: white;
}

section.case-study.b a.button,
section.case-study.b .button,
section.case-study.b input[type="button"],
section.case-study.b input[type="submit"] {
	color: #bbd030;
	background: transparent;
}

section.case-study.b a.button:hover,
section.case-study.b .button:hover,
section.case-study.b input[type="button"]:hover,
section.case-study.b input[type="submit"]:hover {
	color: #89aa09;
}

@media (min-width: 768px) {
	section.case-study h2 {
		font-size: 2.6em;
	}

	section.case-study p.intro {
		font-size: 1.5em;
		max-width: 40em;
		margin: 1em auto;
	}

	section.case-study .image {
		max-width: none;
	}

	section.case-study .challenge {
		text-align: left;
		font-size: 0.8em;
		width: calc(50% - 1em);
		float: left;
	}

	section.case-study .case-study {
		margin-left: calc(50% + 1em);
		padding: 1.5em 0 0 0;
		text-align: left;
	}

	section.case-study .case-study blockquote p {
		font-size: 1.75em;
	}

	section.case-study .case-study .image {
		margin: 0 0 1em;
		float: left;
	}

	section.case-study .case-study cite {
		margin-left: 8em;
		padding: 2em 0 0 0;
	}

	section.case-study p.buttons {
		clear: both;
	}
}

@media (min-width: 960px) {
	section.case-study {
		padding: 4em 2em;
	}
}

section.blog-archive {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.blog-archive h1 {
	margin: 0 0 0.5em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #bbd030;
}

section.blog-archive article.blog {
	padding: 0 0 2em;
	margin: 2em 0;
	border-bottom: 0.2em solid #ebebeb;
}

section.blog-archive article.blog:last-of-type {
	border-bottom: none;
	padding: 0;
}

section.blog-archive article.blog .image {
	margin: 0 0 1em;
}

section.blog-archive article.blog .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.blog-archive article.blog .text {
	text-align: left;
}

section.blog-archive article.blog .text h2 a {
	text-decoration: none;
}

section.blog-archive article.blog .text p {
	line-height: 1.3em;
}

@media (min-width: 768px) {
	section.blog-archive h1 {
		font-size: 2.6em;
	}

	section.blog-archive article.blog {
		overflow: hidden;
	}

	section.blog-archive article.blog .image {
		float: left;
		width: 40%;
	}

	section.blog-archive article.blog .text {
		margin-left: 40%;
		padding: 0 0 0 2em;
	}

	section.blog-archive article.blog .text h2 {
		margin: 0 0 1em;
	}
}

@media (min-width: 960px) {
	section.blog-archive {
		padding: 4em 2em;
	}
}

section.whitepapers {
	padding: 2em 1em 1em;
	background: #bbd030;
	text-align: center;
}

section.whitepapers .container {
	max-width: 48em;
}

section.whitepapers form {
	max-width: 38em;
	margin: 0 auto;
}

section.whitepapers h2 {
	margin: 0 0 0.5em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: white;
}

section.whitepapers article.whitepaper {
	border-bottom: 0.2em solid white;
	padding: 0 0 2em;
	margin: 2em 0;
	position: relative;
}

section.whitepapers article.whitepaper:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

section.whitepapers article.whitepaper .image {
	display: block;
	margin: 0 0 1em;
}

section.whitepapers article.whitepaper .image img {
	display: block;
	width: 100%;
	height: auto;
}

section.whitepapers article.whitepaper .text h4 {
	margin: 0;
}

section.whitepapers article.whitepaper .text h4 a {
	color: white;
	text-decoration: none;
}

section.whitepapers article.whitepaper .whitepaper-gate {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 10;
}

section.whitepapers p {
	margin: 1em auto;
}

section.whitepapers label {
	display: none;
}

section.whitepapers a.button,
section.whitepapers .button,
section.whitepapers input[type="button"],
section.whitepapers input[type="submit"] {
	background: transparent;
	border-color: white;
	color: white;
}

section.whitepapers a.button:hover,
section.whitepapers .button:hover,
section.whitepapers input[type="button"]:hover,
section.whitepapers input[type="submit"]:hover {
	background: rgba(255, 255, 255, 0.15);
}

@media (min-width: 768px) {
	section.whitepapers h2 {
		font-size: 2.6em;
	}

	section.whitepapers article.whitepaper {
		float: left;
		width: 33.33%;
		padding: 0 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: none;
		border-right: 0.2em solid white;
	}

	section.whitepapers article.whitepaper:last-of-type {
		border-right: none;
	}

	section.whitepapers form {
		clear: both;
	}

	section.whitepapers p.field.name {
		width: calc(50% - 0.5em);
		float: left;
	}

	section.whitepapers p.field.email {
		width: calc(50% - 0.5em);
		float: right;
	}

	section.whitepapers p.buttons {
		clear: both;
	}
}

@media (min-width: 960px) {
	section.whitepapers {
		padding: 4em 2em 2em;
	}
}

section.news-archive {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.news-archive .container {
	max-width: 48em;
}

section.news-archive h2 {
	margin: 0 0 0.5em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #bbd030;
}

section.news-archive article.news {
	border-bottom: 0.2em solid #ebebeb;
	padding: 0 0 2em;
	margin: 2em 0;
	text-align: left;
}

section.news-archive article.news:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

section.news-archive article.news .text {
	margin: 0 auto;
	max-width: 38em;
}

section.news-archive article.news h4 {
	margin: 0;
}

section.news-archive article.news h4 a {
	text-decoration: none;
}

@media (min-width: 768px) {
	section.news-archive h2 {
		font-size: 2.6em;
	}
}

@media (min-width: 960px) {
	section.news-archive {
		padding: 4em 2em;
	}
}

section.blog-article {
	background: white;
	padding: 2em 1em;
	text-align: left;
}

section.blog-article .container {
	max-width: 40em;
}

section.contact-form {
	padding: 2em 1em 1em;
	background: #bbd030;
	text-align: center;
}

section.contact-form .container {
	max-width: 38em;
}

section.contact-form h1 {
	margin: 0 0 0.5em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: white;
}

section.contact-form p {
	margin: 1em auto;
}

section.contact-form label {
	display: none;
}

section.contact-form a.button,
section.contact-form .button,
section.contact-form input[type="button"],
section.contact-form input[type="submit"] {
	background: transparent;
	border-color: white;
	color: white;
}

section.contact-form a.button:hover,
section.contact-form .button:hover,
section.contact-form input[type="button"]:hover,
section.contact-form input[type="submit"]:hover {
	background: rgba(255, 255, 255, 0.15);
}

@media (min-width: 768px) {
	section.contact-form h1 {
		font-size: 2.6em;
	}

	section.contact-form p.field {
		margin: 0 0 1em;
	}

	section.contact-form p.field.name,
	section.contact-form p.field.company {
		width: calc(50% - 0.5em);
		float: left;
	}

	section.contact-form p.field.email,
	section.contact-form p.field.phone {
		width: calc(50% - 0.5em);
		float: right;
	}

	section.contact-form p.field.enquiry {
		clear: both;
	}

	section.contact-form p.buttons {
		clear: both;
	}
}

@media (min-width: 960px) {
	section.contact-form {
		padding: 4em 2em 2em;
	}
}

section.contact-options {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.contact-options .container {
	max-width: 48em;
}

section.contact-options .option {
	margin: 2em 0;
	padding: 0 0 2em;
	border-bottom: 0.2em solid #ebebeb;
}

section.contact-options .option:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

section.contact-options .option h3 {
	color: #bbd030;
	margin: 0 0 0.5em;
	font-weight: 700;
	font-size: 1.5em;
}

section.contact-options .icon {
	display: block;
	font-size: 4em;
	font-weight: normal;
	color: #bbd030;
	margin: 0 0 0.25em 0;
}

section.contact-options .icon:before {
	color: inherit;
}

section.contact-options a.button.secondary,
section.contact-options .button.secondary,
section.contact-options input[type="button"].secondary,
section.contact-options input[type="submit"].secondary {
	background: transparent;
	color: #bbd030;
	margin: 1em 0 0;
	min-width: 7.5em;
}

section.contact-options a.button.secondary:hover,
section.contact-options .button.secondary:hover,
section.contact-options input[type="button"].secondary:hover,
section.contact-options input[type="submit"].secondary:hover {
	color: #89aa09;
}

@media (min-width: 768px) {
	section.contact-options .option {
		float: left;
		width: 33.33%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 1em;
		border-bottom: none;
		border-right: 0.2em solid #ebebeb;
	}

	section.contact-options .option:last-of-type {
		border-right: none;
	}
}

@media (min-width: 960px) {
	section.contact-options {
		padding: 4em 2em;
	}
}

section.contact-cta {
	background: #f1f2f2;
	padding: 1em;
	text-align: center;
	font-weight: 700;
	color: #bbd030;
}

section.contact-cta p {
	margin: 0;
}

section.contact-cta .icon {
	width: 1em;
	height: 1em;
	display: block;
	font-size: 3em;
	margin: 0 auto 0.3em;
	color: inherit;
}

section.contact-cta .icon:before { color: inherit; }

section.contact-cta a {
	color: #231f20;
	font-weight: 600;
	text-decoration: none;
	display: block;
}

@media (min-width: 768px) {
	section.contact-cta .icon {
		display: inline-block;
		vertical-align: middle;
		margin-top: 0.25em;
	}

	section.contact-cta a {
		display: inline-block;
	}
}

section.full-savings-calculator {
	background: white;
	padding: 2em 1em;
	text-align: center;
}

section.full-savings-calculator p.intro {
	max-width: 25em;
	margin: 1em auto;
	font-size: 1.2em;
}

section.full-savings-calculator h1 {
	margin: 0 0 0.5em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #bbd030;
}

section.full-savings-calculator h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.6em;
	text-transform: uppercase;
}

section.full-savings-calculator form {
	margin: 2em auto;
	text-align: left;
	max-width: 35em;
}

section.full-savings-calculator form .labels {
	display: none;
}

section.full-savings-calculator form .mode {
	border-bottom: 1px solid #eceeef;
	padding: 0 0 2em;
	margin: 0 0 2em;
}

section.full-savings-calculator form .mode .title {
	font-weight: 700;
	margin: 0 0 0.5em 0;
	padding-left: 0.5em;
}

section.full-savings-calculator form .mode p {
	overflow: hidden;
	padding: 0.5em;
	margin: 0;
}

section.full-savings-calculator form .labels p:nth-of-type(2n-1),
section.full-savings-calculator form .mode p:nth-of-type(2n-1) {
	background: #f0f0f0;
}

section.full-savings-calculator form .mode label {
	float: left;
	padding: 0.5em 0;
	max-width: 10em;
}

section.full-savings-calculator form .mode label.with-hint {
	padding: 0;
}

section.full-savings-calculator form .mode label em {
	display: block;
	font-style: normal;
	font-size: 0.8em;
}

section.full-savings-calculator form .mode .input-box {
	float: right;
	width: 8em;
	border: 1px solid #c2c2c2;
	margin: 0 0 0 1em;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

section.full-savings-calculator form .mode .input-box.miles,
section.full-savings-calculator form .mode .input-box.pound {
	padding: 0 2em 0 0;
	background: #eceeef;
}

section.full-savings-calculator form .mode .input-box.select {
	background: #eceeef;
}

section.full-savings-calculator form .mode .input-box.miles:before,
section.full-savings-calculator form .mode .input-box.pound:before {
	content: "mi";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 2em;
	line-height: 2.25em;
	border-left: 1px solid #c2c2c2;
	height: 100%;
}

section.full-savings-calculator form .mode .input-box.pound:before { content: "£"; }

section.full-savings-calculator form .mode input {
	background: transparent;
}

section.full-savings-calculator form .mode select {
	float: right;
	width: 8em;
	border: none;
	padding: 0.25em;
	background: transparent;
}

section.full-savings-calculator form .mode input[type="number"] {
	-moz-appearance: textfield;
}

section.full-savings-calculator form .mode input[type="number"]::-webkit-inner-spin-button,
section.full-savings-calculator form .mode input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

section.full-savings-calculator form .labels .field.advanced,
section.full-savings-calculator form .mode .field.advanced {
	display: none;
}

section.full-savings-calculator form.advanced .labels .field.advanced,
section.full-savings-calculator form.advanced .mode .field.advanced {
	display: block;
}

section.full-savings-calculator .buttons {
	text-align: center;
}

section.full-savings-calculator a.button.secondary,
section.full-savings-calculator .button.secondary,
section.full-savings-calculator input[type="button"].secondary,
section.full-savings-calculator input[type="submit"].secondary {
	border-color: #c2c2c2;
	background: #eceeef;
	color: #656565;
}

section.full-savings-calculator a.button.secondary:before { content: "Refine "; }
section.full-savings-calculator .advanced a.button.secondary:before { content: "Simplify "; }

section.full-savings-calculator p.disclaimer {
	text-align: left;
	font-size: 0.8em;
	margin: 2em 0 1em;
}

section.full-savings-calculator .calculator-output {
	background: #ebebeb;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 1em auto;
}

section.full-savings-calculator .calculator-output ul.options {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0 0 1em;
	overflow: hidden;
}

section.full-savings-calculator .calculator-output ul.options li {
	list-style: none;
	display: block;
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	background: white;
}

section.full-savings-calculator .calculator-output ul.options li.current {
	background: transparent;
}

section.full-savings-calculator .calculator-output ul.options li a {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: inherit;
}

section.full-savings-calculator .calculator-output dl {
	padding: 0 0 0.5em;
	margin: 0 1em;
	overflow: hidden;
}

section.full-savings-calculator .calculator-output dl.total {
	border-top: 0.2em solid currentColor;
	padding: 0.5em 0 1em 0;
}

section.full-savings-calculator .calculator-output dl dt {
	display: block;
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
}

section.full-savings-calculator .calculator-output dl dd {
	display: block;
	float: right;
	clear: right;
	padding: 0;
	margin: 0;
}

section.full-savings-calculator .calculator-output dl.total dd {
	color: #bbd030;
	font-weight: 700;
	font-size: 1.2em;
}

@media (min-width: 768px) {
	section.full-savings-calculator h1 {
		font-size: 2.6em;
	}

	section.full-savings-calculator p.intro {
		font-size: 1.6em;
	}

	section.full-savings-calculator .buttons {
		overflow: hidden;
	}

	section.full-savings-calculator a.button,
	section.full-savings-calculator .button,
	section.full-savings-calculator input[type="button"],
	section.full-savings-calculator input[type="submit"] {
		float: right;
		margin: 0;
	}

	section.full-savings-calculator a.button.secondary,
	section.full-savings-calculator .button.secondary,
	section.full-savings-calculator input[type="button"].secondary,
	section.full-savings-calculator input[type="submit"].secondary {
		float: left;
	}

	section.full-savings-calculator .calculator-output {
		font-size: 1em;
		max-width: 25em;
	}
}

@media (min-width: 960px) {
	section.full-savings-calculator {
		padding: 4em 2em;
	}

	section.full-savings-calculator form {
		text-align: center;
		max-width: 60em;
	}

	section.full-savings-calculator form .form {
		display: table;
		width: 100%;
	}

	section.full-savings-calculator form .labels {
		display: table-cell;
		width: 30%;
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-top: 4.25em;
		vertical-align: top;
		counter-reset: labels;
	}

	section.full-savings-calculator form .labels p {
		position: relative;
		counter-increment: labels;
		margin: 1em 0;
		padding: 0.5em 2.5em;
		background: transparent!important;
		font-weight: 600;
		text-transform: uppercase;
	}

	section.full-savings-calculator form .labels p:before {
		content: counter(labels);
		display: block;
		position: absolute;
		top: 0.75em;
		left: 0.25em;
		text-align: center;
		width: 1.5em;
		height: 1.5em;
		line-height: 1.5em;
		border: 0.2em solid #bbd030;
		border-radius: 50%;
	}

	section.full-savings-calculator form .labels p em {
		display: block;
		font-style: normal;
		font-size: 0.8em;
		line-height: 1.3em;
		text-transform: none;
	}

	section.full-savings-calculator form .field {
		height: 2.5em;
	}

	section.full-savings-calculator form .mode {
		display: table-cell;
		vertical-align: top;
		width: 17.5%;
		border-bottom: none;
	}

	section.full-savings-calculator form .mode .title {
		padding: 0;
	}

	section.full-savings-calculator form .mode .title:before {
		display: block;
		width: 2em;
		height: 1em;
		line-height: 1em;
		vertical-align: bottom;
		font-size: 3em;
		margin: 0 auto;
		font-family: "fleettrak-icons";
		font-weight: normal;
		text-align: center;
	}

	section.full-savings-calculator form .mode.cars .title:before { content: "\e915"; }
	section.full-savings-calculator form .mode.vans .title:before { content: "\e916"; }
	section.full-savings-calculator form .mode.trucks .title:before { content: "\e917"; }
	section.full-savings-calculator form .mode.coaches .title:before { content: "\e918"; }

	section.full-savings-calculator form .mode p {
		background: transparent!important;
		margin: 1em 0;
	}

	section.full-savings-calculator form .mode label {
		display: none;
	}

	section.full-savings-calculator form .mode input,
	section.full-savings-calculator form .mode select {
		float: none;
		margin: 0 auto;
	}
}

section.savings-calculator-breakdown {
	background: #ebebeb;
	padding: 2em 1em;
	text-align: left;
}

section.savings-calculator-breakdown .container {
	max-width: 45em;
}

section.savings-calculator-breakdown h2 {
	margin: 0 0 0.5em 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #bbd030;
	text-align: center;
}

section.savings-calculator-breakdown h3 {
	border-bottom: 0.1em solid #c2c2c2;
	padding: 0.25em 5em 0.25em 0;
	overflow: hidden;
	font-size: 1.4em;
	position: relative;
	margin: 3em 0 1em;
}

section.savings-calculator-breakdown h4 {
	border-bottom: 0.1em solid #c2c2c2;
	padding: 0.25em 5em 0.25em 0;
	overflow: hidden;
	font-size: 1.2em;
	position: relative;
}

section.savings-calculator-breakdown h4.savings-total,
section.savings-calculator-breakdown h4.costs-total,
section.savings-calculator-breakdown h4.rental_costs-total {
	margin: 0;
}

section.savings-calculator-breakdown h4.costs-total.total,
section.savings-calculator-breakdown h4.rental_costs-total.total {
	font-size: 1.4em;
	color: #bbd030;
}

section.savings-calculator-breakdown h5 {
	font-size: 1em;
	margin: 1em 0 0;
}

section.savings-calculator-breakdown p {
	line-height: 1.3em;
}

section.savings-calculator-breakdown h5 + p {
	margin: 0 0 1em;
}

section.savings-calculator-breakdown h3 em,
section.savings-calculator-breakdown h4 em {
	font-style: normal;
	display: block;
	position: absolute;
	top: 0.25em;
	right: 0;
}

section.savings-calculator-breakdown h4 span {
	display: block;
	font-size: 0.8em;
	opacity: 0.5;
}

@media (min-width: 768px) {
	section.savings-calculator-breakdown h2 {
		font-size: 2.6em;
	}
}

@media (min-width: 960px) {
	section.savings-calculator-breakdown {
		padding: 4em 2em;
	}
}

footer {
	padding: 2em 1em;
	background: #465560;
	color: white;
	text-align: center;
	font-size: 12px;
}

footer a.logo {
	display: inline-block;
	margin: 0 0 1em;
}

footer .contact {
	color: #bbd030;
	margin: 0 0 1em;
	line-height: 1.3em;
}

footer .contact a {
	color: white;
	text-decoration: none;
}

footer .webfleet-logo {
	max-width: 30%;
	height: auto;
}

footer nav.social {
	margin: 0 0 1em;
	font-size: 48px;
}

footer nav.social a {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	line-height: 1.5em;
	font-family: "fleettrak-icons";
	font-weight: normal;
	background: white;
	border-radius: 0.2em;
	color: #465560;
	text-decoration: none;
}

footer nav.social a.linkedin:before { content: "\e906"; }
footer nav.social a.twitter:before { content: "\e905"; }
footer nav.social a.facebook:before { content: "\e904"; }
footer nav.social a.instagram:before { content: "\e903"; }

@media (min-width: 960px) 
	footer {
		padding: 2rem;
	}

	footer .container {
		position: relative;
	}

	footer a.logo {
		float: left;
	}

	footer .contact {
		float: right;
		font-size: 1rem;
		margin-right: calc(100px + 1em);
		text-align: right;
		padding-top: 2px;
	}

	footer .webfleet-logo {
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
	}

	footer .copyright {
		font-size: 10px;
		text-align: left;
		margin-left: 115px;
		margin-bottom: 1.5em;
	}

	footer .copyright p {
		margin: 0 0 1em;
	}

	footer nav.social {
		font-size: 48px;
		float: left;
		margin-left: 115px;
	}
}

@media (min-width: 1400px) {
	footer .copyright {
		font-size: 12px;
		margin-left: 130px;
	}

	footer nav.social {
		font-size: 1.3rem;
		margin-left: 130px;
	}

	footer .contact {
		font-size: 1.2rem;
		margin-right: calc(126px + 1em);
	}

	footer .webfleet-logo {
		width: 126px;
	}
}

@media (min-width: 1800px) {
	footer .contact {
		font-size: 1.6rem;
		margin-right: calc(168px + 1em);
	}

	footer .webfleet-logo {
		width: 168px;
	}
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: black;
}

.modal-close {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	color: white;
	font-family: "fleettrak-icons";
	font-weight: normal;
	font-size: 30px;
}

.modal-close:before { content: "\e913"; }

.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 80%;
	object-fit: contain;
	z-index: 100000;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.modal iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	background: black;
}