/*
Theme Name: Custom
*/

body{color:#939a9a;font-family: 'Source Sans Pro', sans-serif;}
p:empty{margin:0;}
a{color:#05386b;}
a:hover{color:inherit;}
h1,h2,h3,h4,h5,h6{color:#05386b;font-weight:700;}
b,strong{font-weight:700;}
.top-bar{padding:15px 0;background:#05386b;}
.top-bar *{ color:#fff;}
.login-links{font-size:22px;font-weight:700;}
.top-cta{font-size:26px;font-weight:700;}
.navbar-bg{padding:15px 0;border-bottom:1px solid #05386b;}
.home .navbar-bg{border:0;}
.navbar-bg span{font-size:25px;color:#05386b;}
.navbar-bg span.mtxt {font-size: 22px;}
.overlay {height: 100%;width: 0;position: fixed;top: 0;left: 0;background-color:rgba(5, 56, 107, 0.84);overflow-x: hidden;transition: 0.5s;z-index: 9999;}
.overlay-content {position: relative;top: 20%;width: 100%;text-align: center;margin-top: 30px;}
.overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #fff;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #75d813;}
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;}
.hp-slider .slide {
background-repeat: no-repeat;
background-size: cover;
height: 642px;
background-position: top center;
padding: 50px;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.hp-slider .slide-1 {
background-image: url(imgs/hpslide1.jpg);
}
.banner-txt {background: rgba(117, 216, 19,0.8);padding: 30px;border-radius:30px;}
.banner-txt *{color:#fff;}
.hp-bar {background: #05386b;padding: 30px 0;}
.hp-bar h1{font-size:34px;}
.hp-bar *{color:#fff;}
.hp-title{font-size:40px;margin-bottom:50px;}
.hp-title2{font-size:34px;margin:50px 0;}
.hp-welcome{padding: 100px 0;}
.hp-services {padding-top: 100px;background: #f8f8f8;}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-diagnosis:before {
  content: "\e900";
}
.icon-electric-vehicle:before {
  content: "\e902";
}
.icon-mot:before {
  content: "\e903";
}
.icon-weighbridge:before {
  content: "\e904";
}
.icon-long-right:before {
  content: "\e901";
}


.wpcf7 {
  max-width: 100% !important;
}

.hp-services .cta-wrap {
background: #fff;
padding: 30px;
border-radius: 20px;
margin-bottom: 100px;
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.16);
box-shadow: 10px 10px 10px rgba(0,0,0,.16);
}
.hp-services .icon-wrap i {
font-size: 4rem;
color: #05386b;
}
.hp-services .cta-wrap h3 {
color: #05386b;
font-size: 26px;
margin-top: 25px;
padding-bottom: 25px;
min-width: 60px;
max-width: 100%;
display: inline-block;
}
.hp-services .cta-wrap h3.cnt{line-height:62.4px;}
.cta-arrow {font-size: 50px;width: 100%;display: block;color: #75d813;font-weight: bold;}

.hp-imgdiv {background: url(imgs/hp-imgdiv.jpg) no-repeat center;background-size: cover;height: 438px;margin-top: 100px;margin-bottom: 100px;}
.hp-imglogo {padding-bottom: 100px;}

.hp-get-quote {background: url(imgs/hp-formimg.jpg) no-repeat center;background-size:cover;min-height:793px;}

.hp-contact-form {}
.hp-contact-form *{color:#fff;}
.hp-contact-form-holder {background: #05386b;padding:100px 120px;}
.hp-contact-form-holder select { background: #05386b !important; }

.hp-contact-form-holder ::placeholder {color: #fff !important;}
.hp-contact-form-holder .wpcf7 input[type="text"],
.hp-contact-form-holder .wpcf7 input[type="email"],.hp-contact-form-holder .wpcf7 input[type="date"],
.hp-contact-form-holder .wpcf7 input[type="tel"],
.hp-contact-form-holder .wpcf7 select {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #fff;
border-radius: 0;
background: 0 0;
padding-left: 0;
color: #fff !important;
margin-bottom: 30px;
}
.hp-contact-form-holder .servicetype select {
color: #fff !important;
background: #05386b !important;
}
.hp-contact-form-holder .wpcf7-submit {
display: inline-block !important;
width: 270px !important;
background: #75d813 !important;
color: #fff !important;
border-color: #75d813 !important;
padding: 12px 50px !important;
border-radius:10px !important;
}
.hp-contact-form-holder .wpcf7-spinner {
display: none;
}
.hp-clients {margin-top: 100px;}
.hp-imglogo img {width: auto !important;height: 70px;}
.hp-imgsec1 {background: url(imgs/hp-imgsec1.jpg) no-repeat center;background-size: cover;padding: 100px 0;}
.hp-imgsec1 *,.hp-imgsec2 *{color:#fff;}
.hp-imgsec2 {background: url(imgs/hp-imgsec2-1.jpg) no-repeat center;background-size: cover;padding: 100px 0;position: relative;}
.hp-imgsec2::before {content: "";background: rgba(5, 56, 107, 0.88);position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.hp-imgsec2 h2{font-size:50px;margin:0;}
.hpsec2{padding: 100px 0;background:#f8f8f8;}
#sp-testimonial-free-1570 {margin-bottom: 0;}
.social-footer {text-align: right;}
.footer-facebook,.footer-instagram,.footer-twitter {text-align: center;padding: 30px;background: #05386b;color: #fff;}
.fa-facebook,.fa-instagram,.fa-twitter {font-size: 30px;color: #fff;}
.footer {padding-top: 50px;padding-bottom: 50px;padding-left: 50px;background: #05386b;}
.footer h3 {margin-bottom: 15px;font-size: 22px;}
.footer *{color: #fff;}
.footer-bottom {background: #75d813;padding: 20px 0;}
.footer-bottom p,.footer-bottom a{color: #fff;}
.inner-bg{background:url(imgs/inner-bg.jpg) no-repeat center;background-size:cover;height:350px;}
.inner-bg *{color:#fff;}
.int-mb3{margin-bottom:30px;}
.int-mb5{margin-bottom:50px;}
.section-white {background: #fff;padding: 50px 0;}
.section-primary {background: #05386b;padding: 50px 0;}
.section-primary * {color: #fff;}
.section-secondary {background: #75d813;padding: 50px 0;}
.section-secondary * {color: #fff;}
.section-lightgrey {background: #eee;padding: 50px 0;}
.btn{border-radius:10px !important;}
.btn-primary {color: #fff !important;background-color: #05386b !important;border-color: #05386b !important;}
.btn-secondary {color: #fff !important;background-color: #75d813 !important;border-color: #75d813 !important;}
.btn-white {color: #05386b !important;background-color: #fff;border-color: #fff;}
.send {background: #75d813 !important;color: #fff !important;border-color: #75d813 !important;border-radius:10px !important;}
.btn-primary:hover,.btn-secondary:hover,.btn-white:hover,.send:hover{opacity:0.9;}
.imgshadow {box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);}
#recent-posts-2 a, #categories-2 a {color: inherit;}
.updated{display:none;}
.published.updated{display:inline;}
.offer-page p {color: #05386b;margin-top: 30px;}
.st-offer {display: block;border: 1px solid #b7b7b7;margin: 15px;padding: 15px;width: 400px;max-width: 100%;}
.st-offer-img {background-size: cover;background-position: center;overflow: hidden;height: 200px;width: 100%;}
.st-offer-content h3 {margin-top: 7px;}


/********************* MEDIA ***************************/
@media screen and (min-width: 992px) {
.img-bdr {border-radius: 20px;}
}

@media screen and (max-width: 991px) {
.hp-slider .slide-1 {height: 400px;padding:15px;}
.hp-welcome img{margin-top:50px;}
.banner-txt {padding: 30px 0;border-radius: 0;background: #75d813;}
.hp-bar{padding: 50px 0;}
.hp-bar h1,.hp-title,.hp-imgsec2 h2 {font-size: 32px;}
.hp-bar,.hp-welcome,.hp-imgsec1,.hp-imgsec2,.hpsec2{text-align: center;}
.hp-contact-form-holder{padding:40px;}
.hp-get-quote{min-height:400px;}
}

@media screen and (max-width: 767px) {
.top-cta{margin-top:10px;}
.navbar-bg,.banner-txt{text-align: center;}
.navbar-bg img {margin-bottom: 10px;}
.hp-welcome .col-lg-6 {padding: 0;}
.hp-contact-form .hp-title{margin:0;}
.footer{text-align: center;padding-top:0;padding-left: 0;}
.fa-twitter {margin-top: 30px;}
.footer h3{margin-top:30px;}
.footer-bottom{text-align: center;}
}

@media screen and (max-width: 580px) {
.hp-slider .slide-1 {height: 200px;}
}