/*
Theme Name: Blank
Theme URI: http://www.brandified.co.uk/blank
Author: Brandified
Author URI: http://brandified.co.uk
Description: Custom blank theme
Version: 5.04
*/

/* Styles */

td.social-icons a {
	text-decoration: none;
	display: inline-block;
	padding-top: 10px;
	position: relative;
	top: 5px;
}

td.social-icons img {
	display: inline-block;
	margin-right: 5px;
	height: 30px;
}
td.social-icons a:last-of-type img {
	margin-right: 0;
}
div.entry-content ul {
	margin-left: 20px;
	margin-bottom: 15px;
}

div.entry-content ul li {
	list-style-type: disc;
}

body {
	font-family: 'futura-pt', sans-serif;
	font-size: 18px;
	line-height: 1.4em;
	background: #2a323c;
	height: 100%;
	color: #2B3440;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'futura-pt';
}

p {
	margin-bottom: 15px;
	line-height: 1.5em;
}

em {
	font-style: italic;
}

a {
	color: #4192CD;
}

a:hover {
	color: #2871A6;
}

strong, b {
	font-weight: 600;
}

.button {
	background: #BFB191;
	border-radius: 100px;
	padding: 14px 20px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.button:hover {
	background: #2B3440;
	border-radius: 100px;
	padding: 14px 20px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.privacypage ol, .privacypage ul {
	margin-bottom: 30px;
}

.privacypage ol li {
	list-style: decimal;
}

.privacypage ul li {
	list-style: disc;
}

/* Structure */

#page {
	display: block;
}

#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Columns */

* {
    box-sizing: border-box;
}

[class*="col-"] {
    float: left;
    padding: 15px;
    /* border: 1px dashed #777777; */
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

.col-centered {
	margin-left: auto !important; 
	margin-right: auto !important; 
	float: none !important; 
	padding: 0px !important;
}

.centeredText {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

.centeredText h1 {
	color: #27323b;
	font-weight: 500 !important;
	padding-bottom: 10px;
}

.nopadding {
	padding: 0px !important;
}

/* Alignment */

.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

/* Header */

#siteTitle {
	font-size: 30px;
	font-weight: bold;
}

#siteTitle a {
	color: #2B3440;
	text-decoration: none;
}

#headerSupport {
	background: #E2E2E2;
	padding: 7px;
	text-align: right;
	font-size: 14px;
}

#headerSupport a {
	text-decoration: none;
	color: #2B3440;
}

#headerSupport img {
	width: 12px !important;
	height: 12px !important;
	margin-top: 2px;
	margin-right: 3px;
	margin-left: 15px;
}

#headerWrap {
	background: #fff;
	padding: 0px;
}

#headerTop {
	float: left;
	width: 100%;
	margin-top: 0px;
	padding: 0px;
}

#headerTitleWrap {
	float: left;
	margin-top: 10vh;
}

#headerWrap h1.headerTitle {
	font-weight: 600;
	font-size: 46px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #2B3440;
}

#logo {
	height: 32px;
	float: left;
	margin-top: 7px;
}

/* Menu */

#navWrap {
	padding: 0px;
}
#nav {
	display: inline-block;
	float: right;
}
#nav ul {
	list-style: none;
	display: inline-block;
	float: right;
}
#nav li {
	float: left;
	position: relative;
}
#nav a {
	display: block;
	line-height: 2em;
	padding: 20px;
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	color: #2B3440;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#nav ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 59px;
	left: 0;
	z-index: 99999;
	padding-top: 15px;
}
#nav ul ul ul {
	left: 100%;
	top: 0;
}
#nav ul ul a {
	background: #fff;
	line-height: 1.1em;
	padding: .7em .5em .7em 1em;
	width: 12em;
	height: auto;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

#nav li:hover > a,
#nav ul ul :hover > a {

}
#nav ul ul a:hover {
	
}
#nav ul li:hover > ul {
	display: block;
}

#nav ul li.loginLink a {
	background: #2B3440 !important;
	color: #fff !important;
}

li.menuTachograph a:hover {
	background: #30c6e2 !important;
	color: #fff !important;
}

li.menuWalkaround a:hover {
	background: #2fd583 !important;
	color: #fff !important;
}

li.menuWorkshop a:hover {
	background: #00b2ad !important;
	color: #fff !important;
}

li.menuConnectedTeam a:hover {
	background: #d7388d !important;
	color: #fff !important;
}

li.menuFleet a:hover {
	background: #e52c30 !important;
	color: #fff !important;
}

li.menuHandbook a:hover {
	background: #45377f !important;
	color: #fff !important;
}

li.menuTraining a:hover {
	background: #f1c300 !important;
	color: #fff !important;
}

li.menuPerformance a:hover {
	background: #ff793e !important;
	color: #fff !important;
}

li.menuRemote a:hover {
	background: #A8996E !important;
	color: #fff !important;
}

li.menuEr a:hover {
	background: #015ea4 !important;
	color: #fff !important;
}

li.menuTracking a:hover {
	background: #636370 !important;
	color: #fff !important;
}


li.menuLicence a:hover {
	background: #b3b3b3 !important;
	color: #fff !important;
}

li.menuTelematics a:hover {
	background: #555555 !important;
	color: #fff !important;
}

li.menuWorkshop a:hover {
	background: #00b2ad !important;
	color: #fff !important;
}

li.menuConnectedTeam a:hover {
	background: #d7388d !important;
	color: #fff !important;
}

footer .sub-menu {
	display: none;
}

/* News Landing */

div.news-landing {
	display: flex;
	justify-content: space-between;	
	margin-bottom: 2em;
}

div.news-landing a.news-landing-item {
	width: 48%;
	padding-top: 23%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	transition:.5s; 
	box-shadow: 7px 7px 5px #ccc;
}

div#pageContent div.news-landing a.news-landing-item:hover h2 {
	background-color: #3b4554;
	color: #fff;
	transition:.5s; 
}

div#pageContent div.news-landing a.news-landing-item:hover {
	box-shadow: 7px 7px 5px #3b4554;
}

div#pageContent div.news-landing a.news-landing-item h2 {
	background-color: #fff;
	position: absolute;
	bottom: 30px;
	left: 0px;
	text-transform: uppercase;
	color: #565756;
	padding: 15px;
	margin: 0;
	transition:.5s; 
}

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

	div.news-landing {
		flex-wrap: wrap;
	}

	div.news-landing a.news-landing-item {
		width: 100%;
		padding-top: 43%;
	}

	div.news-landing a.news-landing-item:first-of-type {
		margin-bottom: 2em;
	}
}

/* News Pagination */

div.pagination {
	text-align: center;
}

div.pagination span {
	display: none;
}

div.pagination span.current {
	display: inline-block;
	font-weight: bold;
	margin-right: 7px;
	margin-left: 7px;
}

div.pagination a {
	margin-left: 7px;
	margin-right: 7px;
}

/* Content */

#pageContent {
	padding: 40px 0px 0px 0px;
}

#pageContent h2 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 40px;
}

#pageContent h3 {
	font-size: 24px;
	color: #9e9377;
	font-weight: 500;
	margin-bottom: 15px;
}

.teamMember {
	background: #f7f7f7;
	padding: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	overflow: hidden;
}


/* Homepage */

#sliderWrap {
	background: #F2F2F2;
	min-height: 400px;
}

#sliderInner {
	min-height: 400px;	
}

#sliderInner .sliderLeft h1 {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.1em;
	margin-bottom: 20px;
	margin-top: 50px;
}

	#sliderInner .sliderLeft h1 span {
		color: #BFB191;
	}

#sliderInner .sliderLeft p {
	color: #555555;
	margin-bottom: 30px;
}

#sliderInner .sliderRight {
	padding: 0px;
}

#main {
	background: #fff;
}


#testimonialsWrap {
	background: #f9f9f9;
	padding-top: 2px;
	padding-bottom: 0px;
}

#testimonialsWrap .slick-prev:before, .slick-next:before  {
	color: #27323b !important;
}

#testimonialsWrap h2 {
	font-size: 28px;
    font-weight: 500;
	margin-bottom: 30px;
	padding-bottom: 10px;
	padding-top: 0px;
	color: #27323b;
	text-align: center;
}

.testimonial {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
}

.testimonial img {
	width: 120px;
	height: 120px;
	border-radius: 120px;
}

/* Home Pricing */

#pricingInfo {
	background: #fff;
	border-bottom: 3px solid #f2f2f2;
	padding: 15px 0px;
	text-align: center;
	font-size: 21px;
	font-weight: 400;
}

#pricingInfo table {
	margin-left: auto;
	margin-right: auto;
}

#pricingInfo table td {
	vertical-align: middle;
}

#pricingInfo a {
	color: #BFB191;
}

img.miniVehicles {
	height: 40px;
	margin: 0px 14px;
}

/* Modules Template */

.module-items div.moduleInner h3 {
	font-family: 'futura-pt-condensed'!important;
}

body.home div.module-block p:last-of-type {
	margin-bottom: 0;
}


body.home div.module-block h2 {
	font-size: 28px;
	margin-bottom: 0.5em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.15em;
}

div.module-block a.button {
	border-radius: 0;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding-left: 35px;
	padding-right: 35px;
	transition:.5s; 
	display: inline-block;
}

div.module-block a.button:hover {
	background: #BFB191;
	transition:.5s; 
}

div.container {
	max-width: 1540px;
	padding: 0 30px;
	margin: 0 auto;
}

div.module-banner {
	padding: 3em 0;
}

div.module-banner h1 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

div.module-banner h1,
div.module-banner p {
	color: #fff;
}

div.module-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.module-inner-left {
	width: 420px;
	flex-shrink: 0;
}

div.module-inner-right {
	width: 500px;
	flex-shrink: 0;
}

@media screen and (max-width: 1023px) {
	
	div.module-inner-left  {
		width: 57%;
		flex-shrink: initial;
	}	

	div.module-inner-right  {
		width: 38%;
		flex-shrink: initial;
	}
}

@media screen and (max-width: 639px) {

	div.module-inner { 
		flex-wrap: wrap;
	}

	div.module-inner-left {
		width: 100%;
		margin-bottom: 2em;
	}

	div.module-inner-right {
		width: 100%;
	}
}

div.module-inner-right img {
	width: 100%;
}

div.module-intro,
div.module-additional {
	background-color: #fff;
	padding: 3em 0;
}

div.module-features {
	padding: 3em 0;
	background-color: #F1F1F1;
}

div.module-features div.module-features-bottom {
	text-align: center;
	font-weight: bold;
	max-width: 800px;
	margin: 0 auto;
}

div.module-features div.module-features-bottom a.button {
	margin-top: 2em;
}

div.module-features-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em;
	padding-top: 1em;
}

div.module-features-items div.module-features-item {
	width: 32.3%;
	background-color: #fff;
	border-radius: 7px;
	margin-bottom: 2em;
	box-shadow: 0 0 10px #ccc;
}

@media screen and (max-width: 1023px) {
	div.module-features-items div.module-features-item  {
		width: 48%;
	}	
}

@media screen and (max-width: 639px) {
	div.module-features-items div.module-features-item  {
		width: 100%;
	}	
}

div.module-features-items div.module-features-item div.module-features-item-inner {
	padding: 20px;
}

div.module-features-items div.module-features-item img {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
	border-radius: 7px;
}

div.module-features-items div.module-features-item h3 {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

div.module-features-divide {
	background-size: cover;
	background-image: url('img/divide-features.png');
	width: 100%;
	height: 0;
	padding-top: 8%;
}

div.module-pricing {
	background-color: #D7398D;
	padding: 3em 0;
}

div.module-pricing p {
	margin-bottom: 0;
}

div.module-pricing h2,
div.module-pricing p {
	color: #fff;
}

div.module-pricing-divide {
	background-size: cover;
	background-image: url('img/divide-pricing.png');
	width: 100%;
	height: 0;
	padding-top: 8.2%;
}

div.module-pricing-items {
	padding-top: 1em;
	display: flex;
}

div.module-pricing-items div.module-pricing-item {
	background-color: #C1337F;
	border-radius: 7px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

div.module-pricing-items.two {
	justify-content: space-between;
}

div.module-pricing-items.three {
	justify-content: space-between;
}

div.module-pricing-items.four {
	flex-wrap: wrap;
}

div.module-pricing-items.two div.module-pricing-item,
div.module-pricing-items.four div.module-pricing-item {
	width: 49%;
}

div.module-pricing-items.three div.module-pricing-item {
	width: 32.3%;
}

div.module-pricing-items.four div.module-pricing-item {
	margin-bottom: 1.6%;
}

div.module-pricing-items.four div.module-pricing-item:nth-of-type(even) {
	margin-left: auto;
}

div.module-pricing-item img {
	height: 70px;
	display: inline-block;
	margin-bottom: 10px;
}

div.module-pricing-item-inner {
	padding: 20px;
}

@media screen and (max-width: 767px) {

	div.module-pricing-items.three {
		flex-wrap: wrap;
	}

	div.module-pricing-items.three div.module-pricing-item  {
		width: 100%;
		margin-bottom: 2em;
	}	

	div.module-pricing-items.three div.module-pricing-item:last-of-type {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 639px) {

	div.module-pricing-items.two {
		flex-wrap: wrap;
	}

	div.module-pricing-items.two div.module-pricing-item,
	div.module-pricing-items.four div.module-pricing-item   {
		width: 100%;
		margin-bottom: 2em;
	}	

	div.module-pricing-items.two div.module-pricing-item:last-of-type,
	div.module-pricing-items.four div.module-pricing-item:last-of-type {
		margin-bottom: 0;
	}
}

/* Home Modules */

#modulesWrap {
	background: #3b4554;
	color: #fff;
	padding: 40px;
	margin-top: 0px;
}

#modulesWrap h2 {
	font-size: 28px;
    font-weight: normal;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 500;
}

.module-items div.moduleIcon {
	padding: 0px;
}

	.module-items div.moduleIcon img {
		width: 100%;
		max-width: 100%;
		border-radius: 10px;
	}

.module-items div.moduleInner {
	padding: 0px 0px 0px 20px;
}

.module-items div.moduleInner h3 {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 500;
}

.module-items div.moduleInner p {
	font-size: 17px;
	font-weight: 100;
	color: #d3dfe7;
}

div.module-items {
	display: flex;
	flex-wrap: wrap;
}

div.module-items>div {
	width: 25%;
}

@media only screen and (max-width: 1679px) {
	div.module-items>div {
		width: 33.3%;
	}
}

@media only screen and (max-width: 639px) {
	div.module-items>div {
		width: 50%;
	}
}

ul.usefulLinks li {
	float: left; 
	margin-bottom: 15px;
	width: 100%;
}

ul.usefulLinks {
	padding-left: 110px;
	background-size: 90px 90px;
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 150px;
}

ul.govUl {
	background-image: url('/img/linkGov.png');
}

ul.suppliesUl {
	background-image: url('./img/linkSupplies.png');
}

ul.usefulLinks li h4 {
	font-size: 20px;
	font-weight: 500;
	padding-bottom: 10px;
}





/* Products Overview */


#pageTopInnerWrap {
	background: rgba(255,255,255,0.1);
	overflow: hidden;
	padding: 0px;	
	margin-bottom: 40px;
}

#pageTopInner {
	padding: 0px;
	display: table;
}

#pageTopInner .pageTopLeft h1 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.1em;
	color: #fff;
}

.pageTopLeft, .pageTopRight {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

.pageTopLeft {
	padding: 30px 0px 30px 0px;
}

.pageTopRight {
	padding: 40px 0px 0px 0px;
	text-align: right;
	font-size: 16px;
}

.pageTopRight a {
	color: #fff;
}


#overviewListWrap {
	padding-top: 30px;
}

#overviewListWrap .overviewItem {
	color: #fff;
	text-align: center;
}

#overviewListWrap .overviewItem h3 {
	color: #fff;
	font-size: 24px;
	margin-bottom: 15px;
}

#overviewListWrap .overviewItem p {
	font-weight: 300;
}


/* Big Points */

#diagramWrap {
	background: #3b4554;
	overflow: hidden;
	padding: 30px 0px;
}

#diagramWrap h2 {
	font-size: 28px;
	margin-top: 60px;
    margin-bottom: 20px;
	font-weight: 500;
	color: #fff;
}

#diagramWrap p {
	color: #fff;
	opacity: 0.7;
}

#diagramWrap img {
	width: 100%;
	max-width: 100%;

}

#pointsWrap {
	background: #fff;
	float: left;
	margin-bottom: 40px;
	border-top: 3px solid #f2f2f2;
}

.pointItem {
	float: left;
	padding: 40px 0px;
}

.pointItem:nth-child(even) {
	background:#F7F7F7;

}

.pointItem:nth-child(odd) .pointText {
	float: left;
}

.pointItem:nth-child(odd) .pointImage {
	float: right;
}

.pointItem:nth-child(even) .pointText {
	float: right;
}

.pointItem:nth-child(even) .pointImage {
	float: left;
}


.pointText h2 {
	font-size: 28px; 
	margin-bottom: 20px;
	font-weight: 500;
}

.pointImage img {
	max-width: 160px;
	max-height: 160px;
}


.related {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 2px solid #f1f1f1;
}

.products h2, .woocommerce-tabs h2 {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 20px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	background: #7a808b !important;
	color: #fff !important;
	font-weight: 500 !important;
	font-size: 16px !important;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background: #60656e !important;
	color: #fff !important;
	font-weight: 500 !important;
	font-size: 16px !important;
}

.woocommerce ul.products li.product a {
	font-size: 20px;
}

.woocommerce-loop-product__title {
	margin-top: 10px !important;
	padding-top: 0px !important;
	margin-bottom: 0px !important;
	font-size: 22px !important;
}

.price {
	margin-bottom: 0px;
}

.priceWithTax {
	color: #999999;
	font-size: 16px;
}



/* WooCommerce 3.0 Gallery */
 
.woocommerce-product-gallery {
	position: relative;
	margin-bottom: 3em
	}
	 
	.woocommerce-product-gallery figure {
	margin: 0
	}
	 
	.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
	width: 25%;
	display: inline-block
	}
	 
	.woocommerce-product-gallery .flex-control-thumbs li {
	list-style: none;
	float: left;
	cursor: pointer
	}
	 
	.woocommerce-product-gallery .flex-control-thumbs img {
	opacity: .5
	}
	 
	.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover {
	opacity: 1
	}
	 
	.woocommerce-product-gallery img {
	display: block
	}
	 
	.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
	width: 33.3333%
	}
	 
	.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: 25%
	}
	 
	.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
	width: 20%
	}
	 
	.woocommerce-product-gallery__trigger {
	position: absolute;
	top: 1em;
	right: 1em;
	z-index: 99;
	}
	 
	a.woocommerce-product-gallery__trigger {
	text-decoration: none;
	}
	 
	.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	position: absolute;
	top: .875em;
	right: .875em;
	display: block;
	height: 2em;
	width: 2em;
	border-radius: 3px;
	z-index: 99;
	text-align: center;
	text-indent: -999px;
	overflow: hidden;
	}
	 
	.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	background-color: #169fda;
	color: #ffffff;
	}
	 
	.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
	background-color: #1781ae;
	border-color: #1781ae;
	color: #ffffff;
	}
	 
	.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
	font: normal normal normal 1em/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	content: "\f00e";
	line-height: 2;
	text-indent: 0;
	}


.woocommerce-MyAccount-navigation ul li a {
	text-decoration: none;
	color: #928568;
}

.woocommerce-MyAccount-navigation ul {
	margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul li {
	margin-bottom: 10px;
}


.woocommerce-MyAccount-content h3 {
	font-size: 24px;
	font-weight: 500;
}

.cart-totals-inner .woocommerce-shipping-destination {
	display: none; 
}

.breadcrumbio {
	color: #777777;
}

.breadcrumbio a {
	text-decoration: none;
}

/* Pricing */

#pricingWrap {
	text-align: center;
	padding: 40px 10px 50px 10px;
}

#pricingWrap h2 {
	font-size: 28px;
    font-weight: 500;
	margin-bottom: 30px;
	text-align: center;
}

#pricingWrap ul {
	margin-top: 15px;
}

#pricingWrap ul li {
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(./img/hr.png);
	background-size: 90px 2px;
	background-position: center top;
	background-repeat: no-repeat
}


#customer_login h2 {
	font-size: 28px;
	font-weight: 500;
}

#tab-description, #tab-specification, #tab-description span, #tab-specification span {
	font-family: 'futura-pt', sans-serif !important;
	font-size: 18px !important;
}


/* Call to action */

#actionWrap {
	background: #333b48;
	color: #fff;
	float: left;
	width: 100%;
}

#actionInner {
	
}

#actionLeft {
	padding: 40px 0px;
}

#actionLeft h2 {
	font-size: 28px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 15px;
}

#actionLeft p {
	margin-bottom: 0px;
}

#actionRight {
	padding-top: 30px !important;
	text-align: right;
}

#actionRight a {
	background: #fff;
	color: #2a323c;
	margin-top: 15px;
	display: inline-block;
}



/* Single Product */

ul#productFeatures {
	font-size: 0; /* Eliminate spacing between inline block elements */
	text-align: justify;
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

ul#productFeatures:after {
    content: 'abc';
    display: inline-block;
    width: 100%;
    height: 0;
}

ul#productFeatures li {
	padding: 0px;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	margin-bottom: 55px;
	min-height: 252px;
	background: #f1f1f1;	
	width: 31.3%;
}

ul#productFeatures li:nth-of-type(3n+2) {	
	margin-left: 3%;
}


ul#productFeatures li:nth-of-type(3n+3) {
	margin-left: auto;
}


ul#productFeatures li .featureInner {
	background: #f1f1f1;
	padding: 20px;
}

ul#productFeatures li .featureInner img {
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 80px;
	border: 3px solid #f1f1f1;
	margin-top: -50px;
	margin-bottom: 10px;
}

ul#productFeatures li .featureInner h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}

ul#productFeatures li .featureInner p {
	font-size: 16px;
	color: #777777;
	margin-bottom: 10px;
}


#product-507 .price-table-tooltip-icon {
	display: none;
}



#productHeaderWrap {
	background: #F2F2F2;
	min-height: 300px;
	padding-bottom: 0px;
}

#productHeaderInner {	
	display: table;
}

.productHeaderLeft {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

.productHeaderRight {
	display: table-cell;
	vertical-align: bottom;
	float: none;
	text-align: right;
}

#productHeaderInner .productHeaderLeft h1 {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.1em;
	margin-bottom: 20px;
	margin-top: 50px;
	color: #fff;
}

#productHeaderInner .productHeaderLeft p {
	color: #fff;
	margin-bottom: 30px;
}

#productHeaderInner .productHeaderRight {
	padding: 0px;
}

#productHeaderInner .productHeaderRight img {
	width: auto; 
	margin-bottom: -6px;
	max-height: 300px;
}

.bread {
	width: 100%;
	text-align: right;
	padding: 20px 0px;
	color: rgba(255,255,255,0.5);
}
.bread a {
	color: #fff;
}

.overviewHeader {
	background: #3c4550 url(./img/darker-bg.jpg) !important;
	background-size: cover !important;
	background-position: center center !important;
}

.blueHeader {
	background: #3c4550 url(./img/blue-bg.jpg) !important;
	background-size: cover !important;
	background-position: center center !important;
}



/* Panes */

#panesWrap {
	overflow: hidden;
}

.paneItemWrap {
	padding-top: 40px;
	padding-bottom: 40px;
}

.paneItem {
	padding-top: 40px;
	padding-bottom: 40px;
}

.paneItem h2 {
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 20px;
}

.paneItem p {
	color: #fff;
	font-size: 20px;
}


.pane_lighterBG {
	background: rgba(255,255,255,0.2);
}

.pane_darkerBG {
	background: rgba(0,0,0,0.2);
}

.pane_siteBG {
	background: #333B47;
}

.pane_appsBG {
	background: #333B47 url(./img/walkaround-apps.jpg);
	background-size: 600px auto;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.pane_appsBGPerformance {
	background: #333B47 url(./img/manager-apps.png);
	background-size: 600px auto;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.pane_appsGreyBG {
	background: #f1f1f1 !important;
	background-size: 600px auto;
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #777777 !important;
}

.pane_appsGreyBG h2 {
	color: #777777 !important;
}

.pane_appsGreyBG p {
	color: #777777 !important;
}


.pane_left {
	text-align: left;
}

.pane_center {
	text-align: center;
}

.pane_right {
	text-align: right;
}


.paneSubItem {
	text-align: left;
	margin-top: 20px;
}

.paneSubItem h3 {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
}

.paneSubItem p {
	color: #fff;
}

.itemThumbImg {
	width: 100%;
	max-width: 100%;
}

.paneSubItem a.previewLink {
	color: #fff;
	background: rgba(0,0,0,0.2);
	padding: 10px 15px;
	border-radius: 50px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
}

.paneSubItem a.previewLink:hover {
	color: #fff;
	background: rgba(0,0,0,0.4);
	padding: 10px 15px;
	border-radius: 50px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
}


.appStoreLink {
	display: inline-block;
	margin-right: 15px;
	margin-top: 20px;
}

.appStoreLink img {
	height: 40px;
}

/* Contact Form */

.wpcf7-form label {
	font-weight: 500;
	padding-bottom: 3px;
}

.wpcf7-form input {
	width: 100% !important;
	background: #f7f7f7;
	border: 1px solid #dadada;
	padding: 5px;
}

.wpcf7-form textarea {
	width: 100%;
	background: #f7f7f7;
	border: 1px solid #dadada;
	padding: 5px;
}

.wpcf7-submit {
	max-width: 120px !important;
	background: #3bd285 !important;
	color: #fff;
	font-weight: 500 !important;
	padding: 10px 15px !important;
	border-radius: 150px !important;
	border: none !important;
}



/* Modals */

.supportRemodal {
	max-width: 400px !important;

}

.supportRemodal h2, .registerRemodal h2 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 20px;
}

a.supportLink {
	display: block;
	padding: 10px 15px;
	text-align: center;
	border-radius: 100px;
	color: #fff;
	text-decoration: none;
	background: #BFB191;
	margin-bottom: 15px;
}

a.supportLink:hover {
	display: block;
	padding: 10px 15px;
	text-align: center;
	border-radius: 100px;
	color: #fff;
	text-decoration: none;
	background: #999999;
	margin-bottom: 15px;
}


#registerInterestWrap {
	text-align: left;
}

.interestedIn input {
	display: inline-block;
	width: 20px !important;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.interestedIn .wpcf7-list-item {
	margin: 5px 0px 0px 0px;
	width: 100%;
	float: left;
	font-weight: 500;
	font-style: italic;
}

.popupTerms {
	color: #c0c0c0;
	padding-top: 15px;
	text-align: center;
}

.popupTerms a {
	font-size: 14px;
	color: #7c7c7c;
}


.contactForm {
	padding: 20px; 
	background: #f1f1f1;
}

.contactForm input {
	background: #fff;
}

.contactForm h2 {
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	padding-bottom: 15px;
}


.contactBlurb h2 {
	font-size: 28px;
	margin-bottom: 15px;
	padding-top: 20px;
}

.contactBlurb table {
	margin-bottom: 20px;
}

.contactBlurb td.tableLabel {
	min-width: 100px;
	font-weight: 700;
	padding: 5px 0px;
}


#featured {
	margin-top: 30px;
}

#featured div {
	text-align: center;
	min-height: 260px;
	background: #c0c0c0;
	display: table;
}

#featured div h3 {
	vertical-align: middle;
	color: #fff;
	display: table-cell;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2em;
}

h1.entry-title {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 30px;
}

.entry-meta {
	clear: both;
	display: block;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

#error-page {
	padding: 80px 20px 80px 20px;
}

#error-page img {
	margin-bottom: 20px;
	max-width: 200px;
}

#error-page h1 {
	font-size: 30px; 
	line-height: 1em; 
	margin-bottom: 20px;
}

/* Images */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.alignleft {
	margin-right: 1em;
}

img.alignright {
	margin-left: 1em;
}

.wp-caption {
	padding: .5em;
	text-align: center;
}

.wp-caption img {
	margin: .25em;
}

.wp-caption .wp-caption-text {
	margin: .5em;
}

.wp-smiley {
	margin: 0;
}

/* Forms */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}

/* Comments */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}

/* Widgets */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}

/* Footer */

footer#main {
	background: #2a323c;
	color: #fff;
	padding: 3em 0;
	margin-top: 0px;
	text-align: center;
	text-transform: uppercase;
}

footer#main ul li {	
	list-style: none;
}

div.footer-main {
	display: flex;
	justify-content: space-between;
}

.footer-main-left{
	text-align: left;
}

.footer-main-right {
	text-align: right;
}

footer p {
	line-height: 1.6em;
	font-size: 17px;
}

div.footer-social img {
	display: inline-block;
    margin-left: 5px;
    height: 30px;
}

div.copyright {
	background-color: #000;
	padding: 1em 0;
}

div.copyright div.container {
	display: flex;
	justify-content: space-between;
}

div.copyright p {
	color: #fff;
	line-height: 1.4em;
	font-size: 14px;
	margin-bottom: 0;
}

footer p span {
	color: #7f8a97;
}

footer#main ul {
	list-style: none;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
footer#main li {
	position: relative;
}
footer#main div.footer-main-left a {
	display: block;
	line-height: 2em;	
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

footer div.footer-main-left a:hover {
	opacity: 0.7;
	color: #fff;
}

footer div.footer-main-right a {
	color: #fff;
	text-decoration: none;
}

footer div.footer-main-right a:hover {
	opacity: 0.7;
	color: #fff;
}

.partnersInner a img {
	width: 90%;
	max-width: 200px;
	border: 5px solid #fff;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	border-radius: 5px;
}

.partnersInner a img:hover {
	border: 5px solid #eaeaea;
	border-radius: 5px;
}


.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
  }
  .swipe-wrap {
	overflow: hidden;
	position: relative;
	min-height: 400px;
  }
  .swipe-wrap > div {
	float:left;
	width:100%;
	position: relative;
	min-height: 425px;	
  }

.swipe-inner {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 400px;
	bottom: 0;
}

.swipe-inner img.bigSliderImage {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 100%;
}

.plainLightBG {
	background: #f2f2f2;
}

.plainDarkBG {
	background: #3b4554;
}

	.plainDarkBG h1 {
		color: #fff;
	}

	.plainDarkBG p {
		color: #c4cdd8 !important;
	}

.imageDarkBG {
	background: #3b4554 url(./img/darker-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

	.imageDarkBG h1 {
		color: #fff;
	}

	.imageDarkBG p {
		color: #c4cdd8 !important;
	}


.imageTachoBG {
	background: #3b4554 url(./img/tacho-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

	.imageTachoBG h1 {
		color: #fff;
	}

	.imageTachoBG p {
		color:rgba(255,255,255,0.8) !important;
	}


.imageWalkaroundBG {
	background: #3b4554 url(./img/walkaround-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

	.imageWalkaroundBG h1 {
		color: #fff;
	}

	.imageWalkaroundBG p {
		color:rgba(255,255,255,0.8) !important;
	}



.photoBG {
	background: url(./img/mask.png), url(./img/lorry1.jpg);
	background-size: cover, cover;
	background-position: center left, center center;
	background-repeat: no-repeat, no-repeat;
}

	.photoBG h1 {
		color: #fff;
	}

	.photoBG p {
		color: #fff !important;
	}

.photoBlueBG {
	background: url(./img/mask-blue.png), url(./img/lorry2.jpg);
	background-size: cover, cover;
	background-position: center left, center center;
	background-repeat: no-repeat, no-repeat;
}

	.photoBlueBG h1 {
		color: #fff;
	}

	.photoBlueBG p {
		color: #fff !important;
	}

	.photoBlueBG .button {
		color: #fff;
		background: rgba(0,0,0,0.5);
	}


.photoGreenBG {
	background: url(./img/mask-green.png), url(./img/lorry3.jpg);
	background-size: cover, cover;
	background-position: center left, center center;
	background-repeat: no-repeat, no-repeat;
}

	.photoGreenBG h1 {
		color: #fff;
	}

	.photoGreenBG p {
		color: #fff !important;
	}
	
	.photoGreenBG .button {
		color: #fff;
		background: rgba(0,0,0,0.5);
	}


	.photoWhiteBG {
		background: url(./img/mask-white.png), url(./img/lorry1.jpg);
		background-size: cover, cover;
		background-position: center left, center center;
		background-repeat: no-repeat, no-repeat;
	}
	
		.photoWhiteBG h1 {
			
		}
	
		.photoWhiteBG p {

		}


.photoGreyBG
 {
	background: url(./img/mask-grey.png), url(./img/lorry1.jpg);
	background-size: cover, cover;
	background-position: center left, center center;
	background-repeat: no-repeat, no-repeat;
}

	.photoGreyBG h1 {
		color: #fff;
	}

	.photoGreyBG p {
		color: #fff !important;
	}

	.photoGreyBG .button {
		color: #fff;
		background: rgba(0,0,0,0.5);
	}




	.photoOrangerBG {
		background: url(./img/mask-orange.png), url(./img/lorry-performance.jpg);
		background-size: cover, cover;
		background-position: center left, center center;
		background-repeat: no-repeat, no-repeat;
	}
	
		.photoOrangerBG h1 {
			color: #fff;
		}
	
		.photoOrangerBG p {
			color: #fff !important;
		}
	
		.photoOrangerBG .button {
			color: #fff;
			background: rgba(0,0,0,0.5);
		}

	.photoYellowBG {
		background: url(./img/mask-yellow.png), url(./img/lorry-training.jpg);
		background-size: cover, cover;
		background-position: center left, center center;
		background-repeat: no-repeat, no-repeat;
	}
	
		.photoYellowBG h1 {
			color: #fff;
		}
	
		.photoYellowBG p {
			color: #fff !important;
		}
	
		.photoYellowBG .button {
			color: #fff;
			background: rgba(0,0,0,0.5);
		}




.photoNavyBG {
	background: url(./img/mask.png), url(./img/map-view.jpg);
	background-size: cover, cover;
	background-position: center left, center center;
	background-repeat: no-repeat, no-repeat;
}

	.photoNavyBG h1 {
		color: #fff;
	}

	.photoNavyBG p {
		color: #fff !important;
	}

	.photoNavyBG .button {
		color: #fff;
		background: rgba(0,0,0,0.5);
	}







	.photoRedBG {
		background: url(./img/mask-red.png), url(./img/lorry-fleet.jpg);
		background-size: cover, cover;
		background-position: center left, center center;
		background-repeat: no-repeat, no-repeat;
	}
	
		.photoRedBG h1 {
			color: #fff;
		}
	
		.photoRedBG p {
			color: #fff !important;
		}
	
		.photoRedBG .button {
			color: #fff;
			background: rgba(0,0,0,0.5);
		}

.photoPurpleBG
 {
	background: url(./img/mask-purple.png), url(./img/handbookapp.jpg);
	background-size: cover, cover;
	background-position: center left, center center;
	background-repeat: no-repeat, no-repeat;
}

	.photoPurpleBG h1 {
		color: #fff;
	}

	.photoPurpleBG p {
		color: #fff !important;
	}

	.photoPurpleBG .button {
		color: #fff;
		background: rgba(0,0,0,0.5);
	}








.slider-paginate {
		 text-align: center;
		 padding: 10px;
		 margin-bottom: 0px;
		 background-color: ;
	}
	 .slider-paginate ul#position {
		 list-style: none;
		 margin: 0;
	}
	 .slider-paginate ul#position li {
		 display: inline-block;
		 height: 16px;
		 width: 16px;
		 cursor: pointer;
		 text-indent: -9999px;
		 line-height: 0;
		 background-color: #333333;
	}
	 .slider-paginate ul#position li.on {
		 color: ;
		 cursor: pointer;
		 background: ;
	}
	
	
	
	
	
	
		

.homeTestimonial {
	padding-top: 30px !important;
	padding-bottom: 10px !important;
	background: #fff;
	margin-top: 100px;
	text-align: center;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	border-radius: 3px;
}

.homeTestimonial img {
	max-width: 120px !important;
	height: auto;
	margin-top: 10px;
}

/* Mobile Menu */

nav:not(.mm-menu)
{
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation
{
	display: block !important;
}

.header
{
	display: none;
	text-align: center;
}
.header
{
	background: #777;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	position: fixed;

	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
}
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}

@media only screen and (max-device-width: 480px) {
  /* define mobile specific styles come here */

	html, body {
		width: 100%;
		height: 100%;
		max-width: 100%;
	}

	nav#nav {
		display: none;
	}

	#headerWrap {
		margin-top: 0px;
	}

	.mm-menu {
		background: #27323b !important;
	}

	.header {
		display: block;
		z-index: 999999999999;
		background: #2a323c !important;
	}

	.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
		border-bottom: none !important;
	}

	li.menu-item a {
		font-size: 22px;
	}

	li.loginLink {
		display: none !important;
	}

	#headerSupport {
		padding-top: 45px !important;
		text-align: center;
	}

	#headerTop {
		text-align: center;
	}

	.col-mobile-centered {
		width: 100% !important;
		text-align: center !important;
	}

	.mobile-no-show {
		display: none;
	}

	.col-mobile-centered h1 {
		overflow: hidden;
		text-align: center;
	}

	#logo {
		height: 32px;
		float: none;
		margin-top: 0px;
	}

	#sliderInner .sliderLeft {
		text-align: center;	
	}

	.imageDarkBG {
		text-align: center;
	}

	.photoBG {
		background: url(./img/m-mask.png), url(./img/lorry1.jpg);
	}
	
	.photoBlueBG {
		background: url(./img/m-mask-blue.png), url(./img/lorry2.jpg);
	}
	
	.photoGreenBG {
		background: url(./img/m-mask-green.png), url(./img/lorry3.jpg);
	}
	
	.photoWhiteBG {
		background: url(./img/m-mask-white.png), url(./img/lorry1.jpg);
	}

	.photoGreyBG {
		background: url(./img/m-mask-grey.png), url(./img/lorry1.jpg);
	}

	.photoOrangerBG {
		background: url(./img/m-mask-orange.png), url(./img/lorry-performance.jpg);
	}

	.photoYellowBG {
		background: url(./img/m-mask-yellow.png), url(./img/lorry-training.jpg);
	}

.photoPurpleBG {
	background: url(./img/m-mask-purple.png), url(./img/handbookapp.jpg);
}


.photoNavyBG {
	background: url(./img/m-mask.png), url(./img/map-view.jpg);
}

	.photoRedBG {
		background: url(./img/m-mask-red.png), url(./img/lorry-fleet.jpg);
	}

	#pricingInfo td {
		width: 100%;
		float: left;
	}

	.moduleInner {
		padding: 15px 0px 0px 0px !important;
		text-align: center;
		margin-top: 15px;
	}


	.footerLeft, .footerRight {
		text-align: center;
	}


	.productHeaderLeft, .productHeaderRight {
		text-align: center;
		width: 100%;
		float: left;
	}

	.productHeaderRight img {
		width: 90%;
		max-width: 90%;
	}

	.pointItem {
		text-align: center;
	}

	#actionInner {
		text-align: center;
	}


	#actionLeft {
		padding: 40px 10px 0px 10px !important;
	}
	
	#actionRight {
		padding-top: 30px !important;
		padding-bottom: 30px;
		text-align: center;
	}


	.pane_appsBG {
		background: #333B47 url();
		background-size: 600px auto;
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	.paneSubItem {
		text-align: center;
	}

	.itemThumbImg {
		max-width: 180px;
	}

	.contactBlurb {
		padding: 0px 15px 15px 15px !important;
	}

	.wpcf7-submit {
		width: 100% !important;
		max-width: 100% !important;
	}

	ul#partners {
		text-align: center;
		overflow: hidden;
	}

	ul#partners li {
		width: 50% !important;
	}

	ul#partners li a img {
		box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	}
}

@media screen and (max-width: 1023px) {
	
	ul#productFeatures li {
		width: 47%;
		margin-left: 0!important;
	}
	
	ul#productFeatures li:nth-of-type(even) {
		margin-left: auto!important;
	}
}

@media screen and (max-width: 639px) {
	ul#productFeatures li {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	div.footer-main {
		flex-wrap: wrap;
		text-align: center;
	}

	.footer-main-left {
		width: 100%;
		margin-bottom: 1.5em;
		text-align: center;
		border-bottom: 1px solid #fff;
		padding-bottom: 1.5em;
	}

	.footer-main-right {
		width: 100%;
		text-align: center;
	}

	div.copyright div.container {
		flex-wrap: wrap;
		text-align: center;
	}

	div.copyright-left {
		width: 100%;
		margin-bottom: 10px;
	}

	div.copyright-right {
		width: 100%;	
	}
}