@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aldrich&family=Goldman:wght@400;700&family=Inter:wght@100;200;300;400;500;700;800;900&family=Marcellus+SC&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Play:wght@400;700&family=Russo+One&family=Saira+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Saira+Stencil+One&display=swap');

/********
font-family: 'Saira', sans-serif;
font-family: 'Arimo', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Alata', sans-serif;
font-family: 'PT Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Dosis', sans-serif;
********/

*{
	margin: 0;
}

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

.nvibar.inner .navbar-inverse {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    border-radius: 0px;
    height: 80px;
}
.inner .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #f1f1f1;
    border-bottom: 3px solid#fff;
}
.nvibar.inner  .navbar-inverse .navbar-nav>li>a{
    border-bottom: 3px solid#f1f1f1;
    background: transparent;
    color: #ee3131;
    transition-duration: 0.5s;
}
.nvibar.inner  .navbar-inverse .navbar-nav>li>a:hover {
    border-bottom: 3px solid#fff;
    background: transparent;
    color: #333;
}

.nvibar .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0px;
    height: 80px;

}
.nvibar .navbar-inverse .navbar-brand {
    color: #ee3131;
    font-weight: 600;
}
.nvibar .navbar-brand {
    float: left;
    height: 50px;
    padding: 27px 15px;
    font-size: 18px;
    line-height: 20px;
}

.nvibar .navbar-brand>img {
    display: block;
    width: 160px;
}
.nvibar .navbar-inverse .navbar-nav>li>a {
    color: #333;
    text-transform: uppercase;
    font-weight: 400;
    transition-duration: 0.3s;
    padding: 28px 25px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.nvibar .navbar-inverse .navbar-nav>li>a:hover {
    border-bottom: 2px solid#253993;
    color:#253993;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #253993;
    background-color: transparent;
    border-bottom: 2px solid#253993;
}

.nmbr{
    font-size: 17px;
    letter-spacing: 1px;
}



.banner1{
    background: url(../images/banner.png) no-repeat;
    background-size: cover;
    padding: 150px 20px 50px;
    margin-top: -100px;
}

.banner-content {
    text-align: center;
}
.banner-content h1 {
    font-size: 42px;
    font-weight: 800;
    color: #111;
    font-style: italic;
}
.line img {
    width: 82px !important;
        margin-top: 20px !important;
}
.banner-content p{
    font-size: 16px;
    line-height: 26px;
    color: #666;
    margin-top: 30px;
    margin-bottom: 20px;
}
.banner-content a button {
    padding: 12px 40px;
    font-size: 16px;
    border: 2px solid#253993;
    color: #253993;
    margin-top: 30px;
    font-weight: 700;
    transition-duration: 0.5s;
    box-shadow: 6px 6px #ffdd00;
    font-style: italic;
    position: relative;
    z-index: 1111111;
}
.banner-content a button:hover{
    color: #fff;
    background-color: #253993;
}
.banner-content img {
    width: 1100px;
    margin-top: -110px;
}
.car{
    z-index: 1111;
    position: relative;
}
.desc-content{
    margin-top: -150px;
}
.pading1{
    padding: 1px;
}
.desc-content{
    background-color: #253993;
    color: #fff;
    padding: 25px;
        height: 300px;
}
.upfa .fa{
    background: #ffdd00;
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.desc-content h2 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}
.desc-content p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}
.desc-content a button{
    background: transparent;
    border: 0px;
    color: #fff;
    font-weight: 700;
}
.timing p{
    line-height: 14px;
}
.call p {
    font-size: 37px;
}
.we-do{
    margin-top: 80px;
}
.we-do h2{
    font-size: 36px;
    font-weight: 700;
    color: #111;
}
.we-do .line {
    margin-top: -15px!important;
}
.we-do p{
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
}
.we-do .bttton {
    text-align: right;
}
.we-do a button {
    padding: 12px 40px;
    font-size: 16px;
    border: 2px solid#253993;
    color: #253993;
    margin-top: 30px;
    font-weight: 700;
    transition-duration: 0.5s;
    box-shadow: 6px 6px #ffdd00;
}
.we-do a button:hover {
    color: #fff;
    background-color: #253993;
}

.do-img{
    
}
.do-img img{
    width: 100%;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #ccc;
}
.bulleets p{
    line-height: 10px;
}
.bulleets p span{
    color: #253993;
    font-weight: 800;
    font-size: 50px;
}

.select-makes{
    margin-top: 70px;
    text-align: center;
}
.select-makes button {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    cursor: default;
    padding: 20px 30px;
    border-radius: 10px;
    border: 1px solid#ccc;
    margin-bottom: 30px;
    background: #f2f2f2;
}
.makes{
    background: #f2f2f2;
    padding:0px 20px 30px;
}
.make-car{
    text-align: center;
}
.make-car a{
    text-decoration: none;
}
.make-car img{
    width: 100%;
    margin-top: -30px;
}
.form-check-input{
    width: 30px;
    height: 30px;
    border-radius: 10px;
}
.form-check p{
    font-size: 20px;
    font-weight: 700;
    color: #111;
}



.ser-content{
    margin-top: 40px;
}
.ser-content img {
    width: 60px;
}
.ser-content h3 {
    font-size: 22px;
    font-weight: 700;
}

.choose{
    background: url(../images/chose-bg.jpg) no-repeat;
    background-size: cover;
    height: 668px;
    padding: 100px 20px;
}
.choose h4{
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}
.choose p {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}
.chose-side{
    margin-top: -50px;
}
.chose-side img{
    width: 100%;
    box-shadow: 5px 5px 10px #ccc;
    border-radius: 10px;
}
.forth p {
    font-size: 16px;
    color: #fff;
    margin-left: 20px;
}
.forth{
    margin-top: 40px;
}
.forth img {
    width: 50px;
    margin-top: 20px;
}
.forth h5{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-left: 20px;
}
.chat-form{
    background: #fff;
    padding: 30px;
    box-shadow: 6px 6px #ffdd00;
    margin-top: -30px;
}
.chat-form h6 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}
.chat-form .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
    margin-bottom: 20px;
}
.chat-form .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 50px;
    font-size: 16px;
}
.chat-form .form-control {
    border-radius: 0px;
    font-size: 16px;
}
.chat-form a button {
    padding: 12px 40px;
    font-size: 16px;
    border: 2px solid#253993;
    color: #253993;
    font-weight: 700;
    transition-duration: 0.5s;
    box-shadow: 6px 6px #ffdd00;
    margin-top: 10px;
}
.chat-form a button:hover {
    color: #fff;
    background-color: #253993;
}
.clients{
    margin-top: 50px;
}
.clients h1{
    font-weight: 700;
    font-size: 32px;
    color: #111;
}
.clients p{
    font-size: 16px;
    margin-top: 20px;
}
.rev-box{
    background: #f9f9fb;
    padding: 30px;
}
.reviews{
    margin-top: 30px;
}
.rev-box .fa{
    font-size: 24px;
    color: #ccc;
}
.rev-box p {
    font-size: 16px;
    margin-top: 20px;
    font-size: 17px;
    color: #888;
}
.name p{
    color: #222;
    text-align: right;
}
.name p span{
    font-size: 14px;
    color: #888;
}
.book-appo{
    background: url(../images/banner.png) no-repeat;
    background-size: cover;
    padding: 80px 50px;
    margin-top: 70px;
    text-align: center;
}
.book-appo p{
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
}
.book-appo h1 {
    font-size: 40px;
    font-weight: 700;
    color: #222;
}
.book-appo a button {
    padding: 12px 40px;
    font-size: 16px;
    border: 2px solid#253993;
    color: #253993;
    font-weight: 700;
    transition-duration: 0.5s;
    box-shadow: 6px 6px #ffdd00;
    margin-top: 30px;
}
.book-appo a button:hover {
    color: #fff;
    background-color: #253993;
}


.banner-content.serve {
    background: url(../images/serv-down.jpg) no-repeat;
    background-size: cover;
    text-align: left;
    padding: 80px 20px;
    margin-top: -20px;
}
.banner-content.serve h1 {
    line-height: 55px;
    font-style: italic;
    font-weight: 800;
}
.we-do.serve{
    margin-top: 160px;
}
.choose.serve a button {
    padding: 12px 40px;
    font-size: 16px;
    border: 2px solid#253993;
    color: #253993;
    margin-top: 30px;
    font-weight: 700;
    transition-duration: 0.5s;
    box-shadow: 6px 6px #ffdd00;
}
.choose.serve a button:hover {
    color: #fff;
    background-color: #253993;
}
.choose.serve{
    background: url(../images/serv-down.jpg) no-repeat;
    background-size: cover;
    height: 482px;
    padding: 100px 20px;
    margin-top: 80px;
}
.choose.serve h4 {
    font-size: 30px;
    font-weight: 800;
    color: #111;
}
.choose.serve p {
    font-size: 16px;
    color: #111;
    margin-top: 20px;
}
.cont-form {
    margin-top: 100px;
}
.contect-formm {
    background: #f9f9fb;
    padding: 30px;
    position: relative;
    z-index: 111;
}
.contect-formm p{
    color: #111;
    font-size: 24px;
    font-weight: 700;
}
.contect-formm p span{
    color: #666;
    font-size: 16px;
    font-weight: 400;
}
.contect-formm .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
    margin-bottom: 20px;
}
.contect-formm .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 50px;
    font-size: 16px;
}
.contect-formm a button {
    padding: 12px 40px;
    font-size: 16px;
    border: 2px solid#253993;
    color: #253993;
    font-weight: 700;
    transition-duration: 0.5s;
    box-shadow: 6px 6px #ffdd00;
    margin-top: 10px;
}
.contect-formm a button:hover {
    color: #fff;
    background-color: #253993;
}

.timing h2{
    color: #111;
    font-size: 24px;
    font-weight: 700;
}
.timing-cont p {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}
.car-down img {
    width: 115%;
    margin-left: -170px;
}
.maps img{
    width: 100%;
    margin-top: -70px;
}


.desc-box.about{
    margin-top: 170px;
}
.ser-content.about{
    background: #f9f9fb;
    padding: 30px;
}

.dv-bg {
    background: #f9f9fb;
    padding: 50px 20px;
    border-radius: 10px;
    border: 1px solid#253993;
    box-shadow: 0px 0px 30px #666;
}

.dva {
    background: url(../images/cont-banner.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 20px;
}
.dva .dvla-width {
    width: 450px;
    margin: 0 auto;
}
.dva .dvla-main {
    background: #005baf;
    border-radius: 7px 7px 7px 7px;
    padding: 4px;
    height: 90px;
    width: 450px;
}
.dva .gb {
    float: left;
}
.dva .reg-input-new1 {
    height: 82px;
    width: 389px;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    background: #f3df2d;
    text-transform: uppercase;
    border: 1px solid #f3df2d;
    outline: none;
    border-radius: 0px 7px 7px 0px;
    font-family: 'Dosis', sans-serif;
    color: #000;
}

.dva h1{
    font-size: 24px;
    font-weight: 700;
}
.dva p {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}

.dva a button {
    padding: 12px 40px;
    font-size: 16px;
    border: 2px solid#253993;
    color: #253993;
    margin-top: 30px;
    font-weight: 700;
    transition-duration: 0.5s;
    box-shadow: 6px 6px #ffdd00;
}
.dva a button:hover {
    color: #fff;
    background-color: #253993;
}

.select-makes.model{
    margin-top: 100px;
}
.lineee {
    width: 60%;
    height: 1px;
    background: #ccc;
    margin: -73px auto;
}
.models-btn{
    margin-top: 100px;
}

.models-btn a button {
    padding: 12px 40px;
    font-size: 16px;
    border: 1px solid#253993;
    color: #253993;
    margin-top: 30px;
    font-weight: 700;
    transition-duration: 0.5s;
    box-shadow: 6px 6px #ffdd00;
    width: 100%;
}
.models-btn a button:hover {
    color: #fff;
    background-color: #253993;
}
.content-area{
    background: #f9f9fb;
    padding: 50px 20px;
}
.content-area h3{
    font-weight: 700;
}

.last-frm{
    background: #f9f9fb;
    padding: 40px 20px;
}

.form-cont {
    background: #fff;
    padding: 20px 40px;
    box-shadow: 0px 0px 30px #666;
    height: 590px;
}
.form-cont h4 {
    color: #111;
    font-weight: 700;
}
.form-cont h4 span {
    color: #253993;
}
.form-cont .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}
.form-cont .form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-top: 15px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -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;
}
.reform-btn a button {
    padding: 12px 40px;
    font-size: 16px;
    border: 1px solid#253993;
    color: #253993;
    margin-top: 5px;
    font-weight: 700;
    transition-duration: 0.5s;
    box-shadow: 6px 6px #ffdd00;
    width: 100%;
    margin-bottom: 20px;
}

.reform-btn.nnn a button {
    width: 50%;
}

.reform-btn a button:hover {
    color: #fff;
    background-color: #253993;
}

.thnk-cntnt {
    background: #fff;
    padding: 40px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #000;
}
.thnk-cntnt img {
    width: 210px;
}
.thnk-cntnt h1 {
    font-weight: 700;
    font-size: 36px;
    color: #111;
}
.thnk-cntnt p {
    line-height: 26px;
    font-size: 15px;
}









.footer4 {
    background: #253993;
    padding: 80px 20px;
    text-align: center;
}
.footer4 .icons {
    text-align: center;
}
.icons a {
    color: #ffdd00;
    margin-right: 15px;
    text-decoration: none;
    font-size: 17px;
}
.footer4 .icons a span {
    color: #fff;
}
.footer4 h4 {
    color: #ffdd00;
    margin-top: 20px;
    margin-left: -20px;
}
.footer4 p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 8px;
    margin-left: -20px;
}
.fotr42 {
    background: #0e1e66;
    padding: 5px;
    text-align: center;
    color: #fff;
}
.fotr42 p {
    margin-top: 10px;
}











@media screen and (min-width: 1px) and (max-width: 767px){
.banner1 {
  margin-top: -20px;
  height: auto;
}
.banner1 img {
    margin-top: -20px;
}
.nvibar .navbar-brand > img {
  display: block;
  width: 160px;
  margin-top: -10px;
}
.nvibar .navbar-inverse {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  height: 52px;
}
.navbar-inverse .navbar-toggle {
  border-color: #253993;
  background-color: #253993;
}
.nvibar .navbar-inverse .navbar-brand {
    color: #fff;
    padding: 16px;
}
.navbar-nav {
    margin: 0px;
    z-index: 999999999;
    position: relative;
}
.nvibar .navbar-inverse .navbar-nav > li > a {
  padding: 15px 15px;
  background: #253993;
  text-align: center;
}
.nvibar .navbar-inverse .navbar-nav > li > a {
  color: #fff;
  }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #253993;
    border-bottom: 0px solid #fff;
}
.nvibar .navbar-inverse .navbar-nav > li > a:hover {
    border-bottom: 0px solid #fff;
    color: #ccc;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}
.banner-content {
  margin-top: -237px;
}
.banner-content a button {
  margin-top: 10px;
  margin-bottom: 30px;
}
.banner-content h1 {
  font-size: 24px;
}
.line img {
  margin-top: 0px !important;
}
.banner-content p {
  margin-top: 6px;
  font-size: 14px;
}
.banner1 img {
  margin-top: 0px;
  width: 100%;
}
.desc-content {
  text-align: center;
  margin-top: 0px;
}
.desc-content a button {
  
}
.we-do h2 {
  font-size: 26px;
}
.we-do p {
  font-size: 14px;
  line-height: 24px;
}
.we-do .bttton {
  text-align: left;
}
.ser-content {
  margin-top: 40px;
  text-align: center;
}
.select-makes button {
  font-size: 20px;
  margin-bottom: 50px;
  font-style: italic;
}
.make-car img {
  margin-top: 20px;
}
.choose {
  height: auto;
  padding: 20px;
}
.choose h4 {
  font-size: 26px;
}
.forth {
  margin-top: 40px;
  text-align: center;
}
.cont-form {
  margin-top: 100px;
}
.chat-form {
  padding: 20px;
  margin-top: 0px;
}
.clients h1 {
  font-size: 26px;
}
.clients p {
  font-size: 14px;
}
.rev-box {
  padding: 20px;
  margin-bottom: 10px;
}
.book-appo p {
  font-size: 16px;
}
.book-appo h1 {
  font-size: 26px;
}
.icons a {
  font-size: 13px;
}
.dva {
  padding: 20px;
  margin-top: -20px;
}
.dva h1 {
  font-size: 14px;
}
.dva p {
  font-size: 14px;
}
.dva .dvla-main {
  width: 270px;
}
.dva .reg-input-new1 {
  width: 209px;
  font-size: 18px;
}
.dva .dvla-width {
  width: 290px;
}
.dv-bg {
  padding: 26px 20px;
  margin-top: 20px;
}
.select-makes.model {
  margin-top: 20px;
}
.content-area h3 {
  font-size: 16px;
}
.last-frm {
  padding: 0px;
}
.form-cont {
  height: auto;
}
.thnk-cntnt img {
  width: 130px;
}
.thnk-cntnt h1 {
  font-size: 16px;
}
.reform-btn.nnn a button {
  width: 100%;
}
.thnk-cntnt {
  padding: 20px;
}
.banner-content.serve h1 {
  line-height: 25px;
}
.banner-content.serve h1 {
  line-height: 25px;
  font-size: 18px;
}
.banner-content.serve {
  text-align: left;
  margin-top: -160px;
}
.desc-box.about {
  margin-top: 20px;
}
.we-do.serve {
  margin-top: 0px;
}
.choose.serve h4 {
  font-size: 20px;
  font-weight: 800;
  color: #111;
}
.choose.serve a button {
  padding: 12px 20px;
  font-size: 14px;
}
.cont-form {
  margin-top: 20px;
}
.contect-formm {
  padding: 20px;
}
.contect-formm p {
  font-size: 20px;
}
.timing-cont h2{
  font-size: 20px;
}
.car-down img {
  width: 100%;
  margin-left: 0px;
}
.maps img {
  width: 100%;
  margin-top: -20px;
}


}




@media screen and (min-width: 768px) and (max-width: 991px){
.navbar-right {
    margin-top: -55px;
}
.banner1 img {
    width: 100%;
    margin-top: 0px;
}
.nvibar .navbar-inverse {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.nvibar .navbar-inverse .navbar-brand {
    color: #fff;
}
.nvibar .navbar-inverse .navbar-nav > li > a {
  padding: 28px 15px;
}
.banner-content img {
  width: 100%;
  margin-top: 100px;
}
.make-car img {
  width: 100%;
  margin-top: 0px;
}
.choose {
  height: auto;
  padding: 20px 20px;
}
.rev-box {
  margin-bottom: 10px;
}

}