/* Parallax */

section.parallax{
  height:100vh;  /* fix for mobile browser address bar appearing disappearing */
  z-index:-1; /* needed to keep in the background */
  color: #fff;
  overflow: auto;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  
}
@media screen and (max-width: 768px) {
	section.parallax {
		background-attachment: inherit;
	}
}

section#homeone{
  background-image: url(https://gotruckoff.co.uk/img/main_bckgrd.jpg);
  /* background-color: rgba(63, 63, 63, 0.658);
  background-blend-mode: darken; */
  overflow: hidden;

}
section#hometwo{
  background-image: url(https://gotruckoff.co.uk/img/main_bckgrd_two.jpg);
  height: 100% !important;
  overflow: hidden;
  background-size: cover;
}
section#homethree{
  background-color: #333333;
  height: 100% !important;
}
section#homefour{
  background-image: url(https://gotruckoff.co.uk/img/main_bckgrd_four.jpg);
  background-color: #333333;
  height: 100% !important;
  overflow: hidden;
}
section#homefive{
  /* background-image: url(https://gotruckoff.co.uk/img/video/7186039_Smoke_Smoking_1280x720.mp4); */
  background-color: #333333;
  height: 100% !important;
  overflow: hidden;
}
.fa-green-col{
    color: #69f900;
}
/* Navbar Start */
/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .navbar-toggler-icon,
.navbar-scroll .navbar-brand {
  color: #fff;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler-icon,
.navbar-scrolled .navbar-brand {
  color: #fff;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
  background-color: #333333;
}

.mask-custom {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, .15);
}

.navbar-brand {
  font-size: 1.75rem;
  letter-spacing: 3px;
}
.nowrapnavlink{
  white-space: nowrap;
}
/* Navbar End */

/* Home Page */
.main-bkgrd-image{
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://gotruckoff.co.uk/img/main_bckgrd.jpg");
    height: 100vh;
}
.main-sub-heading-xl-md{
    font-size: 25px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.main-sub-heading-sm-xs{
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-bottom: 10px;
    line-height: 1.4;
}
.heading-xl-md{
    font-size: 80px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-top:150px;
    margin-bottom:10px;
}
@media (min-width: 576px){
.heading-xl-md{
    margin-top: 135px;
  }
}
@media (min-width: 768px){
.heading-xl-md{
    margin-top: 162px;
  }
}

.heading-sm-xs{
    font-size: 40px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-top: 115px;
 
}
@media (min-width: 576px){
.heading-sm-xs{
    margin-top: 135px;
  }
}
@media (min-width: 768px){
.heading-sm-xs{
    margin-top: 162px;
  }
}
@media (min-width: 992px){
.heading-xl-md{
    margin-top: 70px;
  }
}
@media (min-width: 1200px){
.heading-xl-md{
    margin-top: 90px;
  }
}
@media (min-width: 1400px){
.heading-xl-md{
    margin-top: 120px;
  }
}
.title-box-bkgrd{
  background-color: rgb(0, 0, 0);
}


/* Counter Start */
.counterinline{
  display: inline;
  margin: 0;
  padding: 0;
}


/* Solutions */
section#solutionone{
  background-image: url(https://gotruckoff.co.uk/img/solution_bckgrd_one.jpg);
  overflow: hidden;
  height:100% !important;  
background-repeat:no-repeat;

background-position:center;

}
section#solutiontwo{
  background-image: url(https://gotruckoff.co.uk/img/second-solution-bckgrd.jpg);
  overflow: hidden;
  height: 90vh !important;
}
section#solutionthree{
  background-color: #333333;
  height: 100vh !important;
}
section#solutionfour{
  background-image: url(https://gotruckoff.co.uk/img/main_bckgrd_four.jpg);
  background-color: #333333;
  height: 100% !important;
  overflow: hidden;
}
section#solutionfive{
  /* background-image: url(https://gotruckoff.co.uk/img/video/7186039_Smoke_Smoking_1280x720.mp4); */
  background-color: #333333;
  height: 100% !important;
  overflow: hidden;
}
section#solutionsix{
  background-image: url(https://gotruckoff.co.uk/img/main_bckgrd_six.jpg);
  height: 90% !important;
  overflow: hidden;
  background-size: cover;
}
.solutioneven{
  height: 60% !important;
}
.solutionheading{
  font-size: 30px !important;
  margin-top:110px;
  margin-bottom:0px;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
  .solutionheading{
      font-size: 40px !important;
      margin-top:140px;
      margin-bottom:0px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  .solutionheading{
      font-size: 40px !important;
      margin-top:140px;
      margin-bottom:0px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .solutionheading{
      font-size: 40px !important;
      margin-top:110px;
      margin-bottom:0px;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .solutionheading{
      font-size: 50px !important;
      margin-top:120px;
      margin-bottom:0px;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
  .solutionheading{
      font-size: 50px !important;
      margin-top:160px;
      margin-bottom:0px;
  }
}

/* Systems */
section#systemone{
  background-image: url(https://gotruckoff.co.uk/img/main-solution-bckgrd.jpg);
  /* background-color: rgba(63, 63, 63, 0.658);
  background-blend-mode: darken; */
  overflow: hidden;
  height:80vh !important;

}
section#systemtwo{
  background-image: url(https://gotruckoff.co.uk/img/second-solution-bckgrd.jpg);
  height: 100% !important;
  overflow: hidden;
  background-size: cover;
}
.hubheadingbkgrd{
  background-color: rgba(0, 0, 0, 0.527);
}
.truckoffhub{
  color: #69f900 !important;
}
section#systemthree{
  background-color: #333333;
  height: 100% !important;
}
section#systemfour{
  background-image: url(https://gotruckoff.co.uk/img/main_bckgrd_four.jpg);
  background-color: #333333;
  height: 100% !important;
  overflow: hidden;
}
.card-extra{
  background-color: rgba(0, 0, 0, 0.144) !important;
  color: rgba(0, 0, 0, 0.144) !important;
}
section#systemfive{
  /* background-image: url(https://gotruckoff.co.uk/img/video/7186039_Smoke_Smoking_1280x720.mp4); */
  background-color: #333333;
  height: 100% !important;
  overflow: hidden;
}
section#systemsix{
  background-image: url(https://gotruckoff.co.uk/img/main_bckgrd_six.jpg);
  height: 90% !important;
  overflow: hidden;
  background-size: cover;
}

.systemseven{
  height: 60% !important;
}
#unmatchedsecurity{
  overflow: hidden;
}

.systemheading{
  font-size: 30px !important;
  margin-top:110px;
  margin-bottom:15px;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
  .systemheading{
      font-size: 30px !important;
      margin-top:110px;
      margin-bottom:15px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  .systemheading{
      font-size: 40px !important;
      margin-top:140px;
      margin-bottom:15px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .systemheading{
      font-size: 40px !important;
      margin-top:110px;
      margin-bottom:15px;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .systemheading{
      font-size: 40px !important;
      margin-top:120px;
      margin-bottom:15px;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
  .systemheading{
      font-size: 50px !important;
      margin-top:160px;
      margin-bottom:15px;
  }
}




/* HGV Fuel */

section#hgvone{
  background-image: url(https://gotruckoff.co.uk/img/two-large-black-trucks-parked.jpeg);
  background-color: rgba(63, 63, 63, 0.658);
  background-blend-mode: darken;
  height: 80vh !important;
  background-size: cover;
}

.hgv-card{
  margin-top:156px;
}

/* Vision */

section#visionone{
  background-image: url(https://gotruckoff.co.uk/img/eye-futuristic-robot.jpg);
  background-color: rgba(63, 63, 63, 0.658);
  background-blend-mode: darken;
  height: 70vh !important;
  background-size: cover;
}

.vision-card-xl{
  margin-top:150px;
}

.vision-card-xs{
  margin-top:106px;
}

/* Vision */

section#getstartedone{
  background-image: url(https://gotruckoff.co.uk/img/eye-futuristic-robot.jpg);
  background-color: rgba(63, 63, 63, 0.658);
  background-blend-mode: darken;
  height: 50vh !important;
  background-size: cover;
}
section#getstartedtwo{
  margin-top: 50px;
}

.getstarted-card{
  margin-top:125px;
}

.getstarted-card-heading{
  font-size: 40px !important;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
  .getstarted-card{
      margin-top:110px;
      margin-bottom:5px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  .getstarted-card{
      margin-top:140px;
      margin-bottom:5px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .getstarted-card{
      margin-top:110px;
      margin-bottom:5px;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .getstarted-card{
      margin-top:120px;
      margin-bottom:5px;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
  .getstarted-card{
      margin-top:160px;
      margin-bottom:5px;
  }
}

a.anchor {
    display: block;
    position: relative;
    top: -450px;
    visibility: hidden;
}
.contactproductmake{
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0);
opacity: 0;
}
.getstarted-card-xs{
  margin-top:120px;
}

.enguard-container{
  margin-top:250px;
}