@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

*{
	margin:0;
}
body{
	font-family: 'Open Sans', sans-serif;
}
a:hover{
    text-decoration: none;
}
.pading-0{
    padding: 0px;
}
.pading-1{
    padding: 3px;
}
.navbar {
    border-radius: 0px;
}
.navbar-inverse {
    background-color: #002755;
    border-color: #002755;
}
.navbar-nav {
    float: right;
    margin: 0;
}
.navbar-brand {
    float: left;
    height: auto;
    padding: 0px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand>img {
    display: block;
    width: 90%;
}
.navbar-nav>li>a {
    padding-top: 28px;
    padding-bottom: 28px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #03914a;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
.navbar-inverse .navbar-nav>li>a:hover {
    background:#03914a;
}


.down-nav {
    background: #f0f0f0;
    margin-top: -20px;
    height: 42px;
    line-height: 40px;
}

.banner-mot{
    background: url(../images/mot-banner.jpg) no-repeat;
    height: 421px;
    background-size: cover;
}

.banner-mot h1 {
    color: #fff;
    font-weight: 700;
    text-shadow: 2px 2px 2px #000;
    line-height: 44px;
    margin-top: 30px;
    font-size:42px;
}

.mot-dvla {
    background: rgb(0,0,0,0.4);
    height: 125px;
    padding: 15px 0px;
    border-radius: 15px;
    margin-top: 20px;
    border: 1px solid#fff;
}


.dvla-width {
    width: 296px;
    margin-top: 10px;
    margin: 0 auto;
    background: #fff;
    padding: 2px;
    border-radius: 7px;
}
    
.dvla-main{
    background: #005baf;
    border-radius: 7px 7px 7px 7px;
    padding: 3px;
    height:90px;
}
.reg-input-new1 {
    height: 84px;
    width: 235px;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    background: #fff;
    text-transform: uppercase;
    border:1px solid #fff;
    outline:none;
    border-radius:0px 7px 7px 0px;  
}

.gb{
    float:left;
    }
    
placeholder { /* Firefox 19+ */
  color: black;
}   
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
:-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}


/ Chrome, Safari, Edge, Opera /
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/ Firefox /
input[type=number] {
  -moz-appearance: textfield;
}




.mot-dvla button {
    width: 100%;
    height: 93px;
    border-radius: 10px;
    font-size: 28px;
    font-weight: 700;
    background: #03914a;
    color: #fff;
}
.mot-dvla button:hover {
    background: #00408b;
}

.form-search{
    background: #002755;
    padding: 5px 30px;
    color: #fff;
    margin-top: -45px;
}
.form-search h4{
    color: #fff;
}
.text-bg .form-control {
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    height: 50px;
    font-size: 16px;
    border-radius: 0px;
}
.text-bg .input-group {
    margin-bottom: 10px;
}
.form-group {
    margin-bottom: 10px;
}
.input-group-addon {
    border-radius: 0px;
}
.month {
    margin-bottom: 5px;
}

.btn-primary {
    color: #fff;
    background-color: #03914a;
    border-color: #03914a;
    height: 50px;
    width: 230px;
    margin: auto;
    border-radius: 0px;
    margin-bottom: 10px;
}
.btn-primary:hover {
    background: #00408b;
}
.lines-portion{
    background: #f7f8f9;
    padding: 20px 80px;
    height: 332px;
}
h1 {
    color:#03914a;
}
.banner-right h1 {
    color:#03914a;
    font-size: 26px;
    padding: 3px;
    font-weight: 700;
}
.banner-right .fa {
    margin-right: 10px;
    color: #03914a;
}
.banner-right p {
    margin: 0 0 10px;
    font-size: 18px;
}
.points{
    background:url(../images/section.jpg) no-repeat;
    background-size: cover;
    padding: 50px;
}
.in-point {
    background: #f7f8f9;
    padding: 36px 20px 20px;
    text-align: center;
    border: 2px solid#03914a;
    border-radius: 10px;
    transition-duration: 0.5s;
    margin-top: 10px;
    margin-bottom: 10px;
}
.in-point:hover {
    transition-duration: 0.5s;
    border: 2px solid#f7f8f9;
    border-radius:0px;
}

.in-point p {
    margin-top: 20px;
    font-size: 16px;
    color: #03914a;
    text-decoration: none;
    font-weight: 700;
}
.tick-sign{
    width: 30px;
    text-align: center;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px;
}
.content-in h2 {
    color: #03914a;
    font-size: 26px;
    font-weight: 700;
}
.content{
    padding: 30px;
}
.content-in p{
    color: #666;
    line-height: 24px;
}
b, strong {
    font-weight: 700;
    color: #03914a;
    font-size: 14px;
}
.contact-us {
    padding: 30px;
    background: #f4f4f4;
}
.contact-us h2 {
    margin-bottom: 20px;
    font-weight: 700;
    margin-left: 12px;
}
.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.contact-us .btn-primary {
    color: #fff;
    background-color: #03914a;
    border: 3px solid #ccc;
    border-radius: 0px;
    margin-top: 10px;
    width: 200px;
    float: right;
    height: 50px;
}
.contact-us .btn-primary:hover {
    background: #00408b;
}
.contact-us h3 {
    color: #000;
}
.info span {
    font-size: 30px;
    font-weight: 600;
}
.contact-us p {
    font-size: 16px;
}
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 83px;
}
.testimonial h1{
    text-align: center;
    font-weight: 700;
}
.img-gallery {
    background: url(../images/bg-img.jpg) no-repeat;
    background-size: cover;
    padding: 20px;
}
.img-gallery img {
    width: 100%;
}
.img-gallery .g-imag {
    padding: 3px;
    border: 1px solid#ccc;
    border-radius: 5px;
}

.footer{
    background: #000;
    padding: 85px 0px 20px;
}

.box{
    text-align: center;
    background: #fff;
    padding: 20px;
    height: 358px;
}
.box h3{
    font-weight: 700;
    color: #03914a;
}
.box h3{
    font-weight: 700;
    color: #03914a;
}
.box h1{
    font-weight: 700;
    color: #03914a;
}
.box img {
    margin-top: -80px;
}
.days{
    float: left;
    text-align: left;
    width: 50%;
}
.hours{
    text-align: left;
}
.box p{
    font-weight: 700;
    font-size: 15px;
    color: #666;
}
.maps img {
    margin-top: 0px;
    width: 100%;
}

.bottom-footer{
    background: #232323;
    padding: 10px 0px 5px;
    text-align: center;
    color: #fff;
}



.services-banner img{
    width: 100%;
    margin-top:-10px;
}
.side-image{
    padding: 5px;
    border: 1px solid #999;
}
.side-image img{
    width: 100%;
}
.serv-content{
    padding-top: 80px;
    padding-bottom:40px;
    background: url(../images/section.jpg);
}
.why-icon{
    width: 25px;
    float: left;
    margin-left: -15px;
}
.serv-content h1 {
    color: #03914a;
    font-weight: 700;
}
.serv-content p {
    color: #666;
}
.why-icon .fa{
    font-size: 20px;
    color:#03914a;
}
.text{
    margin-top: 0px;
}
.text h3 {
    font-size: 20px;
}

.h3, h3 {
    font-size: 20px;
}
.text p {
    margin-left: 19px;
    color: #888;
}
.botom-border{
    margin-top: 50px;
}
.our-serv{
    text-align: center;
    margin-top: 100px;
}
.bot-heading {
    margin-top: 25px;
}
.serv-content .imagessss  {
position:relative;
}
.serv-content .imagessss img {
    width:100%
}
.serv-content .imagessss .textbox {
    width: 96%;
    height: 96%;
    position: absolute;
    top: 7px;
    left: 6px;
-webkit-transform: scale(0);
transform: scale(0);
border-radius:0px;
background-color:rgba(3,145,57,0.85);
-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
}
.serv-content .textbox p{ color:#fff;}
.serv-content .textbox h1{ color:#fff; font-size:24px;margin-bottom: 22px;}
.serv-content .imagessss:hover .textbox {
-webkit-transform: scale(1);
transform: scale(1);
}
.serv-content .imagessss .text {

}
.serv-content .imagessss .textbox {
    padding: 20px;
    text-align:center;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.serv-content .imagessss .textbox button{
    background-color: transparent;
    border:1px solid#fff;
    color:#fff;
    padding: 5px 20px;
}
.bot-heading h3{
    background: #03914a;
    margin-top: 0px;
    text-align: center;
    color: #fff;
    padding:10px;
}

.bot-heading a:hover{
    text-decoration:none;
}





/*------------------------------ Start-About-Page----------------------------*/
.services{
    background: url(../images/section.jpg);
    text-align:center;
}
.padding-0{
    padding:0px;
}

.first-imag img{
    width:100%;
    margin-top: -9px;
}
.two-imag img{
    width:100%;
}
.ultimate{
    padding-top:150px;
}
.ultimate p{
    width:80%;
    margin:20px auto;
}
.ultimate h2{
    color: #03914a;
    font-weight: 700;
}
.left-content {
    background: #03914a;
    color: #fff;
    padding: 70px 40px;
    height:382px;
}
.lines li{
    border-bottom: 1px solid#c6c6c6;
    line-height: 55px;
    list-style: none;
    font-weight: 600;
}
.lines button {
    margin-top: 50px;
    padding: 8px 40px;
    background: #03914a;
    border: 1px solid #03914a;
    color: #fff;
}
.lines button:hover {
    background: #00408b;
    border: 1px solid #00408b;
}
.lines button a{
    color: #fff;
    font-family: 'Contrail One', cursive;
}

/*------------------------------ Start-contact----------------------------*/
.contact-left{
    padding: 53px 20px 20px;
    background:#efefef;
    margin-top: -8px;
}

.contact-right img{
    width:100%;
    margin-top: -8px;
}
.g-maps img{
    width:100%;
    box-shadow: 2px 2px 10px #000;
}
.contectform {
    margin-top: 60px;
}
.contectform.con{
    text-align:left;
}
.contectform.con input[type="text"], select, textarea{
    text-align:left;
    padding: 12px 0px;
}
.contectform input[type="text"], select, textarea {
    width: 100%;
    padding: 12px 0px;
    border-bottom: 2px solid #ccc;
    border-radius: 0px;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 10px;
    resize: vertical;
    font-size: 18px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}
.contectform input[type="submit"] {
    background-color: #03914a;
    color: white;
    font-size: 20px;
    padding: 12px 20px;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    float: right;
    width: 30%;
    transition-duration: 0.5s;
    margin-top: -76px;
}
.contectform input[type="submit"]:hover {
    background-color: #00408b;
    transition-duration: 0.5s;
}
.call-us {
    padding: 58px 30px;
    background: #efefef;
}
.call-us h2{
    font-size: 26px;
    color: #03914a;
}
.number {
    margin-top: 40px;
}
.number p{
    font-size:20px;
}


.points h4{
    font-weight: 700;
}
a .in-point:hover h4{
    color: #03914a;
}
.points button {
    padding: 5px 20px;
    background: #03914a;
    color: #fff;
    border: 1px solid#03914a;
}
.points button:hover {
    background:#00408b;
    border: 1px solid#00408b;
}

.detail-banner {
    margin-top: 12px;
}
.detail-banner img{
    width: 100%;
    border-radius: 10px;
    transition-duration: 0.5s;
}
.detail-banner img:hover{
    border-radius: 0px;
    transition-duration: 0.5s;
}

.car-serv img{
    width: 100%;
    margin-top: -10px;
}
.quote{
    text-align: center;
}
.quote button{
    background: #03914a;
    color: #fff;
    padding: 10px 26px;
    font-weight: 600;
    font-size: 19px;
    border: 1px solid#03914a;
    margin-top: 30px;
    transition-duration: 0.5s;
}
.quote button:hover{
    background:#00408b;
    border: 1px solid#00408b;
    transition-duration: 0.5s;
}

.last-form{
    background: url(../images/banner6.jpg) no-repeat;
    background-size: cover;
    height: 550px;
}
.last-form .text-bg {
    background: #333;
    padding: 10px 30px;
    color: #fff;
    border: 1px solid#fff;
    margin-top: 40px;
}
.last-form .text-bg h2{
    font-size: 22px;
    font-weight: 600;
}


.thnkcnt{
    text-align:center;
}
.thnks img{
    width: 240px;
    margin: 20px auto;
}
.thnkcnt p{
    font-size: 16px;
    line-height: 30px;
    margin: 0px 20px 60px;
    background: #f6f6f6;
    padding: 50px 30px;
    border-radius: 10px;
}
.thnkcnt button{
    background: #03914a;
    border: 1px solid#03914a;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 40px;
    letter-spacing: 1px;
    font-weight: 700;
}
.thnkcnt button:hover{
    background: #002755;
    border: 1px solid#002755;
}


.bottom-buttons{
    position: fixed;
    bottom: 30px;
    left: 25px;
    z-index: 9999;
    background: black;
    height: 60px;
    width: 60px;
    color: white;
    border-radius: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    justify-content: center;
}
.bottom-button .tooltip{
    position: absolute !important;
    top: -20px !important;
    left: calc(100% + 5px) !important;
    z-index: 3 !important;
    background: #00E676 !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3) !important;
    padding: 6px 12px !important;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    opacity: 0 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    transition: 0s !important;
    color: #fff;
}
.bottom-button:hover .tooltip{
    opacity: 1 !important;
    pointer-events: auto !important;
    transition: all 0.4s ease !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.whatsapp {
    bottom: 8px;
    font-size: 40px;
    background: #00E676;
}


/* Scroll To Top Button */
.scroll-top {
    position: fixed;
    right: 30px;
    bottom: 110px;
    width: 45px;
    height: 45px;
    background: #002755;
    color: #fff;
    text-align: center;
    line-height: 42px;
    font-size: 26px;
    border-radius: 50%;
    display: none;
    z-index: 9999;
    cursor: pointer;
    transition: 0.3s;
}

.scroll-top:hover {
    background: #c00113;
    color: #fff;
} 








@media only screen and (min-width: 1px) and (max-width:320px) {
.navbar-brand > img {
    display: block;
    width: 80%;
}
.navbar-nav {
    float: none;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.navbar-inverse .navbar-brand {
    color: #9d9d9d;
    width: 80%;
}
.down-nav {
    display: none;
}
.banner-mot {
    background: url(../images/mot-banner.jpg) no-repeat;
    height: 421px;
    margin-top: -20px;
}
.banner-mot {
    height: 120px;
    margin-top: -20px;
    background-size: cover;
}
.banner-mot h1 {
    line-height: 22px;
    margin-top: 30px;
    font-size: 16px;
}
.mot-dvla {
    background: #4a4f54;
    height: 284px;
    margin-top: 40px;
    border: 1px solid #fff;
}
.dvla-width {
    width: 255px;
    margin-top: 5px;
}
.reg-input-new1 {
    width: 194px;
    font-size: 18px;
}
.form-search {
    margin-top: 10px;
}
.qoute-btn{
    text-align: center;
}
.mot-dvla button {
    width: 255px;
    height: 52px;
    margin-top: 10px;
}
.month {
    margin-top: 0px;
}
.btn-primary {
    width: 100%;
}
.lines-portion {
    padding: 20px 20px;
    height: auto;
}
.banner-right h1 {
    font-size: 22px;
}
.banner-right p {
    font-size: 13px;
}
.points {
    padding: 20px;
    margin-top: -20px;
}
.content {
    padding: 10px;
}
.content-in h2 {
    font-size: 18px;
}
.contact-us {
    padding: 0px;
}
.contact-us h2 {
    margin-bottom: 10px;
    font-size: 22px;
}
.form-control {
    height: 40px;
}
.contact-us .btn-primary {
    margin-top: 0px;
    width: 100%;
}
.info{
    text-align: center;
}
.testimonial h1 {
    font-size: 22px;
}
#quote-carousel {
    margin-top: 20px;
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    font-size: 14px;
}
.box {
    height: auto;
    margin-bottom: 65px;
}
.services-banner img {
    margin-top: -20px;
}
.serv-content {
    padding-top: 20px;
    padding-bottom: 20px;
}
.serv-content h1 {
    font-size: 24px;
}
.our-serv {
    margin-top: 21px;
}
.serv-content p {
    text-align: justify;
}
.first-imag img {
    margin-top: -20px;
}
.left-content {
    padding: 20px 20px;
    height: auto;
}
.ultimate {
    padding-top: 20px;
}
.ultimate h2 {
    font-size: 20px;
}
.contact-right img {
    margin-top: -20px;
}
.contectform input[type="submit"] {
    float: none;
    width: 100%;
}
.contact-left {
    padding: 20px 20px 20px;
    margin-top: 10px;
}
.last-form {
    height: auto;
    margin-top: -20px;
}
.last-form .text-bg {
    margin-top: 20px;
}
.car-serv img {
    margin-top: -20px;
}
.box h1 {
    font-size: 30px;
}

}


@media only screen and (min-width: 321px) and (max-width:767px) {
.navbar-inverse .navbar-brand {
    width: 62%;
}
.navbar-brand > img {
    display: block;
    width: 170px;
}
.down-nav {
    display: none;
}
.banner-mot {
    height: 132px;
    margin-top: -20px;
    background-size: cover;
}
.banner-mot h1 {
    line-height: 24px;
    margin-top: 42px;
    font-size: 16px;
}
.navbar-nav {
    float: none;
    text-align: center;
}
.navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
}
.mot-dvla {
    background: #4a4f54;
    height: 284px;
    margin-top: 40px;
}
.dvla-width {
    width: 254px;
    margin-top: 5px;
}
.reg-input-new1 {
    width: 193px;
    font-size: 18px;
}
.form-search {
    margin-top: 4px;
}
.mot-dvla button {
    height: 53px;
    font-size: 22px;
    margin-top: 10px;
    width: 257px;
}
.qoute-btn{
    text-align: center;
}
.month {
    margin-top: 0px;
}
.btn-primary {
    width: 100%;
}
.lines-portion {
    padding: 20px 20px;
    height: auto;
}
.banner-right h1 {
    font-size: 20px;
}
.banner-right p {
    font-size: 13px;
}
.points {
    padding: 21px;
    margin-top: -20px;
}
.content {
    padding: 10px;
}
.content-in h2 {
    font-size: 22px;
}
.contact-us {
    padding: 5px;
    background: #f4f4f4;
}
.contact-us h2 {
    font-size: 24px;
}
.form-control {
    height: 42px;
}
.contact-us .btn-primary {
    width: 100%;
}
.testimonial h1 {
    font-size: 20px;
}
#quote-carousel {
    padding: 0 10px 0px 10px;
    margin-top: 20px;
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0;
    font-size: 14px;
}
.box {
    height: auto;
    margin-bottom: 69px;
}
.services-banner img {
    margin-top: -20px;
}
.left-content {
    padding: 20px 20px;
    height: auto;
}
.first-imag img {
    width: 100%;
    margin-top: -20px;
}
.serv-content h1 {
    font-size: 24px;
}
.contact-right img {
    width: 100%;
    margin-top: -20px;
}
.call-us {
    padding: 30px 30px;
    background: #efefef;
}
.car-serv img {
    margin-top: -20px;
}
.contectform input[type="submit"] {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.last-form {
    height: auto;
    margin-top: -20px;
}
.bottom-footer {
    margin-top: -34px;
}












}

@media only screen and (min-width: 768px) and (max-width:992px) {
.down-nav {
    height: auto;
    text-align: center;
}
.mot-dvla {
    background: rgb(0,0,0,0.4);
    height: 295px;
}
.dvla-width {
    margin: 3px auto;
}
.form-search {
    margin-top: 0px;
}
.qoute-btn{
    text-align: center;
}
.mot-dvla button {
    width: 40%;
    height: 66px;
    margin-top: 10px;
}
.in-point {
    width: 89%;
}
.box {
    height: auto;
    margin-bottom: 65px;
}
.contectform input[type="submit"] {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}




}


@media only screen and (min-width: 993px) and (max-width:1196px) {
.down-nav b{
        font-size: 14px !important;
    }
.dvla-width {
    width: 395px;
}
.reg-input-new1 {
    height: 84px;
    width: 333px;
}
.mot-dvla button {
    font-size: 23px;
}
.month {
    margin-top: 18px;
    font-size: 12px;
}
.points {
    padding: 50px 0px;
}
.serv-content h1 {
    font-size: 30px;
}
.serv-content .textbox p {
    display: none;
}
}


@media only screen and (min-width: 1367px) and (max-width:1900px) {
.left-content p{
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
}
.left-content {
    height: 424px;
}
.contact-left {
    padding: 53px 20px 65px;
}
.call-us {
    padding: 71px 36px;
}


}