html, body {
  height: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
body {
	/* padding-top: 110px;
	Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family:Roboto,helvetica,arial,sans-serif;
	font-size: 16px;
	/*padding-bottom: 110px;*/
}

b, strong {
    font-weight: 900;
}
.no-border{
	border: none !important;
}
.plate-info {
	/*font-family: custom-font !important;*/
	font-size: 40px;
	font-weight: 400;
	background-color: rgb(255, 211, 65);
	border-radius: 10px;
	text-align: center;
	padding: 5px 20px 5px 20px;
	margin: auto;
	display: inline-block;
}
@font-face {
	font-family: 'plate-font';
    src: url('/fonts/UKNumberPlate.ttf')  format('truetype');
}
.uk-plate{
	font-family: 'plate-font';
}
.overflow-hidden{
	overflow: hidden;
}
.d-none{
	display:none;
}
.bl-dvla-alert {
	padding: 12px 10px 12px 10px;
	display: flex;
	background: rgb(230, 242, 240);
}

.bl-dvla-alert img {
    max-width: 70px;
	margin-bottom: 12px;
}

.bl-dvla-alert > div {
    padding: 0px 10px;
}

.dvla-element {
    background-color: rgba(14,134,106,0.1) !important;
    border-color: transparent !important;
    color: #333 !important;
    align-items: center;
    border-radius: 0;
    text-align: left;
    padding: 5px !important;
    font-size: 14px;
    line-height: 16px;
}

.dvla-element img {
    width: 45px;
}

.text-success {
    color: #21f50c;
}

.no-gutters {
	padding: 0 !important;
}
.no-lt-gutter {
	padding-left: 0 !important;
}
.no-rt-gutter {
	padding-right: 0 !important;
}
.white {
	color: #FFF !important;
}
.gold {
	color: #FFAE00 !important;
}
.offwhitebg {
	background-color: #F5F5F5;
}
.blackbg {
	background-color: #363636
}
.bb-3 {
	border-bottom: 3px solid #D9D8D8;
}
.mt-0 {
	margin-top: 0 !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.pt-10{
	padding-top: 10px !important;
}
.pt-15 {
	padding-top: 15px !important;
}
.pb-15 {
	padding-bottom: 15px !important;
}
.pl {
	padding-left: 4rem !important;
}
.px-0 {
	padding: 0;
}
.px-8 {
	padding: 0 8px !important;
}
.px-38 {
	padding: 0 38px;
}
/*.px-46 {
	padding: 0 46px !important;
}*/
.font-weight-normal {
	font-weight: normal !important;
}
/*button {
	background-color: transparent;
	border: 0 !important;
    padding: 0 !important;
    margin: 1rem auto !important;
}*/
/*.btn-wrap {
	display: inline-block;
	min-width: 310px;
	margin-bottom: 15px;
}*/
.btn {
	border-width: 0;
	border: none;
	border-radius: 0;
}
.btn-block {
	width: 100% !important;
}
.btn-primary {
	background-color: #0066f6;
	border-radius: 0;
    border-width: 0;
    color: #FFF;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
	color: #FFF;
	text-decoration: none;
}
.btn-lg {
	font-weight: 800;
    padding: 2rem;
}
.btn-default,
.btn-default.active {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #000 !important;
}
.btn-default:hover {
	background-color: #ebebeb !important;
}
.btn-lg-thin {
	padding: 11px 0;
}
.slider.slider-horizontal {
    width: 100% !important;
}
.credit-card-box .nav-tabs > li > a {
	background-color:#fff;
}
.credit-card-box .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background-color: #f5f5f5;
}
.credit-card-box .nav-tabs {
    border-bottom: 0px solid #ddd;
}
.container {
    max-width: 1170px;
}
a, h4 a.small {
	/*color:#5bc0de;*/
	color: #0066f6;
}
a:hover {
	/*color:#0066f6;*/
	color: #025C86;
}
a:focus {
	color:#5bc0de;
}
footer a {
	color:#0066f6;
}
footer a:hover {
	color:#0775A9;
	text-decoration: none;
}
footer a:focus {
	color:#0066f6;
	outline: 0;
}
h3 {
	font-size:20px;
	font-weight:900;
}

.sr-only {
	display:none;
}

blockquote {
    font-size: 14px;
}
.label-warning {
	color:#363636
	background-color:#FC0;
	text-transform:uppercase;
	-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.3);
	box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.3);
	min-width:100px;
}
.bg-default {
	padding:0.3em;
	background-color:#aaa;
	color:#FFFFFF;
}
.bg-invalid {
	padding:0.3em;
	background-color:#AF292E;
	color:#fff;
}
.bg-valid {
	padding:0.3em;
	background-color:#28A297;
	color:#fff;
}
.wrap {
    background-color: #f2f2f2;
    min-height: 100%;
}
.navbar-brand img {
	max-width:23px;
}

.navbar-inverse .navbar-brand {
    color: #FFF;
}

/*** dropdown menu ***/
.yellow {
	color: #FFEA00 !important;
}
.orange{
	color: #FF4800 !important;
}
.green {
	color: #2FDF00 !important;
}
/* Dropdown Button */
.dropbtn {
    border: none;
    color: white;
    font-size: 16px;
    padding: 16px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown:hover {
	background-color: #282828;
}

.dropdown:hover a {
	background-color: #282828;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    background-color: #3E3B37;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    display: none;
    min-width: 235px;
    right: 0;
    text-align: left;
    position: absolute;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    background-color: #282828;
    color: #FFF;
    margin-bottom: 5px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:last-child {
	margin-bottom: 0;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #121212;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { background-color: #282828; }

/*** end dropdown menu ***/

.voffset { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }
.main {
	overflow:auto;
	padding-bottom:180px;
}
.wraptext {
	overflow-wrap:break-word;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #ccc;
}

footer {
	/*background-color:#555;
	border-top:#363636 12px solid;*/
	background-color: #2E2E2E;
	clear:both;
	/*height:162px;*/
	margin-top:-130px;
	padding:30px 0 0;
	position:relative;
	width:100%;
	color:#aaa;
}
footer .arrow_up {
	position: relative;
	top: -6.5rem;
}

footer .arrow_up a {
	color: #242424;
}

footer .arrow_up a:hover {
	color: #d8d7d7;
}
footer .arrow_up a .fa-stack {

	left: -15px;
}
.arrow_up > a > .fa-arrow-circle-up {
	color: #2E2E2E;
    font-size: 3.5rem;
    position: absolute;
    margin: auto;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
footer .arrow_up .circle {
	background-color: #FFF;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 2.5rem;
    position: absolute;
    margin: auto;
    top: -10px;
    left: 0;
    right: 0;
}
.numberplate {
	background-color:#FFD307;
	border:1px solid #999999;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-weight: 900;
	padding:11px 40px;
	text-transform:uppercase;
}
.valid {
	background-color:#28A297;
	color:#FFFFFF;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin:0 10px;
}
.invalid {
	background-color:#AF292E;
	color:#FFFFFF;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin:0 10px;
}
.details .row:first-child, .well.details .row:first-child {
	border-top:0;
}
.well.details {
	padding:0 19px;
}
.well.details .row:last-child {
	border-bottom:0;
	margin-bottom:0;
}
.details .row h4 {
	margin:0;
}

h1 {
	font-weight:900;
	font-size: 24px;
	margin-top:0px;
}
h2 {
	font-size: 24px;
}
h1.verify {
	line-height:inherit;
}

h1, h2, h3, h4, h5, h6,
.breadcrumb h2 span, h4 a {
	font-weight: 900 !important;
}

label {
	font-size:16px;
	/*margin-bottom: 15px;*/
	display: block;
	margin-bottom: 0;
	font-weight: 900;
}
.account label {
	font-size:16px;
	margin-bottom: 5px;
}
.account .section-heading p {
	font-size:larger;
}
.account .toggle-group label {
	font-size:16px;
	margin-bottom: 0;
}
.form-group {
    margin-bottom: 15px;
}
.lead {
    font-size: 14px;
}
.btn-group-lg > .btn, .btn-lg {
	border-radius:0;
}
.input-lg {
	border-radius:0px;
}
input.text-uppercase::-webkit-input-placeholder {
	text-transform:none;
}
input.text-uppercase:-moz-placeholder {
	text-transform:none;
}
input.text-uppercase::-moz-placeholder {
	text-transform:none;
}
input.text-uppercase:-ms-input-placeholder {
	text-transform:none;
}
input[type=checkbox], input[type=radio] {
    width: auto;
}
.navbar-inverse .navbar-nav > li > a > .fas {
	font-size: 2.25rem;
}
.navbar-inverse .navbar-nav > li > a > span {
	font-size: 2rem;
}
.navbar-header {
	line-height: 57px;
}
.navbar-header .nav-logo {
	font-size: 2rem;
	margin-left: -15px;
	font-weight: 900;
}
.navbar-header .nav-logo:hover {
	text-decoration: none;
}
.navbar-header .nav-logo img {
	max-width: 50px;
}
.navbar-header > .nav-logo > .fa-home {
	line-height: 64px;
}
footer .container-fluid {
	background-color: #242424;
}
footer > .container-fluid > .container {
	padding: 5rem;
}
footer .footer-menu {
	padding: 3rem 8rem;
}
footer > .container > .row > .col-md-12 {
	padding-bottom: 2rem;
}
footer .logo {
	padding: 3rem 1rem;
}
footer .nav-logo:focus {
	text-decoration: none;
}
footer .nav-logo:hover {
	opacity: .8;
}
footer .nav-logo span {
	font-size: 2.5rem;
	font-weight: 600;
	letter-spacing: 0px;
	position: relative;
    top: 6px;
    left: 0.2rem;
}
footer .nav-logo img {
	max-width: 40px;
}
footer .logo .license {
	padding-bottom: 3rem;
}
footer .logo .license p {
	padding: 3rem 1rem;
}
.footer-menu,
.logo-group {
	padding-left: 8rem;
}
.footer-menu ul {
	margin-bottom: 0;
}
.logo-group .logo span:not(.logo-title) {
	display: block;
}
.footer-links a:after {
	content: "|";
    color: #F9F9F9;
    margin: 0 .5rem;
}
.footer-links a:last-child:after {
	content: " ";
}
.navbar-inverse {
	background-color: #363636;
	margin-bottom: 0;
}
.navbar-header a,
.navbar-inverse .navbar-nav > li > a {
	color: #FFFFFF;
	font-weight: 900;
}
.navbar-header a:focus,
.navbar-header a:hover,
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	color: #CCCCCC;
}
.navbar-brand {
	text-transform: uppercase;
	font-weight:900;
	font-size:21px;
	height:85px;
	padding-top:33px;
	padding-right:10px;
	padding-bottom:23px;
	padding-left:10px;
}
.navbar-nav {
	float:right;
	margin-top:5px;
}
#bs-example-navbar-collapse-1 > .navbar-nav > li > a > svg {
	font-size: 2.5rem;
}
#bs-example-navbar-collapse-1 > .navbar-nav > li > a > svg.fa-tag {
	font-size: 2.2rem;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
}
.navbar-fixed-top {
    border-bottom-width: 7px;
}
.content {
	background-color: #FFF;
	margin-bottom: 5rem;
}
.breadcrumb {
	background-color: #FFF !important;
	padding: 10px 5rem 10px 5rem !important;
	margin-bottom: 0px;
	border-bottom: 5px solid #333;
	border-radius: 0px;
}
.breadcrumb h2 {
	color: #6D6C6C;
	font-weight: 600;
}
.breadcrumb h2 .glyphicon {
	font-size: 2.3rem;
	margin-right: 1rem;
}
.breadcrumb h2 .fa {
	font-size: 1.75rem !important;
	margin: 0 .5rem !important;
    position: relative;
    top: -3px;
}
.breadcrumb > h3 > svg {
	/*font-size: 1.5rem;*/
	margin: 0 0 0 1rem;
	position: relative;
	top: -0px;
}
.blue {
	color: #0066f6 !important;
}
.blue:hover {
	opacity: .85;
	text-decoration: none;
}
.bluebg {
	background-color: #0066f6 !important;
}
.normal {
	font-weight: 400 !important;
}
.900 {
	font-weight: 800 !important;
}
.off {
	color: #D4D4D4;
}
.italic {
	font-style: italic;
}
.verify {
	background-color: #FFAE00;
	border-top: 5px solid #333;
	padding: 2.5rem 1rem;
}
.verify p {
	font-style: italic;
	font-size: 1.75rem;
	margin-bottom: 0;
}
.verify p .svg-inline--fa {
	font-size: 1.75rem;
	margin-right: 1rem;
}
.progress {
    height: 13px;
}
.homebanner {
    background-color: #838280;
    background-image: url(/img/homecar.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #fff;
    padding: 30px;
    text-shadow: 1px 1px 1px #020202;
}
.homebanner a {
	text-shadow: 0 0 0;
}
.panel.panel-default .panel-heading .panel-title {
	position: relative;
}
.panel.panel-default > .panel-heading > .panel-title > svg {
	font-size: 2.4rem;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 100px;
}
.sw_on {
    color: #21f50c !important;
}
.sw_off {
	color: #E48600 !important;
}
h4.panel-title a {
	display:block;
	margin-left:17px;
	padding:10px 15px;
    position:relative;
}
h4.panel-title a[aria-expanded="false"] .fa-plus-circle, h4.panel-title a[aria-expanded="true"] .fa-minus-circle {
	display: inline-block;
}
h4.panel-title a[aria-expanded="true"] .fa-plus-circle, h4.panel-title a[aria-expanded="false"] .fa-minus-circle {
	display: none;
}
h4.panel-title a[aria-expanded="false"] .fa-plus, h4.panel-title a[aria-expanded="true"] .fa-minus {
	display: inline-block;
}
h4.panel-title a[aria-expanded="true"] .fa-plus, h4.panel-title a[aria-expanded="false"] .fa-minus {
	display: none;
}
.panel-body {
	padding:0 15px;
}
.panels .panel {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panels .panel-collapse {
	color: #363636
	border-bottom: 2px solid #ccc;
	padding-bottom: 20px;
}
.panels .panel-group.home .panel-body {
	font-style: italic;
}
.panels .panel-group.home .fa {
	margin-right: 1rem;
}
.panels .panel .panel-heading {
	background-color: #D8D7D7;
}
.panels .panel-group .panel {
	border-radius: 0;
}
.tab-pane .button a {
	margin-bottom: 15px;
}
.panels .panel.panel-default .panel-heading {
	border-radius: 0;
	padding: 0;
}
.panels .panel.panel-default .panel-heading h4.panel-title a {
	color: #6D6C6C;
	font-size: 2.5rem;
    font-weight: 600;
    margin-left: 0;
    padding: 1.75rem 2rem;
}
.panels .panel-group.home .panel-body {
	font-weight: 300 !important;
	padding: 0 30px 2rem 60px;
}
.panels .panel-group.home .panel-body .fa {
	color: #6D6C6C;
	font-size: 3rem;
	margin-right: 1rem;
}
a.sw_off:before {
	content: "OFF" !important;
	color: #E48600 !important;
}
.panels .panel.panel-default .panel-body {
	border-top: none;
    margin-left: 0;
}
.panels .panel.panel-default .panel-footer {
	background-color: transparent;
    font-weight: 600;
    margin-left: 0;
	min-height: 67px;
    padding: 2rem 30px 2rem 60px;
}
.panels .panel.panel-default .panel-body .form-wrap {
	padding: 2rem 30px 2rem 60px;
}
.panels .panel.panel-default .panel-heading h4.panel-title a:focus,
.panels .panel.panel-default .panel-heading h4.panel-title a:hover {
	color: #333;
	text-decoration: none;
}
.panels .panel-group.dl .panel-body a {
	background-color: #0066f6;
    color: #FFF;
    display: inline-block;
    padding: 2rem 5rem;
}
.panels .panel-group.dl .panel-body a:focus,
.panels .panel-group.dl .panel-body a:hover { text-decoration: none; }
.panels .panel-group.dl .panel-body a:hover { background-color: #0775A9; }
.panels .panel-group.dl .panel-body a .fa {
	margin-right: 1rem;
}
.panels .panel-group.dl .panel-body a span {
	background-color: #FFF;
    border-radius: 3px;
    color: #0066f6;
    font-size: 1.25rem;
    letter-spacing: .5px;
    padding: .35rem .75rem;
    position: relative;
    top: -5px;
    left: 1rem;
}
.panels .panel-group.status .panel-body {
	text-align: center;
}
.panels .panel-group.status .panel-body a {
	background-color: #FF0000;
    color: #FFF;
    display: inline-block;
    padding: 2rem 5rem;
}
.panels .panel-group.status .panel-body a:focus,
.panels .panel-group.status .panel-body a:hover {
	background-color: #B70606;
	text-decoration: none;
}
/* email form */
#email_form {
	padding: 0 15px;
}
#email_form .form-group span {
	padding-left: 0;
}
#email_form input {
	border-radius: 0 !important;
    font-size: 2rem;
    font-weight: 600;
	height: 65px;
    padding: 1.75rem;
}
#email_form button {
	border-radius: 0 !important;
	font-size: 2rem;
    font-weight: 600;
    padding: 1.75rem;
    width: 100%;
}
#address .form-group label {
	font-size: 18px;
	font-style: normal;
    font-weight: 800;
    margin-bottom: .5rem;
    text-transform: none;
}

/* email */
_::-moz-range-track, .panels .panel-group.first .panel-body p {
    overflow: auto;
}

/* home address */
.panels .panel-group.home {
	overflow: overlay;
}
.panels .panel-group.home .panel-body p {
	font-style: italic;
	margin-bottom: 2rem;
	padding: 2rem 0;
}
.form-control {
	border-radius: 0 !important;
}
input[type="date"].form-control {
	line-height: normal;
}
.panels .panel-group.home form .btn {
	background-color: #0066f6;
    border-radius: 0;
    border: 0;
    color: #FFF;
    font-size: 2rem;
    margin-top: 2rem;
    padding: 1.5rem 5rem;
}
.panels .panel-group.home form .btn:hover {
	background-color: #0775A9;
}

/* Account homepage styles */
.row-heading {
	background-color: #d8d7d7;
	color: #ffffff;
}
.row-heading a {
	color: #6d6c6c;
	display: block;
	font-weight: 900;
	font-size: 1.3em;
	padding: 10px 0;
}
.col-no-padding {
	padding: 0;
}
p.vehicle-link {
	background-color: #ffea00;
	color: #363636;
	margin: 0;
}
p.vehicle-link:hover {
	background-color: #e6d300;
}
p.vehicle-link a {
	color: #363636;
	display: inline-block;
	font-weight: 900;
	height: 100%;
	min-height: 63px;
	padding: 0;
	width: 100%;
}
p.vehicle-link img {
	background-color: #fff;
	border: 2px solid #4A4A4A;
	height: 44px;
	margin: 9px 5px auto 10px;
	padding: 2px;
	width: 44px;
}
p.vehicle-link span {
	display: block;
	padding: 19px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

p.vehicle-link a span small {
	font-weight: 400;
	color: #525252;
}

.vehicle-list-button {
	background-color: #21f50c;
	border-left: 4px solid #fff;
	font-weight: 900;
}
.vehicle-list-button:hover {
	background-color: #00d5a1;
}
.vehicle-list-button.vehicle-list-button-warning {
	background-color: #FF0000;
}
.vehicle-list-button.vehicle-list-button-warning:hover {
	background-color: #FF2D2D;
}
.vehicle-list-edit-button {
	background-color: #0066f6;
	border-left: 4px solid #fff;
	font-weight: 900;
}
.vehicle-list-edit-button:hover {
	background-color: #0091d5;
}
.vehicle-list-button a, .vehicle-list-edit-button a {
	color: #ffffff;
	display: block;
	margin:0;
	padding: 20px 0;
}
.no-vehicle p.vehicle-link {
	background-color: #fff68e;
	color: #c9b800;
	padding: 1px 0 20px 0;
}
.no-vehicle p.vehicle-link a {
	padding: 20px 0;
}
.no-vehicle .vehicle-list-button {
	background-color: #e6e6e6;
	color: #ffffff;
	padding: 20px 0;
}
.toolbox-links .greybox {
	border-right: solid #ffffff 4px;
	font-weight: 900;
}
.toolbox-links .greybox:last-child {
	/*background-color: #0066f6;*/
	border-right: none;
}
.toolbox-links .greybox:last-child a, .toolbox-links .greybox:last-child a:hover {
	/*color: #ffffff;*/
	display: block;
	padding: 12px 0;
}
.account-border-col .col-md-12.col-no-padding, .account-border-col .row.row-heading {
	border-right: 4px #ffffff solid;
}
/* END Account homepage styles */


/* Edit Vehicle page */
.editvehicles .panels .panel .panel-heading {
    background-color: #ffea00;
	color: #363636;
}
.editvehicles .panels .panel .panel-heading:hover {
	background-color: #e6d300;
}
.editvehicles .panels .panel .panel-heading.no-vehicle {
    background-color: #fff68e;
}
.editvehicles .panels .panel .panel-heading.no-vehicle:hover {
	background-color: #f4ea7a;
}
.editvehicles .panels .panel.panel-default .panel-heading.no-vehicle h4.panel-title a {
	color: #c9b800;
}
.editvehicles .panels .panel .panel-heading img {
	background-color: #fff;
	border: 2px solid #4A4A4A;
	height: 33px;
	margin: 0 5px 0 0;
	padding: 2px;
	width: 33px;
}
.editvehicles .panels .panel .panel-heading.no-vehicle img {
	border: 2px solid #A7A7A7;
}
.editvehicles .panels .panel.panel-default .panel-heading h4.panel-title a {
    color: #363636
}
.editvehicles .panels .panel.panel-default .panel-heading a span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* END Edit Vehicle page */

/* START VDI Report */
#vdireport .vdi-headlinestatus {
	background-color: #ccc;
	border-left: 4px solid #fff;
	border-top: 4px solid #fff;
	font-weight: 900;
	padding: 10px 0;
}
#vdireport .vdi-headlinestatus span {
	font-size:14px;
	font-weight:400;
}
#vdireport .vdi-headlinestatus.statusgreen {
	background-color: #21f50c;
}

#vdireport .vdi-headlinestatus.statusalert {
	background-color: #ff0000;
}
#vdireport .vdi-boxes .col-xs-6 {
	padding:10px 0;
}
#vdireport .vdi-boxes .col-xs-6 p {
	margin: 0;
}
/* END VDI Report */

/* switch */
.toggle.btn {
	min-width: 89px !important;
}

.alert_sw .bg-success {
    background-color: #FFAE00;
    font-size: 1.75rem;
    padding: 10px;
    width: 150%;
    position: relative;
    right: 15px;
}
#alert-message-success, #alert-message-danger {
	padding: 20px;
}
/* sidebar */
.sidebar {
	padding-top: 2rem;
    padding-left: 4rem;
}
aside .widget {
	background-color: #FFF;
    margin-bottom: 2rem;
    padding: 2rem;
}
aside .widget p {
	padding: 0;
}
aside .widget .widget-heading {
	color: #333;
	margin-top: 0;
}
/*aside .widget .widget-heading:before {
	content: "\f05a";
	color: #6D6C6C;
	font-family: "FontAwesome";
	font-size: 2.5rem;
	margin-right: 1rem;
}*/

.credit-card-box label {
    display: block;
	font-weight:400;
	margin-bottom:0;
}

.landingpage label {
	margin-bottom:0px;
}

/*** My Vehicles ***/

/* content */
.content.myvehicles {
	background-color: transparent;
}
.content.myvehicles .voffset4 {
    margin-top: 20px;
}
.content.myvehicles > .voffset4 > .no-lt-gutter {
	padding-right: 10px;
}
.content.myvehicles .details {
	background-color: #FFF;
	padding-bottom: 6rem;
}
.content.myvehicles .voffset4 .mobile-voffset3 {
	padding: 0;
}

/* dropdown */
#vehicleselect {
	width: 100% !important;
}
.dd-select {
	background: #FFEA00 !important;
	border: none !important;
	width: 100% !important;
	cursor: pointer;
}
.dd-selected:hover {
	background: #e6d300 !important;
	color: #363636
	text-decoration: none !important;
	cursor: pointer;
}
.dd-selected-text {
	color: #333;
	text-transform: uppercase;
	cursor: pointer;
}
.dd-options {
	background-color: #FFF;
	width: 100% !important;
}
.dd-option .dd-check .fa-check, .dd-option .dd-check .fa-chevron-right {
	display: none;
}
.dd-option-selected {
	background: #f6f6f6 !important;
	color: #333333 !important;
	cursor: pointer;
}
.dd-option-selected .dd-check .fa-check {
	color: #d8d7d7;
	display: inline-block;
    position: absolute;
    top: 25%;
    right: 15px;
	text-decoration: none;
}
.dd-options li:first-child {
	margin-top: 5px;
}
.dd-options li {
	margin-bottom: 5px;
}
.dd-option {
	position: relative;
}
.dd-option:hover .dd-check .fa-check {
	color: #21f50c;
	display: inline-block;
    position: absolute;
    top: 25%;
    right: 15px;
	text-decoration: none;
}
.dd-options li a {
	background-color: #FFEA00;
	border: none;
    color:#363636
}

.dd-options li a:hover {
	background-color: #e6d300;
	border: none;
	text-decoration: none;
    color:#363636
}

.dd-options li a.freespace {
	background-color: #0066f6;
	color: #FFF;
}

.dd-options li a.freespace:hover {
	background: #286090;
	color: #363636
	text-decoration: none;
}

.dd-option-image, .dd-selected-image {
	background-color: #fff;
	border: 2px solid #4A4A4A;
	border-radius: 50%;
	height: 43px !important;
	padding: 2px;
	width: 43px !important;
}
.dd-desc {
    color: #525252 !important;
	text-transform: capitalize;
}
.dd-options li a.freespace .dd-desc {
    color: #DADADA !important;
}
.dd-options li a.freespace:hover .dd-check .fa-chevron-right {
	color:#fff;
	display: inline-block;
    position: absolute;
    top: 25%;
    right: 15px;
	text-decoration: none;
}
.dd-options li a.freespace:hover .dd-check .fa-check {
	display: none;
}
.dd-options li a.dd-option.freespace:hover {
	background-color: #286090;
	color: #FFF;
}
.dd-option-text {
	text-transform: uppercase;
	cursor: pointer;
}

/* tabs */
.nav-tabs {
	border: none;
}
.nav-tabs>li {
	background-color: #D8D7D7;
	height: 65px;
	margin-right: 10px;
	padding: 0;
}
.nav-tabs>li:last-child {
	margin-right: 0;
}
.nav-tabs>li.active {
	background-color: #FFF;
	height: 75px;
}
.nav-tabs>li:last-child.active {
	padding: 0 4.5px;
}
.nav-tabs>li>a {
	color: #848484;
	font-size: 1.75rem;
	font-weight: 800;
	line-height: 45px;
}
.nav-tabs>li>a:hover {
	color: #333333;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {

	border: none;
}
.nav-tabs>li.active>a {
	color: #363636
}
.nav>li>a:focus,
.nav>li>a:hover {
	background-color: transparent !important;
	border-color: transparent !important;
}
.vehicletabs.nav-tabs > li {
	padding: 0;
}
.vehicletabs.nav-tabs>li:last-child.active {
	padding: 0;
}
.vehicletabs.nav-tabs > li > a {
    margin: 0;
	border: 0px solid transparent;
}

/* tab content */
.content .details {
	padding: 5rem 10rem !important;
}
.success {
	background-color: #21f50c;
    color: #FFF;
    padding: 2rem;
}
.danger {
	background-color: #FF0000;
    color: #FFF;
    padding: 2rem;
}
.alert-msg.alert-success {
	color: #21f50c !important;
	background-color: transparent;
	border-color: transparent;
}
.alert-msg.alert-warning {
	color: #FFAF00 !important;
	background-color: transparent;
	border-color: transparent;
}
.alert-msg.alert-danger {
	color: #FF0000 !important;
	background-color: transparent;
	border-color: transparent;
}
#tax .success span,
#mot .danger span {
	font-weight: 300;
	font-style: italic;
}
.due-dates a:active,
.due-dates a:focus,
.due-dates a:hover {
	text-decoration: none;
	opacity: .75;
}
.tab-pane .heading {
	font-size: 2.5rem;
    margin: 0;
}
.tab-pane .heading ~ p,
.tab-pane .heading ~ span {
	font-size: 2rem;
    margin-bottom: 0;
}
.due-dates .tax {
	background-color: #21f50c;
	color: #FFF;
	padding: 2rem;
}
.due-dates .mot {
	background-color: #FF0000;
	color: #FFF;
	padding: 2rem;
}
.due-dates .greenstatus {
	background-color: #21f50c;
	color: #ffffff;
}
.due-dates .orangestatus {
	background-color: #fead2a;
	color: #ffffff;
}
.due-dates .redstatus {
	background-color: #FF0000;
	color: #ffffff;
}
.due-dates .greystatus {
	background-color: #aaaaaa;
	color: #ffffff;
}

.due-dates .greystatus {
    background-color: #d8d7d7;
    color: #ffffff;
}

/* history */
.history {
	clear: both;
}
.history > .heading {
	background-color: #0066f6;
	color: #FFF;
    display: inline-block;
	float: none;
	margin: 1.5rem auto;
	padding: 2rem;
}

.ltgraybg {
	background-color: #F9F9F9;
}
.bluebg {
	background-color: #0066f6;
	color: #FFF;
}
.details > .due-dates > .block-wrap:hover {
	opacity: .75;
}
.details > .panels {
    clear: both;
    padding: 4rem 0 0;
}
.details > .panels .panel-body > p:not(:first-child) {
    border-top: 2px solid #ddd;
}
.details > .panels .panel-body > p {
	font-weight: 900;
}
.details > .panels .panel.panel-default .panel-body p {
	padding: 2rem;
}
.details > .panels .tires .panel-body p {
	float: none;
    display: inline-block;
    overflow: inherit;
	padding: 2rem 5px;
}
.details > .panels .tires .panel-body p .btn {
	background-color: #0066f6;
    border-radius: 0;
    color: #FFF !important;
    display: block;
    font-size: 2rem;
    font-weight: 900;
    padding: 2rem;
}

/*** Tool Box ***/
.gray-icon { color: #6D6C6C !important; font-size: 1.75rem; margin-right: 1rem; }
.offwhitebg { background-color: #f2f2f2; }
.vltgraybg { background-color: #f2f2f2; }
.ltgraybg { background-color: #D8D7D7; }
.midgraybg { background-color: #CCC; }
.drkgraybg { background-color: #d8d7d7; }
.yellowbg { background-color: #FFF600; }
.bluebg { background-color: #0184C1; }
.italic { font-style: italic; }
.white { color: #FFF; }
.blue { color: #0184C1; }
.gray { color: #616161; }
.drkgray { color: #333 !important; }
.btn-success { background-color: #00C192; }
.grayoutline { border: 2px solid #B8B8B8; }
.font-weight-600 { font-weight: 600 !important; }
.ht-100 { height: 100% !important; }
.d-flex { display: flex; display: -webkit-flex; display: -moz-flex;	}

.mt-0 { margin-top: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mr-5 { margin-right: 5px !important; }
.pt-0 { padding-top: 0 !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pr-0 { padding-right: 0 !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pl-0 { padding-left: 0 !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-80 { padding-left: 80px !important; }

.toolbox .content .breadcrumb,
.container.toolbox  .row > div { clear: both; border-radius: 0px;}
.toolbox .content .breadcrumb .fa-wrench { font-size: 2rem; }
.page-notification { border-radius: 0; margin-bottom: 0; padding: 2.5rem 5rem; }
.page-notification p { font-size: 1.75rem; margin: 0; }
.page-notification p > svg { font-size: 2rem; }
.wrap > .toolbox .content,
.wrap > .toolbox .content > .row { padding: 4rem; }

/* cards */
.toolbox .cards { display: flex; display: -webkit-flex; flex-wrap: wrap; padding: 4rem; }
.toolbox .cards a p, .toolbox .cards a:hover p { color: #333333; text-decoration: none;}
.toolbox .cards a:hover { text-decoration: none !important;}
.toolbox .cards a:hover .ltgraybg {background-color:#e8e8e8; }
.toolbox .cards a:hover .drkgraybg {background-color:#e7e7e7; }
.toolbox .cards li a { list-style: none; padding: 0; margin: 0; color: #0066f6; text-decoration: none;}
.toolbox .cards li a:hover { list-style: none; padding: 0; margin: 0; color: #025C86; text-decoration: none;}
.toolbox .cards li  { list-style: none; padding: 0; margin: 0; text-decoration: none;}
.toolbox .cards ul  { list-style: none; padding: 0; margin: 0; text-decoration: none;}
.toolbox .cards .card  { padding: 15px; }
.toolbox .cards .card-wrap { height: 100%; }
.toolbox .cards .card .card-title { padding: 1.5rem 2rem; }
.toolbox .cards .card .card-content { padding: 1.5rem 2rem; }
.toolbox .cards .card-title a, .toolbox .cards .card-title a:hover {color:#333; text-decoration: none;}

/* START cookie bar */
.cookies {
	background-color:#444444;
	color:#fff;
	padding:10px;
	text-align:center;
}
/* END cookie bar */

#accordion-mot .panel-default > .panel-heading.bg-success {
    background-color:#dff0d8;
}
#accordion-mot .panel-default > .panel-heading.bg-danger {
    background-color:#f2dede;
}
.homepage-price-circle {
	background-color: #f6f612;
    border: 1px solid #363636
    border-radius: 60px;
    color: #363636
    float: right;
    font-size: 20px;
    font-weight: 900;
    height: 120px;
    line-height: 32px;
    padding: 20px 15px 15px;
    position: relative;
    right: -20px;
    text-align: center;
    text-shadow: none;
    top: -20px;
    width: 120px;;
}
.numberplate-wrapper {
	display: inline-block;
    margin: 10px 0;
	white-space:nowrap;
    width: auto;
}
.registration-ui {
	background: linear-gradient(to bottom, #ffffff 0%,#eee 100%);
	padding: .25em 1em .25em 1.75em;
	font-weight: 900;
	font-size:26px;
	border-radius: 5px;
	border: 2px solid #363636
	box-shadow: 1px 1px 1px #ddd;
	position: relative;
	font-family: helvetica, ariel, sans-serif;
	text-transform: uppercase;
}
.registration-ui:before {
	content: 'GB';
	display: block;
	width: 30px;
	height: 100%;
	background: #063298;
	left:0;
	position: absolute;
	top: 0;
	border-radius: 1px 0 0 1px;
	color: #f8d038;
	font-size: .5em;
	line-height: 69px;
	padding-left: 5px;
}
.registration-ui:after {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 5px;
	width: 20px;
	height: 20px;
	border-radius: 30px;
	border: 1px dashed #f8d038;
}

.credit-card-box .form-control.error {
	border-color: red;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,0,0,0.6);
}
.credit-card-box label.error {
	font-weight: 900;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}
.credit-card-box .payment-errors {
	font-weight: 900;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}
.table .fa-check {
	color:#5cb85c;
}
.table .fa-times {
	color:#d9534f;
}
a[aria-expanded="false"] .expand-open, a[aria-expanded="true"] .expand-closed {
	display: none;
}
a[aria-expanded="true"] .expand-open, a[aria-expanded="false"] .expand-closed {
	display: inline-block;
}
.pricing-table {
	background-color: #fff;
	background-image: url(/img/car-image.jpg);
	background-repeat: no-repeat;
	background-position: top left;
    background-size: 435px auto;
}
.pricing-table.table-striped > tbody > tr:first-of-type {
    background-color:transparent;
}
.pricing-table a[data-toggle="tooltip"], .pricing-table a[data-toggle="tooltip"]:hover, .pricing-table a[data-toggle="tooltip"]:focus {
	color: #333;
}
.pricing-table th:nth-child(1) {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.pricing-table th:nth-child(2) {
	border-top: 1px solid #fff;
	border-left: transparent solid;
	color: #767676;
	vertical-align: bottom;
}
.pricing-table th:nth-child(2) a, .pricing-table th:nth-child(2) a:hover, .pricing-table th:nth-child(2) a:focus {
	color: #767676;
}
.pricing-table th:nth-child(3), .pricing-table th:nth-child(4) {
	background-color: #ffffff;
}
.pricing-table th:nth-child(2) span {
	background-color: #E7E7E7;
	display: block;
	padding: 5px;
	margin: -8px;
}
.pricing-table th:nth-child(2) h2 {
	color: #F56D00;
}
.pricing-table.table-striped > tbody > tr td:first-child {
	text-align: left;
}
.pricingblockmobile .whitebox {
	padding: 20px 10px;
}
.pricingblockmobile a[data-toggle="tooltip"] {
	color: #333;
}
.pricingblockmobile table {
	background-color: #fff;
}
.pricingtablemobile1 tr td:nth-child(3) {
	background-color:rgba(103,229,77,0.2);
}
.pricingtablemobile2 tr td:nth-child(2) {
	background-color:rgba(103,229,77,0.2);
}
.pricingblockmobile a[aria-expanded="false"] .expand-open, .pricingblockmobile a[aria-expanded="true"] .expand-closed {
	display: none;
}
.pricingblockmobile a[aria-expanded="true"] .expand-open, .pricingblockmobile a[aria-expanded="false"] .expand-closed {
	display: block;
}
.pricingblockmobile {
	position: relative;
}
.pricingblockmobile .trialprice {
	border-style: solid;
	border-width: 0 80px 80px 0;
	border-color: transparent #21f50c transparent transparent;
	color: #fff;
	height: 0;
	position: absolute;
	top: -40px;
	right: 5px;
	width: 0;
}
.pricingblockmobile .trialprice p {
	padding: 0;
	margin: 0;
	text-align: right;
	position: relative;
	right: -44px;
	top: 5px;
	font-weight: 800;
}
.input-lg+.form-control-feedback {
    width: 26px;
    margin: 0 10px;
    height: 46px;
    line-height: 46px;
}

/* START Range Slider styles */
.range-slider {
  width: 100%;
}

.range-slider__range {
  display: inline-block !important;
  -webkit-appearance: none;
  width: calc(100% - (73px)) !important;
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;

}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb {
  background: #1abc9c;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 10px;
  margin-left: 8px;
}
.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: "";
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}
/* END Range Slider styles */

/* START info pages styles */
.pull-quote.highlight {
	border-bottom: 7px solid #01ea42;
	border-top: 7px solid #01ea42;
}
.pull-quote.highlight h2 {
	font-size:20px;
	font-weight:900;
	margin-top:8px;
}
.helpbox.well {
	background-color:#ecf7ef;
}
.helpbox h4 {
	color:#838280;
	font-size: 25px;
    margin: 10px 0;
}
.helpbox p {
	color: #838280;
    font-size: 17px;
    margin: 11px 0 10px;
}
.helpbar {
	padding: 10px 15px;
	background-color: #ffffff;
	font-size: 16px;
}
.helpbar p {
	margin-top: 5px;
}
.helpbar .fas {
	margin-right: 5px;
}
.helpbar a {
	color: inherit;
}
.helpbar.contactus {
	background-image: url(/img/bg-logo-black.png);
	background-position: 195% center;
	background-repeat: no-repeat;
	background-size: 75%;
}
.whitebox {
	background-color: #ffffff;
	padding: 40px 40px;
}
.bluebox {
	background-color: #0066f6;
	background-position: 195% center;
	background-repeat: no-repeat;
	background-size: 75%;
	color: #fff;
	padding: 20px 40px;
}

.bluebox a{
	color: #363636
}

.vdibox {
	background-color: #21f50c;
	color: #fff;
	padding: 20px 40px;
}

.vdibox a{
	color: #363636
}

.orangebox {
	background-color:#FFAE00;
	color: #1C1C1C;
	/*padding: 0px;*/
}
.darkgreybox {
	background-color: #f2f2f2;
	color: #fff;
	padding: 10px;
}
.greenbox {
	background-color: #32d3ac;
	padding: 10px;
}
.darkgreenbox {
	background-color: #21f50c;
	padding: 10px;
}
.greybox {
	background-color: #f2f2f2;
	padding: 10px;
	border-radius: 0px;
	box-shadow: none;
	border: none;
}
.progress-boxes .greenbox, .progress-boxes .darkgreybox, .progress-boxes .darkgreenbox {
	color: #363636;
	padding: 4px 10px;
}
.greybox h2 {
	font-size: 24px;
}
.greybox p:first-of-type {
	margin-top: 20px;
}
.mot-centres .greybox {
	min-height: 190px;
}
.whitebox #motoffer .col-md-12 {
	background-image: url(/img/mot-offer.jpg);
	background-position: center center;
    background-size: cover;
	height: 200px;
	padding: 0;
}
.whitebox #serviceoffer .col-md-12 {
	background-image: url(/img/service-offer.jpg);
	background-position: center center;
    background-size: cover;
	height: 200px;
	padding: 0;
}
.whitebox #petroloffer .col-md-12 {
	background-image: url(/img/petrol-offer.jpg);
	background-position: center center;
    background-size: cover;
	height: 200px;
	padding: 0;
}
.whitebox #motoffer a, .whitebox #serviceoffer a, .whitebox #petroloffer a {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}
.whitebox #motoffer a span, .whitebox #serviceoffer a span, .whitebox #petroloffer a span {
	background-color: rgba(189,189,189,0.80);
	color: #ffffff;
	display: block;
	font-size: 24px;
	font-weight: 900;
	position: absolute;
	bottom: 0;
	padding: 10px;
	text-align: center;
	width: 100%;
}
.col-right-whitebox {
	padding-right: 0;
}
.info-page-pricing h2 {
	font-size: 80px;
}
.info-page-pricing p {
	font-size: 26px;
}
.info-page-pricing p:first-of-type {
	font-size: 30px;
	font-weight: 900;
}
.mot-map-bg {
	background-image: url(/img/mot-map.png);
	background-position: center center;
    background-size: cover;
	height: 260px;
	padding: 0;
	text-align: center;
}
.mot-map-bg img {
	margin: 30px;
	max-width: 100px;
}
/* END info pages styles */

.gmap {
	height:547px;
	width:100%;
}
.gmap-account {
	height:523px;
	width:100%;
}
.shadow-box {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 12px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 12px 0px rgba(204,204,204,1);
	padding: 12px;
	position: relative;
}
.corner-triangle {
	width: 0;
	height: 0;
	border-top: 100px solid #32D3AC;
	border-left: 100px solid transparent;
	position:absolute;
	top: 0;
	right: 0;
	text-align: right;
}
.corner-triangle span {
	color: #fff;
	font-size: 18px;
	position: absolute;
	right: 5px;
	top: -98px;
	display: block;
	width: 74px;
	line-height: 20px;
}
.paymentpage .shadow-box h2 {
	color: #32D3AC;
	font-size: 30px;
}
.paymentpage .shadow-box li {
	list-style-type: none;
}
.paymentpage .shadow-box p.small {
	color: #a0a0a0;
}
.paymentpage .shadow-box p {
	margin:0;
}
.paymentpage .row-heading {
    background-color: #686767;
	padding: 10px 0;
}
.paymentpage .greybox {
	padding: 0;
}
.paymentpage .greybox .no-gutters {
	padding: 10px 0 !important;
}
.preview-logo {
	float: right;
	height: 50px;
	max-height: 22px;
	max-width: 70px;
	vertical-align: middle;
}
/** Offers **/
.offers .panels {
	/*padding: 5rem 10.6rem !important;*/
}
.offers .panel-body figure {
	margin-bottom: 1.5rem;
	overflow: hidden;
	position: relative;
}
.offers .panel-body figcaption {
	background-color: rgba(0,0,0,.75);
	color: #FFF;
	font-size: 2.5rem;
	font-weight: 900;
	padding: 15px;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.offers .panel-body figure a {
	display: block;
}
.offers .panel-body figure a:hover {
	opacity: .85;
}
.offers .panels .panel-group .panel-body p {
	font-size: 1.75rem !important;
	font-weight: 600;
}
.offers .panels .panel-group .panel-body p:last-child {
	margin-bottom: 2rem;
}
.offers .panel-body .content {
	background-color: #EBEBEB;
	margin-bottom: 0;
}
.offers .panel-body .content > svg,
.offers .panel-body figure a > svg {
	position: absolute;
	top: 2rem;
	left: 2rem;
}
.offers .panel-body a > .content {
	color: #333;
}
.offers .panel-body a:hover {
	text-decoration: none;
}
.offers .panel-body a:hover > .content {
	opacity: .85;
}
.offers aside {
	display: block !important;
}
.offers .panel-body a.d-flex {
	background-color: #EBEBEB;
	border: 2px solid #ccc;
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}
.offers .panel-body a.d-flex:hover {
	border: 2px solid #0066f6;
}

/* START desktop only styles */
.desktop h1 {
	font-size:43px;
}
.desktop .form-group label {
	display: block;
	margin-bottom: 12px;
}
.desktop .form-inline .form-control {
	width: 290px;
}
.desktop.sales .form-inline .form-control {
	width: 100%;
}
.desktop .input-group-addon {
    background-color: #0000ff;
	border:none;
	color: #fff;
    font-size: 15px;
    font-weight: 900;
	width: 50px !important;
}
.desktop .well {
    background-color: #ecf0f6;
}
.desktop .numberplate {
	font-size: 37px;
    padding: 6px 40px;
}
.desktop .numberplate::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 18px;
    padding: 11px 40px;
}
.desktop .numberplate::-moz-placeholder { /* Firefox 19+ */
  	font-size: 18px;
    padding: 11px 40px;
}
.desktop .numberplate:-ms-input-placeholder { /* IE 10+ */
  	font-size: 18px;
    padding: 11px 40px;
}
.desktop .numberplate:-moz-placeholder { /* Firefox 18- */
  	font-size: 18px;
    padding: 11px 40px;
}



/* pricing page */
.buy-tax-mot-features-list {
	padding-top: 20px;
	padding-bottom: 10px;
	max-width: 600px;
	margin: 0 auto;
  }
  .buy-tax-mot-features-list li {
	list-style: none;
	font-weight: 900;
	padding: 3px 0;
  }
  .fa-check.text-success{
	  margin-right: 5px;
  }
  #payment-form .whitebox{
	  margin-bottom: 15px;
  }
  .plan {
	padding: 15px 8px;
	cursor: pointer;
  }
  .plan-content p {
	color: #60a4dd;
	margin-top: -10px;
  }
  .plan-content .triangle {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: #60a4dd transparent transparent transparent;
  }
  .plan-content {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	padding: 20px 0;
	background: #fff;
	position: relative;
	outline: 3px solid #fff;
  }

  .plan-content h1 {
	font-size: 40px;
	margin-bottom: 0;
	color: #60a4dd;
  }
  .plan-content h1 sup {
	font-size: 20px;
	line-height: 50px;
	vertical-align: top;
  }

  .plan-content small {
	color: #686868;
  }
  .twelve-months .plan-content .triangle {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: #21f50c transparent transparent transparent;
  }

  .plan-chosen .plan-content {
	outline: 3px solid #60a4dd;
  }
  .plan-chosen.six-months .plan-content .triangle,
  .plan-chosen.one-month .plan-content .triangle {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: #60a4dd transparent transparent transparent;
  }
  .plan-chosen .plan-content:after {
	content: " ";
	position: absolute;
	right: calc(50% - 15px);
	bottom: -15px;
	border-top: 15px solid #60a4dd;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: none;
  }

  .twelve-months.plan-chosen .plan-content {
	outline: 3px solid #21f50c;
  }

  .twelve-months .plan-content h1 {
	color: #21f50c;
  }
  .twelve-months .plan-content p {
	color: #21f50c;
  }
  .twelve-month.plan-chosen .plan-content .triangle {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: #00c090 transparent transparent transparent;
  }
  .twelve-months.plan-chosen .plan-content:after {
	content: " ";
	position: absolute;
	right: calc(50% - 15px);
	bottom: -15px;
	border-top: 15px solid #21f50c;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	border-bottom: none;
  }

  .plan-content .triangle p {
	color: #fff;
	margin-top: -80px;
	margin-left: 5px;
	font-weight: 900;
  }
  .buy-features-alert,
  .plans-alert,
  .plans-alert-desktop {
	margin: 0 5px;
  }

  .plans-alert,
  .plans-alert-desktop {
	display: none;
	background: #d9edf7;
	padding: 20px 40px 20px 60px;
	border-radius: 0;
	border: none;
	position: relative;
  }
  .plans-alert > .fa-info-circle,
  .plans-alert-desktop > .fa-info-circle {
	position: absolute;
	top: calc(50% - 15px);
	left: 20px;
	font-size: 30px !important;
	color: #60a4dd;
  }
  .plans-alert p,
  .plans-alert-desktop p {
	margin-bottom: 0px;
	color: #60a4dd;
  }

  .green-plans-alert,
  .plans-alert-desktop.green-plans-alert {
	display: none;
	background: #e9f9f1;
	padding: 20px 40px 20px 60px;
	border-radius: 0;
	border: none;
	position: relative;
  }
  .green-plans-alert > .fa-info-circle,
  .plans-alert-desktop.green-plans-alert > .fa-info-circle {
	position: absolute;
	top: calc(50% - 15px);
	left: 20px;
	font-size: 30px !important;
	color: #21f50c;
  }
  .green-plans-alert p,
  .plans-alert-desktop.green-plans-alert p {
	margin-bottom: 0px;
	color: #21f50c;
  }

  .buy-features-alert {
	background: #d9edf7;
	padding: 20px 40px 20px 70px;
	border-radius: 0;
	border: none;
	position: relative;
  }
  .buy-features-alert > .fa-exclamation-triangle {
	position: absolute;
	top: calc(50% - 15px);
	left: 20px;
	font-size: 30px !important;
	color: #60a4dd;
  }
  .buy-features-alert p {
	margin-bottom: 0px;
	color: #60a4dd;
  }

  .most-popular h5{
	background: #ffd341;
	display: inline-block;
	padding: 7px 15px;
	position: absolute;
	border-radius: 20px;
	top: -27px;
	right: calc(50% - 58px);
	white-space: nowrap;
	font-weight: 700 !important;
	color: #333333;
  }
  .most-popular h5:after {
	content: " ";
	position: absolute;
	right: calc(50% - 7px);
	bottom: -7px;
	border-top: 7px solid #ffd341;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: none;
  }


/* steps */
.table-row > div{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
border-bottom: 1px solid #ddd;
}
.table-row{
	margin: 0;
}

.greenbox, .darkgreenbox, .darkgreybox{
	padding-left:25px;
}
.greenbox::after {
    content: "";
    width: 24px;
    height: 24px;
    right: -28px;
    top: 0;
    position: absolute;
    z-index: 999;
    border-left: 14px solid #32d3ac;
    border-right: 14px solid transparent;
    border-top: 15.5px solid transparent;
    border-bottom: 15.5px solid transparent;
}
.darkgreenbox::after {
    content: "";
    width: 24px;
    height: 24px;
    right: -28px;
    top: 0;
    position: absolute;
    z-index: 999;
    border-left: 14px solid #21f50c;
    border-right: 14px solid transparent;
    border-top: 15.5px solid transparent;
    border-bottom: 15.5px solid transparent;
}
.darkgreybox::after {
    content: "";
    width: 24px;
    height: 24px;
    right: -14px;
    top: 0;
    position: absolute;
    z-index: 999;
    border-left: 14px solid #f2f2f2;
    border-right: 14px solid transparent;
    border-top: 15.5px solid transparent;
    border-bottom: 15.5px solid transparent;
}
.progress-boxes > .col-no-padding {
	padding-right: 14px !important;
}
.blue-description{
	margin-bottom:10px;
}
.blue-description .whitebox{
	background-color:#D8EDF6 !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	color:#0078B8;
	border-left: 5px solid #0078B8;
}
.blue-description .blue-description-text{
	max-width:600px;
	margin:0 auto;
	font-size:14px;
}
.popup-trigger{
	cursor:pointer;
}
.popup-wrapper {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	background:rgba(0,0,0,0.2);
	z-index:9999;
}
.popup{
	height:auto;
	width:95%;
	max-width:700px;
	background-color:transparent;
	position:relative;
	padding:10px;
	margin:0 auto;
}
.popup img{
	width:100%;
}
  .popup-btn-close{
	position:absolute;
	top:3.9%;
	right:35px;
	color:#0282C0;
	font-size:17px;
	font-weight:normal;
	text-transform:uppercase;
	cursor:pointer;
	display:flex;
}
.popup-trigger{
	cursor:pointer;
}
.popup-btn-close img{
	width:22px;
	height:100%;
	margin-left:8px;
}
#payment-form .whitebox > div{
	/*max-width: 600px;*/
	/*margin: 0 auto;*/
}

.services-included{
	border-top: 8px solid #0078b8;
}
.services-included ul li{
	margin-bottom: 4px;
}
.barclays-logo {
	float:right;
}

/* horizontal navmenu slider */
.horizontal-nav {
	position: relative;
}
.dropdowns {
	position: absolute;
	height: 90%;
	z-index: 99;
	background: rgb(0, 0, 0, 0.3);
	width: 100%;
	display: none;
}
.dropdowns-white-bg {
	background: #fff;
	padding: 10px 0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.nav-dropdown {
	display: none;
	text-transform: capitalize;
}
.nav-dropdown ul {
	margin-bottom: 0;
}
.nav-dropdown ul li {
	list-style: none;
	padding: 5px 10px;
}
.scroll {
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.navitem {
	flex: 0 0 auto;
	font-weight: 700;
	padding: 10px 5px;
	font-size: 14px;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	white-space: nowrap;
}
.navitem:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: rgb(0, 174, 215);
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.navitem-active:after {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.navitem-active {
	color: rgb(0, 174, 215);
	display: inline-block;
}
.example-three-header {
	border-radius: 3px 3px 0 0;
}
.navitem:hover {
	color: rgb(0, 174, 215);
	text-decoration: none;
}
/* account nav styles */
.account-nav-items {
	padding-left: 0;
}
.account-nav-items>a {
	color: #fff;
	font-weight: bold;
	float: left;
	padding: 20px;
	line-height: 50px;
	white-space: nowrap;
	cursor: pointer;
}
.account-nav-items>a:hover {
	background: #4f86b5;
}
.account-nav-items>a.active {
	background: white;
	color: black;
}
.account-nav-items>a img {
	margin-right: 10px;
}

div.dd-select{
	width: 250px !important;
}
a.dd-select{
	height: 61px;
}
label.dd-selected-text{
	line-height: 44px;
}



/* petrolmap */
.rounded{
    border-radius: 1000px;
}
/* side petrol bar */
.petrol-main {
	background-color: #fff;
	width: 550px;
	position: absolute;
	z-index: 1;
	border-right: 1px solid #e0e0e0;
}

.petrol-main .petrol-main-inner {
	height: calc(100vh - 301px);
	height: calc((var(--vh, 1vh) * 100) - var(--hmh) - var(--eah));
	overflow-y: scroll;
	width: 100%;
}

/* width */
.petrol-main .petrol-main-inner::-webkit-scrollbar {
	width: 10px;
}

/* Track */
.petrol-main .petrol-main-inner::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
.petrol-main .petrol-main-inner::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
.petrol-main .petrol-main-inner::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.search-box {
	padding: 50px 30px 30px;
	background: #00a6e2;
}

label[for="postcode"]{
	margin-bottom: 5px;
	color: white;
	margin-left: 5px;
	font-size: 18px;
	font-weight: normal;
}
.main-search {
	position: relative;
}

.main-search .dropdown {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
}
.fuel-type-chosen{
	width: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.main-search .dropdown>a {
	text-align: center;
	font-size: 13px;
	height: 50px;
	-webkit-border-top-left-radius: 1000px;
	-webkit-border-bottom-left-radius: 1000px;
	-moz-border-radius-topleft: 1000px;
	-moz-border-radius-bottomleft: 1000px;
	border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
}

.main-search .dropdown>a p {
	margin: -4px 0;
}

.main-search .search-icon {
	position: absolute;
	right: 20px;
	top: 3px;
	background: transparent !important;
	color: #00a6e2 !important;
	font-size: 30px;
	padding: 0 !important;
}

.main-search .location-icon {
	position: absolute;
	right: 60px;
	top: 3px;
	background: transparent !important;
	color: #00a6e2 !important;
	font-size: 30px;
	padding: 0 !important;
}
.search-main-field {
	padding: 10px 100px 10px 20px;
	height: auto;
	font-size: 20px;
	border-radius: 1000px !important;
}

.dropdown:hover,
.dropdown:hover .dropdown-menu li a {
	background: none;
}

.dropdown .dropdown-menu li a:hover {
	background: #ddd;
}

.filter-button {
	display: block;
	text-align: left !important;
	padding: 15px 40px;
	font-size: 16px;
	font-weight: bold;
}

.filter-button svg {
	margin-top: 5px;
}

.filter-icon {
	margin-right: 10px;
}

.filter-button.expanded {
	-webkit-border-top-left-radius: 36px;
	-webkit-border-top-right-radius: 36px;
	-moz-border-radius-topleft: 36px;
	-moz-border-radius-topright: 36px;
	border-top-left-radius: 36px;
	border-top-right-radius: 36px;
}

.filters {
	background: white;
	padding: 10px 30px 30px;
	-webkit-border-bottom-right-radius: 36px;
	-webkit-border-bottom-left-radius: 36px;
	-moz-border-radius-bottomright: 36px;
	-moz-border-radius-bottomleft: 36px;
	border-bottom-right-radius: 36px;
	border-bottom-left-radius: 36px;
}

.filters label {
	margin-bottom: 5px;
}

.filters .form-control {
	padding: 10px;
	height: auto;
}
.sort-by{
	width: auto;
	padding: 2px;
	display: inline;
	height: auto;
}

.filters .btn {
	border-radius: 1000px !important;
	padding: 10px;
}
.height-100{
	height: 1000px !important;
}
.mapContainer {
	height: calc(100vh - 155px);
	height: calc((var(--vh, 1vh) * 100) - var(--hmh));
}

/* Hide scrollbar for Chrome, Safari and Opera */


.results {
	padding: 10px 30px 30px;
}

.results-heading {
	padding: 10px 0;
	overflow: hidden;
}

.results-heading>div:first-child {
	float: left;
}

.results-heading>div:nth-child(2) {
	float: right;
}

/* result red */
.result.red {
	border: 5px solid #d43f3a !important;
}

.result.red h3 {
	background: #d43f3a !important;
}

.result.red .services div svg {
	background: #d43f3a !important;
}

.result {
	border: 5px solid #2bd081;
	padding-bottom: 10px;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}

.result .links a {
	font-size: 30px;
	margin-right: 10px;
}

.opening-times {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

.result .price h2 {
	margin: 0;

}

.result>.row {
	padding: 10px 20px 0;
}

.result h3 {
	background: #2bd081;
	margin: 0;
	padding: 11px 15px 15px;
}

.services {
	display: none;
}

.result .services div {
	padding: 0;
	width: 20%;
}

.result .services div svg {
	width: 70%;
	background: #2bd081;
	border-radius: 1000px;
}



.services div {
	float: left;
}

.toggle.btn {
	float: right;
}

.btn-success.toggle-on {
	background: #5cb85c !important;
}

.email-alerts {
	padding: 19px 16px;
	box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.1);
	width: 100%;
}


/***********
result colors
***********/
/* result green */
.result.green {
	border: 5px solid #2bd081 !important;
}

.result.green h3 {
	background: #2bd081 !important;
}

.result.green .services div svg {
	background: #2bd081 !important;
}

/* result atlantis */
.result.atlantis {
	border: 5px solid #9CD02B !important;
}

.result.atlantis h3 {
	background: #9CD02B !important;
}

.result.atlantis .services div svg {
	background: #9CD02B !important;
}

/* unavailable service */
.result .services div.unavailable {
	padding: 0;
	width: 20%;
}

.result .services div.unavailable svg {
	width: 70%;
	fill: white;
	background: #d8d8d8 !important;
	border-radius: 1000px;
}

.gas-type-button {
	padding-left: 15px;
	padding-top: 3px;
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}

.sidebar-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 16px;
	height: 40px;
	width: 40px;
	z-index: 3;
	background: white;
	border-radius: 1000px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.sidebar-expand-btn {
	position: absolute;
	left: 50px;
	top: 10px;
	font-size: 16px;
	height: 40px;
	width: 40px;
	z-index: 3;
	background: white;
	border-radius: 1000px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.arrow_up {
	z-index: 2;
}

footer {
	margin-top: 0;
}


@media only screen and (max-width: 1199px) {
	.account-nav-items>a {
		padding: 10px;
		font-size: 14px;
	}
	.results {
		height: calc(100vh - 508px);
		height: calc((var(--vh, 1vh) * 100) - 508px);
	}
}
@media only screen and (max-width: 992px) {
	.petrol-main {
		width: 450px;
	}
}

@media only screen and (max-width: 600px) {
	body {
		background-color: lightblue;
	}
}

@media only screen and (max-width: 538px) {
	.petrol-main {
		background-color: #fff;
		width: 350px;
		position: absolute;
		z-index: 1;
		border-right: 1px solid #e0e0e0;
	}
	.sidebar-btn {
		right: 15px;
		top: 5px;
	}
	.search-box {
		padding: 50px 15px 30px;
	}
	.results {
		padding: 10px 15px 30px;
	}
	.results-heading>div:nth-child(2) {
		float: left;
	}
}

@media only screen and (max-width: 348px) {
	.petrol-main {
		width: 100vw;
	}

	.toggle.btn {
		float: none;
		margin-top: 10px;
	}
}
/* end petrolmap */
@media only screen and (max-width: 769px) {
	.desktop-nav-link{
		display: none !important;
	}
}
@media only screen and (max-width: 992px) {
	.account-nav-items>a {
		padding: 10px;
		font-size: 14px;
	}
}

/* END desktop only styles */

@media only screen and (min-width : 1440px) {
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
}

@media only screen and (min-width : 1200px) {
	.nav-tabs>li>a {
	    font-size: 1.65rem !important;
	}
	.ml {
		margin-left: 0 !important;
	}
	.voffset3 {
		margin-top: 15px;
	}
	.px-46 {
	    padding: 0 46px !important;
	}
	.breadcrumb h3 {
		font-size: 20px;
		margin: 15px 0;
	}
	#address .form-group label ~ .form-control {
		font-size: 2rem;
	    font-weight: 600;
		height: 65px;
		padding: 1.75rem;
	}
	.tab-content {
	    padding: 0 10rem;
	}
	#details .tab-pane .button {
		padding: 0 37px !important;
	}
	.tab-pane .button a {
	    margin-bottom: 0;
	}
	.panels {
		padding: 0;
		/*margin-top: 0 !important;*/
	}
	.panels .panel-group:last-child {
		margin-bottom: 0;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	#tires .panel-body .row,
	#tires .panel-body p {
		padding: 0;
	}
	#tires .panel-body p a.btn {
		margin-left: 27.5%;
	}
	.sidebar {
	    padding-top: 2rem;
	    padding-left: 4rem !important;
	}
	aside .widget {
	    float: none !important;
	    border: none !important;
	}
	.panels .panel-group.dl .panel-body a,
	.panels .panel-group.status .panel-body a {
		font-weight: 600;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}

	/** My Vehicles **/
	.content.myvehicles .details {
	    padding: 6.5rem 0 1.5rem !important;
	}
	.tab-content {
	    padding: 0 5rem !important;
	}
	.details > .panels .tires .panel-body p {
		padding: 2rem 5px !important;
	}
	.details > .panels {
	    padding: 5rem 0 !important;
	}
	.tab-pane .button {
	    padding: 0;
	}
	.tab-pane .button a {
		font-size: 2.5rem;
		padding-top: 2rem;
	}

	/* tabpanels */
}

/* payment checkbox */
.checkbox {
	padding-left: 20px
}
.plateState{
	display: none !important;
}
.checkbox label {
	display: inline-block;
	position: relative;
	padding-left: 5px;
	font-weight: 400;
}

.checkbox label::after,
.checkbox label::before {
	display: inline-block;
	position: absolute;
	left: 0;
	margin-left: -20px
}

.checkbox label::before {
	content: "";
	width: 17px;
	height: 17px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
	width: 16px;
	height: 16px;
	top: 0;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555
}

.checkbox input[type=checkbox] {
	opacity: 0
}

.checkbox input[type=checkbox]:focus+label::before {
	outline: none;
}
@font-face {
	font-family: 'fontello';
	src: url('/font/fontello.eot?88030105');
	src: url('/font/fontello.eot?88030105#iefix') format('embedded-opentype'),
		url('/font/fontello.woff?88030105') format('woff'),
		url('/font/fontello.ttf?88030105') format('truetype'),
		url('/font/fontello.svg?88030105#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
.checkbox input[type=checkbox]:checked+label::after {
	content: "\E800";
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	/* font-size: 120%; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


/* Primary */
.checkbox-primary input[type=checkbox]:checked+label::before {
	background-color: #0078b8;
	border-color: #0078b8
}

.checkbox-primary input[type=checkbox]:checked+label::after {
	color: #fff
}


/*DONT COPY THIS CODE FOR XL design*/
.xl .checkbox label {
	font-size: 16px;
	height: 35px;
	font-weight: bold;
}

.checkbox-reg {
	background: rgb(255, 211, 65);
	display: inline-block;
	text-align: center;
	font-size: 20px;
	padding: 2px 7px;
	border-radius: 5px;
	border: 1px solid grey;
	color: #363636 !important;
}
.tickToConfirm {
	margin-top:5px;
}
.xl .checkbox label::before {
	width: 30px;
	height: 30px;
}

.xl .checkbox label::after,
.xl .checkbox label::before {
	margin-left: -10px;
}

.xl .checkbox label::after {
	width: 30px;
	height: 30px;
	top: 0;
	padding-left: 4px;
	padding-top: 0px;
	font-size: 22px;
}

.checkbox label {
	padding-left: 30px !important;
}

.account-main{
	padding-bottom: 180px;
}
/* end payment checkbox */

@media only screen and (min-width : 1024px) {
	.col-lg-6 {
		width: 50% !important;
	}
	.px-46 {
	    padding: 0 7.5px !important;
	}
	#settings .content > .panels {
		padding: 4rem;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
    #email_form .form-group span:first-child {
    	padding-right: 5px !important;
    }
    #email_form .form-group span:last-child {
    	float: right;
    	padding-right: 0;
    	padding-left: 5px !important;
    }
    #email_form button {
    	float: right;
    	padding: 1rem;
    }
	.sidebar {
		padding: 0;
	}
	aside .widget:nth-child(odd) {
		float: left;
		border-right: 10px solid #f2f2f2;
	}
	aside .widget:nth-child(even) {
		float: right;
		border-left: 10px solid #f2f2f2;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .footer-menu {
		display: inline-block;
    	float: left;
	}
	footer .logo-group .logo {
		text-align: left;
	}

	/** Offers **/
	.offers .panels {
		padding: 5rem;
	}
	.offers .panels .panel-group:last-child {
		margin-bottom: 0;
	}
	.offers .panel-body .content > svg,
	.offers .panel-body figure a > svg {
		position: absolute;
	    top: 2rem;
	    left: 2rem;
	}
	.offers .panel-body figure {
	    margin-bottom: 1.5rem;
	    overflow: hidden;
	    position: relative;
	}
	.offers .panel-body figure img {
		width: 100%;
	}
	.offers .panel-body figcaption {
		background-color: rgba(0,0,0,.75);
	    color: #FFF;
	    font-size: 2.5rem;
	    font-weight: 900;
	    padding: 15px;
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	}
	.offers .panel-body a > .content {
		color: #333;
	}
	.offers .panel-body a:hover {
		text-decoration: none;
	}
	.offers aside {
		display: flex;
	}

	/** My Vehicles **/
	.content.myvehicles .details {
	    padding: 5rem 0 !important;
	}
	.due-dates {
	    padding: 0 !important;
	}
	.details .tabpanel .panels .tires .panel-body p {
		padding: 2rem 7.5px !important;
	}

	/* tabs */
	.tab-content {
		padding: 0 10rem;
	}
	#tabs > .panels {
		padding: 2rem 0 0;
		margin-top: 2rem;
	}
	.nav-tabs>li>a {
	    font-size: 1.65rem !important;
	}
	.panels .panel-collapse {
		overflow: hidden;
	}
	.tab-pane .notification p {
		background-color: #D8D7D7;
		font-size: 2rem;
	    margin-bottom: 0;
	    /*padding: 2rem 2.5rem;*/
	}
	.tab-pane > div > .heading {
		font-size: 24px;
	    margin-top: 0 !important;
	}
	.tab-pane > div > .heading ~ p {
		font-size: 2.25rem;
		margin-bottom: 0;
	}
	.tab-pane .button {
		padding: 0 7.5px;
	}
	.panel-collapse .panel-body .row .button {
		margin-bottom: 0;
		padding: 0;
	}

	.details .row:last-child {
		margin-bottom: 0;
	}
	.panel-title a .alert-msg {
		position: absolute;
    	right: 100px;
	}
	.panel-title a .alert-date {
		position: absolute;
    	right: 170px;
	}
}

@media only screen and (min-width : 961px) {
	.px-46 {
		padding: 0 !important;
	}
	.nav-tabs>li>a {
		font-size: 1.5rem;
	}
	.due-dates .block-wrap p,
	.due-dates .block-wrap span {
		font-size: 1.75rem;
	}
	.panels {
		clear: both;
	}
	#details .panels {
		overflow: hidden;
		padding: 0;
	}
	.panels .panel-body .row:only-child {
		border-bottom: none;
	}
	.details .row:last-child {
		margin-bottom: 0;
	}
	.tab-pane .notification {
	    background-color: #D8D7D7;
	    font-size: 2.5rem;
	    padding: 2rem 2.5rem;
	}

	/** Offers **/
	.offers .panels {
		/*padding: 5rem 10.6rem;*/
	}
	.offers .panel-body {
		overflow: hidden;
	}
	.offers .panel-body .content > svg,
	.offers .panel-body figure a > svg {
		position: absolute;
	    top: 2rem;
	    left: 2rem;
	}
	.offers .panel-body figure {
	    margin-bottom: 0;
	    overflow: hidden;
	    position: relative;
	}
	.offers .panel-body figcaption {
		background-color: rgba(0,0,0,.75);
	    color: #FFF;
	    font-size: 2.5rem;
	    font-weight: 900;
	    padding: 15px;
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	}
	.offers .panel-body a > .content {
		color: #333;
	}
	.offers .sidebar {
		padding: 0;
	}
	.sidebar .widget:nth-child(odd) {
		border-right: 5px solid #f2f2f2;
	}
	.sidebar .widget:nth-child(even) {
		border-left: 5px solid #f2f2f2;
	}
}
@media only screen and (max-width: 991px) {
	.text-lg-center{
		text-align: center !important;
	}

	/* account nav */
	.account-nav-items a span span {
		display: none;
	}
	.account-nav-items a span {
		display: block;
		text-align: center;
	}
	.account-nav-items a  {
		text-align: center;
		line-height: 34px;
	}
	.account-nav-items a img {
		margin-right: 0;
	}
}
@media only screen and (max-width: 960px) {
	.col-xs-12.verify {
	    display: flex;
	    flex-direction: column-reverse;
	}
	.navbar-brand {
	    font-size: 18px;
	}
	.breadcrumb h2 {
		font-size: 30px;
	}
	#settings .content > .panels {
		padding: 4rem;
	}
	.panels .first h4.panel-title a:before {
	  	  left: 550px;
  	}
    .panels .panel-group.first .panel-body .offwhitebg span {
	  	padding: 0;
	  	font-size: 2rem;
	  	text-align: right;
    }
    .panels .panel-group.first .panel-body .offwhitebg span:first-child {
	  	margin: 0 0 1rem;
	  	text-align: left;
    }
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	#settings aside {
		padding: 0;
	}
    .sidebar {
  		padding-left: 0;
    }
    #email_form .form-group span {
  		padding: 0;
    }
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .footer-menu {
	    padding: 3rem 0;
	}

	footer .logo-group {
		padding-left: 0;
	}

	/** Offers **/
	.offers .panels {
		padding: 4rem;
	}
	.offers .panel-body {
		overflow: hidden;
	}
	.offers .panel-body > a > figure {
		margin-bottom: 0;
	}
	.offers .panel-body .content > svg,
	.offers .panel-body figure a > svg {
		position: absolute;
	    top: 2rem;
	    left: 2rem;
	}
	.offers .panel-body > figure a {
		display: block;
	    margin-bottom: 1.5rem;
	    overflow: hidden;
	    position: relative;
	}
	.offers .panel-body figcaption {
		background-color: rgba(0,0,0,.75);
	    color: #FFF;
	    font-size: 2.5rem;
	    font-weight: 900;
	    padding: 15px;
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	}
	.offers .panel-body a > .content {
		color: #333;
	}
	.offers aside {
		padding: 0 !important;
	}

	/** Tool Box **/
	.toolbox aside {
		padding-top: 0 !important;
		padding-right: 0 !important;
	}
	.toolbox aside .widget:nth-child(odd) {
		border-right: 5px solid #f2f2f2;
	}
	.toolbox aside .widget:nth-child(even) {
		border-left: 5px solid #f2f2f2;
	}

	/** My Vehicles **/

	.content {
		margin-bottom: 2rem;
	}

	/* details */
	/*.due-dates {
	    padding: 0;
	}*/
	.content.myvehicles .details {
		padding: 15px !important;
	}
	.details .history {
		padding: 0 !important;
	}
	.details > .panels .panel.panel-default .panel-body p {
		font-size: 2.25rem;
	}
	.details > .panels .tires .panel-body p {
		padding: 15px 0 !important;
	}

	/* tax */
	.nav>li>a {
		padding: 10px 11px;
	}
	/* check */
	.tab-pane .notification p {
		margin-bottom: 0;
	}
	.tab-pane .notification > p > svg {
		color: #6D6C6C;
		margin-right: .5rem;
	}
	/* alerts */
	.panel-title a .alert-msg {
		margin-right: 10px;
		position: absolute;
    	right: 50px;
	}
	.panel-title a .alert-date {
		position: absolute;
    	right: 170px;
	}

	/* sidebar */
	.sidebar.myvehicles {
		padding-right: 0;
	}
	.sidebar .widget:nth-child(odd) {
		border-right: 5px solid #f2f2f2;
	}
	.sidebar .widget:nth-child(even) {
		border-left: 5px solid #f2f2f2;
	}
}

@media only screen and (max-width: 800px) {
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	.sidebar {
	    padding: 0;
	}
	.whitebox {
		padding: 30px 30px;
	}
	aside .widget:nth-child(odd) {
		float: left;
		border-right: 4px solid #f2f2f2;
	}
	aside .widget:nth-child(even) {
		float: right;
		border-left: 4px solid #f2f2f2;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
}

@media only screen and (max-width: 768px) {
	.mobile-voffset { margin-top: 2px; }
	.mobile-voffset1 { margin-top: 5px; }
	.mobile-voffset2 { margin-top: 10px; }
	.mobile-voffset3 { margin-top: 15px; }
	.mobile-voffset4 { margin-top: 30px; }
	.mobile-voffset5 { margin-top: 40px; }
	.mobile-voffset6 { margin-top: 60px; }
	.mobile-voffset7 { margin-top: 80px; }
	.mobile-voffset8 { margin-top: 100px; }
	.mobile-voffset9 { margin-top: 150px; }
	.navbar-nav li,
	.nav>li {
		display: inline-block;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	.homebanner {
    	background-image: none;
	}
	.user-details .form-group {
		margin-bottom: 9px;
	}

	.landingpage .form-control {
		display: inline-block;
		width:100%;
		/* width:170px; < for "Add" buttons */
	}

	.landingpage .form-control.width-control-half {
		width:170px;
		/* width:170px; < for "Add" buttons */
	}

	.landingpage .btn.btn-lg {
		margin-bottom:4px;
	}
	.landingpage voffset3 {
		margin-top:0;
	}
	.landingpage .form-group.lastgroup {
		margin-bottom:0;
	}

	.input-lg {
		font-size:16px;
	}
	.input-lg.homepagemsisdn {
		display:inline-block;
		width:165px;
	}
	.sidebar {
	    padding: 0;
	}
	aside .widget:nth-child(odd) {
		float: left;
		border-right: 4px solid #f2f2f2;
	}
	aside .widget:nth-child(even) {
		float: right;
		border-left: 4px solid #f2f2f2;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}

	/** My Vehicles **/
	.tab-pane .heading {
		margin-top: 0;
	}
	.tab-pane .button {
		padding: 0;
	}

	/* check */
	.tab-pane .notification p > svg {
		margin-right: .5rem;
	}
	.tab-pane .button a,
	.panel-collapse .panel-body .button a {
		font-size: 2.25rem;
	}
	.account-border-col .col-md-12.col-no-padding, .account-border-col .row.row-heading {
		border-right:none;
	}
	.toolbox-links .greybox:nth-child(3) {
		border-right: none;
	}

	.col-right-whitebox {
		padding-left: 0;
		padding-right: 0;
	}

	/* alerts */

	/** Offers **/
	.offers .panels {
		padding: 4rem;
	}
	.offers .panel-body {
		overflow: hidden;
	}
	.offers .panel-body .content > svg,
	.offers .panel-body figure a > svg {
		position: absolute;
	    top: 2rem;
	    left: 2rem;
	}
	.offers .panel-body > a > figure > img {
		width: 100%;
	}
	.offers .panel-body > figure a {
	    margin-bottom: 1.5rem;
	    overflow: hidden;
	    position: relative;
	}
	.offers .panel-body figcaption {
		background-color: rgba(0,0,0,.75);
	    color: #FFF;
	    font-size: 2.5rem;
	    font-weight: 900;
	    padding: 15px;
	    width: 100%;
	    position: absolute;
	    bottom: 0;
	}
	.offers .panel-body a > .content {
		color: #333;
	}
	.offers aside {
		padding: 0 !important;
	}
	.barclays-logo {
		float:none;
	}
}

@media only screen and (max-width: 736px) {
	.content {
	    margin-bottom: 1.75rem;
	}
	#email_form input {
		margin-bottom: 1rem;
	}
	.sidebar {
	    padding-left: 0;
	}
	aside .widget {
		width: 50%;
	}
	aside .widget:nth-child(odd) {
		float: left;
		border-right: 4px solid #f2f2f2;
	}
	aside .widget:nth-child(even) {
		float: right;
		border-left: 4px solid #f2f2f2;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}

	/* my vehicles */
	#vehicleselect {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 667px) {
	.tab-content {
		padding: 0 0px 0px;
	}
	#email_form input {
		margin-bottom: 1rem;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	.panels .panel-group.alerts .alert_sw .toggle {
	    right: -25px;
	}
	.sidebar {
		padding-left: 0;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}
}

@media only screen and (max-width: 600px) {
	.panels .first h4.panel-title a:before {
	    left: 400px;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	.content {
		margin-bottom: 2rem;
	}
	.sidebar {
		padding-left: 0;
	}
	aside .widget:nth-child(odd),
	aside .widget:nth-child(even) {
		float: none;
		border: none;
		width: auto;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}
}

@media only screen and (max-width: 568px) {
	.breadcrumb > h3 > svg {
		font-size: 1.5rem;
	    margin: 0 1rem;
	    position: relative;
	    top: -2px;
	}
	.panels .panel-group.first .pane-body .offwhitebg span:first-child {
		margin: 0 0 1rem;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	#email_form input {
		margin-bottom: 1rem;
	}
	#alert-message-danger {
		position: relative;
    	right: 125px;
	}
	.content {
		margin-bottom: 2rem;
	}
	.sidebar {
		padding-left: 0;
	}
	aside .widget:nth-child(odd),
	aside .widget:nth-child(even) {
		float: none;
		border: none;
		width: auto;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}
}

@media only screen and (max-width: 533px) {
	.breadcrumb > h3 > svg {
		font-size: 1.5rem;
	    margin: 0 1rem;
	    position: relative;
	    top: -2px;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	#email_form button {
		height: 55px;
		padding: 1rem;
	}
	.content {
		margin-bottom: 2rem;
	}
	.sidebar {
		padding-left: 0;
	}
	aside .widget:nth-child(odd),
	aside .widget:nth-child(even) {
		float: none;
		border: none;
		width: auto;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}
}

@media only screen and (max-width: 480px) {
	.navbar-header .nav-logo {
    	font-size: 1.7rem;
	}

	.breadcrumb > h3 > svg {
		font-size: 1.5rem;
	    margin: 0 1rem;
	    position: relative;
	    top: -2px;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	#email_form input {
		height: 50px;
		margin-bottom: 1rem;
	}
	#email_form button {
		height: 50px;
		padding: 1rem;
	}
	.panels .panel .panel-body {
		padding: 0 !important;
	}
	.content {
		margin-bottom: 2rem;
	}
	.sidebar {
		padding-left: 0;
	}
	aside .widget:nth-child(odd),
	aside .widget:nth-child(even) {
		float: none;
		border: none;
		width: auto;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}

	/** Tool Box **/
	.toolbox .cards {
		padding: 1rem;
	}
	.toolbox aside .widget:nth-child(odd),
	.toolbox aside .widget:nth-child(even) {
		border: none;
	}
	.toolbox .content .alert {
		padding: 2.5rem;
	}

	/** My Vehicles **/
	.vehicletabs li.hidden-xs {
		display: inline-block !important;
	}
	.vehicletabs .dropdown {
		display: none !important;
	}
	.nav-tabs>li>a {
		font-size: 1.57rem !important;
	}
	.content.myvehicles .voffset4 {
	    margin-top: 0 !important;
	}
	.content.myvehicles > .voffset4 > .no-lt-gutter {
		padding-left: 15px !important;
		padding-right: 0 !important;
		margin-bottom: 0 !important;
	}
	/*.due-dates {
	    padding: 0 !important;
	}*/
	.due-dates .block-wrap:first-child,
	.due-dates .block-wrap:last-child {
		padding: 0 !important;
	}
	.tab-pane div a p,
	.tab-pane div a span {
	    font-size: 2rem;
	}
	.history {
		padding: 0 !important;
	}
	/* sidebar */
	.sidebar.myvehicles .widget:nth-child(odd),
	.sidebar.myvehicles .widget:nth-child(even) {
		border: none;
	}
}

@media only screen and (max-width: 468px) {
	.panels .panel.panel-default .panel-heading h4.panel-title a {
		font-size: 2rem;
	}

	.whitebox {
		padding: 20px 20px;
	}

	.navbar {
		display: inline-block;
	    padding-left: 15px;
	}
	.navbar-nav li,
	.nav>li {
		display: inline-block;
	}
	.breadcrumb {
		padding: 7px 3rem !important;
	}
	.breadcrumb h2 {
		font-size: 22px;
		margin-bottom: 0;
	}
	.verify {
		padding: 2.5rem 3rem;
	}
	.panels .panel-group.alerts h4.panel-title a:before {
		left: 265px;
	}

	.panels .panel-group.alerts .panel-body .alert_sw {
		float: left;
	}
	#email_form .form-group span {
		padding: 0 0 2rem;
	}
	.panels h4.panel-title a:after {
		top: 14px;
	}

	.panels .panel-group.alerts .alert_sw .toggle {
	    right: -80px;
	}
	#email_form .form-group span {
		padding: 0;
		margin-bottom: 10px;
	}
	#settings aside .widget:nth-child(odd),
	#settings aside .widget:nth-child(even) {
		border: none;
	}

	/** Offers */
	.page-notification {
		padding: 2.5rem;
	}
	.d-flex {
		display: block;
	}
	.offers .panel-body > a > figure img {
		width: 100%;
	}
	.offers aside .widget {
		border: none;
	}

	/* sidebar */

	.sidebar {
	    padding: 0;
	}
	footer .nav-logo span {
	    font-size: 1.75rem;
	}

	.sidebar .widget:nth-child(odd),
	.sidebar .widget:nth-child(even) {
		border: none;
	}

	.nav-logo img {
		max-width:41px;
		padding:0;
	}
	.navbar-brand {
		font-size:15px;
		height:auto;
		padding:15px 0 0 15px;
	}
	/* .landingpage .form-group.lastgroup .input-lg {
		height:50px;
		margin-bottom:15px;
		width:100%;
	}
	.landingpage .form-group.lastgroup .btn-lg {
		margin: 13px 0 2px;
	    padding: 14px 20px;
	} < default settings, overwritten for "Add" buttons */
	.landingpage .form-control.width-control-half, .form-control.input-lg.homepagemsisdn {
		width:74%;
	}
	.form-control.make.width-control-half {
		width:57%;
	}
	.landingpage .form-group.lastgroup .input-lg {
		height:46px; /* was: height:50px;*/
		margin-bottom:10px; /* was: margin-bottom:15px;*/
	}
	.landingpage .form-group.lastgroup .btn-lg, .form-group .btn-lg.homepagebutton {
		margin: 0 0 4px;
		padding: 10px 0;
		width:24%;
	}
	.landingpage .form-group.lastgroup .btn-lg.landingbtnfull {
		width:100%;
	}

	.landingpage .form-group.lastgroup p {
		margin:0px 0 10px;
	}
	.nav.nav-tabs > li > a {
		font-size: 1.4rem !important;
		padding: 10px;
	}

	.desktop h1 {
    	font-size: 36px;
	}
	.helpbox p {
		margin: 0;
	}

	h1 {
		font-weight:900;
		font-size:20px;
		margin-top:0px;
	}

	h3 {
		font-weight: 900;
	}
	.numberplate-wrapper {
		margin: 5px 0;
	}
	.registration-ui {
		padding: 0.25em 0.5em 0.25em 1.5em;
		font-size:16px;
	}
	.registration-ui:before {
		content: ' ';
		width: 20px;
		top: 0;
		font-size: .5em;
		line-height: 69px;
		padding-left: 6px;
	}
	.registration-ui:after {
		content: '';
		top: 4px;
		left: 3px;
		width: 15px;
		height: 15px;
	}

	.well.credit-card-box {
		padding: 14px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}
}

@media only screen and (max-width: 411px) {
	.breadcrumb > h3 > svg {
		font-size: 1.5rem;
	    margin: 0 0.3rem;
	    position: relative;
	    top: -2px;
	}

	.breadcrumb > h3 {
		font-size: 16px;
		margin-top: 10px;
	}

	#email_form input,
	#email_form button {
		height: 50px;
		padding: 1rem;
	}
	.panels .panel-group.first .panel-body .offwhitebg span:first-child {
		margin-bottom: 1rem;
	}
	.panel-title a .alert-msg {
		display: none;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	.sidebar {
		padding-left: 0;
	}
	aside .widget:nth-child(odd),
	aside .widget:nth-child(even) {
		float: none;
		border: none;
		width: auto;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}
	.greenbox, .darkgreenbox, .darkgreybox{
		padding-left:20px !important;
		font-size: 14px;
		line-height: 23px;
	}

}

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

	.nav.nav-tabs > li > a {
	    font-size: 1.2rem !important;
	}
	#address .form-group label {
		font-size: 16px;
	}
	#email_form input,
	#email_form button {
		height: 50px;
		padding: 1rem;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	.sidebar {
		padding-left: 0;
	}
	aside .widget {
		float: none;
		border-right: none;
	    width: auto;
	}
	aside .widget:nth-child(odd),
	aside .widget:nth-child(even) {
		float: none;
		border: none;
	}
	_::-moz-range-track, .arrow_up > a > .fa-arrow-circle-up {
	    top: 15px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}

}

@media only screen and (max-width: 360px) {
	.navbar-header .nav-logo img {
		max-width: 40px;
	}

	#address .form-group label {
		font-size: 16px;
	}
	#collapse2 > div > p > svg {
		font-size: 2rem;
		margin-right: 1rem;
	}
	#email_form input,
	#email_form .btn {
		height: 50px;
		padding: 1rem 1.75rem;
	}
	.sidebar {
		padding-left: 0;
	}
	aside .widget:nth-child(odd),
	aside .widget:nth-child(even) {
		float: none;
		border: none;
		width: 100%;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
	    text-align: center;
	}
	.greenbox, .darkgreenbox, .darkgreybox{
		font-size: 12px;
	}

}

@media only screen and (max-width: 330px) {
	.account-nav-items a  {
		font-size: 13px !important;
	}

}

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

	.due-dates {
		display: flex;
	}
	.due-dates .block-wrap a div {
		height: 100%;
	}
	#alert-message-danger {
		right: 20px;
	}
	#email_form .btn {
		font-size: 16px;
	}
	#address .form-group label ~ .form-control {
		font-size: 1.5rem;
	    font-style: normal;
	    height: 50px;
	    letter-spacing: .1px;
	    padding: .75rem 2rem;
	}
	.sidebar {
		padding-left: 0;
	}
	aside .widget:nth-child(odd),
	aside .widget:nth-child(even) {
		float: none;
		border: none;
		width: 100%;
	}
	aside .widget .widget-heading {
		font-size: 16px;
	}
	footer .logo-group {
	    padding-left: 0;
	}
	footer .logo-group .logo {
		text-align: center;
	}
	.greenbox, .darkgreenbox, .darkgreybox{
		font-size: 11px;
	}
}