:root {
  --roundme: 10px;
  --white: #ffffff;
  --lightblue: #f3f7fb;
  --xred: #e20b17;
  --red: #c00712;
  --blue: #003d7d;
  --800: 700;
  --900: 900;
}

.container {max-width:1560px!important;}
.contact a {color:#c00912;}
.contact a:hover {color:#003d7d;}
.text-secondary {color:#9e9e9e!important;}
.admin-banner {background-color:#ffc107;position:absolute;z-index:3;left:20px;right:20px;top:10px;border:1px solid #fff;}
.admin-banner p {padding:10px;margin:0px;text-align:center;font-size:20px;}
.admin .fa-bars {cursor:pointer;}
.admin .modal-header h1 {font-weight:900;}

body {font-family: 'Roboto', sans-serif;}

.rel {position:relative}
.ab {position:absolute;z-index:2;bottom:10px;left:10px;right:10px;background-color:transparent!important;}
.bot {position:absolute;bottom:30;}

.strapline {margin-top:12px;}

.plate {background-color: #FFBF0D;padding:4px;padding-left:7px;padding-right:7px;border-radius:4px;color:#000;}
.normal {font-weight:400!important;}
.video {
  width:40px;height:30px;
  background: url("/_img/video.png") no-repeat;
  background-color:transparent!important;
  display:inline-block;

}
.truck  {color:#003d7d;font-weight:700;}
.quote {background-color:#03216938;border-radius:30px;padding:40px;border:10px solid #19306933;}
.quote-form label {font-weight:900;margin-top:20px;}
.quoteform input {background-color:#FFBF0D;width:56%;text-align:center;
  text-transform:uppercase;font-weight:600;margin-bottom:20px;font-size:36px;
border:3px solid #0000007d;}

.makes {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left:0px;
margin-bottom:0px;}

.scroll {}


  .photos {
  width:40px;height:30px;
  background: url("/_img/camera.png") no-repeat;
  background-color:transparent!important;
  display:inline-block;
  margin-right:6px;
}

.gallery {margin-left:-26px;margin-right:-26px;}
.gallery .thumb {width:100%;height:auto;}

.soldimg {position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);z-index:5;}
.soldimgh {position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);z-index:5;width:150px;height:auto;}

.rel a {color:#fff;}

.d-flex div {width:49%}

.t-130 {font-size:130%;}

.video p {margin:0px;padding:0px;padding-left:10px;padding-top:6px;text-align:left;}
.photos p {margin:0px;padding:0px;padding-top:6px;text-align:center;}

.roundme { border-radius: var(--roundme) }
.lightblue { background-color: var(--lightblue) }

.welcome div {float:right;padding-top:60px;}
.inner {min-height:200px;}
.inner div {float:right;padding-top:40px;}
.searchbox {clear:both;}
.search-panel {background-color:#ffffff90;}
.search-panel select {color:var(--blue);font-weight:700;font-size:1.4rem;}
.search-panel button {font-weight:700;font-size:1.4rem;}

.whiteb {background-color: #fff;}

.red {color: var(--red)}
.redb {background-color: var(--red)}

.blue {color: var(--blue)}
.blueb {background-color: var(--blue)}

.strong {font-weight: var(--800)}
.stronger {font-weight: var(--900)}

.navbar {padding-top:0px;padding-bottom:0px;}




.bigref {position:absolute;right:10px;top:10px;font-size:1.2rem;color:#003d7d!important;}

.nav-item {font-weight: var(--900);font-size:21px;}
.nav-item a {color:#fff;padding-top:16px;}
.nav-link.active {color:#fff;border-bottom:5px solid #fff;background-color: #ffffff21;}
.navbar .nav-item.border-end {border-right: 1px solid #ffffff50!important;}

.front h1 {text-align:center; font-size:4.4rem;color:#fff;text-shadow: 2px 2px var(--blue);}
h1 span {display:block;font-size:2.7rem;}

.logo {width:210px;height:auto;margin-left:10px;}

.outline-white {-webkit-text-stroke: 1px white;}

.minus8 {margin-bottom:-8px!important;}

.open {color:var(--blue);}

.panels h4 {font-weight: var(--900);
  font-size:1.5rem;
  background-color: #03216938;
  padding: 10px;
  padding-left: 10px;
  margin-left: -10px;
  margin-top: -10px;
  margin-right: -10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;


}

.bigphoto {width:100%;height:auto;margin-top:16px;}

.mypr {padding-right:40px!important;}

.profile img {width:200px;}
.profile .name {padding-top:10px;margin-bottom:0px;font-weight:900;font-size:1.3rem;}
.profile .title {padding-top:0px;margin-bottom:8px;}

.content h2 {font-size:3.6rem;font-weight: var(--900);}
.content p {font-size: max(0.8vw, 14px);}
.content p.larger {font-size: max(1.4vw, 21px);}

.btn.redb:hover {background-color:#000!important;}

.lightblue h3 {font-weight: var(--900);font-size:1.5rem;color:var(--red);}

.lightblue .col-4 div {xbackground-color:#fff;}

.blueb .col-3 div {background-color:#fff;border-radius:var(--roundme);}
.blueb .col-3 div a {bottom:16px;}

.large {font-size:3rem;font-weight:700;}

.footer {background-color:#000;color:#fff;}
.footer a {color:#fff;}
.reset {border:0px solid #fff;background-color:transparent;}
.bg-secondary {background-color:#e5e5e5!important;color:#000;font-weight:600;}

.banner-bak {background: url("/_img/banner.jpg") no-repeat;

  border: 1px solid;
  background-size: 100% auto;
 box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.23);
 }

.flag {
     background: url("../img/flag2.gif") no-repeat;
    background-position: bottom right;
 }
  .navshadow {box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0.21);}

.admin label {font-weight:600;}

.panels img {width:100%;}

@media only screen and (max-width: 768px) {
  .t-130 {color:#004688;padding-bottom:20px;}
  .truck .row {padding:0px!important;}
  .bottomnone {margin-bottom:0px!important;}
  .nonehorizontal {padding-left:13px!important;padding-right:13px!important;}

  .d-flex {display:block!important;}
  .d-flex div {margin-bottom:10px!important;}
  .d-flex .text-end {text-align:left!important;}
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .panels .col-3 {margin-bottom:30px;}
  .welcome div {
    padding-top: 0px;
  }
  .welcome {
    min-height:auto;
  }

  .front h1 {
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    text-shadow: 2px 2px var(--blue);
}

.mob-hide {display:none;}

.strapline {display:none;}
.flag .col {width:100%;}
.col {flex:none;}
.flag {
    background: none;
    background-position: bottom right;
}
.gallery, .gallery .row {margin-left:0px!important;margin-right:0px!important;padding-left:0px!important;padding-right:0px!important;}
.gallery .p-3 {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;}
.flag .text-end {display:none;}

.bigref {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 1rem;
}
.inner {min-height:160px;}
.makes img {width:90px;}
.makes a {border-bottom:1px solid #ccc;}
.d-flex div {width:100%;}

.banner-bak {background: url("/_img/banner.jpg") no-repeat;

  border: 1px solid;
  background-size: cover;
 box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.23);
 }
 .tback {background-image: url("/_img/truck-back-shape.png");background-repeat: no-repeat;background-position-y: bottom;background-color:white; }
#mce-EMAIL {width:100%!important;}
#mc_embed_signup {width:100%!important;}

}

@media only screen and (min-width: 769px) {

.gal img {width:100%;height:auto;}

.descriptiondepth {min-height:94px;}
.tback {background-image: url("/_img/truck-back-shape.png");
  background-repeat: no-repeat;background-position-y: bottom;
  background-color:white; }
.descriptiondepth2 {min-height:240px;position:relative;}
.banner-bak {min-height:550px;position:relative;}
.banner-bak.little {min-height:230px;}
.search {padding-top:20px;padding-bottom:1px;}
.welcome {min-height:440px;}
.welcome div {padding-top:180px;}
.front .btn {border-radius:10px!important;text-transform:uppercase;padding-top:14px;padding-bottom:14px;font-weight: 700;}
.front .btn.searchme {border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;text-transform:uppercase;padding-top:4px;padding-bottom:4px;font-weight: 700;}
.front .rounded {border-radius:16px!important;}
.front .gallery .thumb {border: 10px solid #003d7d14;}
.front .ab {position:absolute;z-index:2;bottom:17px;left:20px;right:10px;background-color:transparent!important;}
}

.pulse-button {
            background-color: #c00712;
            
            transition: all 0.3s ease-in-out;
  
            animation: pulse 3s infinite;
        }

        @keyframes pulse {
            0% {
                background-color: #c00712;
                color:#ffffff;
            }
            50% {
                background-color: #ffffff;
                color:#c00712;
            }
            100% {
                background-color: #c00712;
                color:#ffffff;
            }
        }