.m-scroll {
    display: flex;
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
    z-index: 1;
  }
  .m-scroll__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    transition: all 1s ease;
  }
  .m-scroll__title > div {
    display: flex;
    -webkit-animation: scrollText 33s infinite linear;
            animation: scrollText 33s infinite linear;
  }
  .m-scroll__title h1 {
    transition: all 2s ease;
    margin:0 30px;
  }
  @-webkit-keyframes scrollText {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-50%);
    }
  }
  @keyframes scrollText {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-50%);
    }
  }
  




  .btn:first-child:hover, :not(.btn-check)+.btn:hover {

border-color:#F80303;
background:none;
  }


  .section-secondary-contact::before, .section-secondary::before { display:none; }


.foot, .foot li, .foot a {
  font-size: 13px;
    font-family: "URW DIN";
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    color:white;
    text-transform:uppercase;
  }
  .foot li { margin-right:30px; opacity:0.3; }
  .foot .lastitem { margin-left:auto; margin-right:0; }



  .pagecontent, .pagecontent p, .pagecontent li { color:#002353; }
.pagecontent h2 {     text-transform: initial;
  font-family: URW DIN;
  font-size: 25px;
  font-weight: 100; }



.padmeimg { padding:15px; }
.card { height:100%; }
.card-body { text-align:center; padding: 30px 15px; }
.card-body a {    margin-top: 30px;
  display: inline-block;}
  .section-padding .card h6 { min-height:42px; }
.card .btn:hover, .section-hero .btn-primary:hover { background-color:#09265f!important; }


.section-truck .special-row { max-width:1128px; bottom:234px !important;}

.section-hero svg path { opacity:0.6; }

.truck-hover-left { left:60px; }
.poweredby { height:35%; }
.poweredby img { margin-left:40px; }


#videoModal iframe { width:100%; height:auto; min-height:500px; }
#videoModal button { position: absolute;
  right: -40px;
  top: -40px; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }



.bg-video { background-color:#F8F8F8; border-top:9px solid #B20E14; }
.bg-video .thevid video { width:100%; }
.bg-video h3 { font-size:80px; line-height:1; color:#09265F; font-family: "Bebas Kai"; margin:30px 0; }


.large-video { margin-bottom:-7px; }
.large-video video, .modal-body video { width:100%; }
.large-video .playbtn, .modal-body .playbtn {
	background-image: url("data:image/svg+xml,%3Csvg id='Component_417_2' data-name='Component 417 %E2%80%93 2' xmlns='http://www.w3.org/2000/svg' width='205' height='205' viewBox='0 0 205 205'%3E%3Cpath id='Path_3339' data-name='Path 3339' d='M53.785 0 0 48.7 53.785 97.031Z' transform='translate(141.279 151.016) rotate(180)' fill='%23fffcfc'/%3E%3Cg id='Ellipse_23' data-name='Ellipse 23' fill='none' stroke='%23fcf5f5' stroke-width='10'%3E%3Ccircle cx='102.5' cy='102.5' r='102.5' stroke='none'/%3E%3Ccircle cx='102.5' cy='102.5' r='97.5' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-size:cover;
  cursor:pointer!important;
  transition:all 0.3s ease-in-out;
  position: absolute;
    z-index: 999;
    width: 205px;
    height: 205px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.large-video .playbtn:hover, .modal-body .playbtn:hover { background-image: url("data:image/svg+xml,%3Csvg id='Component_417_2' data-name='Component 417 %E2%80%93 2' xmlns='http://www.w3.org/2000/svg' width='205' height='205' viewBox='0 0 205 205'%3E%3Cpath id='Path_3339' data-name='Path 3339' d='M53.785 0 0 48.7 53.785 97.031Z' transform='translate(141.279 151.016) rotate(180)' fill='%23b20e14' stroke='%23b20e14' stroke-width='1'/%3E%3Cg id='Ellipse_23' data-name='Ellipse 23' fill='none' stroke='%23b20e14' stroke-width='10'%3E%3Ccircle cx='102.5' cy='102.5' r='102.5' stroke='none'/%3E%3Ccircle cx='102.5' cy='102.5' r='97.5' fill='none'/%3E%3C/g%3E%3C/svg%3E");
}

.modal-body .playbtn { width:110px; height:110px; }

.section-blue { color:#09265F; }
.section-blue p { font-weight:100; }

.section-benefits p { line-height:2.5; font-weight:100; }

.section-products .card h6 { font-size:40px; }

.bg-lightblue { background-color:#ebedf2; }



.accordion-flush .accordion-item { font-family:URW DIN; }
.accordion-body { padding-left:0; color:#002353; }
.accordion-body a { color:#002353; font-size:16px; text-decoration:underline; }
.accordion-flush .accordion-item { border-bottom:1px solid #002353; }
.accordion-flush .accordion-collapse {
  border-width: 0;
  margin-bottom: 30px;
}

.section-alternating { padding-top:100px; padding-bottom:100px; }
.sectionfixpt { padding-top:100px; }
.section.nopadding { padding:0; }

.padmetopbtm { padding-top:5%; padding-bottom:5%; }

.btn-halt:hover { background-color:#b20e14!important; }
.section-body { height:434px; }

p.text-blue { font-weight:100; }

.h2-alternating { text-transform:initial!important; margin-top:10px; }

.section-hero .triangle { width:55%; height:auto; }
.section-hero .carousel-inner { max-width:500px; }


h1.smaller { font-size:50px; }
footer .nav-social {
	justify-content: space-between;
    flex-grow: 1;
}


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

  .section-secondary-contact, .section-secondary { height:300px; }
  .section-split p { height:auto; }
  .bg-video h3 { font-size:30px; }
  .section-hero .triangle { width:95%; }
  .section-lorry { display:none; }
}
@media screen and (max-width:1200px) {
		.socialwrapper { justify-content:center!important;     width: 320px;
    margin: auto; }
	.fixonmobile { min-height:300px; }
	.fixonmobile2 { order:-1; }
}

@media screen and (max-width:500px) { .fixfooter { max-width:345px; } }


@media screen and (max-height:800px) {
	
	.section-hero h1 {
		font-size: 60px;
    	line-height: 60px;
	}
	.logo { max-width:120px; }
	
}