@font-face {
    font-family: 'UKNumberPlate';
    src: url('/fonts/UKNumberPlate.eot');
    src: url('/fonts/UKNumberPlate.eot?#iefix') format('embedded-opentype'),
        url('/fonts/UKNumberPlate.woff2') format('woff2'),
        url('/fonts/UKNumberPlate.woff') format('woff'),
        url('/fonts/UKNumberPlate.ttf') format('truetype'),
        url('/fonts/UKNumberPlate.svg#UKNumberPlate') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('/fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Eurostile';
  src: url('/fonts/Eurostile LT Std Medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

html, body { width: 100vw; overflow-x: hidden;}

body.homepage { background-color: white;}

body.homepage h1, body.homepage .homepage-text { color: white; }

.homepage-text2 {
  font-size: 30px;
  margin-top: 160px;
}

#reg-lookup {
  background-color: #2E4AB6;
}

#reg-lookup #reg-lookup-child{

  color:#ffffff;
  padding:1rem;
  width:800px!important;
  display:inline-block;
  margin-top:1rem;
  margin:auto;
}

#reg-lookup-child .input-group-text {
  padding: 0;
  background-color: transparent;
  border:none;
}

.platebtn {
  background-color: #223DA0!important;
  color:white;
}

.numberplate {
  font-family: 'UKNumberPlate';
  font-size: 25px;

}

#main-nav {

    background: linear-gradient(to bottom, rgba(8, 8, 8, 1), rgba(8, 8, 8, 0.35));
    
    padding-top: 0;
    width: 100vw;
    height:150px;
    z-index: 500000;
    
}

.reg-lookup-child input {
  border:none!important;
}

.main {
  padding-right: 0!important;
  padding-left: 0!important;
}

#main-nav .container ul li a, #main-nav .container ul li {
      color: #FFFFFF;
      font-size: 18px;
      font-family: "Eurostile", Sans-serif;
      padding-left: 7px;
      padding-right: 7px;
      text-transform: uppercase;
      letter-spacing: 0.1cap;
}

#main-nav .container {
  margin-top: 0;

}

.social-icons {
  width: 30px;
}

#main-nav .sub {
  color: #FFFFFF;
  font-family: "Lato", Sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 1.9px;
  margin-top: 16px;
}

.navbar-brand img {
  height: 90px!important;
  padding-top: 3px;
}

.navbar-toggler { z-index: 99999; }

@media (max-width: 480px) {
  #brandText { width: 60%!important;}
  .homepage-text { margin-left: 0!important;}
  .group_pack { margin-left: auto; margin-right: auto; }
  .homepage-text2 { margin-top: 10px; }
  #main-home h1 { padding-top: 70px!important;}
  #map { height: 650px!important;}
}


@media (max-width: 1200px) {
  #brandText { width: 80%;}
}




@media (max-width: 992px) {

  .navbar-nav {
    width: 100%;
    background-color: white;
    position: absolute;
    left: 0;
    margin: none;
  }
  .nav-item { height: 70px; color: black!important;width: 100%; text-align: center;}
  .nav-item .nav-link { color: black!important; height: 100%;padding-top: 21px;text-transform: capitalize;}

  .nav-item:hover, .nav .active, nav .active .nav-link { background-color: #55595c; color: white!important;}
  .nav-item:hover .nav-link, .nav .active .navlink { color: white!important;}

  .partner-image{ margin-left: 0!important;}
}


.txt-adblue {
  color: #223DA0!important;
}

.bg-adblue {
  background-color: #223DA0;
}

.btn-adblue {
  background-color: #223DA0;
  color: white;
  border-radius: 0;
  text-transform: uppercase;
}

.btn-adblue-lg {
  font-size: 30px;
  padding: 20px 70px;
  
}


.roboto {
  font-family: "Roboto", Sans-serif;
}





.section {
  position: relative;
  
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.section1 {
  width:100%;
}

.section2 {
  background: url('img2/hexagons-watermark.jpg') no-repeat center/cover;
  margin-top: -360px;
  margin-bottom:-50px;
}



#home-top-banner {
  
  background-image: url('/img2/homepage-banner.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;

  height:700px;
}

#main-home h1 {
  font-weight: bold;
  font-size: 50px;
  margin-bottom: 30px;
}


#main {
  margin-bottom: 50px;
}

#main .title {
    color: #7a7a7a;
    font-family: "Roboto", Sans-serif;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

.product-image {
  background-image: url('/img2/product-img-bg.svg');
  background-repeat: no-repeat;
  background-position: center;
}
.search {
width: 250px;
height: 52px; 
font-size: 1em; 
font-family: auto; 
background-image: none; 
background-color: white; 
padding-left: 0.5em; 

font-family: 'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif;
}

.about p {
  color: #000000;
  font-size: 20px;
  line-height: 2em;
  font-family: "Roboto", Sans-serif;

}
.about p.about-header{
  color: #0b4e84;
  font-size: 28px;
  font-weight: bold;
}

.warning  {
    border: 1px solid #000000;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.warning-header{
  color: #1C4795;
    font-size: 22px;
    font-weight: bold;
}

.warning-text {
  color: #000000;
    font-size: 13px;
    font-weight: 700;
}

.warning-highlight {
  color: #b71e0e;
}
.subhead {
  color: #000000;
font-size: 16px;
font-weight: bold;
font-style: italic;
margin-top: 10px;
}


.product {
  padding: 20px;
  margin-bottom: 40px;
  margin-left: 0px;
}

.product-title {
  color: #1C4795;
    font-size: 36px;
    font-weight: bold;
    font-family: "Roboto-Bold";
}


.product-description {
  font-size: 24px;
    
    color: black;
font-family: "Roboto", Sans-serif;
}

.product-category {
  color: black;
    font-family: "Roboto", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.product-spec {
  color: black;
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.product-table {
  width: 260px;
  float: right
}

.product-table th {
  color: black;
  background-color: #d7d7d7!important;
}
.product-table td, .product-table th {
  padding: 5px;
  width: 50%;
  border-bottom: none;
}

.product-table tbody {
    border-top: none!important;
}

#motioncar {
  
  margin-top:-70px;
  text-align: center;
  
}
#motioncar img {
  position:relative;
  z-index:100002;
  height:206px;
  margin-right:-700px;
}

#vrm_field {
  background-image: url('/img2/GB-plate.svg');
  background-repeat: no-repeat;
  background-position: left;
  padding-left:30px;
}
#vrm_lookup_form, #search_form {
  height: 54px;
  width: 100%;
  white-space: nowrap;
}

#vrm_lookup_form img{
  margin-bottom: 11px;
  height: 100%;
}
#vrm_lookup_form button, #search_form button{
  height: 100%;
  vertical-align:top;
color: white;
border: none;

background-color: #b71e0e;
font-size: 24px;
font-weight: 900;
border-radius: 0px 0px 0px 0px;
padding: 7px 15px 15px 15px;

text-transform: uppercase;
}
#vrm_lookup_form input , #search_form input{

background-color: #ffc036 !important;
height: 100%;

background-repeat: no-repeat !important;
background-position: left !important;
border-color: #a0a0a0;
border-radius: 0px 0px 0px 0px;
font-family: "Archivo Black", Sans-serif;
font-size: 28px;
text-transform: uppercase;
max-width: 300px;
width:50%;
}

#search_form input {
  background-color: white!important;
  max-width:400px;
  width: calc(100% - 300px);
  font-size: 20px;
}


.aobutton {
  color: white!important;
  background-color: #1C4795!important;
  font-size: 18px!important;
  font-weight: bold!important;
  width: 100%!important;
}

.aobutton:hover {
  color: white!important;
  background-color: #B71E0E!important;
  font-size: 18px!important;
  font-weight: bold!important;
  width: 100%!important;
}


#footer-nav {
  background-color: #282828!important;
  width: 100vw;
}

#footer-nav .container {
    color: #ffffff;
    font-family: "Roboto", Sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.9px;
}

#vrm-lookup-page {
  margin-top:200px!important;
}

#about-main .wrapper {
  width: 100%!important;
}

#search-box {
  background-color: white!important;
  z-index: 1000;
  position:relative;
  width:85%;
  display: inline-block;
  max-width:80vw!important;
}

@media (max-width: 2100px) {
  #lookup-parent{
    padding-top:100px
  }
}

@media (max-width: 1800px) {
  #lookup-parent{
    padding-top:200px
  }
}

@media (max-width: 1500px) {
  #lookup-parent{
    padding-top:300px
  }
  #reg-lookup {
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
}

@media (max-width: 1399px) {
 
  #motioncar {
    display:none;
  }
  #main-nav {
    height:120px!important;
  }

  .navbar-nav li a{
    font-size:14px!important;
  }

  .navbar-brand img {
    height: 70px!important;
  }
  
  #reg-lookup h5 {
    font-size: 27px!important;
  }



  #lookup-parent{
    padding-top:250px
  }
}

@media ( max-width:1280px) {
  #lookup-parent{
    padding-top:300px
  }
}

@media (max-width: 1199px) {
 
  .section2 {
    margin-top: -400px!important;
  }
  #main-nav {
    height:100px!important;
  }

  .navbar-nav li a{
    font-size:12px!important;
  }

  .navbar-brand img {
    height: 50px!important;
  }

  .product-image img {
    max-width: 200px!important;
    max-height: 200px!important;
  }

  #reg-lookup-parent {
    margin-top:100px!important;
    margin-right: -20px !important;
  }

  #reg-lookup {
    width: 920px!important;
  }
  #reg-lookup h5 {
    font-size: 23px!important;
  
  }



  .section3 {
    margin-top: -210px!important;
  }
}


@media (max-width: 1050px) {
  #reg-lookup {
    width: 850px!important;
  }
  #reg-lookup h5 {
    font-size: 20px!important;
  
  }
}

@media (max-width: 991px) {

  #lookup-parent{
    padding-top:400px
  }
  #motioncar {
    display:none;
  }
 

  .col1, .col3 p {
    text-align: center!important;
  }

  img.download {
    width:75px!important;
  }

  .product-image img {
    max-width: 150px!important;
    max-height: 150px!important;
  }

  .product-title {
    font-size: 28px!important;
  }
  .product-description {
    font-size: 18px!important;
  }

  #reg-lookup-parent {
    margin-top:120px!important;
    margin-right: -100px !important;
  }

  #reg-lookup {
    width: 750px!important;
  }
  #reg-lookup #reg-lookup-child {
    width: 690px!important;
  }
  #reg-lookup h5 {
    font-size: 15px!important;
  
  }


  

  .sep { display:none!important;}
}

@media (max-width: 875px) {
  #reg-lookup-parent2 {
    max-width: 100vw!important;
  }
  #reg-lookup-parent {
    margin-left: -0px!important;
    max-width: 100vw!important;
  }
  #reg-lookup {
    max-width: 100vw!important;
  }
}

@media (max-width: 821px) {
  #reg-lookup-parent {
    margin-top:140px!important;
    margin-left: 0px!important;
  }

  #reg-lookup {
    width: 680px!important;
  }
 

  #reg-lookup input{ 
    width: 200px!important;
  }

  .section3 {
    margin-top: -190px!important;
  }

  
}

@media (max-width: 767px) {
  #aboutUsBanner .mainImage, #main-home .mainImage {
    display:none!important;
  }
  
  #aboutUsBanner .mobileImage{
    display:block!important;
  }

  #products-header {
    display: none!important;
  }
  #products-header-mobile {
    display: block!important;
  }
  #main-home .smallMobileImage{
    display:block!important;
    
  }

  #main-home #reg-lookup-parent{
    margin-top:264px!important;
    width: 100vw!important;
  }
  #main-home #reg-lookup{
    padding-top:150px!important;
  }
 
  #main-home .homepage-text {
      padding: 0 30px ;
    
  }

  #reg-lookup-child {
    padding-right:0!important;
  }
  .product-image img{
    max-width: 300px!important;
    max-height: 300px!important;
  }
  
  .about p {
    color: #000000;
    font-size: 16px;
    line-height: 1.2em;
    font-family: "Roboto", Sans-serif;
  
  }

  #reg-lookup-parent{
    width: 100%!important;
    margin: 200px 0 0 0!important;
  }
  #reg-lookup {
    width: 100%!important;
    max-width: 100vw!important;
    padding-left:0!important;
  }
  #reg-lookup #reg-loookup-child, #reg-loookup-child {
    width: 100%!important;
    max-width: 100%!important;
    padding-left:0!important;
  }

  #reg-lookup #reg-lookup-child {
    width: 100%!important;
    max-width: 100vw!important;
    padding-left:0!important;
  }

  #reg-lookup, #reg-lookup-child {
    transform: skew(0deg)!important;
  }

  #products #reg-lookup-parent {
    margin-top:127px!important;
    margin-left: 0px!important;
  }

  #products #reg-lookup-parent2{
    width:100vw;
  }
  #products #reg-lookup-child {
    padding-top:50px!important;
  }

  #home-action {
    margin-top:102px!important;
  }
  .btn-adblue-lg {
    font-size:20px!important;
  }

  .section3 {
    margin-top: 0px!important;
  }
}

@media (max-width: 576px) {

  #about-main .wrapper {
    position:relative;
    left:0!important;
    width:100vw!important;
  }

  #main-home #reg-lookup-parent {
    margin-top: 314px !important;
  }

  #aboutUsBanner .mainImage{
    display:none;
  }
  #aboutUsBanner .mobileImage{
    display:none!important;
  }
  #aboutUsBanner .smallMobileImage{
    display:block!important;
  }

  .product-image img{
    max-width: 300px!important;
    max-height: 300px!important;
  }
 
  #reg-lookup-parent {
    margin-top:370px!important;
    margin-left: 0px!important;
  }

  #products #reg-lookup-parent {
    margin-top:136px!important;
    margin-left: 0px!important;
  }

  #products #reg-lookup-parent2{
    width:100vw;
  }
  .section3 {
    margin-top:50px!important; 
  }
}