/*
Theme Name: Convey
Theme URI: https://www.convey-tech.com
Author: Convey
Author URI: https://www.convey-tech.com
Description: Custom Convey Theme
Version: 2.0
*/

/* Styles */

html {
	scroll-behavior: smooth;
}

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

h1, h2, h3, h4, h5, h6 {
	font-family: 'futura-pt-condensed';
	text-transform: uppercase;
	line-height: 1.2em;
}

h1 {
	font-size: 60px;
	font-weight: 700;
}

h2 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 20px;
}

h3 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 15px;
}

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

em {
	font-style: italic;
}

a {
	color: #4192CD;
}

a:hover {
	color: #2871A6;
}

strong, b {
	font-weight: 600;
}

.button {
	background: #3BD385;
	border-radius: 100px;
	padding: 15px 20px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
}

.button:hover {
	background: #2B3440;
	border-radius: 100px;
	padding: 14px 20px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
}

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

.privacypage strong, .privacypage b {
	font-weight: bold;
}

.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: #15bbda;
	padding: 7px;
	text-align: right;
	font-size: 14px;
}

#headerSupport a {
	text-decoration: none;
	margin-left: 15px;
	color: #fff;
}

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

#headerWrap {
	background: #fff;
	padding: 0px;
	z-index: 999999;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}

div.header-row {
	top: 0;
	left: 0;
	width: 100%;
	position: sticky;
}

#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: 600;
	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;
	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.menuTelematics a:hover {
	background: #30c6e2 !important;
	color: #fff !important;
}



#intro-wrap h1 {
	color: #fff;
	margin-bottom: 30px;
}


#intro-wrap p {
	color: #fff;
	font-size: 24px;
	line-height: 1.2em;
}




footer .sub-menu {
	display: none;
}

/* Content */

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

/* Homepage */

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

#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;
}

.buttonImage {
	text-decoration: none;
	margin-right: 10px;
}

.buttonImage img {
	height: 45px;
}

#sliderInner .sliderRight {
	padding: 0px;
}

.bulletsPosNeg {
	padding: 50px 0px 50px 0px !important;
}

.bulletsPosNeg ul li {
	padding: 8px 0px 8px 0px !important;
}

.bulletsPositive h2, .bulletsNegative h2 {
	font-size: 28px;
    font-weight: 400;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-top: 0px;
}

.bulletsPositive h2 {
	color: #18bf6d;
}

.bulletsNegative h2 {
	color: #d81212;
}

.bulletsPositive ul li {
	padding-left: 35px !important;
	background: url('img/icon_yes.png');
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: center left;
}

.bulletsNegative ul li {
	padding-left: 35px !important;
	background: url('img/icon_no.png');
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: center left;
}

#cardsWrap {
	color: #fff;
	margin-bottom: 0px;
	float: left;
}

#cardsWrap .cardItem {
	color: #fff;
	padding: 40px 0px 40px 40px;
}

#cardsWrap .cardItem h3 {
	font-size: 26px;
	margin-bottom: 15px;
	font-weight: 500;
}

#cardsWrap .cardItem p {
	margin-bottom: 0px;
}



#forWrap {
	margin-bottom: 50px;
	padding-bottom: 30px;
	float: left;
	background: white;
}

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

#forWrap img {
	margin-bottom: 15px;
	max-width: 220px;
	border-radius: 220px;
}

#forWrap h3 {
	font-size: 26px;
	margin-bottom: 15px;
	font-weight: 500;
}


#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;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.020);
}

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

/* Home Pricing */

#pricingInfo {
	background: #f7f7f7;
	border-bottom: 3px solid #f2f2f2;
	padding: 10px 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;
}

/* 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 h3 span {
	
	}

.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%;
	}
}

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


/* 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: #fff;
	overflow: hidden;
	padding: 30px 0px;
}

#diagramWrap h2 {
	font-size: 28px;
	margin-top: 30px;
    margin-bottom: 20px;
	font-weight: 500;
	color: #2B3440;
}

#diagramWrap p {
	color: #2B3440;
	opacity: 0.7;
}

#diagramWrap img {
	width: 100%;
	max-width: 100%;
	margin-top: 20px;

}

#pointsWrap {
	background: #F7F7F7;
	float: left;
	margin-bottom: 0px;
	border-bottom: 5px solid #f1f1f1;
}

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

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

}

.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 {
	width: 100%;
	max-width: 100%;

}



/* Pricing */

#pricingWrap {
	text-align: center;
	padding: 60px 10px 50px 10px;
	float: left;
	width: 100%;
}

#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
}


/* 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;
	margin-bottom: -50px !important;
}

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;
	border-radius: 20px;
	
}

ul#productFeatures li:nth-child(3n+1) {
	padding-right: 35px;
}

ul#productFeatures li:nth-child(3n+2) {
	padding-left: 20px;
	padding-right: 20px;
}

ul#productFeatures li:nth-child(3n+3) {
	padding-left: 35px;
}

ul#productFeatures li .featureInner {
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	box-shadow: 0px 0px 20px rgba(98,98,98,0.1);
}

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;
}




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

#productHeaderInner {	
	display: table;
}

.productHeaderLeft {
	display: table-cell;
	vertical-align: middle;
	float: none;
	padding-top: 60px;
	padding-bottom: 60px;
}

.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: 40px;
	color: #fff;
}

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

#productHeaderInner .productHeaderRight {
	padding: 0px;
}

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

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

.overviewHeader {
	/* background: #28BBD8 url(./img/darker-bg.jpg) !important; */
	background: #2fd583 !important;
	background-size: cover !important;
	background-position: center center !important;
}



/* Panes */

#panesWrap {
	overflow: hidden;
	float: left; 
	width: 100%;
	margin-bottom: 40px;
}

.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/bgDevices.png);
	background-size: 600px auto;
	background-position: bottom right;
	background-repeat: no-repeat;
}


.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 {
	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;
}




.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;
}


/* Reseller Section */

#resellerSection {
	background: #fff;
	margin-bottom: 0px;
	padding-bottom: 50px;
	padding-top: 50px;
}


#resellerSection h2 {
	text-align: center;
}

#resellerSection h2 span {
	color: #2fd583;
}

#resellerSection h2 span a {
	text-decoration: none;
	color: #2fd583;
}

#resellerSection h3 {
	font-size: 28px;
    font-weight: normal;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-top: 0px;
	color: #27323b;
	text-align: center;
}

/* Footer */

#footerWrap {
	background: #f6f6f6;
	color: #c0c0c0;
	padding: 10px 0px 0px 0px;
	margin-top: 0px;
	text-align: center;
	text-transform: uppercase;
}

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

.footerLeft {
	text-align: left;
}

.footerRight {
	text-align: right;
}

footer p {
	font-size: 14px;
	line-height: 1.4em;
}

footer p span {
	color: #7f8a97;
}



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

footer 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: #34CD7A;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 70px;
}

	.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;
	}

.photoPurpleBG {
	background: url(./img/mask-purple.png), url(./img/lorry2.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);
	}


.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.7);
	}


.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);
			   }
	   
	   
		   .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);
			   }
	   

			   


	

.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;
}



.body-blank .loginLink {
	display: none;
	}
	
	.body-blank .loginLink, .body-blank .no-reseller {
	display: none;
	}
	
	

/* Mobile Menu */

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

.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;
}


.postList li {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.postList li h3 {
	font-size: 22px;
	line-height: 1.6em;
}

.postList li h3 span {
	font-size: 18px;
	background: #f1f1f1;
	color: #555555;
	padding: 4px 8px;
}

.postList li h3 a {
	text-decoration: none;
}

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

@media only screen and (max-device-width: 480px) {	
	div.header-row {
		display: none;
	}
  /* define mobile specific styles come here */

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

	nav#nav {
		display: none;
	}

	#headerWrap {
		margin-top: 0px;
		position: static;
	}

	.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);
	}
	
	.photoPurpleBG {
		background: url(./img/m-mask-purple.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);
	}

	.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%;
	}

	ul#productFeatures li {
		
	}

	ul#productFeatures li:nth-child(3n+1) {
		padding-right: 0;
	}
	
	ul#productFeatures li:nth-child(3n+2) {
		padding-left: 0;
		padding-right: 0;
	}
	
	ul#productFeatures li:nth-child(3n+3) {
		padding-left: 0;
	}

	.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 only screen and (min-width: 1700px) {
	#cardsWrap .cardItem {
		color: #fff;
		padding: 80px 0px 80px 40px;
	}
}


.div-blank {
	display: none;
}

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

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

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;
	}
}