@charset "utf-8";
*,::after, *::before {box-sizing:border-box;}
/* Container Col Start */
.container-new {
   max-width: 1280px;
   width: 100%;
   margin-inline: auto;
   padding: 0 15px;
  }
  
  .row-new {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  
  .col,
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    padding-left: 15px;
  }
  
  .col {
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  
  .col-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  
  .col-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }
  
  .col-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  
  .col-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  
  .col-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }
  
  .col-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  
  .col-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  
  .col-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }
  
  .col-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  
  .col-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  
  .col-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }
  
  .col-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  
  /* iPads, Tablets*/
  @media only screen and (min-width: 480px) {
    .container-new {
      max-width: 448px;
    }
  
  
    .col-sm {
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      -webkit-box-flex: 1;
      flex-grow: 1;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      max-width: 100%;
    }
  
    .col-sm-1 {
      -ms-flex-preferred-size: 8.333%;
      flex-basis: 8.333%;
      max-width: 8.333%;
    }
  
    .col-sm-2 {
      -ms-flex-preferred-size: 16.667%;
      flex-basis: 16.667%;
      max-width: 16.667%;
    }
  
    .col-sm-3 {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%;
    }
  
    .col-sm-4 {
      -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
      max-width: 33.333%;
    }
  
    .col-sm-5 {
      -ms-flex-preferred-size: 41.667%;
      flex-basis: 41.667%;
      max-width: 41.667%;
    }
  
    .col-sm-6 {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%;
    }
  
    .col-sm-7 {
      -ms-flex-preferred-size: 58.333%;
      flex-basis: 58.333%;
      max-width: 58.333%;
    }
  
    .col-sm-8 {
      -ms-flex-preferred-size: 66.667%;
      flex-basis: 66.667%;
      max-width: 66.667%;
    }
  
    .col-sm-9 {
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      max-width: 75%;
    }
  
    .col-sm-10 {
      -ms-flex-preferred-size: 83.333%;
      flex-basis: 83.333%;
      max-width: 83.333%;
    }
  
    .col-sm-11 {
      -ms-flex-preferred-size: 91.667%;
      flex-basis: 91.667%;
      max-width: 91.667%;
    }
  
    .col-sm-12 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
    }
  
  
  }
  
  /* Small screens, laptops */
  @media only screen and (min-width: 767px) {
    .container-new {
      max-width: 1100px;
    }
  
    .col-md {
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      -webkit-box-flex: 1;
      flex-grow: 1;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      max-width: 100%;
    }
  
    .col-md-1 {
      -ms-flex-preferred-size: 8.333%;
      flex-basis: 8.333%;
      max-width: 8.333%;
    }
  
    .col-md-2 {
      -ms-flex-preferred-size: 16.667%;
      flex-basis: 16.667%;
      max-width: 16.667%;
    }
  
    .col-md-3 {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%;
    }
  
    .col-md-4 {
      -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
      max-width: 33.333%;
    }
  
    .col-md-5 {
      -ms-flex-preferred-size: 41.667%;
      flex-basis: 41.667%;
      max-width: 41.667%;
    }
  
    .col-md-6 {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%;
    }
  
    .col-md-7 {
      -ms-flex-preferred-size: 58.333%;
      flex-basis: 58.333%;
      max-width: 58.333%;
    }
  
    .col-md-8 {
      -ms-flex-preferred-size: 66.667%;
      flex-basis: 66.667%;
      max-width: 66.667%;
    }
  
    .col-md-9 {
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      max-width: 75%;
    }
  
    .col-md-10 {
      -ms-flex-preferred-size: 83.333%;
      flex-basis: 83.333%;
      max-width: 83.333%;
    }
  
    .col-md-11 {
      -ms-flex-preferred-size: 91.667%;
      flex-basis: 91.667%;
      max-width: 91.667%;
    }
  
    .col-md-12 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
    }
  
  
  }
  
  /*Desktops, large screens
       */
  @media only screen and (min-width: 1024px) {
    .container-new {
      max-width: 1280px;
    }
  
  
    .col-lg {
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      -webkit-box-flex: 1;
      flex-grow: 1;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      max-width: 100%;
    }
  
    .col-lg-1 {
      -ms-flex-preferred-size: 8.333%;
      flex-basis: 8.333%;
      max-width: 8.333%;
    }
  
    .col-lg-2 {
      -ms-flex-preferred-size: 16.667%;
      flex-basis: 16.667%;
      max-width: 16.667%;
    }
  
    .col-lg-3 {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%;
    }
  
    .col-lg-4 {
      -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
      max-width: 33.333%;
    }
  
    .col-lg-5 {
      -ms-flex-preferred-size: 41.667%;
      flex-basis: 41.667%;
      max-width: 41.667%;
    }
  
    .col-lg-6 {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%;
    }
  
    .col-lg-7 {
      -ms-flex-preferred-size: 58.333%;
      flex-basis: 58.333%;
      max-width: 58.333%;
    }
  
    .col-lg-8 {
      -ms-flex-preferred-size: 66.667%;
      flex-basis: 66.667%;
      max-width: 66.667%;
    }
  
    .col-lg-9 {
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      max-width: 75%;
    }
  
    .col-lg-10 {
      -ms-flex-preferred-size: 83.333%;
      flex-basis: 83.333%;
      max-width: 83.333%;
    }
  
    .col-lg-11 {
      -ms-flex-preferred-size: 91.667%;
      flex-basis: 91.667%;
      max-width: 91.667%;
    }
  
    .col-lg-12 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
    }
  }
  
  /*  Extra large screens, TV */
/*   @media only screen and (min-width: 1600px) {
  
    .container-new {
     max-width: 1568px;
    }
  
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
      box-sizing: border-box;
      -ms-flex: 0 0 auto;
      -webkit-box-flex: 0;
      flex: 0 0 auto;
      padding-right: 1rem;
      padding-left: 1rem;
    }
  
    .col-xl {
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      -webkit-box-flex: 1;
      flex-grow: 1;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      max-width: 100%;
    }
  
    .col-xl-1 {
      -ms-flex-preferred-size: 8.333%;
      flex-basis: 8.333%;
      max-width: 8.333%;
    }
  
    .col-xl-2 {
      -ms-flex-preferred-size: 16.667%;
      flex-basis: 16.667%;
      max-width: 16.667%;
    }
  
    .col-xl-3 {
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      max-width: 25%;
    }
  
    .col-xl-4 {
      -ms-flex-preferred-size: 33.333%;
      flex-basis: 33.333%;
      max-width: 33.333%;
    }
  
    .col-xl-5 {
      -ms-flex-preferred-size: 41.667%;
      flex-basis: 41.667%;
      max-width: 41.667%;
    }
  
    .col-xl-6 {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%;
    }
  
    .col-xl-7 {
      -ms-flex-preferred-size: 58.333%;
      flex-basis: 58.333%;
      max-width: 58.333%;
    }
  
    .col-xl-8 {
      -ms-flex-preferred-size: 66.667%;
      flex-basis: 66.667%;
      max-width: 66.667%;
    }
  
    .col-xl-9 {
      -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
      max-width: 75%;
    }
  
    .col-xl-10 {
      -ms-flex-preferred-size: 83.333%;
      flex-basis: 83.333%;
      max-width: 83.333%;
    }
  
    .col-xl-11 {
      -ms-flex-preferred-size: 91.667%;
      flex-basis: 91.667%;
      max-width: 91.667%;
    }
  
    .col-xl-12 {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
    }
  } */

  /* Header Css Start */
  #header{
    position: relative;
    background: transparent;
    padding-block: 18px;
    z-index: 9;
  }
  .header-new{
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
    column-gap: 10px;
  }
  .header-new .logo{
   max-width: 100%;
   height: auto;
  }

  .header-btn a{
    border: 1px solid #fff;
    border-radius: 60px;
    padding: 10px 20px;
    color: #fff;
    margin: 0 20px;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0;
  }

  .submenuicon{
    position: relative;
}

#navigator ul li:hover > ul{
    background-color: #fff;

}

 @media screen and (max-width: 800px) {
     .abrir_menu { display: block; }

     #navigator .title { background-color: #4b4b4b; border-bottom: 1px solid rgba(0, 0, 0, 0.043); box-shadow: -4px 0 5px 0 #373435; 
         color: #fff; display: block; font-size: 16px; height: auto;
     padding: 10px 5px 10px 10px;text-transform: uppercase; -moz-box-shadow: -4px 0 5px 0px #373435; }
     #navigator ul li > ul, #navigator ul li li > ul, #navigator ul li li li > ul, #navigator ul li li li li > ul, #navigator ul li li li li li > ul { position: relative; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; border: none; background: #0A2357; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
     #navigator ul li { float: none; display: block; }
    /*  #navigator ul li a { border-bottom: 1px solid rgba(0, 0, 0, 0.043) !important; border-top: 1px solid rgba(255, 255, 255, 0.043) !important; color: #fff; display: block; font-size: 14px; padding: 10px 20px; } */
     #navigator > ul > li:hover > a { background-color:rgba(255,255,255,0.3); color: #fff; }
     #navigator > ul > li > .parent, #navigator > ul > li:hover > .parent, #navigator > ul > li.hover > .parent, #navigator ul li li > .parent, #navigator ul li li:hover > .parent, #navigator ul li #navigator > ul > li > .parent, #navigator > ul > li:hover > .parent { color: #fff; background-color: inherit; background-image: url(); }
     #navigator > ul > li.hover > .parent { color: #fff; background-color:#2c4575; background-image: url(); }
     #navigator ul li li a { color: #fff; font-size: 14px; text-indent: 20px; }
     #navigator ul li li > .parent, #navigator ul li li:hover > .parent { color: #fff; background-color: inherit; background-image: url(); }
 }

.whiteBg{
  background-color: var(--white);
  width: 100%;
  border-radius: 80px;
}

  /* Header Css End */


  /* Slider Banner */
.herobanner .flexslider { margin: 0; padding: 0; }
.herobanner .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; line-height: 0; min-height: 100px; }
.herobanner .flexslider .slides img { width: 100%;  height: 100vh; position: relative;}
.no-js .slides > li:first-child { display: block; }
.herobanner .flexslider { background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-next { right: -50px; }
.herobanner .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.herobanner .flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.herobanner  .flexslider:hover .flex-next:hover, .herobanner .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; display: inline;
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
/* .herobanner .flexslider { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; overflow: hidden; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; line-height: 0; } */
.flex-control-nav { width: 100%; position: absolute; bottom: 20px; text-align: center; z-index: 900; }
.flex-control-paging li a { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: 2px solid #fff; }
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background-color: #fff; }
.flex-direction-nav { width: 100%; position: absolute; top: 41%; left: 0; margin: -50px 0 0; z-index: 8; }
.flex-direction-nav li { overflow: visible;display: block; }
.flex-direction-nav a { overflow: visible; width: auto; height: auto;opacity: 1; top: 0; color: #fff; font-size: 44px; font-weight: 400; text-shadow: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;  -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.flex-direction-nav .arrow { position: absolute; top: 0; left: 0; width: 90px; height: 90px; background: transparent url('../image/sprite.png') no-repeat 5px 5px; z-index: 200; }
.flex-direction-nav a.flex-next .arrow { background-position: -146px -2px; left: 50%; margin: -8px 0 0 -4px; text-align: center; top: 50%; width: 9px; height: 16px; }
.flex-direction-nav a.flex-prev .arrow { background-position: -156px -2px; left: 50%; margin: -8px 0 0 -4px; text-align: center; top: 50%; width: 9px; height: 16px; }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px; }
.herobanner .flexslider:hover .flex-prev { left: 0; }
.herobanner .flexslider:hover .flex-next { right: 0; }
.herobanner .flexslider:hover .flex-prev:hover, .herobanner .flexslider:hover .flex-next:hover { background-color: rgba(0,0,0, 0.70); }
.preview { width: 200px; height: 90px; position: absolute; top: 0; left: 44px; z-index: 100; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.preview img { position: absolute; left: 0; top: 0; width: 200px; height: 96px; }
.flex-prev { -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; -webkit-perspective: 1000px; perspective: 1000px; }
.flex-prev .preview { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.flex-next { -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; -webkit-perspective: 1000px; perspective: 1000px; }
.flex-next .preview { right: 44px; left: auto; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
.flex-next .preview img { position: absolute; left: 0; top: 0; width: 200px; height: 96px; }
.flex-direction-nav a:hover .preview { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }


/* Banner Start*/
#slidermain{
    height: 100vh;
    margin-top: -82px;
    position: relative;
}
.herobanner{
  position: relative;
}
.herobanner::before{
  content: "";
  /* background: linear-gradient(0deg, rgba(10, 35, 87, 0.20) 0%, rgba(10, 35, 87, 0.20) 100%), linear-gradient(180deg, #0A2357 0%, rgba(10, 35, 87, 0.00) 100%); */
  height: 50%;
  display: block;
  width: 100%;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  background: linear-gradient(0deg, rgba(20, 30, 40, 0.00) 0%, #0A2357 100%);
}
/* .othrpg-header #navigator > ul > li > a{
  color: #1a3760;
} */
.othrpg-header .header-btn a{
  border-color: #1a3760;
  color: #1a3760;
}
.othrpg-header .dskt-menu-rht span, .othrpg-header .dskt-menu-rht span::before{
  background-color: #1a3760;

}


/* Banner End */

/* Desktop header Menu Start */
.dskt-menu-rht{
    position: relative;
    z-index: 1;
    height: 10px;
    width: 30px;
    display: flex;
    cursor: pointer;
    justify-content: center;
}
.dskt-menu-rht span{
    background-color: #fff;
    bottom: 0;
    height: 2px;
    position: absolute;
    width: 20px;
}
.dskt-menu-rht span::before{
    background-color: #fff;
    bottom: 8px;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    width: 25px;
}

/* Canvas Start Css*/
.footer-canvas{
  display: none;
}
.canvas-inner{
    background-color: #0a2357;
    padding: 60px;
    z-index: 99999;
    position: fixed;
    overflow-y: auto;
    scrollbar-width: thin;
    right: 0;
    top: 0;
    transition: all .35s ease-in-out 0s;
    width: 450px;
    height: 100vh;

}
.canvas-btn{
    background-color: #f5c34b;
    color: #1a3760;
    height: 42px;
    line-height: 39px;
    width: 42px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 60px;
    top: 60px;
    padding: initial;
    cursor: pointer;

}
.canvas-info{
    margin-top: 100px;
    margin-bottom: 30px;
}
.canvas-info h3, .canvas-item h4{
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.canvas-info p, .canvas-item p, .canvas-adrs pre, .canvas-contant p>a{
    color: hsla(0, 0%, 100%, .7);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
     
}

.canvas-contant .canvas-nmbr a{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}
.canvas-item{
    margin-bottom: 30px;
}
.offcanvas-backdrop{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0.5;
}
/* Canvas End Css */





/* Car Category Css Start */

.car-ctgry{
    background-color: #f9f9f9;
    position: relative;
}
.catgry-item{
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 58px 0 25px;
    position: relative;
    text-align: center;
    transition: all .3s ease-in-out;
}
.catgry-item:hover{
  box-shadow: 0 18px 60px rgba(23,26,33,.05);

}
.catgry-item .catgry-img{
    margin-bottom: 40px;
    overflow: hidden;
    padding: 0 45px;
    position: relative;
}
.catgry-item:hover .catgry-img{
transform: scale(1.1);
}
.catgry-data a{
    color: #1a3760;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    margin-bottom: 0;
}
/* Car Category Css End */

section{
  padding: 50px 0;
  position: relative;
}
.homeapge section{
  padding: 115px 0;
  position: relative;
}
.title-head{
  font-size: 34px;
  font-weight: 600;
  line-height: 41px;
  margin-top: 0;
  color: #1a3760;
  text-align: center;
  margin-bottom: 50px;
}

/* Deliver Css Start */
.deliver{
  /* background-image: url("../image/deliver-bg.svg"); */
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-position: 50%;
  padding: 0;
  background-attachment:fixed;
  position: relative;
  height: 600px;
  padding: 0 !important;
}
.deliver::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0C1227;
  opacity: 0.6;
  position: absolute;
}
.deliver-info{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  height: 600px;
}
.deliver-dtls{
  max-width: 550px;
  
}
.deliver-dtls h2{
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  margin-bottom: 8px;
}
.deliver-dtls p{
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 8px;
  max-width: 449px;
}

.deliver-video{
  background-color:#fff;
  box-shadow: 0 0 0 0 #fff;
  height: 60px;
  width: 60px;
  animation: pulse-white 2s infinite;
  z-index: -1;
  transform: scale(1);
  position: absolute;
  border-radius: 100%;
  margin-top: 20px;
}
.deliver-video::after{
  content: "";
  background-color: hsla(0, 0%, 100%, .5);
  box-shadow: 0 0 0 0 #fff;
  height: 79px;
  left: -10px;
  top: -10px;
  width: 79px;
  animation: pulse-white 2s infinite;
  transform: scale(1);
  z-index: 1;
  border-radius: 100%;
  position: absolute;
}

.deliver-video img{
  position: absolute;
  top: 40%;
  z-index: 2;
  left: 40%;

}
@keyframes pulse-white{
  0% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .3);
}

70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px hsla(0, 0%, 100%, 0);
}
100% {
    transform: scale(.9);
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
}
}

/* Deliver Css End */

/* Dealer Css Start */
.dealer-data{
  background-color: #fff;
  padding: 50px 0 30px 0;
}
.dealer-dtls .dealer-nmbr{
  color: #1a3760;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  display: block;
  margin-bottom: 10px;
}
.dealer-dtls .dealer-sale{
  color: #5f6973;
  font-size: 14px;
  font-weight: 400;
  display: block;
  line-height: 17px;
  text-transform: uppercase;
}
.dealer-data-info{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  text-align: center;
}
/* Dealer Css End */



/* New Footer Css End */

/* Common css Start */
.rel{
  position: relative;

}
/* Common css End */


/* New Car Lisiting Css Start */
.advance-listing{
  background: #0a2357;
  padding: 20px 0 0;
 
}
.advance-srch::after{
  right: 32px;
  top: 20px;
}
.advance-btn{
  display: flex;
}
.advance-slct{
  margin-bottom: 20px;
}
.advance-btn a{
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 45px;
  margin: 0 auto;
  position: relative;
}
.advance-btn a::before{
  content: "";
  background-image: url("../image/advance.svg");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  top: 13px;
  left: -25px;
  position: absolute;
  background-position: center;
}
/* .advance-collapse{
  display: none;
} */


/* Progress BAR Start */

.filter-range h3, .advance-Feature h3{
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #fff;
  margin-bottom: 23px;
}
.filter-range .rangestart, .filter-range .rangeend{
  background-color: #fff;
  color: #5f6973;
  font-size: 12px;
  line-height: 30px;
  margin: 15px 0;
  width: auto;
  height: 30px;
  border-radius: 3px;
  text-align: center;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.filter-range .rangestart {
  padding-left: 5px;
  padding-right: 5px;
}
.filter-range .range-info{
  display: flex;
  justify-content: space-between;
}
.filter-range .ui-slider-horizontal{
  width: 100%;
  height: 4px;
  background: var(--grey-border);
  padding: 0;
  margin: 0;
  border: 0;
}
.filter-range .ui-widget-header{
  background: #4aaee7;
}
.filter-range  .ui-slider-horizontal .ui-slider-handle{
  background: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid #4aaee7;
  border-radius: 50%;

}
.filter-range .ui-slider-horizontal .ui-slider-range{
  height: 4px;
}
.filter-range .ui-slider-horizontal .ui-slider-handle{
  top: -6px;
}

/* Progress BAR End*/
.advance-Feature{
  padding-left: 53px;
}
.advance-box-itm{
  margin-bottom: 20px;
}
.advance-box-itm input{
  height: 18px;
  width: 18px;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  margin-right: 9px;

}
.advance-box-itm label{
  color:#FFF;
  font-size: 13px;
  line-height: 41px; 
  vertical-align: super;
  text-transform: capitalize;
}
.advance-box-dtls{
  display: flex;
  gap: 73px;
}



/* New Car Lisiting Cards Css Start */
.listin-new {
  padding: 50px 0;
  background: #f9f9f9;
}
/* .listin-top{
  display: flex;
  padding-bottom: 50px;
  justify-content: space-between;
} */
.listin-new h2{
  color: #1a3760;
  font-size: 34px;
  font-weight: 600;
  line-height: 41px;  
}
.listin-new p{ 
  color: #5f6973;
  font-size: 13px;
  line-height: 16px;
}
/* Left side bar Css Start */
.recent-view{
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 30px;
}
.recent-view h3{
  color: #1a3760;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 25px;
}
.recent-view a img{
  border-radius: 8px;
  height: 80px;
}
.recent-view a{
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.recent-view a h4{
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #1a3760;
  margin-bottom: 9px;

}
.recent-view a p{
  color: #1a3760;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 8px;
}
.listing-vechls{
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  height: 300px;
}
.listing-vchl-info{
  background-color: rgba(10, 35, 87, .7);
  bottom: 0;
  left: 0;
  padding-left: 30px;
  padding-top: 70px;
  position: absolute;
  right: 0;
  top: 0;
}
.listing-vchl-info .title{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
  position: relative;
  padding: 0 !important;
}
.listing-vchl-info .title::after{
  content: "";
  background-image: url("../image/listing-car-btm.svg");
  width: 60px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  top: 33px;
  left: 0px;
  position: absolute;
  background-position: center;

}
.listing-vchl-info h4{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
}
.listing-vchl-info p{
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 30px;
}
.listing-vchl-info .listing-vchl-cl{
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}
.listing-vchl-nmbr{
  color: #f5c34b;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.listing-vchl-dtls img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.listing-vchl-dtls{
  display: flex;
  height: 100%;
}
/* Left side bar Css End */

/* Right Side Bar Css start */
.listing-right .vehicleCardCard{
  grid-template-columns: 1fr 1fr 1fr;
}
.listing-right p, .used-car-new .listing-right p{
  color: #5f6973;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.5;

}
.listing-right p>span{
  color: #1a3760;
  font-weight: 600;
}
/* Right Side Bar Css End */
/* New Car Lisiting Cards Css  End*/
/* New Car Lisiting Css End*/



/* Model Overview Page Css Start */

.breadcrumb-model{
  margin-bottom: 15px;
}
.breadcrumb-model .breadcrumb-list a,.breadcrumb-model .breadcrumb-list span{
  color: var(--blue);
  font-size: 15px;
  line-height: 27.75px;
  font-weight: 300;
}

.breadcrumb-model .breadcrumb-list i{
  padding-right: 3px;
  padding-left: 3px;
  color: var(--black);
}
.breadcrumb-model .breadcrumb-list span{
  color:var(--black);
  text-transform: capitalize;
}


.overview-details .request-btn1, .overview-details .request-btn2{
  height: 60px;
  margin-bottom: 20px;
  background-color: #f5c34b;
  border: 1px solid #f5c34b;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease;
}
.overview-details .request-btn2{
  background-color: #1a3760;
  border: 1px solid #1a3760;

} 

.overview-details .request-btn1 a, .overview-details .request-btn2 a{
  font-size: 13px;
  font-weight: 600;
  color: #1a3760;
  line-height: 16px;
  position: relative;
}
.overview-details .request-btn2 a{
  color: #fff;

}
/* Popular Css End */


/* Common css Start */
.rel{
  position: relative;

}
/* Common css End */


/* New Car Lisiting Css Start */
.advance-listing{
  background: #0a2357;
  padding: 20px 0 0;
 
}
.advance-srch::after{
  right: 32px;
  top: 20px;
}
.advance-btn{
  display: flex;
}
.advance-slct{
  margin-bottom: 20px;
}
.advance-btn a{
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 45px;
  margin: 0 auto;
  position: relative;
}
.advance-btn a::before{
  content: "";
  background-image: url("../image/advance.svg");
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  top: 13px;
  left: -25px;
  position: absolute;
  background-position: center;
}
/* .advance-collapse{
  display: none;
} */


/* .overviewtable tbody tr {
  border-top: none;
} */

    


.specificresult table{
  background:var(--white);
}

.rupee {
  font-style: normal;
  font-family: "girnar-rupee";
  margin-right: 2px;
}

  /* .nout-viewbtn:hover, .nout-viewbtn:focus{color: #fff;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; background: #323232;} */
  


/* Model Price Css Start */
.modelprice{ font-size:30px; margin-top:16px;    line-height: 1;}
.contentprice { padding: 35px 0 0; }
.NewPricepgwrap{
   display: block;
   padding-top: 40px;
   }
.NewPricepgwrap .innermain {
  max-width: 1200px; 
  width: 100%;
  margin: 0px auto;
  position: relative;
  padding: 0;
  clear: both;
}
.newpriceleft { 
  width: 410px;
 }

.overview-details .cd-tabs-content-model h2{
  font-size: 24px;
  line-height: 32px;
  color: #363636;
  padding-bottom: 22px;
  text-transform: capitalize;
  font-weight: 500;
}

.overviewright .newprice_cityinputnam { border:solid 1px #ccc; border-radius: 3px; }




.fueltypeblock .select-wrapper {
  display: inline-block;
  float: none;
  max-width: 200px;
  height: 35px;
  line-height: 35px;
}

/* Model Price Css End */


/*New Price Page*/
.carvariantblock { margin-top:13px; width:728px;position: relative; float: right; margin-bottom: 10px; padding: 0 10px;}
.carvariantblock .gscr_counter { display: none !important; }
.carvariantblock .variantstick {  float: left;width:210px;  vertical-align: top;}
.carvariantblock .variantname {background-color:#f2f2f2; padding:10px 0 10px 12px; font-size:16px; color: #363636; line-height:20px; margin-bottom:21px;}
.carvariantblock .varianttext {padding:10px 0 17px 12px;}
.carvariantblock .varianttext {  font-size:14px; color:#363636;   margin-top:7px;line-height: unset;}
.variantpopmain .rupeeS { font-family:"girnar-rupee"; color:#545454; font-size:12px; margin-right:2px; font-style:normal;}
.carvariantblock .varianttext.last {/* border-top:1px solid #cccccc; */padding:0 0 10px 12px; font-size:15px; margin-top:15px; color: #363636;}
.carvariantblock .varianttext.last.newprice_sharecon{ border-top: none; line-height: 1.3; }
.variantvariable { width:496px;  float: left; }
.carvariantblock .carvariantslider { text-align:right;}
.carvariantblock .carvariantslider .variantname {padding: 10px 0 10px 10px;position: relative;text-align: center;}
.carvariantblock .carvariantslider .variantname span{text-overflow: ellipsis;white-space: nowrap;color: #000000; text-align: center; overflow: hidden; display: block;}
.carvariantblock .carvariantslider .varianttext { position:relative; text-align: center; color: #515151;}
/*.othrdata{position: absolute;text-align: center;width: 80px;left: 108px;}*/
.carvariantblock .carvariantslider .varianttext.last { color:#1c1c1c; font-size:15px;  padding: 0 0 10px;text-align: center;  font-style: normal;}
.carvariantblock .carvariantslider .rupee20 { font-family:"girnar-rupee"; color:#1c1c1c; font-size:20px; margin-right:0; font-style:normal; font-weight:normal;}
.variantpopmain .varianttext .rupeeS { font-size:14px; color:#515151; line-height:11px;}
.newprice-divdr {border-top: 1px solid #cccccc;bottom: 96px;height: 10px;left: 0;position: absolute;width: 728px;}
.carvariantslider.owl-theme .owl-controls { height:0; margin-top:0; width:100%; }
.carvariantslider .owl-controls .owl-prev, .carvariantslider .owl-controls .owl-next { position:absolute; top:2px; width:35px; height:35px; font-size:0; line-height:0; cursor:pointer; z-index:999;}
.variantvariable .owl-item, .variantvariable .owl-carousel .owl-wrapper, .variantvariable .owl-carousel .owl-item{transform:none; -webkit-transform:none;}
.carvariantslider .owl-controls .owl-prev {background-position:-133px -765px;  left:-48px; }
.carvariantslider .owl-controls .owl-prev:hover {background-position:-206px -765px;}
.carvariantslider .owl-controls .owl-next {background-position:-170px -765px; right:-1px;}
.carvariantslider .owl-controls .owl-next:hover {background-position:-245px -765px;}
.tabvariantcont .button { background-color:#6bad23; font-size:14px; width:346px; height:44px; padding:0; letter-spacing:normal; margin:7px 49px 0 0; float:right;}
.tabvariantcont .button:hover { background-color:#7fc730;}
.variantfooter{ float:right; width:800px; text-align:center; margin-top:12px;}
.variantfooter li { float:left; width:373px; background-color:#f2f2f2; color:#757575;   font-size:14px; padding:12px 10px; line-height:20px; border:1px solid #dcd9d9;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}
.variantfooter { text-align:center;}
.variantfooter li.first { margin-right:10px;}
.variantfooter li a { color:#ef5a28;}
.variantadd { margin:10px 1px 0 0; float:right;}
.NewPricepgwrap .topclose { background-position:-99px -781px; width:21px; height:21px; font-size:0; line-height:0; top:11px; right:16px;}
.NewPricepgwrap .topclose:hover { background-position:-69px -781px;}
.NewPricepgwrap .noteicon {background: url(../image/icon-ques.png) no-repeat; width:13px; height:13px; position:absolute; right: 72px; top:13px; cursor:pointer;
background-size: 100%;}
.varinttooltip {background: #f2f2f2;border-radius: 0 0 3px 3px;bottom:-17px;color: #959595;font-family:"Outfit";font-size: 12px;height: 17px;left: 50%;line-height: 14px;margin-left: -33px;padding: 0 5px;position: absolute;width: 85px;}
 .nearcity_locateout .nearcity_allcity a { font-size: 14px; color: #5c5c5c;   border-right: solid 1px #5c5c5c; padding-right: 10px; margin-right:10px; margin-bottom: 10px; display: inline-block;  }
  .nearcity_locateout .nearcity_allcity a:hover{ color: #000; }
 .nearcity_locateout .nearcity_allcity a:last-child{ border-right: none; margin-right: 0; padding-right: 0; }
.NewPricepgwrap .notetext {background-color: #ffffff;border: 1px solid #e1e1e1;bottom: 20px;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);color: #515151;display: none;font-family: Outfit;font-size: 11px;font-style: normal;height: auto;line-height: 18px;margin-left: -83px;padding: 8px;position: absolute;right: -42px;text-align: left;transition: color 0.1s ease-in 0s;-webkit-transition: color 0.1s ease-in 0s;width: 180px;z-index: 200;}
.notearrow{ width: 0; height: 0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #c8c8c8; position:absolute; left:73%; bottom:-7px; margin-left:-8px;}
.NewPricepgwrap .noteicon:hover .notetext, .NewPricepgwrap .noteicon:hover .notearrow { display:block}
.NewPricepgwrap .variantpopmain .tabvariant .plusicon {background-position:-282px -765px; width:16px; height:16px; display:inline-block; margin-right:10px;}
.NewPricepgwrap .variantpopmain .tabvariant li.moreprice .plusicon, .NewPricepgwrap .variantpopmain .tabvariant li.moreprice .heading { display:inline-block; vertical-align:middle; display:inline; zoom:1;}
.NewPricepgwrap .variantpopmain .tabvariant li.moreprice a{ line-height:19px; padding:18px 10px;;}
.checkmorecont { width:100%; float:left; text-align:center; height:auto;}
.checkmorecont .selectouter { width:346px; margin:0 auto 20px auto; text-align:left;}
.checkmorecont .select-wrapper { width:344px;}
.checkmorevariant .select-wrapper select, .checkmorevariant .select-wrapper, .select-wrapper select { height:55px; line-height:38px;}
.checkmorevariant .checkmorecont  .button { margin:0 auto; float:none;}
.checkmorevariant .checkmoreheading {color:#252525; font-size:18px;   line-height:28px; margin:60px 5px 10px 2px;text-align:center;}

.NewPricepgwrap { padding-top: 40px; }
.NewPricepgwrap .innermain {max-width:1006px;   width: 100%;margin: 0px auto;}
.NewPricepgwrap h1{border-left: none;color: #000000;display: inline-block; font-size: 20px;padding: 0 0 10px;position: relative;text-overflow: ellipsis;white-space: nowrap;
 vertical-align: top;  text-transform: capitalize; margin-top: 0;line-height: 1.2;}
 .cityselectblock {display: flex;}
 .cityselectblock .holder2 { display: none; }
  .cityselectblock .select-wrapper{border: none;display: inline-block;float: none;width: 200px;  height: 34px;width: auto;}
 .cityselectblock .select-wrapper:hover{ box-shadow: none; -webkit-box-shadow: none; }
 .cityselectblock .select-wrapper .custom-select{ height: auto; line-height: 1; }
 .cityselectblock .holder{ font-size: 20px;line-height: 1;margin-left: 5px;padding-top: 5px;}
 .fueltypeblock {float: right; text-align: right;width: auto; padding-bottom: 20px;}
 .fueltypeblock form{ display: inline-block; height: 35px; }
 .fueltypeblock .heading {display: inline-block;font-size: 13px;margin-right: 5px;vertical-align: middle; text-transform: capitalize;margin-top: 0;}
 .fueltypeblock .select-wrapper select {height: 35px; line-height: 35px;}
 .fueltypeblock .select-wrapper .holder { line-height: 35px;text-align: left;  margin-left: 10px;margin-right: 15px; }
 .newpricemain {  background: #fff; border: 1px solid #dcdcdc;border-radius: 3px;display: inline-block;margin-top: 10px;width: 100%;   margin-bottom: 40px;}
 .newpriceleft {float:left; height: 400px;padding-top: 5%;width: 220px;}
 .newpriceleft .carnm { color: #000; font-size: 20px;line-height: 1;text-align: center;/* background: #ebebeb;*/ border-radius: 4px;padding: 10px;
 margin-left: 20px;}
 .newprice_vwrapr { display: inline-block;vertical-align: top; width:48%; }
 .carvariantblock .gscr_lSAction > .gscr_lSNext, .carvariantblock .gscr_lSAction > .gscr_lSPrev {
  background: #fff;  opacity: 1;  border: 1px solid #878787; border-radius: 3px; height: 22px; left: auto; position: absolute; right:10px; top: 24px; width: 19px;}
.carvariantblock .gscr_lSAction > .gscr_lSPrev { left: -16px;}
.carvariantblock .gscr_lSPrev::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #000000; border-image: none; border-style: solid; border-width: 0 0 2px 2px; content: ""; font-size: 0; line-height: 0; margin: -6px 0 0 -2px; top: 50%; transform: rotate(-315deg); width: 8px;}
.carvariantblock .gscr_lSAction > .gscr_lSPrev::after {border-color: #000; border-image: none; border-style: solid; border-width: 0 0 2px 2px; content: ""; display: block; font-size: 0; height: 8px; left: 50%; line-height: 0; margin: -4px 0 0 -2px; position: absolute; right: 43px; top: 50%; transform: rotate(-315deg); width: 8px;}
.carvariantblock .gscr_lSAction > .gscr_lSNext:after {  -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #000; border-image: none; border-style: solid; border-width: 0 0 2px 2px; content: ""; display: block; font-size: 0; height: 8px; left: 50%; line-height: 0; margin: -4px 0 0 -6px; position: absolute;  right: 10px;  top: 50%; transform: rotate(-135deg); width: 8px;}
.carvariantblock .gscr_lSNext:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #000000; border-image: none; border-style: solid;border-width: 0 0 2px 2px; content: ""; font-size: 0; height: 8px; left: 50%; line-height: 0; margin: -6px 0 0 -6px; top: 50%; transform: rotate(-135deg); width: 8px;}
.carvariantblock .gscr_lSAction > .gscr_lSNext:hover::after, .carvariantblock .gscr_lSAction > .gscr_lSPrev:hover::after { border-color: #000000;}
.carvariantblock .gscr_lSAction > .gscr_lSNext:hover, .carvariantblock .gscr_lSAction > .gscr_lSPrev:hover { background: #c7c7c7 none repeat scroll 0 0;}
.carvariantblock .carvariantslider .varianttext.last.anothrlast {border-top:none;  margin-top: 10px; padding-top: 0;}
.carvariantblock .carvariantslider .varianttext.last.anothrlast a{font-size: 13px;padding: 8px 12px;
    color:#1a3760; border-radius: 8px; font-weight: 600;
}

.carvariantblock .dealerprice {float: right;font-size: 11px; padding: 0 10px 0 0; color: #363636;}
.newprice_termscon {
  bottom: 0px;
  position: absolute;
  left: 35%;
  font-size: 11px;
  color: #363636;
}
.newprice_termscon a {color: #7c7c7c; font-size: 12px;}
.newprice_termscon a:hover{ color: #000; }
.carvariantblock .carvariantslider li{ height: auto; margin: 0; padding: 0; width: 100%; }
.carvariantblock .carvariantslider li:before, .carvariantblock .carvariantslider li:after{ display: none !important; }
.newprice_cityinputnam { display: inline-block; width: 100%; cursor: pointer; }
.overviewright .newprice_cityinputnam { border:solid 1px #ccc; border-radius: 3px; }
.overviewright .icondroper { right: 10px !important; }

.newprice_citydrop {display: inline-block; position: relative;}
.newprice_citydrop input[type=text]{padding-left: 15px; position: relative; border: none;color: #363636; font-size: 17px; height: 31px; cursor: pointer;text-overflow: ellipsis;
    white-space: nowrap; background: none;}
.newprice_citydrop input[type=text]:hover, .newprice_citydrop input[type=text]:focus{ box-shadow: none; -webkit-box-shadow: none; }
.newprice_citydrop .icondroper{ position: absolute;width: 16px; height: 10px; background: url(../image/br_down.png) no-repeat 95% 50% #fff;right: 0;top: 12px;}
.newprice_citydrop > ul {border: 1px solid #cccccc; margin-top: 10px; padding: 5px;   max-height: 213px;overflow-y: auto;  height: auto;overflow-x: hidden; position: absolute;
 background: #fff; z-index: 9; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.newprice_citydrop li {border-bottom: 1px solid #cccccc;display: block;height: auto;margin: 0;text-align: left;transform: none; -webkit-transform: none;width: 100%;}
.newprice_citydrop li a {box-sizing: border-box; -webkit-box-sizing: border-box;  color: #000000;display: inline-block;  font-size: 14px;padding-bottom: 5px;
  padding-left: 5px;width: 100%;}
  .newprice_citydrop li a:hover{color: #8c8c8c;}
  .newprice_citydrop li:last-child{ margin-bottom: 0px; border-bottom:none; }
  .newprice_citydrop li:before, .newprice_citydrop li:after { display: none; }


/*New Price Page- Mobile*/
.newpricewrapmobi{box-sizing: border-box; -webkit-box-sizing: border-box;}
.newpricewrapmobi .holder2{ display: none; }
.pricemobiCard{border: 1px solid #ccc; background: #fff;border-radius: 4px; width:100%; margin-bottom: 10px;  display: inline-block; padding: 10px; position: relative;box-sizing: border-box; -webkit-box-sizing: border-box;}
.newpricewrapmobi h1 {font-size: 17px;line-height: 1.1;   margin-bottom: 15px;}
.npricemob-proimg {float: left;width:40%;}
.npricemob-namrate {color: #3c3c3c;float: left;   font-size: 15px;width: 59%;}
.exshow { margin-top: 10px; display: block;font-size: 12px;}
.citychange .select-wrapper{ border:none; height: 30px; line-height: 30px;}
.citychange .select-wrapper select{ line-height: 30px; height: 30px; }
.citychange .select-wrapper .holder { line-height: 30px; }
.citychange .select-wrapper:hover{ box-shadow: none; -webkit-box-shadow: none; }
.newpricewrapmobi .locaicon {left: 5px;position: absolute; top: 17px;z-index: 9;}

.fuelchange .select-wrapper{ border:none; border-bottom: 1px solid #dddddd; }
.fuelchange .select-wrapper:hover{ box-shadow: none; -webkit-box-shadow: none; }
.fuelchange .holder{ margin-left: 0; }
.pricemobiCard h2{ font-size: 17px !important; }
.fuelchange h2{ margin-bottom: 10px !important; color: #363636; }
.newpricewrapmobi .npricemob-accortitle {background:none !important;border-bottom:none !important;font-family:"Outfit";font-size: 17px;margin: 0 !important;
padding: 0 !important; color: #363636;}
.npricemob-plusminus {height: 14px;position: absolute;right: 10px;width: 14px; top: 16px;}
.npricemob-plusminus:after{content: ""; position: absolute;background-color: rgba(0,0,0,.87); top: 50%;  left: 0; width: 100%;height: 2px;margin-top: -1px;}
.npricemob-plusminus:before{content: "";position: absolute;background-color: rgba(0,0,0,.87);top: 0;left: 50%;width: 2px;height: 100%;margin-left: -1px;}
.npricemob-accor h3.open .npricemob-plusminus:before{ display: none; }
.npricemob-accordata {margin-top: 0;padding-top: 10px;}
.npricemob-des {border-bottom: 1px solid #cccccc;display: inline-block;margin-bottom: 7px;padding-bottom: 7px;width: 100%;}
.npricemob-des span{ width: 60%; float: left;   color: #8c8c8c;  font-size: 13px; }
.npricemob-des span:last-child{ float: right; width: 35%; color: #363636; text-align: right; }
.shareoffer{border-bottom:none;margin-top: 10px;text-align: center;}
.shareoffer span{ display: block; width: 100%; color: #363636; font-size: 15px; }
.shareoffer a{font-size: 15px;margin-top: 10px;padding: 10px 15px; color:#fff !important; background-color: #0a2357;}
.npricemob-accor h3.margintop0{background: #ffffff;box-sizing: border-box; -webkit-box-sizing: border-box;border: 1px solid #cccccc;border-radius: 4px;display: inline-block;margin-bottom: 10px;
padding: 10px;position: relative;width: 100%;}
.npricemob-accor h3.open { margin-bottom: 0; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } 
.npricemob-accor .compcontent { background: #ffffff;box-sizing: border-box; -webkit-box-sizing: border-box;border: 1px solid #cccccc;border-radius: 4px;display: inline-block;margin-bottom: 10px;
padding: 10px;position: relative;width: 100%; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }




/* Car Model */
#carmodel .leftdetail .bntgetonroad { float: none; display: block; width: 145px;    margin: 0px auto;margin-top: 20px; }
#carmodel .tabsection { margin-top: 51px; padding-bottom: 10px; border-bottom: #eeeeee 1px solid; overflow: hidden; }
#carmodel h2 { font-weight: normal; font-size: 25px; }
#carmodel .tabsection ul { margin:0px 31px 0 31px; position: relative; }
#carmodel .tabsection li { display: inline-block; width: 100%; text-align: center;   font-size: 15px; color: #424242; }
#carmodel .tabsection li a { color: #424242; padding:10px 2px 7px; display: inline-block;     width: 100%;}
#carmodel .tabsection li:hover a { color: #fff; }
#carmodel .tabsection li:hover, #carmodel .tabsection li.active, #carmodel .tabsection li.active a { background: #000; color: #fff !important; }
#carmodel .detailsection { margin-top: 0px; position: relative;}

#carmodel .detailsection .leftdetail h3 { font-size: 24px; font-family: 'Inter 18pt'; font-weight: normal; }
#carmodel .detailsection .leftdetail .price { font-size: 24px; color: #231f20; font-family: 'Inter 18pt'; margin-top: 14px; }
#carmodel .detailsection .leftdetail .price i { font-family: 'girnar-rupee';  font-style: normal; font-size: 24px; font-weight: bold; margin-right: 3px; }
#carmodel .detailsection .leftdetail .price span { font-size: 15px; color: #484646;   }
#carmodel .detailsection .leftdetail .price sup { top: 0; }
#carmodel .detailsection .leftdetail p {   color:rgba(35,31,32,.6); margin-top: 10px; }
.bntgetonroad {     background-color:#f5c34b;
    margin-top: 20px; padding: 0 31px 0;border-radius: 8px; font-weight: 600; font-size: 14px;   color: #1a3760;  
    float: left; transition: all 0.4s ease-in 0s;line-height: 49px;height: 48px;}
.bntgetonroad:hover{background-color: #e6aa1b; color: #1a3760;}
#carmodel .detailsection .leftdetail .viewmore {    border-bottom: 1px solid transparent; margin-left: 13px;font-weight:600; font-size: 14px; color: #424242; text-decoration: none;   margin-top: 19px; display: inline-block; }
#carmodel .detailsection .leftdetail .viewmore:hover { text-decoration: none;  color: #23527c; border-bottom: 1px solid #23527c; }
#carmodel .cardetail { width: 100%; margin: 20px 0 0 0px; float: left; padding: 0 10px; }
#carmodel .cardetail li { border-bottom: #dfdfdf 1px solid; padding: 26px 0px 16px; display: inline-block; width: 100%;   font-size: 15px; }
#carmodel .cardetail li .name { display: inline-block; vertical-align: middle; width: 46%; }
#carmodel .cardetail li .name span { display: inline-block; vertical-align: middle;line-height: 20px; }
#carmodel .cardetail li .kilometer { font-size: 22px; text-align: left; vertical-align: middle; display: inline-block; width:52%;    padding-left: 42px;}
#carmodel .cardetail li .kilometer sub { color: #484646; margin-left: 5px; bottom: 0px; font-size:16px}
#carmodel .cardetail li:last-child { border-bottom: 0; }
#carmodel .owl-carousel .owl-item { float: left; width: auto; }
#carmodel .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#carmodel .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
#carmodel .owl-prev { background:#fff; height: 43px; left: -40px; position: absolute; top:-1px; width: 36px; }
#carmodel .owl-next { background:#fff; height: 43px; right:-40px; position: absolute; top:-1px; width: 36px; }

  .overview-details .model-color{
    padding: 30px 0;

  }
/* Model Overview Page Css End */


/* Variant Css Start */
.variant-overview .variant-btn{
  display: flex;
  gap: 15px;
  padding-bottom: 30px;
}



#header .phone { float: right;   font-size: 14px; color: #fff; vertical-align: middle;position: relative;}

#header .mahirise-logo-top{position: absolute;right: 0; top: 14px;visibility: visible; opacity: 1;}
.headershadow #header .mahirise-logo-top, #header .mahirise-logo-bottom {font-size:0;float: right;visibility: hidden;
  opacity: 0;  transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out; width: 0;}
.headershadow #header .mahirise-logo-bottom {float: right;margin-left: 10px;margin-top: 9px; visibility: visible;opacity: 1; width: auto; }

.mahirise-logo-mobi {display: inline-block;position: absolute;right: 55px;top: 15px;    width: 100px;}

.phone span { padding-left: 19px; display: none; }
/*navigation*/
.nav-item a { display: block; padding: 15px 20px; }
.nav-item:hover .nav-submenu { display: block; }
.nav-submenu { display: none; position: absolute; right: 0; width: 180px; z-index: 999 }
.nav-submenu-item a { display: block; padding: 15px; font-size: 12px; }
.nav-submenu-item:hover .nav-submenu2 { display: block; }
.nav-submenu-item { position: relative; }
.nav-submenu2 { display: none; position: absolute; width: 180px; z-index: 999; right: -78px; top: 0; }
.nav-submenu-item2 a { display: block; padding: 15px; font-size: 12px; }
.nav-click { cursor: pointer; display: none; height: 43px; position: absolute; right: 0; top: 0; width: 83px; }
.nav-click i { display: block; height: 48px; width: 48px; }
.nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }


.cd-tabs { margin:0; position: relative; width: 100%; }
.cd-tabs:after { content: ""; display: table; clear: both; }
.cd-tabs.is-ended .cd-tabs-navigation:after { visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-tabs nav { overflow-x: auto; -webkit-overflow-scrolling: touch; overflow-y: hidden; height: 53px; }
.cd-tabs-navigation {width: 100%;  margin: 0 auto; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; border-bottom: 1px solid var(--grey-border); }
.cd-tabs-navigation:after { content: ""; display: table; clear: both; }
.cd-tabs-navigation > li { float: left; }
.cd-tabs-content > li { display: none; padding: 0 0 1px; }
.cd-tabs-content li.selected { display: block; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; }
.cd-tabs-navigation a.selected .modeltabarrow { display: block; }
@-webkit-keyframes cd-fade-in { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}
@-moz-keyframes cd-fade-in { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}
@keyframes cd-fade-in { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}

.variant-overview .overview-tab .cd-tabs-content .selected .tablebox {
  margin-bottom: 30px;
  padding-bottom: 0;
}
.selected.modeloverview .tablebox {
  padding-bottom: 30px;
}


#modelpage h2 {
  font-size: 22px;
   
}
.variant-overview .overview-tab .tablebox h2 {
  border: 1px solid #e0e0e0;
  color: #999999;
  font-size: 17px;
  line-height: 28px;
  font-weight: 700;
  padding: 15px 10px;
  border-bottom: none;
}

.variant-overview .overview-tab .tablebox table tr td {
  color: #999;
  padding: 15px 10px;
  border: 1px solid #e0e0e0;
}
/* .variant .marginnone{margin-top:0 !important; padding-top:0 !important;} */
.variant .threeview {margin: 50px auto; text-align: center;}
.variant .table-wrap { width:94%; margin:3%;}
.variant .tablemain { width: 100%;}
.variant .modeloverview .tablemain td { width:50%; padding:18px 0 18px 5px; box-sizing:border-box; text-align:left; font-size:16px;   line-height:16px;}
.variant .tablemain td:last-child{  }

.tick {
  background-position: -141px -186px !important;
  height: 20px;
  width: 27px;
}
.discriptiondiv table tr:last-child{
  border-bottom: none;
}
/* Variant Css End */
.Averagediv{
  display: none;
}



/* General css */
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
* { margin: 0; padding: 0; }
html { line-height: normal; margin: 0; padding: 0; }
.no_scroll { overflow: hidden; }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary, title { display: block; }
body {font-family: 'DM Sans'; font-style: normal; font-size: 12px; line-height: 15px; color: #363636; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: linear-gradient(180deg, hsla(227, 73%, 7%, 1) 9%, hsla(0, 0%, 100%, 1) 9%, hsla(0, 0%, 100%, 1) 9%, hsla(227, 73%, 7%, 1) 9%);}
.bodyPage{
  border-radius: 0px;
  background-color: var(--white);
}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; line-height: 1.5; }
div, span, p, section { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0 none; }
strong, th { font-style: normal; }
ol, ul, li { list-style: none }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -10px; font-size:16px;}
a img { border: none; display: block; }
img { max-width: 100%; }
a { text-decoration: none; }
a:active, a:focus, input[type="image"], select:focus, input, input[type="button"]:focus, :focus { outline: 0; }
/*For Clear*/
.clearfix { zoom: 1;
}
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.clear { clear: both; }
/* Alian */
.rupee {font-style:normal;font-family: "girnar-rupee";margin-right:2px;}
.rupees {font-style:normal;font-family: "girnar-rupee";margin-right:2px;}
.floatleft { float: left; }
.floatright { float: right; }
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
/* Fonts css */

 /*Heading*/
.map h1, .gallery h1, #carmodel h2, h1 {color: #323232; font-size: 30px; line-height: 30px; padding: 20px 0; font-weight: normal; font-weight: 500;}
.contactpanel h2, .car_details h2, #sell_car h2 { font-size: 22px !important; }
/*page contenar*/
button { display: inline-block; padding: 4px 15px 4px; text-decoration: none; transition: all 0.4s ease-in-out 0s; }
/* Header */
.headershadow #header .logo img{ width: auto;}
.headerbgs{background: #000; height:57px;}
#header #menu .menumain { float: right; }
#header .phone a.popupform {position: relative;background: #636363;border-radius: 50%;color: #fff;font-size: 15px;font-style:normal;height: 30px;margin-right: 10px;margin-top: 13px;width: 30px; float: left;}
.phoneicon { display: none !important; }
.mobphicon{background-position: -18px -1px !important;
height: 18px !important;
left: 6px;
position: absolute;
top: 6px;
transition: all 0.4s ease-in-out 0s;
width: 18px !important; }

#header .phone { float: right;   font-size: 14px; color: #fff; vertical-align: middle;position: relative;}

#header .mahirise-logo-top{position: absolute;right: 0; top: 14px;visibility: visible; opacity: 1;}
.headershadow #header .mahirise-logo-top, #header .mahirise-logo-bottom {font-size:0;float: right;visibility: hidden;
  opacity: 0;  transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out; width: 0;}
.headershadow #header .mahirise-logo-bottom {float: right;margin-left: 10px;margin-top: 9px; visibility: visible;opacity: 1; width: auto; }

.mahirise-logo-mobi {display: inline-block;position: absolute;right: 55px;top: 15px;    width: 100px;}

.phone span { padding-left: 19px; display: none; }
/*navigation*/
.nav-item a { display: block; padding: 15px 20px; }
.nav-item:hover .nav-submenu { display: block; }
.nav-submenu { display: none; position: absolute; right: 0; width: 180px; z-index: 999 }
.nav-submenu-item a { display: block; padding: 15px; font-size: 12px; }
.nav-submenu-item:hover .nav-submenu2 { display: block; }
.nav-submenu-item { position: relative; }
.nav-submenu2 { display: none; position: absolute; width: 180px; z-index: 999; right: -78px; top: 0; }
.nav-submenu-item2 a { display: block; padding: 15px; font-size: 12px; }
.nav-click { cursor: pointer; display: none; height: 43px; position: absolute; right: 0; top: 0; width: 83px; }
.nav-click i { display: block; height: 48px; width: 48px; }
.nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }


@-webkit-keyframes cd-fade-in { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}
@-moz-keyframes cd-fade-in { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}
@keyframes cd-fade-in { 0% {
    opacity: 0;
}
    100% {
        opacity: 1;
    }
}



.mainfeatures.active { background: none !important; }
.mainfeatures.active .overlay { display: block;}
/*Main Features Fixed Panel*/
.mainfeatures{bottom:30px;position:fixed;right:0px;z-index:999;}
.mainfeatures .helpPopupHead{
  padding: 0px 14px;
}
.mainfeatures .menu-button{box-shadow:0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);cursor:pointer;height:47px;margin:2em;padding:15px 7px 5px;width:116px;border-radius:30px;z-index:999;position:relative;background-color:#fff;}
.mainfeatures .icon { width: 100%; width: 18px; height: 18px;filter: brightness(0) invert(0);}
.mainfeatures .featuretext { display: none; }
.mainfeatures .icon_big { transition: all 1s ease 0s; width: 20px; }
.mainfeatures .mini {border-radius: 8px;top:1em;right:0.8em;min-width: 100%;background: var(--white);z-index:-999;padding: 8px 14px;opacity:0; }
.mainfeatures .mini:hover{
  background: var(--blue-background);
}
.mainfeatures .mini.left { opacity: 1; top: -4em; }
.mainfeatures .mini.diag { opacity: 1; top: -8em; }
.mainfeatures .mini.down { opacity: 1; top: -12em; }
.mainfeatures .mini.revLeft { opacity: 0; }
.mainfeatures .mini.revDiag { opacity: 0; }
.mainfeatures .mini.revDown { opacity: 0; }
.mini a, .revDown a { display: none !important; }
.mini.down a, .mini.diag a, .mini.left a { display: block !important; }
.mainfeatures .shrink-menu { -webkit-animation: shrink-menu .5s 1; -ms-animation: shrink-menu .5s 1; -moz-animation: shrink-menu .5s 1; -o-animation: shrink-menu .5s 1; animation: shrink-menu .5s 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; right: 0px; }
.mainfeatures .left { -webkit-animation: left .5s 1; -moz-animation: left .5s 1; -o-animation: left .5s 1; -ms-animation: left .5s 1; animation: left .5s 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.mainfeatures .diag { -webkit-animation: diag .5s 1; -moz-animation: diag .5s 1; -o-animation: diag .5s 1; -ms-animation: diag .5s 1; animation: diag .5s 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards }
.mainfeatures .down { -webkit-animation: down .5s 1; -ms-animation: down .5s 1; -moz-animation: down .5s 1; -o-animation: down .5s 1; animation: down .5s 1; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards }


@-webkit-keyframes left { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-4em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-moz-keyframes left { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-4em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-o-keyframes left { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-4em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-ms-keyframes left { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-4em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@keyframes left { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-4em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-webkit-keyframes diag { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-8em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-moz-keyframes diag { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-8em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-o-keyframes diag { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-8em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-ms-keyframes diag { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-8em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@keyframes diag { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-8em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-webkit-keyframes down { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-12em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-moz-keyframes down { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-12em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-o-keyframes down { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-12em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@-ms-keyframes down { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-12em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
@keyframes down { 0% {
    top:1em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:0
}
    100% {
        top:-12em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:1
    }
}
.revLeft { -webkit-animation: revLeft .5s 1; -ms-animation: revLeft .5s 1; -moz-animation: revLeft .5s 1; -o-animation: revLeft .5s 1; animation: revLeft .5s 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards }
.revDiag { -webkit-animation: revDiag .5s 1; -moz-animation: revDiag .5s 1; -ms-animation: revDiag .5s 1; -o-animation: revDiag .5s 1; animation: revDiag .5s 1; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards }
.revDown { -webkit-animation: revDown .5s 1; -moz-animation: revDown .5s 1; -ms-animation: revDown .5s 1; -o-animation: revDown .5s 1; animation: revDown .5s 1; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards }
@-webkit-keyframes revLeft { 0% {
    top:-4em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-moz-keyframes revLeft { 0% {
    top:-4em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-o-keyframes revLeft { 0% {
    top:-4em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-ms-keyframes revLeft { 0% {
    top:-4em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@keyframes revLeft { 0% {
    top:-4em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-webkit-keyframes revDiag { 0% {
    top:-8em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-moz-keyframes revDiag { 0% {
    top:-8em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-o-keyframes revDiag { 0% {
    top:-8em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-ms-keyframes revDiag { 0% {
    top:-8em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@keyframes revDiag { 0% {
    top:-8em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-webkit-keyframes revDown { 0% {
    top:-12em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-moz-keyframes revDown { 0% {
    top:-12em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-o-keyframes revDown { 0% {
    top:-12em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@-ms-keyframes revDown { 0% {
    top:-12em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
@keyframes revDown { 0% {
    top:-12em;
    right:.8em;
    width:3.5em;
    height:3.5em;
    opacity:1
}
    100% {
        top:1em;
        right:.8em;
        width:3.5em;
        height:3.5em;
        opacity:0
    }
}
.iconrotate { -webkit-animation: rotate .5s 1; -moz-animation: rotate .5s 1; -o-animation: rotate .5s 1; animation: rotate .5s 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards }
@-webkit-keyframes rotate { 0% {
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
}
    100% {
        -webkit-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
        transform:rotate(225deg)
    }
}
@-moz-keyframes rotate { 0% {
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
}
    100% {
        -webkit-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
        transform:rotate(225deg)
    }
}
@-o-keyframes rotate { 0% {
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
}
    100% {
        -webkit-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
        transform:rotate(225deg)
    }
}
@-ms-keyframes rotate { 0% {
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
}
    100% {
        -webkit-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
        transform:rotate(225deg)
    }
}
@keyframes rotate { 0% {
    -webkit-transform:rotate(0);
    -ms-transform:rotate(0);
    transform:rotate(0)
}
    100% {
        -webkit-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
        transform:rotate(225deg)
    }
}
/*Breadcrumbs*/
.breadcrumbs { width: 100%; border-top: solid 6px #dadada; background: #e8e7e8; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(218,218,218,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada', GradientType=0 );
    padding: 14px 0; color: #1a1a1a; font-size: 13px;   }
.breadcrumbs a { color: #8f8f8f !important; }
.breadcrumbs a:hover { color: #1a1a1a !important; }
.breadcrumbs .innermain { padding-bottom: 0; }
/*Carousel*/
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page { cursor: pointer; font-size: 0px; width: 15px; height: 15px; }
.owl-controls .owl-buttons div { cursor: pointer; font-size: 0px; width: 30px; height: 40px; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/*.grabbing { cursor: url(grabbing.png) 8 8, move; }*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-buttons { display: none; position: absolute; top: 50%; width: 100%; }
.container { margin: 0 auto; max-width: 100%; }
/*Footer CSS*/
.connect .main { width: 95%; margin: 0 auto; }
.address { display: block !important; width: 100%; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 22px 19px; padding-top: 0; }
.quicklinks { border-bottom: solid 1px #ffffff; padding: 22px 19px; width: 100%; float: left; }
 .connect ul { margin: 0 auto; width: 100%;  text-align: center;}
/* .connectpanel {display: inline-block; max-width: 33%;text-align: left;} */
/* .connect .connectpanel.connectthree{width: 220px;}*/
.connectpanel .icon { border-radius: 50%; display: inline-block; height: 58px; margin-right: 9px; width: 58px; text-align: center;}
.connecttext { display: inline-block; vertical-align: top;  width: calc(100% - 85px);}
/* li.connectpanel:first-child{ float:left; min-width: 235px}
li.connectpanel:last-child{ float:right; min-width: 235px} */
.connectpanel.connectone {width: 165px;}
.connectpanel.twono {width: 275px;}
.quicklinks ul { float: left; text-align: left; width: 100%; }
.quicklinks ul li a { color: #b5b5b5; font-size: 14px;   }
.quicklinks ul li { margin: 0 0 4px; color: #b5b5b5; font-size: 14px;   float: left; width: 50%; }
#address li span, #address2 li span { height: 25px; margin: 0 10px 0 0; width: 22px; }
#address li, #address2 li { margin: 0 20px 12px 33px; text-align: left; text-indent: -32px;   color: #1e1e1e !important; }

.developed-by img { display: inline; }
.address a { color: #1e1e1e; }

.social { background-color: #fff; border-radius: 50%;  height: 35px; margin:0px 10px 10px 0; width: 35px; margin-bottom:10px; transition: ease 500ms all 0ms; display: inline-block; }
.btngrey { margin: 10px 0; background-size: 112% auto; }
.btngrey:hover, .btngrey:focus { background-size: 112% auto; }
.social a { display: block; height: 35px; width: 35px; }
.social:hover { opacity: 0.9; }
.quicklinks ul li a, #address li, #address2 li { color: #b5b5b5;   }
#copywrt a, #copywrtone a { border-right: solid 1px #676767; padding: 0 10px 0 7px; line-height: 1; display: inline-block; }
#copywrt a:first-child, #copywrtone a:first-child{ padding-left: 0}
#copywrt a:last-child, #copywrtone a:last-child{ border-right: none;}
.allright a:nth-of-type(2n){ border-right: none !important;}

/*pagination*/
.paginationmain { padding: 35px 0; text-align: center; border-bottom: #dadada 3px solid; }
.pagination { width: 100%; margin: 10px 0px; }
.pagination li {border: 1px solid #e4e4e4;cursor: pointer;display: inline-block;height: 30px;margin: 0 3px 0 0;vertical-align: top;width: 30px; border-radius: 3px; }
.pagination li span{height: 100%;line-height: 30px;text-align: center;vertical-align: middle;width: 100%;}
.pagination li a {background:none;color: #000000;display: inline-block;line-height: 30px;text-align: center;text-decoration: none;vertical-align: middle;width: 100%; }
.pagination li:hover, .pagination li.active { border: 1px solid; color: #fff; }


.pagination li.inactive { background: #f8f8f8; border: #e4e4e4 1px solid; color: #424242; cursor: text; }
.pagination li:hover a, .pagination li.active a, .pagination li:hover span, .pagination li.disabled span { color: #000; }
/*-- Home page CSS start --*/
#owl-demo #owl-demo1 { height: auto !important;}
#owl-demo #owl-demo1 .item{position: relative; min-height: 100px;}
#owl-demo .item img { display: block; height: auto; margin: 0 auto; width: 100%; max-width: none; }
.owl-page { border-radius: 50%; float: left; height: 12px; margin: 0 3px; width: 12px; }
.owl-pagination { bottom: 5%; margin: 0 -32px 0 0; position: absolute; right: 50%; width: 64px; }
.owlbanner { bottom: 40%; left: 0; margin: 0 auto; padding: 4% 21px; position: absolute; right: 0; text-align: center; width: 78%; background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; }
.owlbanner h1, .owlbanner h2 { font-size: 14px; color: #fff; }
.owlbanner h1 span { color: #fff; }
#owl-demo .owl-prev, #owl-demo .owl-next { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; height: 25px; width: 25px; }
#owl-demo .owl-page { background: #fff; }
.welcome .preintro div { color: #393939; appearance: button; cursor: pointer; font-size: 23px; height: 100px; margin: 5px 0; padding: 15px 0 0 25px; text-align: left; z-index: 0; transition: none; -webkit-transition: none; -o-transition: none;   width:100%}
.welcome .preintro a { color: #393939; }
.welcome .preintro { display: none; }
.welcome .preintro div .second-text {  line-height: 1.3; text-transform:none}
/* .welcome { margin: 7px auto 20px; } */
.welcome .intro h1 { font-size: 18px; text-align: center; font-weight: 700;line-height:1; color: #000;}
.welcome .intro h1>span{
    display: block;
    font-weight: 400;


}
.welcome .intro p {   font-size: 20px; line-height: 31px; margin:24px 0 0; overflow: hidden; text-align: center; color: #24272C; }
.pickacar { padding: 20px 5px; border-top: 1px solid #e6e6e6;}
.pickacar .pickhead { color: #151515;   font-size: 14px; line-height: 1.5; text-align: center; margin-bottom: 20px; }
.pickacar h2 { color: #151515;   font-size: 27px; line-height: 1.5; text-align: center; font-weight: normal;}
.pickacar h2 a { color: #151515; text-transform: capitalize; }
.pickacar .title { font-size: 26px; margin: 10px 0 0; text-align: center;   line-height:1;color:#353535;font-weight: normal;}
.pickacar .pick { margin: 15px auto; width:80%; }
.pickacar .customNavigation { text-align: center; }
.pickacar .customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.pickacar .customNavigation .back { height: 37px; left: 0px; margin: 0; position: absolute; width: 37px; z-index: 99; background:#1e1e1e; border-radius:30px 0 0 30px; -moz-border-radius:30px 0 0 30px; -webkit-border-radius:30px 0 0 30px;}
.pickacar .customNavigation .fwd { height: 37px; right: 0px; margin: 0; position: absolute; width: 37px; z-index: 99; background:#1e1e1e; border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0; -webkit-border-radius:0 30px 30px 0;}
.pickacar #owl-pickcar .item { color: #fff; cursor: pointer; text-align: center;}


.pickacar #owl-pickcar .item h2 { color: #fff;   font-size: 14px; line-height: 37px; padding:0; height:37px}
.pickacar #owl-pickcar .owl-pagination { display: none; }
.pickacar .assistcar { width: 100%; height: auto; }
/* .pickacar .productshow a img { display: block; margin: 0 auto; } */
.pickacar h2.title.p-heading { cursor: pointer;   }
.pickcar { text-align: center; }
.pickcar p { color: #6c6c6c; font-size: 10px; padding-top: 16px; }
.pickcar h2 { color: #151515; font-size: 20px; margin-top: -14px; }
.pickacar .selectcar { border: none; font-size: 14px; font-weight: 700; margin: 10px auto; padding: 5px 20px; width: 100%; color: #fff; }
.pickacar .data .detail1 { font-size: 10px; margin: 10px 12px; padding: 12px; }
/* .pickacar .assistcar .booking { margin: 0 auto; text-align: center; } */
.pickacar .assistcar .productshow .button {   margin: 16px 3px 10px; padding: 9px; text-transform:none }
.pickacar .assistcar .productshow .grybutton { border: none; width: 285px; }
.bestcompanies .bstcmpny {   font-size: 28px; text-align: center;color: #5b5b5b; }
.bestcompanies .bstcmpny { color: #5b5b5b;   font-size: 14px; margin: 0 auto 20px; text-align: center; }
.bestcompanies .title {   font-size: 22px; line-height: 27px; padding-top: 0; text-align: center; }
.bestcompanies .bestcompany{ width: 261px; border: 1px solid #c4c4c4; margin-top: 12px; }
.bestcompanies .bestcompany .item{ border: 2px solid #e6e6e6; }
.bestcompanies .bestcompany .item img { display: block; height: auto; }
.bestcompanies .bestcompany .owl-pagination{ display: none; }
.borderbottom.testimonial { margin: 0; position: relative; top: 0; }
.testimonials .user { margin: 10px auto 0; position: relative; width: 320px; }
.testimonials .profilepic { background-color: #6b6b6b; border: 2px solid #fff; border-radius: 50%; height: 105px; margin: 0 auto; padding: 1px; position: absolute; width: 105px; z-index: 999; left: 110px;   overflow: hidden; }
.profilepic > img {  margin-top:0;  width: 100%;}
.testimonials .user2 { display: none; }
.testimonials .comments { background-color: #fff; border: 1px solid; color: #4b4b4b; display: inline-block; font-size: 13px; margin: 70px auto 0; padding: 45px 15px 15px; width: 300px; word-wrap: break-word; overflow: hidden;}
.testimonials .downarrow { background-color: #fff; border: 1px solid; border-top: none; border-left: none; bottom: 25px; height: 20px; left: 150px; margin: 0 auto; position: absolute; text-align: center; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 20px; }
.testimonials .name { color: #131313; display: block;   font-size: 16px; margin-top: 20px; }
.testimonials .grybutton { border: none; display:inline-block}
.testimonials .grybutton:hover, .testimonials .grybutton:focus { background-size: 112% auto; }
/*-- New Cars page CSS start --*/
.newcar { background: #0f0f0f url("../image/jazzbg.png") repeat scroll center top; border-bottom: 1px solid #fff; box-sizing: border-box; max-height: 240px; padding: 14px 0; text-align: center; width: 100%; }
section.newcar .innermain{ padding-bottom: 0; }
.newcar h1 { line-height: 1.2; display: inline-block; color: #fff; font-size: 25px;  ; font-weight: normal; position: relative; margin-bottom: 10px; }
.newcar p { color: #a5a5a5; font-size: 14px; line-height: 1.3;   padding: 0; }
.cars { width: 100%; padding: 48px 0 0; }
.cars li { width: 254px; border: solid 1px #d5d5d5; margin: 24px auto 14px; }
.cars .beatcars { padding: 6px; width: 254px; border-top: solid 1px #d5d5d5; }
.beatcars .pricebg { width: 242px; height: 67px; text-align: center; padding: 10px 0 0; }
.beatcars .pricebg h2 {   font-weight: normal; color: #000; font-size: 14px; line-height: 15px; height: 31px; overflow: hidden; }
.beatcars .pricebg h2 a { color: #000; }
.cars li:hover .beatcars .pricebg h2 a {   }
.beatcars .pricebg .pricehold {   font-size: 18px; color: #000;line-height: 1; }
.beatcars .pricebg .pricehold i { font-style: normal; }
.cars .carimage { max-height: 172px; text-align:  center}
.cars .carimage img { display: inline-block; max-height: 172px}
.innermain { margin: 0 auto; clear: both; width: 95%;padding-bottom: 40px; }
/*#outlet_data{text-align:center}*/
/*testimonials page start*/
#testimonialsmain { width: 100%; margin-top: 10px;  min-height: 600px; }
#testimonialsmain .testimonialinnerbox { width: 100%; margin: auto; }
#testimonialsmain .testimonialinnerbox li { padding: 15px 20px; font-size: 14px; color: #373737; text-align: center; }
#testimonialsmain .testimonialinnerbox li:nth-child(even) { background: #eeeeee; }
#testimonialsmain .testimonialinnerbox li .testimgbox { width: 100%; border:0; padding:0}
#testimonialsmain .testimgbox .profilepic { position:inherit;}
#testimonialsmain .testimonialinnerbox li .testimonialtext { margin-top: 15px; position: relative; width: 80%; margin: 25px auto auto; padding: 0 10px; }
#testimonialsmain .testimonialinnerbox li .testimonialtext .arrowstart { position: relative; top: -6px; width: 34px; height: 25px; left: -10px; }
#testimonialsmain .testimonialinnerbox li .testimonialtext .arrowend { left: 10px; position: relative; top: 6px; width: 34px; height: 25px; }
.testimonialtext p { display: inline-block; }
#testimonialsmain .testimonialinnerbox li .testimonialname { color: #0b0b0b; margin-top: 20px; }
/*profile page start */
#cmpnydetails { padding: 48px 0; }
#cmpnydetails .darktext { font-size: 16px; color: #1a1a1a;   }
#cmpnydetails .para1 p, #cmpnydetails .para2 p { color: #373737; font-size: 14px; margin: 0 0 25px 0;   clear: both;overflow-wrap: break-word; }

/*Workshop Page Start*/
/*.workshop { background: url(../image/workshopbanner.png) #0f0f0f center top no-repeat; }*/
.workshopdetail { padding: 48px 0 10px; border-bottom: #dadada 3px solid; }
.workshopdetail h2 { color: #0f0f0f; font-size: 22px; font-weight: normal; }
.workshopdetail p { font-size: 14px; color: #373737;   padding: 5px 0 0 0; }
.workshopdetail .contactpanel { padding: 60px 0 0 0; }
.workshopdetail .shoplocation h3, .workshopdetail .contactpanel h3 { font-size: 16px; color: #0f0f0f; margin: 0px 0 13px 0; font-weight: normal;   }
.workshopdetail .imgpanel { width: 100%; padding: 8px; border: solid 1px #b2b2b2; border-radius: 3px; position: relative; }
.workshopdetail .imgpanel a img { border-radius: 5px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s }
.workshopdetail .imgpanel a img:hover { opacity: 0.9; filter: alpha(opacity=90); }
.workshopdetail .viewlocation { width: 271px; color: #f2f2f2; font-size: 17px;   border: solid 1px; position: absolute; height: 34px; padding-top: 10px; text-align: center; border-radius: 4px; bottom: -14px; left: 5%; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s }
.workshopdetail .iconspace { width: 46px; height: 46px; background-color: #ededed; float: left; margin-right: 6px; border-radius: 50%; text-align: center; border: 1px solid #b0b0b0; }
.workshopdetail .iconspace span { margin: 0 auto; position: relative; text-align: center; }
.workshopdetail .contactbar { float: left; width: 250px; }
.workshopdetail .contactpanel li { display: inline-block; width: 100%; margin: 0 0 14px 5px; }
.workshopdetail .contactbar .cotitle { font-size: 14px; color: #222222;   }
.workshopdetail .contactbar p { font-size: 14px; color: #373737;   padding: 0; }
.workshopdetail .shopselect { margin: 15px 0 0 0; display: inline-block; width: 100%; }
.workshopdetail .select-wrapper { margin-bottom: 20px; }
.workshopdetail .select-wrapper, .workshopdetail .select-wrapper select { height: 42px; line-height: 42px; }
.workshopdetail .select-wrapper .holder { font-size: 14px; color: #373737;   }
.workshopdetail .shoppanel { display: inline-block; width: 100%; padding-top: 30px; }
/*Mission Page*/
/*.mission { background: url(../image/missionbanner.png) #0f0f0f center top no-repeat; }*/
.missionmain { border-bottom: 3px solid #dadada; padding: 48px 0 10px; position: relative; }
.missionmain .shadow { background-color: #ebeaea; margin: 0 auto; transform: skewX(-30deg); -webkit-transform: skewX(-30deg); width: 160px; }
.missionmain .shadow h2 { color: #353535;   font-size: 26px; padding: 2px 25px; transform: skewX(30deg); -webkit-transform: skewX(30deg); font-weight: normal; }
.missionmain p { padding: 48px 0 0 0; text-align: center; color: #777777; font-size: 16px;   text-transform: uppercase; position: absolute; }
.missionmain .mainbg { background: url(../image/missionbg.jpg) no-repeat center bottom; background-size: 100%; width: 100%; height: 180px; margin: 37px 0 0 0; }

/* About Event Page Css Here */
#abouteventmain { padding: 30px 10px 0; }
#abouteventmain .bestcompanies { padding: 0; margin: 0 auto; background:none; border:0}
#abouteventmain .title { color: #414141; font-size: 13px; line-height: 30px;   text-align: left; text-transform: capitalize; }
#abouteventmain .title span { color: #8f8f8f; }
#abouteventmain button { margin: 22px auto 0; }
/*lightbox for ebout event page*/
[data-lightbox] {
    cursor : pointer;
}
#abouteventmain .Light-Box, .bestcompanies .Light-Box { width : 100%; height : 100%; top : 0; left : 0; background-color : rgba(0, 0, 0, 0.3); position : fixed; z-index : 100; display: none; }
#abouteventmain .L-Img, .bestcompanies .L-Img { background-color: #fff; border-radius: 0 0 3px 3px; padding: 15px 10px 20px; width: 100%; }
#abouteventmain .L-Img img, .bestcompanies .L-Img img { transition: all 1s ease-in 0s; border-radius: 2px; border: 1px solid #626262; max-height: 64vh; width: 100%; }
#abouteventmain .L-Contents, .bestcompanies .L-Contents { width: 250px; height: auto; position : absolute; top: 50%; left: 50%; display: none; }
#abouteventmain .L-Nav span, .bestcompanies .L-Nav span { background-color: #fff; cursor: pointer; font-size: 14px; height: 37px; width: 37px; position: absolute; top: 62%; z-index: 2; }
#abouteventmain .L-Next, .bestcompanies .L-Next { right: 3.1%; border-radius: 3px 0 0 3px; }
#abouteventmain .L-Prev, .bestcompanies .L-Prev { left: 3.9%; display: block; border-radius: 0 3px 3px 0; }
#abouteventmain .L-Info, .bestcompanies .L-Info { background : #fff; font-size: 14px; padding: 26px 0 5px 10px; overflow: hidden; color: #333; border-radius: 3px 3px 0 0; }
#abouteventmain .L-Info span::before, .bestcompanies .L-Info span::before { background-color: #000; border: 2px solid #fff; border-radius: 50%; content: "x"; font-size: 20px; height: 20px; padding: 6px 0 4px 11px; position: absolute; right: -17px; top: -15px; width: 20px; }
#abouteventmain .L-Info span, .bestcompanies .L-Info span { color: #fff; cursor: pointer; float: right; margin-top: 2px; }
#abouteventmain .L-Info > div::after, .bestcompanies .L-Info > div::after { margin: 10px 0 0; clear: both; content: " "; display: block; height: 3px; padding: 0; width: 53px; }
#abouteventmain .L-Info div, .bestcompanies .L-Info div { color: #353535; float: left;   font-size: 18px; line-height: 1; text-transform: uppercase; }
#abouteventmain .L-Info div.subhd, .bestcompanies .L-Info div.subhd { clear: both; display: block; font-size: 14px !important; margin: 10px 0 0; text-transform: capitalize; }
#abouteventmain .L-Info div.subhd::after, .bestcompanies .L-Info div.subhd::after { display: none !important; }
.btmargin { margin: 40px 0 0 0; }
#abouteventmain .bestcompanies .bestcompany{ margin: 20px auto 0; width: 85%; }
/*----overview tab css start here----*/
.overviewtab { width: 100%; min-height: 600px; }
.overviewtab .main{
    width: 100%;
    max-width: 100%;
}
#navigator > ul > li.active .activearrow, #navigator > ul > li:hover .activearrow { opacity: 1; }
.nav-mobile { background-color: #d58900; background-position: 3px 4px; }
.nav-item a.BigNav:hover, .active a.BigNav { color: #e2b236; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* Service Section */
#service { padding: 70px 0 44px; background: url(../image/servicebg.png) repeat #ffffff; text-align: center; background-position: center;}
#service .main { width: 100%; text-align: center; }
#service li {   color: #424242; font-size: 14px; display: inline-block; text-transform: uppercase; vertical-align: middle; background: url(../image/servicebox.png) no-repeat; text-align: center; width: 150px;background-position: -65px 0; height: 92px; position: relative; cursor: pointer; transition: all 0.2ease-in 0s; }
#service a { margin: 0 0 50px; display:inline-block}
#service a:last-child { margin-right: 0; }
#service li .iconcricle { background: #ffffff; border-radius: 50%; height: 68px; left: 50%; margin-left: -34px; position: absolute; top: -34px; width: 68px; transition: all 0.2s ease-in 0s; }
#service li span { line-height: 137px; }
#service li:hover { color: #fff; background: url(../image/serviceboxhover.png) no-repeat; text-align: center;   transition: all .4s ease-in-out 0s; background-position: -65px 0; }

/* map section */
.map { position: relative; padding: 50px 10px; border-top: 1px solid #eeeeee; }
.map .main { position: relative; }
.map img { width: 100%; position: relative; padding: 40px 0 0 0; max-height: 400px; }
.map h2 { font-size: 25px; text-transform: uppercase;   color: #212121; line-height: 29px; border-left: 5px solid; 
padding: 4px 15px 0; margin-bottom: 25px }
.map h3 { font-size: 20px; line-height: 26px; text-transform: uppercase;   font-weight: normal; color: #212121; }
.map p { font-size: 16px; line-height: 26px;   color: #8d8f92; padding: 0 0 5px 0;}
.map .showroom a {  background-color: #f0ad4e;  border-color: #eea236; margin-top: 5px; color: #000; font-size: 14px;
   text-transform: uppercase; display:inline-block; width: auto;padding:0 31px 0;    transition: all 0.4s ease-in 0s;
  text-align: center; font-weight: 600; line-height: 45px; height:40px;}
.map a:hover { color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }


.map .showroom { float: left; padding: 0 10px 20px 0; text-align: center; width:100%; }
.map .contactform { float: left; display: inline-block; background: #fff; padding:0 0 40px 0; position: relative; width: 100%; }
.map .contactform span { float: left; }
.map .fields { float: left; margin-bottom: 20px; width: 100%; }
.map .fields:last-child{ margin-bottom: 0; }
.map .select-wrapper { width: 100%; }
.map .fields label { color: #8d8f92; float: left;   font-size: 14px; margin-left: 8px; width: 100%; padding-bottom:6px}
/*Footer*/
.ftr { width: 100%; background: #000; }
.ftr .left { display: inline-block; color: rgba(255,255,255, 0.20); font-size: 15px; line-height: 70px; padding: 9px 0 7px; width: 100%; text-align: center; display: inline-block; display:inline;
zoom:1;
}
.ftr .right { margin-top: 20px; padding-left: 10px; display: inline-block; display:inline;
zoom:1;
float: none; width: 100%; text-align: center; }
.ftr .right a img { padding: 0 0 19px 0; float: none; margin: 0 auto; }
.ftr .right span { float: none; color: rgba(255,255,255, 0.20); font-size: 12px; line-height: 12px; padding: 0 0 15px 0; }
.ftrpanel .right { color: #8e9092; float: left; font-size: 12px; padding-left: 10px; }
.ftrpanel .right a { margin-left: 8px; display: inline-block; display:inline;
zoom:1;
}
.ftr .center { display: inline-block; text-align: center; width: 100%; padding: 0; }
.right > a { clear: both; display: block; }
/* about us section*/
.about { background:#000; min-height: 460px; padding: 48px 10px; color: #fff; }
.about .aboutus { float: left; width: 100%; }
.about .testimonial { float: left; width: 100%; margin-top: 50px;}
.np-quick { color: #000 !important; }

.about .aboutus h2, .about .testimonial h2 { font-size: 25px; text-transform: uppercase;   line-height: 29px; border-left: 5px solid; padding: 4px 15px 0; }
.about .aboutus .abouttext { padding: 0 26px 0 0; }
.about .aboutus p { font-size: 16px; line-height: 26px;   padding: 40px 0 0; }
.about .btnview {font-weight: 600; padding: 5px 35px 1px; background: none; 
                 border: 1px solid #fff; margin-top: 25px; color: #fff; font-size: 14px; 
line-height: 30px;   text-transform: uppercase; 
display: inline-block; transition: all 0.4s ease-in-out 0s; margin: 0px auto;display: block;width:79px;margin-top: 10px;}
.testimonial .btnview { margin-top: 0px;width:63px; }
.about .btnview:hover { background: #fff; color: #000; }
.about .testimonial .whitebg { background: #151515; margin: 40px 0 75px; position: relative; padding: 50px 0; }
/*.about .item { display: table; }
.about .item p { display: table-cell; }*/
.about .testimonial p { font-size: 17px; line-height: 24px; color: rgba(255,255,255,.8); text-align: center;padding:3px 10px;    word-wrap: break-word; }
.about .testimonial p span {margin: 3px 0 0 0; display: block; }
.testimonial .owl-carousel .owl-item { float: left; overflow: hidden; width: 350px; }
.testimonial .whitebg #owl-demo { overflow: hidden; }
.testimonial .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.testimonial .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
/* Gallery */
/* .gallery { position: relative; padding:50px 10px 50px; } */
.gallery h2 { font-size: 25px; text-transform: capitalize;   color: #212121; line-height: 29px; border-left: 5px solid; padding: 4px 15px 0; }
.gallery .btnview { padding: 0 31px 0;    background-color: #f0ad4e;
    border-color: #eea236; margin: 25px 0 0 10px; color: #000; font-size: 14px;     height: 40px;
    line-height: 45px;;
     text-transform: uppercase; display: inline-block; transition: all 0.4s ease-in-out 0s; cursor: pointer; font-weight: 600; width: 203px; 
     display: block;}
     .galvideowrap .btnview { margin-top: 0;    margin: 0px auto; }
.gallery .btnview:hover { color: #fff;background-color: #ec971f; border-color: #d58512;}
.galleryview { display: inline-block; padding: 20px 0 0 0; }

.galleryview li {overflow: hidden; padding:13px 15px 10px;
    width: 100%; height:228px; background: url(../image/imgouterbg.png) no-repeat; background-size: 100%;
    box-sizing: border-box; position: relative; text-align: left; display: inline-block; margin-bottom: 10px;}


.galleryview li a{ overflow: hidden;z-index: 999;}
.galleryview img { max-width:111%; }
.gallery .popup-gallery li a { display: block; position: relative;/* width:273px; max-height: 272px*/ }
.gallery .popup-gallery span {left:0; height: 97%; position: absolute; top: 0px; width: 100%; opacity: 0; transition: all 0.3s ease-in 0s; }
.gallery .popup-gallery li a:hover { opacity: 1; }
.eventgallerywrap p { padding-top: 15px !important; }
.eventgallerywrap .gallery p { padding-top: 0 !important; }
.gallery h2{ font-family:"Outfit"; text-transform:uppercase !important; font-weight:normal;}
.gallery .owl-carousel .owl-item { float: left; }
.gallery #demo2 { text-align: center; margin-top: 30px; }
/*Responsive Table*/ 
.rwd-table { margin: 1em 0; min-width: 100%; }
.rwd-table tr { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.rwd-table th { display: none; background: #eeeeee; }
.rwd-table td { display: block; }
/*.rwd-table td:first-child { padding-top: 0; }*/
/*.rwd-table td:last-child { padding-bottom: 0; }*/
.rwd-table td:before { content: attr(data-th) ""; margin-right: 1%; display: inline-block; clear:both; text-aliang:left; float:left;  }
/*.rwd-table th:first-child, .rwd-table td:first-child { padding: 0px !important;}*/
 @media (min-width: 767px) {
.rwd-table td:before { display: none; }
}
.rwd-table th, .rwd-table td { text-align: left; }
@media (min-width: 767px) {
.rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; }
.rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; }
.rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; }
}
.rwd-table { background: #ffffff; color: #363636; font-size: 14px;   border: 1px solid #e0e0e0; width: 100%; }
.rwd-table tr { border-color: #e0e0e0; }
.rwd-table th, .rwd-table td { margin: 0; border-bottom: 1px solid #cacaca; line-height: 0px; padding:10px; text-align:right; line-height: 1.2}
@media (min-width: 767px) {
.rwd-table th, .rwd-table td { padding: 0.8em 1em !important; }
}
.rwd-table td:before { color: #323232; font-size: 14px;   font-weight: bold; vertical-align: middle; }
.tableprice { font-family: "Outfit" }
/*input*/
input[type="text"], input[type="email"], input[type="tel"], textarea { float: left; font-size: 16px; transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; color: #717171;   border-radius: 12px; background-color: #f6f6f6; border: none; height: 55px; padding-left: 18px; box-sizing: border-box; width: 100%; }
textarea{ height: 80px; width: 100% }
 ::-webkit-input-placeholder {
}

:-moz-placeholder { /* Firefox 18- */
color: #3f4348;
opacity: 1 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
color: #3f4348;
opacity: 1 !important;
}
:-ms-input-placeholder {
color: #3f4348;
opacity: 1 !important;
}
/*Accessories*/
.accessories.accestable-box .select-button.trans{
  border-radius: 8px;
  cursor: pointer;
  padding: 9px 15px;
  color: #1a3760;
  font-weight: 600;
}

.accestable .rupee { font-style: normal; }
#accdetail .knowmore { font-size: 14px; margin-top: 42px }

.select-wrapper .holder { text-align: left; }
.accessories button { margin: 0px auto; padding-left: 30px; padding-right: 30px;}

.accessories table .select-button { margin: 0; vertical-align: middle; text-align: center; width: 120px; height: 35px; color: #000; font-size: 12px;    border: none; box-sizing: border-box; display: inline-block;}
.accestable-box table .select-button {color: #fff; border-radius: 3px; height: 40px;}
.accestable-box table .select-button:hover,.accestable-box table .select-button:focus{background: #323232; border-color: #323232;}

.accessories-page .accessories-container .careertable .rwd-table .select-button {  color: #1a3760; font-weight: 600; border-radius: 8px; height: 40px; line-height: 28px;}
.accessories-page .accessories-container{margin-top: 0px;}
.accessories table .select-button:hover { color: #fff; }
#modelpage .accessories table .select-button { width: 167px; }
#accdetail .rupee { font-size: 24px; font-weight: bold; font-style: normal; }
#accdetail .acccont p .pricestax { font-size: 12px; color: rgba(35,31,32, 0.60);   margin-left: 10px; }

.select-button { border: 1px solid transparent; color:#000; display: block;   font-size: 13px; line-height: 27px; 
margin: 57px auto 0; width: 100%; transition: all 0.4s ease-in-out 0s; cursor: pointer; }
a.select-button{ padding: 7px 15px 4px; text-align: center; }
.about-page .select-button{ border-radius: 8px; font-weight: 600; color: #1a3760; height: 40px; }

/* Custom Select */
.select-wrapper .holder { display: block; margin: 0 40px 0 16px; white-space: nowrap; overflow: hidden; overflow:inherit; cursor: pointer; position: relative; z-index: 1; color: #717171;  text-overflow: ellipsis; width: 74%; height: 55px;font-size: 16px;line-height: 50px;}
.select-wrapper { margin: 10px 20px 10px 0; width: 100%; }
.select-wrapper { background: url(../image/br_down.png) no-repeat 95% 50% #fff; border-radius: 8px; cursor: pointer; position: relative; display: inline-block; float: left; border: 1px solid #e0e0e0; } */
 .select-wrapper:focus { background: url(../image/br_downhover.png) no-repeat scroll 95% 50% #fff; }
.select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; -webkit-appearance: none; left: 0px; vertical-align: middle; }
/* Career & pageheading */
.pageheading p { color: hsl(207, 32%, 13%);   font-size: 16px; line-height: 22px; padding-top: 30px; }
.pageheading { padding: 10px 5px 30px; }
/*error msg class*/
.fields, .fields2, .sell_input { display: inline-block; margin-bottom: 35px; position: relative; vertical-align: middle; width: 100%}
.help-block { bottom: -12px; left: 4px; position: absolute; color: red; line-height: 1;}
/* .has-error input {border: none;height: 55px;font-size: 16px;} */
.errorborder { border: red 1px solid !important; }
/*Submit Resume*/
.resume-page h2{font-size: 24px; color: #323232;}
#submitresume { padding: 10px 0 0; display: inline-block; }
#submitresume .submithead { color: #17232d;   font-size: 15px; margin-bottom: 22px; text-align: left; }
#submitresume .fields { width: 100%; margin-bottom: 10px; float: left }
#submitresume input[type="text"], #submitresume input[type="email"], #submitresume input[type="tel"] { width: 100% }
#submitresume .fields2 { width: 100%; float: left }
#submitresume .fields2 textarea { width: 100%; height: 84px; box-sizing: border-box; padding: 5px 0 0 18px; resize: none; }
#submitresume .fields5 { width: 100%; float: left; padding-top: 45px; text-align: left; }
.browsetext { font-size: 12px; color: #6b7176;   margin-top: 8px }
#submitresume .fields4 { margin: 42px 0 15px; }
#submitresume .fields4 button { text-transform: uppercase }
.resume-page #submitresume .fields4 button {margin: 30px 0 0; font-weight: 600; border-radius: 8px; color: #1a3760; margin-bottom: 30px;}

#submitresume label { float: left; font-size: 14px; color: #8d8f92;   margin-bottom: 8px; margin-top: 10px; width: 100%; margin-left: 5px; text-align: left; }
.selectmodels { position: absolute; left: 0px; top: -60px; width: 80px; height: 60px; background: #c9c9c9; text-align: center; color: #494647; font-size: 14px;   text-transform: uppercase; line-height: 20px; padding: 9px 0 0; }
.selectmodels::after { position: absolute; content: ""; display: inline-block; width: 10px; height: 10px; margin: 13px 0 0 -34px; border-left: 10px solid #c9c9c9; border-top: 10px solid #c9c9c9; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.gallery li:hover .img_grayscale { opacity: 1!important; transition: all 0.4s ease-in-out 0.4s; -webkit-transition: all 0.4s ease-in-out 0.4s; -moz-transition: all 0.4s ease-in-out 0.40s; -ms-transition: all 0.4s ease-in-out 0.4s; -o-transition: all 0.4s ease-in-out 0.4s; }
/*----contact Page------*/
.contact .contactdetail { display: inline-block; width: 100%; margin-top: 30px auto; text-align: center }
.contact .contactdetail label, #submitresume label { float: left; font-size: 13px; line-height: 16px; color: #1a3760;   margin-bottom: 8px; width: 100%; margin-left: 5px; text-align: left; font-weight: 600;}
.contact .contactdetail input[type="text"], .contact .contactdetail input[type="email"], .contact .contactdetail input[type="tel"], .contact .contactdetail .select-wrapper, .contactdetail .select-wrapper select { width: 299px; }
.contact .contactdetai .contactdetail .fields { float: left; width: 299px; margin-bottom: 10px; margin-left: 39px; }
.contactdetail .fields2 { float: left; width: 299px; }
.contactdetail .fields2 textarea {   background: #fff;
  border: 1px solid #eaeaea;  border-radius: 8px; height: 130px; padding-top: 10px; resize: none; transition: all 0.4s ease-in-out 0s; box-sizing: border-box; width: 100%; }
.contactdetail .fields3 { float: left; width: 299px; margin-bottom: 28px; }
.contactdetail .fields3 .select-wrapper select { float: left; width: 299px; }
.contactdetail .fields4 { margin: 37px 0; width: 299px; }
.contactdetail .fields4 button { margin: 0; }
.contactdetail p { color: #323f48;   font-size: 14px; }
.contact a { transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.contact a:hover { color: #e67e22; }
.contact .contactdetail .fields { position: relative; display: inline-block;
zoom:1;
}
/*sitemap page*/
.sitemap .sitemapheading { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 20px 20px 20px 0; padding: 7px 0px 30px; vertical-align: top; max-width: 270px; }
.sitemap .column { margin: 0 auto; vertical-align: top; width: 100%; }
.sitemap .listinghead { color: rgba(32, 32, 32, 0.8);   font-size: 17px; padding: 10px 0 15px; line-height: 20px; }
.sitemap .sitemapheading a { color: rgba(32, 32, 32, 0.8); display: block; font-size: 13px; padding: 3px 6px; }
.last-site { max-width: 290px; vertical-align: top; width: 100%; display: inline-block; }
.column .example { -webkit-columns: 400px; -moz-columns: 400px; columns: 400px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; }
.column li { background: white; padding: 2px 4px; margin-bottom: .1em; -webkit-column-break-inside: avoid; page-break-inside: avoid; width: 82%; break-inside: avoid; vertical-align: top; display: inline-block; margin-right: 10px; }
/*error page*/
#page.error li { display: inline-block; margin: 0 20px 0 0; }
#page.error .innermid { padding: 60px 20px; text-align: center; }
#page.error .leftarea { display: inline-block; margin: 0 auto; text-align: left; width: 60%; }
#page.error .rightarea { display: inline-block; }
#page.error .look {   font-size: 20px; color: #323f48; padding: 20px 0 0; line-height: 1; }
#page.error .codeerror {   font-size: 16px; color: #323f48; padding: 20px 0 0; }
#page.error .helpful {   font-size: 14px; color: #323f48; padding: 20px 0 0; }
#page.error ul { padding: 5px 0 0; }
#page.error li a {   font-size: 16px; padding: 20px 0 0; text-decoration: underline; }
#page.error li a { text-decoration: none; }
/*About us page*/
#page .mainhead.title > p {   font-size: 16px; line-height: 1.5; padding-top: 30px; color: #323f48; }
.about-page .container-new .title p{font-size: 24px; font-weight: 600;}
.border_bottom { border-bottom: 1px solid #e1e1e1; }
.about-page .border-top { border-top: 1px solid #e1e1e1; margin-top: 30px; }
/*Testimonial*/
.testimonials .testi1 { border-bottom: 1px solid #ebebeb; padding: 10px 0 20px; }
.testimonials .testi1:last-child { border-bottom: none; }
.testimonials .testi1 p { padding-top: 0; }
.testimonials .title { padding: 0 !important; }

/*DISCLIMAR page*/
#page.disclaimer .space { padding-top: 10px; }
/*Headings*/
/*h1 {   color: #353535; font-weight: normal; }*/
/* breadcump */
.breadcump .minnerbox { padding: 0 10px }
.breadcump span { color: rgba(23, 35, 45, 0.4); font-size: 12px;   }
/*.breadcump a { color:#}*/
.breadcump .nextarrow { background-position: -1px -134px; width: 5px; height: 9px; margin: 0 7px; }
.breadcump a { color: #212121; font-size: 12px;   }
/*--------------outlets page---------------------*/
.outlet { display: inline-block; width: 100%; margin: 30px 0 0 0; padding: 0 10px; text-align: center; }
.outlet .contain { padding: 0 20px; text-align: center; width: 100%; }
.outlet .contain p { font-size: 14px; color: #373737;   text-align: center; }
.outlet .selectbg { border: #ededed 1px solid; padding: 20px; margin: 30px 0; padding: 20px; display: inline-block; display:inline;
zoom:1
}
.outlet .inputout { width: 100%; }
.outlet .contactpanel .select-button { margin: 15px 17px 0 0; }
.outlet .inputout .select-wrapper { margin: 0 20px 0px 0; }
.outlet .inputout .select-wrapper:last-child { margin-right: 0; }
.outlet .outletmap { width: 100%; border: solid 1px #cbcbcb; overflow: hidden; margin-bottom: 30px; }
.outlet .shoppanel { display: inline-block; margin: 20px 0 30px; width: 100%; border-bottom: #ededed 1px solid; padding-bottom: 30px; }
.outlet .shoppanel:last-child { border-bottom: medium none; }
.outlet .shoplocation { width: 100%; float: left; margin-top: 20px; }
.outlet .shoppanel .shoplocation h3, .outlet .shoppanel .contactpanel h3 { color: #231f20;   font-size: 20px; line-height: 25px; text-transform: uppercase; }
.outlet ul { margin-top: 8px; }
/*.outlet .shoppanel .imgpanel { border: 1px solid #c3c3c3; margin-top: 40px; padding: 8px; position: relative; width: 100%; }*/
.outlet .shoppanel .imgpanel a img { transition: all 0.5s ease 0s; margin: 0 auto; }
.outlet .shoppanel .imgpanel a img:hover { opacity: 0.9; }
.outlet .shoppanel .contactpanel { float: left; width: 100%; position: relative; }
.outlet .shoppanel .contactpanel li { display: inline-block; margin: 10px auto !important; width: 300px; }
.outlet .shoppanel .contactpanel li.marginrnone { margin: 0px; }
.outlet .shoppanel .contactpanel li.contact {/* height:40px;*/ }
.outlet .shoppanel .iconspace { float: left; height: 25px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 27px; }
.outlet .shoppanel .iconspace span { margin: 0 auto; position: relative; text-align: center; }
.outlet .shoppanel .contactbar { float: left; width: 228px; }
.contactbar > a { font-size: 14px; }
.outlet .shoppanel .contactbar .cotitle { color: #231f20;   font-size: 17px; }
.outlet .shoppanel .contactbar p { color: #231f20;   font-size: 14px; padding: 0; }
.outlet .shoppanel .contactpanel .button { margin-right: 9px; }
.outlet .shoppanel .contactpanel .sendsms span { width: 24px; height: 17px; background-position: -8px -132px; position: relative; top: -2px; }
.outlet .shoppanel .contactpanel .sendsms:hover span { background-position: -8px -181px; }
.outlet .shoppanel .contactpanel .bookservicebtn span { background-position: -9px -153px; width: 24px; height: 24px; }
.outlet .shoppanel .contactpanel .bookservicebtn:hover span { background-position: -9px -202px; }
/*checkbox*/
/* .chkhold {
display:inline; zoom: 1; } */
/* .has-js .label_check { background-position: -88px -151px; position: relative; vertical-align: text-bottom; 
} */
.has-js .label_check.c_on { background-position: -105px -151px; }
/*Custom Checkbox*/
/* .chkhold { display: inline-block; display:inline;
zoom: 1; margin: 0; } */
/* .chkhold label {   font-size: 14px; color: rgba(32, 32, 32, 0.8); padding: 0 15px 0 15px; cursor: pointer; } */
/* .labelcheck { cursor: pointer; padding: 0px; width: 16px; height: 16px; margin: 0; top: 2px; } */
/* .has-js .label_check input { position: absolute; left: 0; top: 0px; opacity: 0; margin: 0px; filter: alpha(opacity=0); width: 15px; height: 15px; cursor: pointer; } */
/*-----------Sell car page css--------------*/
#sell_car .field-usedcars-image { position: relative; }
#sell_car .field-usedcars-image .help-block{margin-top: 10px;position: static;}
#sell_car { padding: 0 10px; text-align: left; }
/* #sell_car form.sell_your_car { margin: 23px 0 0; } */
#sell_car h2 { margin-bottom: 15px; }
#sell_car .sell_input p { color: rgba(32, 32, 32, 0.8); display: inline-block; float: right;   font-size: 12px; padding: 0; position: relative; text-align: left; top: 0; width: 100%; }
#sell_car .installed_features { margin-top: 30px; }
/* #sell_car .installed_features .sell_input { width: 172px; text-align: left; position: relative; } */
/* #sell_car .installed_features .chkhold.has-js > label { font-size: 14px; padding: 0; position: absolute; left: 22px; top: 1px; } */
#sell_car .car_condition { margin-top: 50px; }
#sell_car .left_select { vertical-align: top; max-width: 540px; width: 100%; display: inline-block; padding: 0 5px 0 0; }
/* #sell_car .sell_table { display: table; margin-top: 11px; width: 100%; } */
#sell_car .sell_table label { line-height: 0; color: transparent; left: 0; position: absolute; top: 7px; }
/* #sell_car .sell_table .sell_head span, .sell_table .sell_row span { background-color: #fafafa; border-right: 1px solid #e2e2e2; color: rgba(32, 32, 32, 0.8); display: table-cell;   font-size: 14px; padding: 10px; text-align: center; width: 16.25%; position: relative; } */
/* #sell_car .sell_table .sell_head span:first-child, .sell_row span:first-child { background-color: transparent; text-align: left; width: 35%; } */
#sell_car .sell_table .sell_head { display: table-header-group; }
#sell_car .sell_table .sell_row { display: table-row; }
/* #sell_car .sell_table .sell_head span { padding: 22px 0 10px; border-top: 1px solid #e2e2e2; } */
#sell_car .sell_table .sell_head span:first-child { border-top: none; }
/* .sell_table .sell_row:last-child span { border-bottom: 1px solid #e2e2e2; border-radius: 0 0 3px 3px; } */
.sell_table .sell_row:last-child span:first-child { border-bottom: none; }
#sell_car .right_select { vertical-align: top; max-width: 540px; display: inline-block; width: 100%; padding: 0 5px 0 0; }
#sell_car .additional_features { margin-top: 39px; }
#sell_car .additional_features > label { color: #8d8f92; display: inline-block; margin: 0 4px 28px; width: 100%; float: none; text-align: left; }
/* #sell_car textarea { height: 80px; padding: 7px 10px; resize: none; margin-top: 3px; } */
#sell_car .contact_details { }
/* #sell_car .select-button { margin: 10px 0 50px; padding: 5px 0 1px; padding: 10px 35px; color: #1a3760; border-radius: 8px; font-weight: 600;} */
/* #sell_car input[type="text"], #sell_car input[type="email"], #sell_car input[type="tel"], #sell_car textarea, #sell_car textarea { width: 100%; border: 1px solid #c7c7c7; } */

/*Custom Select Css */
/* #sell_car .select-wrapper { float: left; border: 1px solid #c4c4c4; background: #f5f5f5 url(../image/br_down.png) no-repeat 95% 50%; cursor: pointer; position: relative; } */
/* #sell_car .select-wrapper, #sell_car .select-wrapper select { width: 100%; height: 50px; font-size: 14px; line-height: 40px; color: #3f4348; } */
/* #sell_car .select-wrapper:hover, #sell_car .select-wrapper:focus { background: url(../image/br_downhover.png) no-repeat scroll 95% 50% #FFF;} */
/* #sell_car .select-wrapper .holder { display: block; margin: 0 35px 0 15px; white-space: nowrap; overflow: hidden; overflow:inherit; */
/* cursor: pointer; position: relative; z-index: 1; color: #707070; font-size: 13px; } */
/* #sell_car .select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0;  */
/* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; -webkit-appearance: none; left: 0px; vertical-align: middle; } */
/* #sell_car input[type="text"], #sell_car textarea, #sell_car input[type="email"], #sell_car input[type="tel"] { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; font-size: 14px; color: #717171;   } */
#sell_car .radioboxspace span { float: left; margin-right: 8px; vertical-align: middle; }
#sell_car .radioboxspace { width: 245px; margin: 10px auto auto auto !important; display: block; text-align: center }
#sell_car .radioboxspace .radioname { color: rgba(32, 32, 32, 0.8); width: 110px; }
#sell_car .radioboxspace label { color: rgba(32, 32, 32, 0.8); font-size: 12px; line-height: 18px; margin-top: 3px; }
.carcondition label, .sell_row label { margin: 0 36% !important; }
#sell_car .page .newcar li:hover, .page .searchused a.button:hover, .page .searchused a.button, #sell_car input[type="radio"] + label span, #online input[type="radio"] + label span { border: 1px solid; }
#sell_car #insurance input[type="radio"]:checked + label span, .popupwrap .inputvalue input[type="radio"]:checked + label span, #sell_car input[type="radio"]:checked + label span, #online input[type="radio"]:checked + label span { border: 5px double; }
/* new all */
.lacfont {   font-size: 13px; top: 0; }
.contactinform li .select-wrapper { margin-bottom: 0; }
.finance-page .contactinform li .select-wrapper{height: 55px;}

.finance-page .contactinform li .select-wrapper select{height: 55px; }
.sell_input .select-wrapper { margin: 0; }
/*checkbox and radio button*/
/* input[type="checkbox"], input[type="radio"] { margin-left: 10px; padding: 0; position: relative; top: 2px; display: none; } */
input[type="radio"] + label span { border-radius: 50% !important; cursor: pointer; display: inline-block; height: 16px; left: 0; padding: 0 !important; position: relative; top: 0; margin-right: 5px; transition: all 0.5s ease-in-out 0s; width: 16px !important; border: 1px solid #717171; }
.inputvalue.marginrnone.radiobox span { vertical-align: -2px; }
/*Sell Car*/
#sell_car .page .newcar li:hover, .page .searchused a.button:hover, .page .searchused a.button, #sell_car input[type="radio"] + label span, #online input[type="radio"] + label span { border: 1px solid; }
#sell_car #insurance input[type="radio"]:checked + label span, .popupwrap .inputvalue input[type="radio"]:checked + label span, #sell_car input[type="radio"]:checked + label span, #online input[type="radio"]:checked + label span { border: 5px double; }
/*-------Online Services ---------*/
#online { padding: 0 10px; }
#online .purpose, #online .personal, #online .contact { width: 100%; padding-bottom: 4px; }
#online .contact { margin-top: 0; }
#online .terms { width: 100%; float: left; padding-bottom: 4px; }
#online .agree { padding: 10px 0 8px; }
#online .heading{   font-size: 22px; font-weight: normal; color: #231f20; margin-bottom: 13px; text-transform: capitalize; }
#online sup { color: #d58900; font-size: 20px; vertical-align: middle; }
#online .online_input { display: inline-block; margin: 0 20px 30px 0; width: 98%; float: left; position: relative; }
#online .contact_input { margin: 0 10px 20px 0; }
#online .payment_input { margin: 0 20px 27px 0 !important; }
#online .online_radio { display: inline-block; margin: 0 10px 11px 0; width: 98%; position: relative; }
#online .online_input input { display: block; height: 43px; color: #717171;   font-size: 14px; line-height: 28px; padding: 0 0 0 11px; width: 100%; }
#online .online_input p { color: #231f20; display: inline-block; float: right;   font-size: 14px; padding: 0; position: relative; text-align: left; top: 0; width: 100%; }
#online input[type="radio"] { display: none; margin-left: 10px; padding: 0; position: relative; top: 2px; }
.online_input label { margin: 0 11px; cursor: pointer;   font-size: 14px; position: relative; top: 4px; line-height: 17px; color: #8d8f92; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; float: left; width: 100%; }
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
color:#717171 !important;
}
.online_radio label { display: inline-block; float: left; margin: 5px 20px 0 0; font-size: 14px; color: #8d8f92;   cursor: pointer; }
#online .select-button { margin: 20px 0 50px; padding: 4px 0 1px; }
#online .online_radio textarea { width: 95%; line-height: normal; font-size: 14px; border: 1px solid #c7c7c7; padding: 5px 15px; color: #717171; }
#online .online_input textarea { height: 126px; padding: 5px 15px; resize: none; float: left; color: #717171; width: 100%; }
#online .other { float: left; font-size: 12px; height: 30px; line-height: 28px; margin: 7px 0 0 10px;   color: #717171; }
#online .chkhold label { padding: 0 0 0 35px; }
#online .agree label { margin: 0; display: inline-block; width: auto; float: none; vertical-align: -4px; position: relative; left: -29px; }
.online_radio.mode_input label[for="others"] { clear: both; margin: 10px 0 0px 0 !important; }
#online .online_input > label, #online .online_radio > label { margin-bottom: 7px; top: 0; margin-left: 0; cursor: auto; }
#online .online_area { border: 1px solid #d6d6d6; max-height: 110px; overflow-y: auto; padding: 7px 13px; border-radius: 3px; width: 98%; }
#online .online_area .head { font-size: 14px; line-height: 20px; color: #231f20;   }
#online .terms p { font-size: 13px; line-height: 20px; color: #231f20;   }
#online .online_radio .remark { height: 172px; width: 100%; }
#online .help-block { bottom: -20px; color: #e00000; left: 0; position: absolute; }
.online_radio.mode_input span { vertical-align: -2px; }
.online_service p { padding-top: 10px !important; }
.online_service .heading { margin-top: 25px; font-size: 22px; }
.online_service .marginb15 { margin: 5px 0 20px 0; }
#online{ top:65px;color: #a00000;   left: 10px; line-height: 1;}
#paymentErr{ top:auto;color: #a00000;   left: 0; line-height: 1; bottom:-15px;}
/*Compare page*/
.panaldata table { width: 100% }
.compare-three { width: 100%; float: right; }
.comwrap { width: 100%; }
.comparewrap { padding: 0px 0 35px; }
.comwrap .comparehead { width: 100%; margin-bottom: 20px; }
.comwrap .comparehead .compareleft { width: 500px; float: left; }
.comwrap .comparehead .compareright { width: 500px; float: right; font-size: 12px; color: #6c6c6c; text-align: right; font-style: italic; }
.comwrap .combox .comcol { float: left; padding: 46px 0 0; width: 190px; margin-left: 6px; display: none; }
.diffradiobox .filter .filterinn { margin-right: 5px; width: 70px !important; text-transform: uppercase; }
.compare-two { width: 750px; float: right; }
.compare-two .col-1 { width: 42%; background-color: #fff; -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.21); -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.21); box-shadow: 2px 3px 5px rgba(0,0,0,.21); border: solid 1px #a8a8a8; float: left; padding: 10px 3% 22px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; position: relative; margin-left: 10px; min-height: 280px; }
.comwrap .compare-four .getonroadp button { width: 100%; padding: 13px 0; font-size: 12px; color: #fff; letter-spacing: 0px; font-weight: bold; text-transform: uppercase; font-family: Outfit, Helvetica; }
.comwrap .compic a { display: inline-block; }
.comwrap .comhead a { color: #231f20; text-decoration: none;   }
.comwrap .compareselect { height: 40px; margin: 0 auto 5px; text-align: center; }
.compare-one { width: 750px; float: right; }
.compcontent li .compareright { width: 809px; text-align: center; float: left; }
.crcle { width: 19px; height: 19px; margin: 0 10px 0 0; display: inline-block; }
.white { background: #fbfbfd; border: 2px solid #e6e6e6; }
.Mercury { background: #e1e1e1; border: 2px solid #e1e1e1; }
.MineShaft { background: #313131; border: 2px solid #313131; }
.MilanoRed { background: #b1160c; border: 2px solid #b1160c; }
.Atoll { background: #0A5D6B; border: 2px solid #0A5D6B; }
.WildBlueYonder { background: #788cb2; border: 2px solid #788cb2; }
.Hemlock { background: #625B41; border: 2px solid #625B41; }
.Dorado { background: #665956; border: 2px solid #665956; }
.twocars li { float: left; width: 50%; }
.comparereviews { overflow: hidden; border-bottom: solid 1px #d8d8d8; }
.comparereviews.last { border: none; }
.compareone { width: 470px; float: left; font-family: Outfit; line-height: 17px; padding: 14px 14px 1000px; border-right: solid 1px #d8d8d8; margin: 0 0 -1000px; }
.four .compareone { width: 221px; }
.three .compareone { width: 303px; }
.compareone.last { border: none; }
.compareone p { color: #767676; font-size: 12px; padding: 0 0 10px; }
.imgholder { border: solid 1px #d8d8d8; padding: 3px; float: left; margin: 5px 0 0; }
.imgholder img { display: block; width: 100%; height: auto; }
.subheading { font-size: 12px; text-transform: uppercase; line-height: 17px; font-weight: bold; padding: 5px 0 0; }
.comparewrap .compcontent { float: left !important; margin: -1px 0 0; padding: 0 !important; position: relative; width: 1024px !important; min-height: auto !important; max-width: auto !important; }
.adddropdown span.holder { background: none; height: auto; width: 200px; margin-right: 0; font-size: 12px; color: #7f7f7f; margin: 0 0 0 10px; }
.adborder { border: 1px solid #d6d6d6 !important; margin-bottom: 3px; margin-top: 5px; min-width: 1000px; }
.adborder .admainbox { background: #fff; border-radius: 3px; padding: 8px 8px 8px 15px; width: 972px; }
.largeadblock p { color: #8c8c8c; font-size: 10px; margin: 0; padding-bottom: 3px; text-align: right; }
.comparewrap .compareclose { background-position: -145px -206px; height: 16px; width: 16px; }
.comparewrap .comparerighticon { background-position: -143px -188px; height: 16px; width: 21px; }
.comwrap .combotarrow { background-position: -87px -54px; bottom: -13px; height: 13px; left: 32px; position: absolute; width: 25px; }
.fourcarcompare .cell { width: 141px; }
.comparewrap .adborder { margin-bottom: 5px; }
.compcontent li.offerdiscount { background: #fffde9; }
.compcontent li.offerdiscount span { color: #d2201e; font-size: 14px; font-weight: bold; margin: 0 5px 0 0; }
.compcontent li .compareright div a { color: #464646; font-size: 14px; font-family: Outfit; font-weight: bold; text-decoration: underline; margin: 0 0 0 5px; }
.compare-mobview { display: inline-block; padding: 20px 0; width: 100%; }
.compare-mobview .comcarimg {}
.commobwrap .comtitle { width: 100%; padding: 10px 0; text-align: center; }
.commobwrap .comcarimg { float: left; width: 100%; margin: 8px 0 3px 0; text-align: center; }
.W2P { width: 2%; }
.W47P { width: 47%; }
.Hand { cursor: pointer; }
.W45P { width: 45%; }
.W48P{width: 48%;}
.comcarname { width: 100%; padding-top: 5px; text-align: center; float: left; margin-top: 8px; }
.MarginL5 { margin-left: 5px !important; }
.comcarname a { color: #717171; text-decoration: none;   font-size: 14px; margin-bottom: 10px; display: block; height: 42px; overflow: hidden; }

.BgGreyf1 { background-color: #f1f1f1 !important; }
.MarginT10 { margin-top: 10px !important; }
.commobwrap .carprice { display: inline-block; font-size: 14px; width: 47%; margin-top: 10px; text-align: center; color: #717171;   }
.W51P { width: 51%; }
.commobwrap .onroadprice { text-align: center !important; margin-bottom: 10px !important; width: 47% !important; display: inline-block;   }
.commobwrap .onroadprice span { text-decoration: none; color: #17232d; }
.comparetab { width: 100%; display: inline-block; }
.comparetab li { width: 33%; float: left; background: #242424; text-align: center; color: #fff; border-right: 1px solid #fff;   }
.comparetab li.selected { border-top: solid 2px; background: #fff; }
.overviewresult { display: inline-block; width: 100%; }
.respanal { width: 100%; float: left; margin: 10px 0 0 0; }
#tb_second { display: none; }

.commobwrap .crcle { float: none; margin: 5px 2px; }
.commobwrap .compareclose { background-position: -145px -206px; height: 16px; width: 16px; }
.commobwrap .comparerighticon { background-position: -143px -188px; height: 16px; width: 16px; }
#safety_info, #comfort_convenience { display: none; }
.comparetab li a { color: #fff; display: block; font-size: 12px; width: 100%; text-align: center; line-height: 28px; text-decoration: none; height: 100%; background: #adacac; }
.comparetab li a.active { background: #323f48; }
.compare .compareselect .holder { height: auto; background: none; margin-right: 5px; width: 80%; overflow: hidden;}
#page .panaldata .title { padding: 10px 0; }
.comparedetail { margin: 15px 0 0; }
/*-- Book Services --*/
.bookservice h2 { margin-bottom: 10px; font-size: 24px; text-align: left }
.bookservice .contactdetail { width: 90%; margin: 30px auto 0; text-align: center;/* padding-bottom: 50px */}
.insurance-page .bookservice .contactdetail { width: 100%;}
/*.bookservice .bookservicemain { margin-top: 20px }*/
.bookservice .bookservicemain p { margin-bottom: 0; text-align: left }
.bookservice .txt_star { margin: 15px auto 0px; display: block; }
.bookservice .titlemark { margin: 6px 0px 10px; width: 40px; text-align: left; float: left; }
.bookservice .selectsec { width: 100%; margin: 9px 0px 0px; }
.bookservice .textsec { margin-top: 35px; width: 100% }
.bookservice .textsec2 { margin-top: 15px; width: 100% }
.bookservice sup { color: #ff0000; }
.bookservice .selectsec .select-wrapper {height: 55px; width: 100%; border:1px solid #eaeaea}
.bookservice .textsec2 .titlemark { float: left; }
.bookservice .select-button {margin: 0 0 0; display: inline-block ; color: #1a3760;border-radius: 8px; height: 48px; font-weight: 600;}

.bookservice input {height: 55px;background: #fff; border: 1px solid #eaeaea; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;font-size: 16px;}
.bookservice input:focus{
    transition: all .3s ease-in-out 0s;
}
.bookservice .fields .select-wrapper select { width: 100% !important; margin: 0; height: 55px;}
.bookservice .contactdetail textarea { margin-top: 5px }
/*Finance Page Start*/
.carfinence { padding: 5px 0px; width: 100%; background: #fff; text-align: left; position: relative; }
.carfinence .topcontain p { color: #231f20; font-size: 14px;   margin-bottom: 20px; }
.carfinence .left { width: 100%; float: left; background: #fff;   animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none; -ms-animation: none; }
.carfinence h2 { margin: 15px 0; text-align: left; font-size: 22px; color: #1a3760; font-weight: 600;}
.carfinence .contactinform h3 {   font-size: 18px; font-weight: normal; margin-bottom: 15px; color: #231f20; text-align: left; }
.contactinform .select-wrapper, .contactinform .select-wrapper select { height: 38px; line-height: 38px; font-size: 14px; color: #231f20; background: url(../image/br_down.png) no-repeat 95% 50% #f5f5f5; }
.contactinform input, .contactinform textarea { color: #717171; }
.contactinform { display: inline-block; width: 95%; margin-bottom: 0px; }
.contactinform li { float: left; width: 100%; margin-bottom: 25px; position: relative; }
.contactinform .button, .calcuresult .button { width: 273px; height: 52px; font-size: 16px; color: #fff; text-transform: uppercase;   margin-top: 35px; }
.calcuresult .button { height: 44px; margin-top: 15px; width: 196px; }
.carfinence .left .financetitleimg { margin: 16px 0 14px; }
.carfinence .left article { font-size: 13px; color: #3c3c3c; margin-bottom: 8px; }
.carfinence .left article p { margin-bottom: 25px; line-height: 20px; }
.carfinence .left .whychoose { margin-bottom: 20px; }
.carfinence .whychoose h2 { font-size: 16px;   margin-bottom: 7px; font-weight: normal; }
.carfinence .whychoose li a { font-size: 11px; color: #231f20; margin-bottom: 13px; }
.carfinence .whychoose li span { width: 4px; height: 4px; display: inline-block; background: #ee3d22; margin-right: 6px; vertical-align: middle; }
.carfinence .whychoose span { color: #231f20;   font-size: 12px; }
.carfinence .whychoose p { color: #231f20; font-size: 11px; }
.carfinence .left .financeinquiry { border: solid 1px #bfbfbf; background: #f8f8f8; border-radius: 1px; width: 100%; display: block; padding: 5px; }
.carfinence .financeinquiry div { display: inline-block; vertical-align: middle; }
.carfinence .financeinquiry .financecontain { width: 45%; color: #231f20; font-size: 13px;   margin: 0 5px 0 15px; }
.carfinence .financeinquiry .financecontain .pleasecall { color: #231f20; font-size: 13px;   border-bottom: solid 1px #f74644; padding-bottom: 5px; margin-bottom: 7px; }
.carfinence .financeinquiry .carimage { width: 30%; }
.carfinence .financeinquiry .financecontain div { display: block; }
.carfinence .right { width: 100%; float: left; padding: 20px 0px 10px; margin-top: 20px; }

.carfinence .tabresult { border: solid 1px #cacaca; border-top: solid 10px; padding: 30px 10px 10px 10px; background: #fff; float: left; width: 100%; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.carfinence .tabresult h2 { font-size: 18px;   color: #231f20; letter-spacing: 0px; margin-bottom: 15px; }
.carfinence .tabresult form {   }
.carfinence .tabresult form li { margin-bottom: 10px; }
.carfinence .tabresult form label i { font-size: 13px; color: #ff0000; font-style: normal; }
.carfinence .tabresult form select, .carfinence .tabresult form input, .carfinence .tabresult form textarea { background: #f6f6f6; border: 1px solid #bebebe; color: #9f9d9d;   font-size: 11px; padding: 3px 0 3px 5px; width: 100%; height: auto; border-radius: 0; -webkit-border-radius: 0; }
.carfinence .tabresult form input { padding: 3px 0 5px 5px; }
.carfinence .tabresult form select:hover, .carfinence .tabresult form input:hover, .carfinence .tabresult form textarea:hover { -webkit-box-shadow: 0 0 4px rgba(64,133,197,.47); -moz-box-shadow: 0 0 4px rgba(64,133,197,.47); box-shadow: 0 0 4px rgba(64,133,197,.47); border: solid 1px #bcd4eb; background: #fff; }
.carfinence .tabresult .contactinform { margin-top: 30px; }
.carfinence .comments span { font-style: italic; font-size: 11px; }
.carfinence .comments { width: 100%; }
.carfinence .comments textarea { height: 114px; resize: none; width: 100%; padding-top: 9px; background-color: #fff; border:1px solid #eaeaea }
.carfinence .getyourcarbtn .button { height: 46px; width: 252px; font-size: 17px;   }
.carfinence input { font-size: 16px;width: 100%;height: 55px;border: none; }
.carfinence button, .carfinence input { text-transform: none; background: #fff; border:1px solid #eaeaea; }
.carfinence button, .carfinence html input[type=button], .carfinence input[type=reset], .carfinence input[type=submit] { cursor: pointer; -webkit-appearance: button; margin: 0px auto; }
.carfinence button[disabled], .carfinence input[disabled] { cursor: default; }
.carfinence textarea { overflow: auto; vertical-align: top; }
.carfinence .financetab { width: 100%; float: left; }
.carfinence .financetab li { float: left; margin-right: 4px; }
.carfinence .marginrnone { margin-right: 0px !important; }
.carfinence .financetab li a { background: #e1e1e1; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #231f20; font-size: 10.5px;   float: left; padding: 9px 2px; text-decoration: none; }
.carfinence .financetab li a:hover, .carfinence .financetab li a.active { color: #fff; }
.carfinence .doctabresult { float: left; width: 100%; padding: 10px;   margin-top: -1px; }
.carfinence .doctabresult li { color: #323232; font-size: 14px; line-height: 1.5; position: relative; padding-bottom: 13px; padding-left: 10px; }
.carfinence .doctabresult li span { border-radius: 50%; display: inline-block; height: 5px; left: -5px; margin: 0; padding: 0; position: absolute; top: 6px; vertical-align: middle; width: 5px; background: #c1c1c1; }
.carfinence .tabbutton { padding-top: 0px; }
.carfinence .tabbutton li { display: block; margin: 0; cursor: pointer; color: #adacac; text-align: center; padding: 8px 1%; background: none; position: relative; text-transform: uppercase; margin-bottom: 10px; }
.carfinence .tabbutton li a { line-height: 1.2; font-size: 12px;   color: #323232; }
.carfinence .tabbutton ul { border-bottom: 1px solid #ebebeb; text-align: left; }
.carfinence .tabbutton li:hover, .carfinence .tabbutton li.active:hover, .carfinence .tabbutton li.active { color: #231f20; }
.carfinence .tabbutton li.active a, .carfinence .tabbutton li:hover a { color: #231f20; }
.carfinence .calcuresult { display: inline-block; margin-top: 50px; width: 100%; }
.finance-page .carfinence .calcuresult { margin-top:0px; }

.carfinence .calcuresult h2 { margin-bottom: 9px; }
.carfinence .calcuresult .calleft { width: 100%; float: left; }
.carfinence .calcuresult .title { font-size: 14px;   color: #231f20; }
.carfinence .calcuresult .titletagline { color: #231f20; font-size: 12px;   }
.carfinence .calcuresult p { color: #231f20; font-size: 14px;   padding-top: 10px; margin-bottom: 20px; }
.carfinence .calcuresult form { margin: 20px 0; }
.carfinence .calcuresult form div { margin-bottom: 10px; }
.carfinence .calcuresult form label { font-size: 11px; color: #231f20;   }
.carfinence .emical { width: 45%; float: left;   border: solid 1px #e3e3e3; text-align: center; margin-bottom:20px}
.carfinence .emical .emititle { background: #eeeeee; color: #231f20; font-size: 14px;   float: left; border-bottom: solid 1px #e3e3e3; }
.carfinence .emical .months { width: 50%; float: left; padding: 9px 2px 9px 2px; }
.carfinence .emical .emis { width: 50%; float: left; padding: 9px 0 9px 0px; color: #231f20; }
.carfinence .emivalues { float: left; width: 100%; font-size: 14px;   }
.carfinence .emivalues .monthvalue { width: 50%; float: left; }
.carfinence .emivalues .monthvalue li { padding: 6px 0 7px 0px; border-bottom: solid 1px #e3e3e3; color: #231f20; }
.carfinence .emivalues .emisvalue { width: 50%; float: left; }
.carfinence .emivalues .emisvalue li { padding: 6px 0 7px 0px; border-bottom: solid 1px #e3e3e3; color: #231f20; }
.finance-page .carfinence .emivalues .emisvalue li { padding: 6px 0 7px 0px; }

.carfinence label { color: #1a3760; display: inline-block;   font-size: 12px; font-weight: normal; margin-bottom: 3px; width: 100%; text-align: left; }
.carfinence .loanemi { float: left; margin: 0 0 35px; width: 100%; }
/*.calleft button { float: left; margin-bottom: 30px; margin-top: 5px; }*/
.carfinence .emivalues li.borderbnone { border-bottom: none; }
.carfinence .help-block { bottom: -20px; }
.errorborder { border: 1px solid #e00000 !important; }
.right.tabfinance .tabbutton li { padding: 6px 10px; }
.right.tabfinance .tabbutton li.active { background: #000;}
.finance-page .tabfinance .tabbutton li.active { padding: 6px 10px; }

.finance-page .right.tabfinance .tabbutton li { margin-right: 10px; }
.finance-page .right.tabfinance .tabbutton li.active { background:#323232; }
.right.tabfinance .tabbutton li.active a { color: #FFF; }
.carfinence .emical.emical-table .emititle { background: #323232; color: #FFF;width: 100%; }
.carfinence .emical.emical-table .emis { color: #FFF; }
/*Insurance*/
#page .insurancewrap { padding: 0 0 30px;min-height: 650px; }
#page .insurancewrap .contactdetail { margin: 0 auto; padding: 0 }
.insurancewrap .tabbutton li { padding: 8px 9px; width: auto; margin-right: 5px; }
.insurancewrap .oldpolicy { margin-top: 23px }
.insurancewrap .tabbutton { padding-top: 0; }
#page .insurancewrap .selectsec h2 {   padding-top: 15px; }
.insurance-page .insurancewrap .selectsec h2 {color: #1a3760; }
.insutab .tabsection li { float: left;   font-size: 17px; color: #424242; cursor: pointer; }
.insutab .tabsection li a { color: #424242; padding: 10px 21px; display: inline-block; }
.insutab .tabsection li:hover a { color: #fff; }
.insutab .tabsection li:hover, .insutab .tabsection li.active, .insutab .tabsection li.active a { background: #000; color: #fff !important; }
.insutab .tabsection { margin-top: 30px; padding-bottom: 10px; border-bottom: #eeeeee 1px solid; overflow: hidden; }
.insurancewrap .mycontactnew { margin: 0 !important; }
.insurancewrap .mycontactnew h2 { padding-top: 0 !important; }
.insurancesectionnew .selectsec { margin-top: 0 !important; }
.insurancesectionnew .selectsec h2 { padding-top: 5px !important; }
/*--------------Offer page CSS ---------------------*/
#innertab { border-bottom: solid 1px #eeeeee; margin-top: 30px; }
#innertab li { float: left; margin-bottom: 10px; }
#innertab li h2 { font-size: 15px !important;   font-weight: bold; color: #424242; padding: 10px 15px 7px; cursor: pointer; }
#innertab li:hover h2, #innertab li.active h2 { background: #000; color: #fff; }
.rupeetext { font-family: 'girnar-rupee';  margin-right: 3px; font-size: 18px; font-weight: bold; }
.innertabSlider .owl-item { float: left; width: auto !important;}
/* .offerlisting { margin: 30px auto 0; text-align: center; } */
.offerlisting .divblock .cd-effect{border: solid 1px #dfdfdf; }
.offerlisting .divblock>li .imagehold { margin: 0 auto;position: relative; }

.imagehold img {
    height: 100%;
    margin: 0 auto;
    max-height: 176px;
}
.offerlisting li .texthold { text-align: center; padding: 35px; position: relative; }

.offerlisting li h3 {
     
    font-size: 22px;
     height: 53px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.offerlisting li h3 a {
    color: #212121;
    display: block;
   text-overflow: ellipsis;
   text-align: left;
   transition: all .25s ease-in-out;
}

.offerlisting li .price { font-size: 15px;   margin-top: 3px; height: 25px; }
.offerlisting li .price sup{ top:0px;}
.offerlisting li .texthold i { font-style: normal; font-size: 18px;   }
.offerlisting li .toolicon {  width: 100%;  display: flex; z-index: 9;
    align-items: center;
    justify-content: center;
    height: 100%; }
.offerlisting li .toolicon span { background: #fff; border: solid 1px #dfdfdf; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; display: block; width: 40px; height: 40px; cursor: pointer; }
.offerlisting li .toolicon .quickview { background-position: -46px -213px; width: 18px; height: 12px; /* margin-top: 13px; */ }
/* .offerlisting li .toolicon span:hover .quickview { background-position: -1px -215px; } */
/* .offerlisting li .toolicon .compare { background-position: -68px -213px; width: 19px; height: 16px; margin-top: 11px; } */
/* .offerlisting li .toolicon span:hover .compare { background-position: -22px -214px; } */
#innertab .owl-carousel .owl-wrapper, .financenewtab .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
#innertab .owl-carousel .owl-wrapper-outer, .financenewtab .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

/*----Popup Offer----*/
.offerpopup .saveupto { font-size: 20px; color: #323f48;   line-height: 1.2; margin-bottom: 20px; text-align: center; }
.offerpopup .saveupto .saveup, .offerpopup .saveupto .saveuprup {   }
.offerpopup .rupee { font-weight: bold; }
.offerpopup .offerimg { float: left; width: 100%; padding-top: 10px; text-align: center; }
.offerpopup .description { font-size: 15px;   width: 250px; margin: 0px auto; }
.offerpopup .description .element { color: #323f48; width: 180px; float: left; line-height: 1.7; }
.offerpopup .description .elemvalue { float: left; line-height: 1.7;   }
.offerpopup p { font-size: 14px; color: #323f48;   text-align: center; padding: 15px 0; }
/*Popup- Book a TEst Drive*/
.popbooktestdrive .inputvalue p { margin-top: 2px; }
.popbooktestdrive .select-button { border: 1px solid transparent; color: #fff;   font-size: 14px; line-height: 17px;  /*width: 112px;*/ margin: 0 auto 10px; display: inline-block; display:inline;
zoom:1; vertical-align: text-bottom; cursor: pointer; }
.popbooktestdrive .select-wrapper,.popbooktestdrive .select-wrapper select,.popbooktestdrive .inputvalue{float:left;}
/*Popup-On Road Price*/
.onroadprice .titlepopup { margin-bottom: 36px; }
/*Popup-sell detail*/
.selldetail .detaildes td { color: #323f48; }
/*Thank You Popup*/
.thankyou { padding-bottom: 30px; }
.thankmsg { font-size: 14px; color: #323f48;   width: 100%; }
.thankyou .titlepargh { font-size: 18px;   }
.thankyou p { padding-bottom: 20px; }
.thankyou p span { font-size: 16px;   text-transform: capitalize;}
.thankyou .padbnone { padding-bottom: 0px; }
/*Popup-Phone No*/
.Phoneno ul { margin: 0 auto 30px; width: 150px; }
.Phoneno li.title { color: #717171; font-size: 18px; margin-bottom: 15px; padding: 0; }
.Phoneno li { text-align: center; margin-bottom: 5px;   }
.Phoneno li a { font-size: 16px; color: #717171;   }
/*popup qucik view*/
.popquickview .detailsection { margin-top: 0px; }
.popquickview .detailsection .leftdetail { margin-top: 20px; width: 100%; float: left; }
.popquickview .detailsection .leftdetail h3 { font-size: 24px;   color: #363636; font-weight: normal; }
.popquickview .detailsection .leftdetail h3 a{color: #1a3760; font-weight: 600;}
.popquickview .detailsection .leftdetail .price { font-size: 24px; color: #323232;   margin-top: 14px; }
.popquickview .detailsection .leftdetail .price a{color: #323232;}
.popquickview .detailsection .leftdetail .price i { font-family: 'girnar-rupee'; font-style: normal; font-size: 24px; font-weight: bold; margin-right: 3px; }
.popquickview .detailsection .leftdetail .price span { font-size: 15px; color: #484646;   }
.popquickview .detailsection .leftdetail p {   color: #323232; margin-top: 10px; }
.popquickview .detailsection .leftdetail .viewmore { font-size: 14px; color: #424242; text-decoration: underline;   margin-top: 19px; display: inline-block; }
.popquickview .detailsection .leftdetail .viewmore:hover { text-decoration: none; }
.popquickview .cardetail { width: 100%; float: left; padding: 0 10px; }
.popquickview .cardetail li { border-bottom: #dfdfdf 1px solid; padding: 26px 0px 16px; display: inline-block; width: 100%;   font-size: 15px; }
.popquickview .cardetail li .name { display: inline-block; vertical-align: middle; width: 55%; }
.popquickview .cardetail li .name span { display: inline-block; vertical-align: middle; width: 68%; line-height: 20px; }
.popquickview .cardetail li .kilometer { font-size: 22px; text-align: right; vertical-align: middle; display: inline-block; }
.popquickview .cardetail li .kilometer sub { color: #484646; margin-left: 5px; bottom: 0px; }
.popquickview .cardetail li:last-child { border-bottom: 0; }
.popquickview .select-button { width: 200px !important; margin: 20px 0 0 !important; }
/*Radio button and check box*/
.radioboxspace span { float: left; margin-right: 8px; vertical-align: middle; }
.radioboxspace { width: 245px; margin: 10px auto auto auto !important; display: block; text-align: center }
.radioboxspace .radioname { color: rgba(32, 32, 32, 0.8); width: 110px; }
.radioboxspace label { color: rgba(32, 32, 32, 0.8); font-size: 12px; line-height: 18px; margin-top: 3px; }
.carcondition label, .sell_row label { margin: 0 36% !important; }
.page .newcar li:hover, .page .searchused a.button:hover, .page .searchused a.button, #sell_car input[type="radio"] + label span, #online input[type="radio"] + label span { border: 1px solid; }
input[type="radio"]:checked + label span, .popupwrap .inputvalue input[type="radio"]:checked + label span, #sell_car input[type="radio"]:checked + label span, #online input[type="radio"]:checked + label span { border: 5px double; }
/*Gallery section starts*/
.eventgallerywrap .gallery { width: 100%; margin: 0px auto; padding: 32px 0 50px; border-bottom: 1px solid #efefef; -webkit-box-shadow: 0 -6px 12px -9px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -6px 12px -9px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 -6px 12px -9px rgba(0, 0, 0, 0.2) inset; }
.eventgallerywrap .gallery ul { margin: 29px auto 0; text-align: center; width: 100%; }
.eventgallerywrap .gallery li { display: inline-block; height: 100%; margin: -1px 2px 0 0; max-height: 75px; max-width: 74px; overflow: hidden; padding: 0; position: relative; width: 100%; }
.eventgallerywrap .gallery li a { display: block; }
.eventgallerywrap .owl-pagination { display: none; }
.eventgallerywrap .eventgallery .hovereffect { background-image: url("../image/mag.png"); background-position: center center; background-repeat: no-repeat; height: 100%; opacity: 0; position: absolute; transition: all 0.5s ease-in-out 0s; width: 100%; }
/*Event Gallery page*/
 .insurancewrap h2, .offerwrap h2 { color: #1a3760;   font-size: 22px !important; text-align: left; }

.eventgallerywrap p { font-size: 14px; color: #5f6973;}
.galleryslider { margin-bottom: 20px; margin-top: 20px; }
.eventgallerywrap p span { color: #8f8f8f }
.eventgallerywrap .gallery { overflow: hidden; background: none; border-bottom: 0; box-shadow: none; padding-bottom: 0; }
.eventgallerywrap .gallery .owl-item { max-height: 235px; overflow: hidden;}
.eventgallerywrap .gallery .hitem { border: 1px solid transparent; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; position: relative }
.eventgallerywrap .owl-controls { display: none }

/*Model page CSS*/
#modelpage .main{ width:100%; max-width:1180px; background: #fff;}
.cd-tabs { margin:45px auto 0; position: relative; width: 100%; }
.no-touch .cd-tabs-navigation a:hover { color: #29324e; background-color: rgba(233, 230, 202, 0.3); }
.cd-tabs-content > li { display: none; padding: 0 0 1px; }
.cd-tabs-content li.selected {
  display: block;
  animation: cd-fade-in 0.5s;
}
.cd-tabs-content .modeloverview.selected .variant-info-dtls:first-child{
  border-bottom: 1px solid var(--grey-border);
  padding-bottom: 35px;
}
.cd-tabs-content .modeloverview.selected .variant-info-dtls:last-child{
  padding-top: 35px;
}
.ex { color: #8c8c8c; text-align: center; }
@-webkit-keyframes cd-fade-in { 0% { opacity: 0;} 100% { opacity: 1;}}
@-moz-keyframes cd-fade-in { 0% { opacity: 0;} 100% { opacity: 1;}}
@keyframes cd-fade-in { 0% { opacity: 0;} 100% { opacity: 1;}}
#modelpage #carmodel { padding:0px 0 58px;}
#modelpage #carmodel .cardetail li .name{ width:65%;}

/* #modelpage .tablebox{ background:url(../image/servicebg.png) repeat; padding:30px 0;} */
#modelpage .tablebox .rwd-table th, #modelpage .tablebox .rwd-table td{min-height: 18px;font-size:15px;   line-height:1.2;}
#modelpage .tablebox .smalltext{ font-size:12px; color:#a8a8a8;}
#modelpage .tablebox .rwd-table th{ color:#fff;}
#modelpage .tablebox .rwd-table td::before{ float:left; clear:both;text-align:left;width:10.5em}
#modelpage .tablebox .rwd-table th:first-child, #modelpage .tablebox .rwd-table td:first-child{ text-align:right;}
#modelpage .tablebox .rwd-table td:first-child a{  text-transform:uppercase; color:#212121;}
#modelpage .tablebox .rwd-table td:first-child span{ font-size:13px;}
#modelpage .tablebox .rwd-table td .price{ font-weight:bold;}
#modelpage .tablebox .rwd-table td .price i{ font-style:normal; margin-right:2px; font-weight:bold;}
#modelpage .tablebox .accessories{ margin-top:17px;}
#modelpage .modelprice .citytype{ width:63%; margin:10px 0 22px}
#modelpage .modelpictures .innertab{ background:#f8f8f8; height:40px;}
#modelpage .modelpictures .innertab li{ font-size:14px; color:#000; text-align:center; float:left; padding:0px 19px; line-height:40px; border-bottom:solid 2px #f8f8f8; cursor:pointer;}
#modelpage .modelpictures .innertab li:hover, #modelpage .modelpictures .innertab li.active{ border-color:#000; background:#eeefee;}
#modelpage .modelpictures .picturearea{ margin-top:40px; position: relative; margin-bottom: 40px;}
#modelpage .modelpictures .picturearea li{ margin:0 auto 20px; background:url(../image/model_pic_bg.png) no-repeat; background-size:100%; max-width:330px; border: 1px solid #dfdfdf}
#modelpage .modelpictures .picturearea li a span { height: 100%; position: absolute; top: 0px; width: 100%; opacity: 0; transition: all 0.3s ease-in 0s; left: 0; }
#modelpage .modelpictures .picturearea li a:hover span { opacity: 1; }
#modelpage .modelpictures .picturearea  li a { display: block; position: relative; width: 100%; }
#modelpage .modelpictures .picturearea .threeview{ margin:0 auto 100px; text-align:center;}

#modelpage .specification li img{ display:block; text-align:center; margin:40px auto 10px;}

/*fix right menu*/
.fixd-menu{background-color: #000; border-radius: 5px; position: fixed; right:5px; bottom:15%; width: 60px; z-index:5000; display:none;}
.fixd-menu ul li{ float:left; width:100%; border-bottom:solid 1px #2d342d; height:60px; line-height:60px; position:relative;}
.fixd-menu ul li:last-child{ border:none;}
.fixd-menu ul li a{display: block; height: 100%; width: 100%; cursor:pointer;}
.fixd-menu ul li a span{left: 0; margin: auto; position: absolute;  right: 0; top: 0; bottom:0;}
.menuselect:last-child {border-radius:0px 0px 5px 5px;}


/* Used Car*/
.usedcar .selectbg a { display: inline-block; font-weight: 600; padding-bottom: 20px; color: #1a3760; text-decoration: underline; text-transform: capitalize; margin: 0 auto; padding-top:20px; }
.usedcar .inputout { width: 250px; }
.usedcar .selectbg a:hover{
  color: #1947E2;

}
/*.usedcar .contactpanel .select-button { margin: 15px auto 0; }*/
.usedcar .inputout .select-wrapper { margin: 0 0 20px 0; }
.usedcar .cars ul { display: block !important; }
.usedcar .select-button { margin: 0; line-height: normal; padding: 12px 18px 8px; vertical-align: top; cursor:pointer;}
.usedcar #advanced { display: none; float: left; width:100%; }
.usedcar #advanced.active { display: block !important; float: left; }
.usedcar .featurehold {display: inline-block; margin: 7px auto 0; text-align: center; width: 100%; font-size:16px; line-height:16px;}
.usedcar .offerlisting li .texthold {border-top: 1px solid #dfdfdf; padding: 15px 0; position: relative; text-align: center;}

/* Used Car Detail */
.cardetailpanel { margin-top: 40px; padding-bottom: 50px; border-bottom: #dfdfdf 1px solid; }
.cardetailpanel .leftmain { width: 100%; float: left; position: relative; }
.slidersectionleft { text-align: center; overflow: hidden; border: #dfdfdf 1px solid; margin:0px}
.cardetailpanel .slidersectionleft li { position: relative; display: inline-block; box-sizing: border-box; }
.cardetailpanel .slidersectionleft li img {width: 80%; max-height:277px}
.slidersectionleft .owl-item { float: none; }
.cardetailpanel .slidersectionleft .model { position: absolute; right: 2px; top: 2px; background: #8f8f8f; font-size: 18px; color: #fff;   padding: 7px 12px 5px; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; }
.cardetailpanel .sliderthum { width: 100%; text-align: center; }
.cardetailpanel .sliderthum ul { display: block; margin: 20px auto auto; overflow: hidden; width: 100%; }
.cardetailpanel .sliderthum li { border: #dfdfdf 1px solid; display: inline-block; }
.cardetailpanel .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cardetailpanel #sync1 .owl-item { float: left; }
.cardetailpanel #sync2 .owl-item { float: left; cursor: pointer; }
.cardetailpanel #sync2 .synced li, .cardetailpanel #sync2 .owl-item:hover li { border: 1px solid #f00; }
.cardetailpanel .rightcardetail { margin-left: 0px; width: 521px; float: left; }
.cardetailpanel .rightcardetail { width: 100%; }
.cardetailpanel .rightcardetail h3 { font-size: 24px;   font-weight: normal; }
.cardetailpanel .rightcardetail .price { font-size: 24px; color: #231f20;   margin-top: 14px; }
.cardetailpanel .rightcardetail .price i {font-family: 'girnar-rupee'; font-style: normal; font-size: 24px; font-weight: bold; margin-right: 3px; }
.cardetailpanel .rightcardetail .price span { font-size: 15px; color: #484646;   }
.cardetailpanel .rightcardetail .price sup { top: 0; }
.cardetailpanel .rightcardetail p {   color: rgba(35,31,32,.6); margin-top: 10px; }
.cardetailpanel .rightcardetail .bntgetonroad { margin-top: 20px; }
.cardetailpanel .rightcardetail .viewmore { font-size: 14px; color: #424242; text-decoration: underline;   margin-top: 19px; display: inline-block; }
.cardetailpanel .rightcardetail .viewmore:hover { text-decoration: none; }
.cardetailpanel .rightcardetail .cardetail { width: 100%; margin-top: 15px; float: left; }
.cardetailpanel .rightcardetail .cardetail li { border-bottom: #dfdfdf 1px solid; padding: 22px 0px 22px; display: inline-block; width: 100%; margin-right: 0px;   font-size: 15px; }
.cardetailpanel .rightcardetail .cardetail li .name { display: inline-block; vertical-align: middle; width: 50%; }
.cardetailpanel .rightcardetail .cardetail li .name span { display: inline-block; vertical-align: middle; width: 64%; line-height: 20px; font-size:14px; color:#484646}
.cardetailpanel .rightcardetail .cardetail li .kilometer { font-size: 18px; text-align: right; vertical-align: middle; display: inline-block; width:48%; }
.cardetailpanel .rightcardetail .cardetail li .kilometer sub { color: #484646; margin-left: 5px; bottom: 0px; }
.cardetailpanel .rightcardetail .cardetail li:nth-child(even) { margin-right: 0; }
.cardetailpanel .carinfomation { margin-top: 49px; }
.cardetailpanel .carinfomation h2 { font-size: 18px !important;   font-weight: normal; color: #231f20; }
.cardetailpanel .carinfomation li { margin-top: 8px;   font-size: 17px; }
.usedcarfeture .offerlisting { margin-top: 50px; }
.usedcarfeture .offerlisting h2 { font-size: 22px;   font-weight: normal; margin-bottom: 15px; }
.usedcardetailmail { margin-top: 20px; padding: 0 10px; }
.usedcardetailmail .featurehold {display: inline-block; margin: 7px auto 0; text-align: center; width: 100%; font-size:16px; line-height:16px;}
.usedcardetailmail .offerlisting li .texthold {border-top: 1px solid #dfdfdf; padding: 15px 0; position: relative; text-align: center;}
.slidersectionleft .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

/*Dev Css*/
.fancybox-opened .fancybox-skin { box-shadow: none !important; }
.fancybox-skin { background: none !important; }
object, #googleMap, .view360 > div{ display:none;}
.modelpictures .innertab li.view360tab { display: none; }
.success { color: green; font-size: 18px; clear: both; margin: 20px 0 0; text-align: center; line-height: 1.3; }
.contact .success{ margin-bottom: 30px; } 
.padding_right{padding-right:13px;}
#online input[type="checkbox"]{ display:block; visibility: hidden;}
#online .select-wrapper{ float:left}
.carfinence button{ margin:0}
.finance-page .carfinence button{color: #1a3760;font-weight: 600; border-radius: 8px;height: 48px; margin: 0px 0 40px 0;}

@media screen and (min-width:1007px){
    .mobile_map{display:none !important;}
}

.divider { border-right: 1px solid #bfbfbf; margin: 0 7px;}

.careertable .rwd-table td::before { font-weight: normal;  margin-bottom: 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
.careertable .rwd-table th, .careertable .rwd-table td{ text-align: left; border-bottom: 0}
.careertable .rwd-table td:last-child::before {display: none }
.careertable .rwd-table td:last-child{padding:10px 0 10px 10px; margin: 0}
.careertable .highlight { color: #333; display: inline-block !important;     margin: 0 !important;}
.careertable .rwd-table td div span {  display: block;  margin: 5px 0;}

.popupwrap .offerpopup button{  margin-top: 0}
.offerpopup .buttonwrap .saveupto {    margin-bottom: 20px;}
#modelpage h2{ font-size: 18px; font-weight: 600 !important;   font-weight: normal; }

.pricerow .leftcolumn{ position: relative;}
.sprite.noteicon {  background: url("../image/noteicon.png") no-repeat;  bottom: 0;  cursor: pointer;  height: 16px;  margin: -8px;  position: absolute;  right: 40px;  top: 50%;  width: 16px;}
.notetext {  background-color: #fff;  border: 1px solid #e1e1e1;  bottom: 22px;  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.13);  color: #515151;  display: none;  font-family: Outfit;  font-size: 11px;  font-style: normal; line-height: 18px;  margin-left: -83px;  padding: 8px;  position: absolute;  right: -105px;  text-align: left;  transition: color 0.1s ease-in 0s;  width: 180px;  z-index: 200;  color: #515151;  font-family: Outfit;  font-size: 11px;  font-style: normal;  line-height: 18px;  text-align: left;}
.notearrow {  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top: 6px solid #c8c8c8;  bottom: -7px;  height: 0;  left:38%;  margin-left: -8px;  position: absolute;  width: 0; }
.notetext .othertexbox2 li {  float: left;  width: 100%; line-height: 2}
.leftcolumn .noteicon:hover .notetext{ display: block;}


.resfound {
    background: #d5d5d5;
    margin: 20px auto;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

#sync2 .owl-item img {
    max-height: 94px;
    width: auto;
    margin: 0 auto;
}

/*paGINATION*/

.pagination {
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
}
.pagination li {
    border: 1px solid #e1e1e1;
    display: inline-block;
    font-size: 14px;
    line-height: 2;
    margin: 0 2px;
    text-align: center;
    width: 30px;
}

.pagination li a:hover,.pagination li.active a {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.pagination li a {
    color: rgba(0, 0, 0, 0.65);
    display: block;
}

.otptitle{color: #454140; font-size: 17px;padding:0 0 20px;text-align: center;  position: relative; margin-bottom: 30px;line-height: 1.3;}
.otppopup .inputvalue{ margin: 0px auto !important; float: none;   width: 100% !important;}
.otppopup .inputvalue input{ width: 100% !important;  }
.otppopup .getme{color: #454140;  font-size: 14px; margin-bottom: 5px;}
.otptitle:after {border-top: 2px solid #ccc;bottom: 0;content: "";left: 0;margin: 0 auto;position: absolute;right: 0;width: 170px;}
.otppopup .dintreceive{ margin-top: 20px;   font-size: 13px; text-align: center;}
.otppopup .wrongno{ margin-bottom: 30px; }
.otppopup .dintreceive a:hover{ color: #000; }
.otppopup .fields { width: 100%;}


/*FTC*/
#tab3 .picmain > div:last-child.feeltab{ display: inline-block !important; }
.feelcarpanel {padding-top: 51px;}
.feelslide{margin-top: 15px;position: relative;    border: 1px solid var(--model-border-color);border-radius: 16px;box-sizing: border-box;  height: auto;margin: 0 auto;overflow: hidden;
    width: 100%;}
.feelslide .item img {width: 100%;}
.feelslide .item {max-height: 400px;overflow: hidden;}
.ftctab{ margin-bottom: 20px; }
.ftctab span{
        background: var(--blue);
        border: none;
        zoom: 1;
        display: inline;
        margin: 0 3px 0 0;
        padding: 10px 20px;
        border-radius: 12px;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        line-height: 27.75px;
        transition: all 0.5s linear;
        cursor: pointer;
        color: var(--white);
    }
    .feelcarpanel .ftcfullscreenbtn{
        margin: 10px;
        color: var(--black);
        font-weight: 600;
    }
    .feelcarpanel .ftcfullscreenbtn:hover{
      background: var(--blue-hover);
      border-color: var(--blue-hover);
    }
.ftctab span:hover, .ftctab span.active{
    background: var(--blue-hover);
    color:#fff;}
#owl-picture2{ display: none !important; }
.feelcarpanel .downbrchre {display: inline-block;float: left;margin-bottom: 10px;margin-top: 10px;width: 100%;}
.feelcarpanel .owl-pagination .owl-page span{background-color: hsl(0, 0%, 100%);border-radius: 50%;height: 10px;width: 10px;}
.feelcarpanel .owl-pagination .owl-page.active span{ opacity: 0.5; }
.feelcarpanel .owl-pagination .owl-page{ width: 10px; height: 10px; }

/*Feel Car Popup*/
#leadpopup_point {border: 1px solid #ccc !important;max-height: 360px !important;width: 260px !important;top: 100px;left: 30px;background: #fff;padding: 10px;
    box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59);  -webkit-box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59); -moz-box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59);
    -ms-box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59); -o-box-shadow: 2px 5px 9px hsla(0, 0%, 0%, 0.59); height: auto !important;}
#leadpopup_point .titlenew {color:#000; font-size: 20px;line-height: 1;padding: 0 30px 10px;text-align: center;}
#leadpopup_point .topcross {cursor: pointer;font-size: 0;height: 17px;position: absolute;right: 17px;top: 15px;width: 17px;background-image: url("../image/ftc_close.png");}
#leadpopup_point .topcross:hover{ opacity: 0.7; }
img#hotSpotImg {width: 240px !important;}
#leadpopup_point.feelpopup .description {color: #000;  font-size: 12px;line-height: 20px;padding: 10px 0 0 0;}
.feelslide iframe{ width: 100%; border: none; }
#leadpopup_point .popupimg{max-height: 300px;overflow-y: auto; padding-right: 10px;}

/*Popup*/
.fancybox-outer, .fancybox-inner { position: initial !important; }
.fancybox-inner { overflow: unset !important; }


/*for lazy loading image*/
img[data-gsll-src]{background:url("../image/loading.gif"); height: 32px; text-indent: -9999px; line-height: 1;
    margin: 0 auto;width: 32px !important; background-repeat: no-repeat; display: inline-block; margin: 0 !important;
    padding: 0 !important; }

    .flexslider img[data-gsll-src] {left: 50%;top: 50%;transform: translate(-50%, -50%); display: block !important; margin: 0px auto !important; position: absolute;}

/*feel the car*/
#leadpopup_point {
    position:absolute;
    width:400px;
    height:400px;
    border:5px solid #000;
    z-index: 9002;
}

#googleMap .telno > div {float: left;width: 49%;}
#googleMap .gm-style-iw ul{ margin-top:0 !important;}

/*updated compare page css */
/*  .compare-mobview .comparedetail .cd-tabs-navigation  { width:2200px;} */

/*Manual Payment CSS*/
.manualpayment{border: 1px solid #ccc; margin:40px auto 0;padding:0 0 10px;width: 90%;   max-width: 400px; }
.manualpayment li {border-bottom: 1px solid #ccc;padding: 10px; font-size: 13px;}
.manualpayment li:last-child{border-bottom: none; padding-bottom: 0;}
.manualpayment li span{  width: 110px; display:inline-block; font-size: 14px;}
.manualbtn {display: block;margin: 40px auto  !important;}

/*New Footer*/
.newftr {padding:15px 0 0;    padding-bottom: 10px; }
.newftr .newftrlinkdesktop {display:none;width: 100%;}
.newftr .newftrlinkdesktop ul{float: left;width: 210px;}
.newftr .newftrlinkdesktop .newftr_rightwrap { width: 170px; }
.newftr .newftrlinkdesktop ul:first-child{ margin-left: 10px; }
.newftr .newftrlinkdesktop li {color: #fff; line-height: 1;  margin-bottom: 10px;}

.newftr .newftrlinkdesktop li.title{ font-size: 20px;margin-bottom: 20px; line-height: 28px; text-transform: uppercase; color: #fff; position: relative;padding-bottom: 10px;}
.newftr .newftrlinkdesktop li a{color: #909090;   font-size: 17px; line-height: 28px; margin-bottom: 5px; transition: all .5s ease-out 0s;}
.newftrlinkdesktop .newftrsocial{ margin-bottom: 30px; }
.newftrlinkdesktop .newftrsocial a{ margin-right: 10px; }

.newftrlinkdesktop .newftrsocial .fbicon{width: 30px; height: 30px; background-position: -5px -5px;}
.newftrlinkdesktop .newftrsocial .twittericon{width: 30px; height: 30px; background-position: -79px -5px;}
.newftrlinkdesktop .newftrsocial .gplusicon{width: 30px; height: 30px; background-position: -5px -42px;}
.newftrlinkdesktop .newftrsocial .youtubeicon{width: 30px; height: 30px; background-position:-78px -42px;}
.newftrlinkdesktop .newftrsocial .pinicon{width: 30px; height: 30px; background-position:-149px -4px;}
.newftrlinkdesktop .newftrsocial .linkicon{width: 30px; height: 30px; background-position:-149px -42px;}
.newftrlinkdesktop .newftrsocial .instaicon{background-position: -148px -82px;width: 30px; height: 30px;}


.newftrlinkdesktop .newftrsocial .fbicon:hover{background-position: -43px -7px;}
.newftrlinkdesktop .newftrsocial .twittericon:hover{background-position:-114px -4px;}
.newftrlinkdesktop .newftrsocial .gplusicon:hover{ background-position:  -43px -42px;}
.newftrlinkdesktop .newftrsocial .youtubeicon:hover{background-position: -114px -42px;}
.newftrlinkdesktop .newftrsocial .pinicon:hover{ background-position: -184px -4px;}
.newftrlinkdesktop .newftrsocial .linkicon:hover{ background-position: -184px -42px}
.newftrlinkdesktop .newftrsocial .instaicon:hover{ background-position: -183px -82px}

.newftrgplay .gplay{background-position:-5px -125px;width: 130px;height: 42px; margin-right: 10px;}
/* .newftrgplay .gplay:hover{background-position:-5px -77px;} */
.newftrgplay .iphoneapp{background-position:  -5px -221px;width: 130px;height: 42px;}
/*  .newftrgplay .iphoneapp:hover{background-position:-5px -173px;} */
 
.copyright .floatleft {float: none;margin: 0 auto;width: 290px; display: none;}
.copyright .logowdh {display: none;}
.ftrsocial { margin-top: 10px; }

.newftr .newftrmobi { display: inline-block;width: 100%; text-align: center; }
.newftrmobi li {display: inline-block;width: auto;margin-right: 4px;padding-right: 4px; border-right: solid 1px #999; line-height: 1;}
.newftrmobi li:last-child{ border-right: none; margin-right: 0; padding-right: 0;  }
.newftrmobi li a{color:#999; font-size: 11px; position: relative; top: 2px;}
.ftrgirnarlink a { color: #fff; }
.ftrgirnarlink a:focus, .ftrgirnarlink a:hover{ color: #999; }
.newftrmobi li a:hover, .newftrmobi li a:focus{ color: #fff; }
.ftrlink2 { display:none; }
.ftrsprite { background: url(../image/newfooter-sprite.png) no-repeat; line-height: 0px;
    font-size: 0px; display: inline-block; display:inline;vertical-align: middle;
    zoom: 1; }
.copyright {
  background:rgba(0, 0, 0, 0.8);  
    border-top: solid 1px #333;
  display: inline-block;
      padding-top: 10px;
  text-align: center;
  width: 100%;
}
.allright {
  color: rgba(255, 255, 255, 0.4);
   
  font-size: 11px;
  margin-bottom: 5px;
}
.developed-by {
  color: rgba(255, 255, 255, 0.4);
   
  font-size: 11px;
  padding-bottom: 15px;
}

body.pnoscroll{overflow: hidden}

/*New Book Service Page*/
/* .nb-desktopview { display: none; } */
.nb-mobiview { display: block; }
.nbinput-active label{ color: #000 !important; }
/* .nbinput-active .nbinput { border-bottom: solid 1px #7c7c7c !important; } */
.nberror input { background: #fef2f2;padding-left: 5px !important; border-bottom: solid 1px #ff2524 !important; }
.nberror .errormsg{bottom: -21px;color: #ff2524;font-size: 12px;left: 0;position: absolute;}

.nbook-mobitab {background: #f6f6f6;padding: 15px 0;text-align: center;  margin-bottom: 30px;}
.basicmobitab { display: inline-block; text-align: center; position: relative; }
.nbook-mobitab .tabcircle{ background:#000; width: 40px; height: 40px; border-radius: 20px; color: #fff; font-size: 16px;  line-height: 40px;  display: inline-block;}
.nbook-mobitab .tabname{ color:rgba(26, 26, 26,.8); font-size: 12px; margin-top: 10px; }
.nbtabdivi { display: inline-block; padding-top: 15px; vertical-align: top; }
.nbtabdivi .nbone{ display: inline-block; border-bottom: solid 1px #c2c2c2; width: 40px;vertical-align: middle; }
.nbtabdivi .nbtwo{ background: #c2c2c2; width: 8px; height: 8px; display: inline-block; border-radius: 50%; vertical-align: middle;}
.nbtabdivi .nbth{ display: inline-block; border-bottom: solid 1px #c2c2c2; width: 13px; vertical-align: middle;}
.nbtabdivi .nbfour{background: #fff;border: 3px solid #c2c2c2;border-radius: 50%;display: inline-block;height: 12px;width: 12px;vertical-align: middle;}
.servicemobitab { display: inline-block;text-align: center; position: relative;  }
.nb-tabhide{background: rgba(246, 246, 246, 0.8);display: inline-block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.nb-shareresult, .nb-addresspick{ display: none; }
.nb-addresspick{ margin-top:15px}
.nb-sharecar{color: #ec2028 !important;display: inline-block;float: left;font-size: 11px;margin: 25px 0;text-align: right;text-transform: uppercase;width: 100%;}
.nb-shareactive{color: #0d4896 !important;}

.newbookser{ padding-top: 0;   }
.newbookser h1{ color: #353535; font-size: 21px; line-height: 1;   text-align: center; }
.nformwrap { display: inline-block;width: 100%; /*border-bottom: solid 1px #d4d4d4;margin-bottom: 50px;*/ }
.nformwrap .title {color: #1a3760; font-weight: 600; font-size: 16px;   opacity: 0.8; margin-bottom: 30px; display: none;letter-spacing:0.8px; }
.nformwrap .drop { 
  width: 100%; 
  /* float: left;  */
  margin-right: 0; 
  margin-bottom: 25px; 
  position: relative; 
}

.nformwrap .form-group > .select-wrapper{background-color: none; }
/* .nformwrap select{ margin-top: 5px !important; border:solid 1px #7c7c7c !important; } */

.nbook-pickupradio {display: inline-block;width: 100%;}
.nbook-pickupradio label{ font-size: 16px; color:#1a3760; margin-right: 20px; width: auto; }
.nbook-pickupradio > p {display: inline-block;width: auto;}
.nbook-pickupradio input[type="radio"] + label span { border-radius: 50% !important;cursor: pointer;display: inline-block;height: 16px;left: 0;margin-right: 5px;padding: 0 !important;
position: relative;top: 1px;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;width: 16px !important; border:solid 2px #ababab; }

/*.nbook-pickupradio input[type="radio"]:checked + label span {border: 2px solid #f44624 !important;}
.nbook-pickupradio input[type="radio"]:checked + label span:after {background: #f44624;  border-radius: 50%;content: "";height: 6px;left: 3px;position: absolute;top: 3px;width: 6px;}*/


.nformwrap .nbook-btn {cursor: pointer; margin-top:0;border-radius:8px;width: 290px;height:40px; line-height: 45px; display:table; color: #1a3760;font-weight: 600; font-size: 15px; 
 text-align: center;transition: all 0.4s ease-in-out 0s;  -webkit-transition: all 0.4s ease-in-out 0s; letter-spacing: 2px; margin: 0px auto; border:none; padding: 0; }
.nformwrap .marksfields {color: #a0a0a3;font-size: 12px;margin-top: 10px;}
.nb-serresult{ border-bottom: none; margin-bottom: 0; display: none; }
.newbookser .nbook-pickupradio p input {
display: none;
}
/*New Outlet Page - 48pxListing*/

.newoutlet-desktopview{ display: none; }
/* .outlate-page .newoutlet-desktopview{margin-top: 40px; } */
/* .newoutlet-mobiview{ display: block; padding:10px 0 20px 0 !important;  position: relative;} */
.newoutlet-mobiview .innermain{ width: 100%; }
.nout-btn1{color: #fff;display: block;font-size: 15px;height: 47px;margin: 0 auto;padding-top: 14px;text-align: center;
width: 190px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.nout-btn1:hover, .nout-btn1:focus{ color: #fff; }
.nout-btn1 > img {display: inline-block; margin-right: 5px;position: relative;top: -2px;vertical-align: middle;width: 20px;}
.mobi-modisearch {background: #fff;display: none;left: 0;padding: 30px 10px;position: absolute;top: 0;width: 100%;  z-index: 2;}
.outlate-page .mobi-modisearch{background: #fff;}
.mobi-modisearch .title{color: #0c0c0c;float: left; font-size: 18px;line-height: 1; display: inline-block; width: 100%; margin-bottom: 30px;}
.modiclose{background:#1e1e1e; width: 40px; height: 30px; float: right; position: absolute; text-align: center; right: 10px; top: 25px;}
.modiclose:hover, .modiclose:focus{ background: #000; }
.modiclose i { background: #fff;border-radius: 10px;display: inline-block;height: 4px;position: relative;top: 7px;width: 20px;}
.mobi-modisearch .drop .select-wrapper{border: 1px solid #727272; border-radius: 5px;}
.outlet-detail-page .mobi-modisearch .drop .select-wrapper{border: none; border-radius: 0px; height: 55px;}

.outlate-page .mobi-modisearch .drop .select-wrapper{border:none; border-radius:0; height: 55px;}
.mobi-modisearch .drop .holder{ color: #000; }
.mobi-modisearch .drop { display: inline-block;  margin-bottom: 10px; width: 100%;}
.mobi-noutlist li:last-child{ margin-bottom: 0; }
.mobi-noutlocation{color: #0c0c0c; font-size: 15px;line-height: 1; word-wrap: break-word; }
.nout-btn2{ background: #f9f9f9; border:solid 1px; float: right;  padding: 5px 15px;}
.nout-btn2:hover{ color: #fff; }


.nout-mobilink a{ float: left; margin-right: 5px; }
.nout-mobilink .nout-btn2 {padding: 14px 10px 9px;}
.outlate-page .nout-mobilink .nout-btn2 {color: #fff; border-color: #e6aa1b; background:#e6aa1b; border-radius: 3px; height: 45px; line-height: normal;}

.nout-listlink{ width: 54px; height: 45px; float: left;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
position: relative; text-align: center;padding-top: 10px;   box-sizing: border-box;   -webkit-box-sizing: border-box;}
.nout-listlink:hover, .nout-listlink:focus{ opacity: 0.8; }
.nout-listlink img{ display: inline;  position: relative; }
.nout-green{background-color: #429229;}
.nout-blue{background-color: #0e7fe4;}
.nout-grey{background-color: #414141; margin-right: 0 !important;}
.nout-blue img{ top: 2px; }
.nout-grey img{ top: -2px; }
.noutmobi-bgtrans {background: rgba(0, 0, 0, 0.8);height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1; display: none;}

.noutdetailwrap {   padding: 20px 0 !important; }
.noutdetailwrap a, .noutdetailwrap button{transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.outlet-detail-page .noutdetailwrap .mobi-outbtn, .outlet-detail-page .noutdetailwrap .nout-btn1{
    background: #f5c34b;
    border-radius: 3px;
    color: #fff;
    height: 44px;
}

.mobi-outbtn{box-sizing: border-box; -webkit-box-sizing: border-box;color: #fff;float: right;font-size: 15px;height: 37px;padding-top: 12px;
text-align: center;text-transform: uppercase;width: 180px;  margin-right: 10px;}
.mobi-outbtn:hover, .mobi-outbtn:focus{ color: #fff; }
.mobi-outbtn > img {display: inline-block;margin-right: 5px;position: relative;top: -2px;vertical-align: middle;width: 15px;}
.nout-dealerdes {background: #f0f0f0;display: inline-block;width: 100%;  padding: 20px 15px; margin-top: 10px;}
.nout-dealerdes .dealerdestop { width: 100%; display: inline-block; margin-bottom: 10px; }
.nout-dealerdes .left{ width:60%; float: left; border-right: 1px solid #b3b3b3; padding-right: 5px; }
.nout-dealerdes .right{ width: 39%; float:left; padding-left: 10px; }
.nout-dealerdes .dealerdesbottom { width: 100%; display: inline-block; }
.dealerdesbottom .left { width: 100%; border-right: none; padding-right: 0;}
.dealerdesbottom .right{ width: 100%; padding-top: 10px; padding-left: 0; }
.nout-dealerdes .nout-type{ text-transform: uppercase;   }
.nout-dealerdes .nout-typename { color: #0c0c0c;   line-height: 1.3; font-size: 14px; float: left; }
.mobi-outmail { margin-top: 20px; }
.nout-dealerdes .nout-typename a{ color: #0c0c0c;overflow-wrap: break-word; }
.nout-dealerdes .nout-typename a:focus{ color: #000; }
.mobi-outseemore{background:none;border: medium none;float: left;margin-top: -21px;padding: 0;    margin-left: 50px; clear: none !important;}
.mobi-outseemore:hover, .mobi-outseemore:active{ background-color: transparent !important; }
.outplus{ background: url(../image/outlet-plus.png); width: 20px; height: 20px; }
.outminus{ background: url(../image/outlet-minus.png); width: 20px; height: 20px;}
.showless { display: none; }
.nout-tablink{ display: inline-block; width:100%; }
.nout-tablink a{border-radius: 0;height: 60px;padding-top: 15px;width:50%; }
.nout-tablink.threeprt a{width:33% !important; transition: none; -webkit-transition: none;}

.noutmob-callbtnwrap {width: 100%;text-align: center;margin: 5px 0;}
.noutmob-callbtn { color: #fff !important;background:#000;font-size: 14px;display: inline-block;line-height: 1;height: auto;
	width: auto;float: none;width: 80%;font-size: 18px;padding: 20px 0;}
.mobi-outgal { margin-top: 50px; display: inline-block; width: 100%; position: relative;border-bottom: solid 1px #bfbfbf; padding-bottom: 30px;  padding-left: 10px;
    padding-right: 10px;  }

.mobigalslider {display: inline-block;width: 100%;   margin-top: 20px;}
#mobigallery li a {background: #f0f0f0;display: inline-block;overflow: hidden;padding: 6px;}

.mobigalslider .gscr_lSAction > a {background: #000; border:solid 1px #fff; border-radius: 50%; background-position: none; transition: none; -webkit-transition: none;  }
.mobigalslider .gscr_lSAction > .gscr_lSNext span{background-position:-146px 0;height: 21px;left: 13px;position: absolute;top: 5px;width: 9px;}
.mobigalslider .gscr_lSAction > .gscr_lSPrev span{background-position:-156px 0;height: 21px;left: 11px;position: absolute;top: 5px;width: 9px;}


.noutdetailwrap .title{color: #363636;display: inline-block;float: left; font-size:18px;line-height: 1;width: 100%; text-transform: uppercase; padding:0px !important;}
.mobiout-view{ position: absolute; top: 0; right: 15px;  font-size: 16px; text-decoration: underline;}
.mobi-outreview { margin-top: 30px; display: inline-block; width: 100%; position: relative;  padding-left: 10px;padding-right: 10px; }
.mobirelist .writerpic{ float: left; width: 56px; height: 56px; overflow: hidden; }
.mobirelist .writedes{ float: left; margin-left: 10px;width: 75%; }
.mobirelist .writedes .name{   color: #0c0c0c; font-size: 16px; }
.mobirelist .writedes .mobiout-star{ margin-top: 10px;  }
.mobi-noutlist .mobiout-star { margin-top: 10px; }
.mobiout-star span{ display: inline-block; }
.mobirelist .writedes p{color: #1f1f1f; margin-top: 10px; line-height: 1.3; font-size: 14px; }
.clicktoadd-review {  display: inline-block; margin-top: 10px;text-align: center;width: 100%; text-transform: uppercase; font-size: 16px;  text-decoration: underline; }
.noutdetailwrap .nout-nearby { padding:20px 10px 0 10px;border-top: 1px solid #bfbfbf; width: 100%; display: inline-block; }
.noutdetailwrap .nreview-nearwrap{ border-top: none; padding-top: 0; margin-top: 20px; }
.noutdetailwrap .nreview-nearwrap a{padding: 0 25px; margin-bottom: 10px;border: 1px solid #727272;border-radius: 15px;}
.noutdetailwrap .nreview-nearwrap a:hover{ border:solid 1px transparent; }

.nout-popupbg {background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9999;}
.nout-popupwrap {background-color: #fff;border-radius: 4px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); left: 50%;margin-left: -45%;overflow: hidden;position: fixed;top: 30px;width: 90%;z-index: 10000; display: none;}
.nout-popupwrap .nout-close{background: rgba(0, 0, 0, 0) url("../image/outlet-popclose.png") no-repeat scroll 0 0;height: 32px;position: absolute;right:0;top: 0;width: 32px;}
.nout-popupwrap .poptitle { box-sizing: border-box;color: #1b1b1b;font-size: 20px;line-height: 1.2;padding: 15px 35px;text-align: left;width: 100%; text-transform: uppercase;}
.nout-popupwrap .nout-popupcontain {border-top: 1px solid #d1d1d1;float: left;width: 100%;}
.nout-popupwrap .nout-popupinner {padding: 30px 15px 20px;}
.nout-popupwrap .nout-inputvalue {float: left;margin: 0 0 25px;position: relative;text-align: left;width: 100%;}
.nout-inputvalue input, .nout-inputvalue textarea{ padding-left: 10px;background-color: #fbfbfb;border-radius: 10px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
color: rgba(27,27,27,.7); border:none; width: 100%;}
.nout-inputvalue input:hover, .nout-inputvalue textarea:hover{ border:1px solid #9f9f9f; }
.nout-inputvalue label{color: rgba(27,27,27,.7); font-size: 14px; float: left; margin-right: 20px;}
.nout-popupwrap .noutpoop-starcount { float: left; position: relative;top: -3px; }
.nout-inputvalue textarea { resize: none; height: 100px; }
.nout-popupwrap .nout-viewbtn{display: block;margin: 0 auto;padding: 13px 0;width: 140px; border-radius:10px; text-align: center;background-color: #0e7fe4; color: rgba(255,255,255,.7);
text-transform: uppercase; font-size: 14px; border:none;}

/* .newoutlist { padding-top: 20px;   } */
.newoutlist a, .newoutlist button{ transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.outlate-page .newoutlist .nout-viewbtn{border-radius: 8px; height: 55px; line-height: 27px; font-size: 16px; color: #1a3760;}

.outlate-page .newoutlist .nout-recall{line-height: 20px; height: 40px;}
/* .outlate-page .newoutlist .nout-recall:hover{
    background: #323232;
} */
/* .outlate-page .newoutlist .nout-right .nout-viewbtn{height: 40px; line-height: 20px; background: #0a2357; color: #fff; border: 1px solid #0a2357;} */

.noutsearch .drop{width: 100%;}
/* .nout-viewbtn{ padding:14px 50px; color:#000; font-size: 18px; display: inline-block;
transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;} */
/* .nout-viewbtn:hover, .nout-viewbtn:focus{color: #fff;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; background: #323232;} */
.noutsearch .holder{ color: #a9a8a8;}
/* .noutsearch .select-wrapper{border: solid 1px #cfcfcf;} */
.noutlistwrap{ margin-top: 28px; padding-top: 20px; }
/* .nout-top {border-bottom: solid 1px #dedede; width: 100%; display: inline-block; float: left; } */
/* .nout-left{ float: left; border-right: solid 1px #d7d7d7; padding: 20px 0px 20px 25px; width: 75%; } */
/* .nout-left a{ display: inline-block; position: relative;top:0; } */
.nout-left .nout-rating { display: inline-block;   float: right; margin-right: 10px; }
.nout-rating span{ display: inline-block; }
.star-fullselect{background: url(../image/outlet-star1.png) no-repeat; width: 23px; height: 23px; background-size: 100%; margin-right: 5px; display: inline-block;}
.star-unselect { background: url(../image/outlet-star2.png) no-repeat; width: 23px; height: 23px; background-size: 100%; margin-right: 5px; display: inline-block;}
.star-midselect { background: url(../image/outlet-star3.png) no-repeat; width: 23px; height: 23px; background-size: 100%; margin-right: 5px;display: inline-block; }
.nout-left .ratcount{line-height: 1;padding-left: 10px;padding-top: 3px;}


.newoutlist-right {display: inline-block;width: 200px;  vertical-align: top; margin-left: 10px;}
.newoutlist-right .newolistr-column {background: #ffffff;border: 1px solid #cccccc;border-radius: 4px;margin-bottom: 10px;padding: 0;width: 100%; display: inline-block;}
.newoutr-title { font-size: 15px;padding: 10px; color: #fff;}
.newolistr-column > ul {padding: 10px;}
.newolistr-column li {border-bottom: 1px solid #ececec;font-size: 14px;margin-bottom: 10px;padding-bottom: 5px;}
.newolistr-column li a:hover{color:#000;}
.newolistr-column .vmoreclick {float: right;font-size: 14px;margin-bottom: 20px;margin-right: 10px;}
.newolistr-column .vmoreclick:hover{ opacity: 0.5; }
.filtercitytitle {border-bottom: 1px solid #cccccc;font-size: 16px;margin-bottom: 10px;padding-bottom: 10px;}

/* .nout-right{ float: left;padding-left: 30px;padding-top: 20px; } */
/* .ndealer-name{color: #1a3760; font-weight: 600;   font-size: 18px; line-height: 1; padding-bottom: 6px; text-decoration: underline;} */
/* .ndealer-add{   font-size:16px; color: #5b5b5b; line-height: 1; } */
.nout-type{ color:#1a3760; font-weight: 600; font-size: 12px;   line-height: 1; padding-bottom: 6px; }
.nout-typename{ color: #3f3f3f;   font-size: 18px;line-height: 1; word-wrap: break-word; }
/* .nout-bootam{ display: inline-block; width: 100%; float: left; } */
/* .nout-working{ float: left;width: 200px; } */
.noutbrandname { width: auto;}
/* .nout-working .ntitle{color: #1a3760; font-weight: 600;   font-size: 14px; text-transform: uppercase;} */
/* .nout-working .ntime{color: #8c8c8c; font-size: 16px; max-width: 250px; overflow-wrap: break-word;} */
.requesticon{ padding-top: 15px;text-align: center; width:50px; height:50px; background:  #4a9431; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); 
-webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); border-radius: 50%; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.requesticon img{ display: inline-block; }
.nout-recall{border-radius: 30px;font-size: 14px;padding: 9px 25px;}
/* .nout-re { float: right; margin-right: 20px; } */
.nout-re:hover .nout-recall {color: #434343;}
.nout-re:hover .requesticon { background: #3a8421; }
.nout-right a{background: #fff;border: 1px solid;border-radius: 30px;font-size: 14px;padding: 7px 25px;}
.noutlistwrap .pagination li{ width: auto;}
.noutlistwrap .pagination li a{ width: auto; padding: 0 10px; }
.noutlistwrap .pagination li span{ padding: 0 10px; }

/*New Outlet Page- Detail*/
.newoutlet-detail .noutlistwrap { margin-top: 0; border-top: none; padding-top: 40px; font-family: "Outfit" }
.noutaddress{ border-radius: 8px; background-color: #ffffff;float: left; width: 100%;  padding-bottom: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
  border-image-slice: 1;}
  .noutadd-top{border-bottom: solid 1px #dfdfdf; float: left; width: 100%;}
  .noutadd-left{ float: left;padding-top: 24px; padding-left: 26px; padding-bottom: 20px; }
  .noutname{  color:#1a3760; font-weight: 600;   font-size:24px; line-height: 1; padding-bottom: 10px; display: block; }
  .nout-rating .ratcount{ color: #d88e14; font-size: 18px; padding-left: 20px; letter-spacing: 2px; padding-top: 5px; vertical-align: top; }
  .mobiout-star .ratcount { color: #d88e14; font-size: 18px; padding-left:10px; letter-spacing: 2px; padding-top:0; vertical-align: top; }
  .nout-brandtype {border-left: 1px solid #dfdfdf;float: right;height: 104px;padding-left: 20px;padding-right: 10px;}
  .noutadd-right{float: left; margin-right: 20px; height: 104px; padding-top: 20px;border-right: 1px solid #ccc; padding-right: 10px;}
    .noutadd-right:last-child{ margin-right: 0; border-right: none; }
  .noutde-brandnm{max-width: 270px;min-width: 200px;width: auto;}
    .noutd-type{color: #1a3760; font-weight: 600; font-size: 14px; line-height: 1; padding-bottom: 10px;}
  .noutd-typename{color: #323232; font-size: 20px;  line-height: 1;}
  .ndetail-left{ width: 50%; float: left;margin-top: 30px; padding: 0px 10px 0 25px;  margin-bottom: 30px;}
  .ndetail-left .title{ font-size: 18px; font-weight: 600; color:#1a3760;   padding-bottom: 20px; line-height: 1; padding-top: 0 !important }
  .ndetail-left p{ color: #363636; font-size: 14px;}
  .noutdetail-map{ margin-top: 15px; border:solid 1px #bbbbbb; width: 100%; height:197px; float: left; overflow: hidden;}
  .noutdetail-map #googleMap{ margin-top: 0 !important; }
  .ndetail-right{ float: left; width: 40%;margin-top: 30px;padding-top:0; padding-left: 25px; position: relative; min-height: 272px; margin-bottom: 30px;}
  .ndetail-right:before {border-left: 1px solid #d7d7d7;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 10px;}
  .noutde-links li{ margin-bottom: 15px; width: 100%; display: inline-block; }
  .noutde-links span{ display: inline-block; }
  .noutde-links li .iconwrap{ width: 40px; height: 40px; border-radius: 50%; background: #e6aa1b;  padding-top: 11px;text-align: center;}
  .iconwrap > img {display: inline-block;}
  .noutde-links li .iconwrap.requbg{ background: #4a9431; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); }
    .noutde-links li .iconwrap.callbackbg{ background: #1081e0;box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24), 0 0 6px 0 rgba(0, 0, 0, 0.12); }
  .noutde-links li .values{color: #000000; font-size: 14px;padding-left: 20px;padding-top: 8px;vertical-align: top;}
  .noutde-links a { display: inline-block;}
  .outlet-detail-page .noutde-links .nout-recall, .outlet-detail-page .nout-reviewbtm .nout-viewbtn{ background: #f5c34b; color: #1a3760; border-radius: 8px; }
  .outlet-detail-page .noutde-links .nout-recall:hover,.outlet-detail-page .noutde-links .nout-recall:focus, .outlet-detail-page .nout-reviewbtm .nout-viewbtn:hover, .outlet-detail-page .nout-reviewbtm .nout-viewbtn:focus{ background: #e6aa1b; border-color: #e6aa1b;}


  .noutde-links a:hover .values { color: #606060; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.noutde-links a:hover .iconwrap{ opacity: 0.8;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }

  .workingh {margin-top: 20px;}
  .workingh .workname{color: #1a3760; font-weight: 600;   font-size: 16px; padding-right: 20px;}
  .workingh .workingtime{color: #2f2f2f; font-size: 14px;}
  .workingh .workingslide{display: inline-block;height: 20px;width: 20px; text-align: center; margin-left: 20px; position: relative;  top: 5px; }
    .workingh .workingslide.nout-plus{ background: url(../image/outlet-plus.png); width: 20px; height: 20px; }
      .workingh .workingslide.nout-minus{ background: url(../image/outlet-minus.png); width: 20px; height: 20px; }
  
  .workingh .workingicon{margin-right: 10px;position: relative;top: 3px;}
  .daywise{ border-top: solid 1px #e8e8e8; padding-top: 12px; margin-top: 10px;  display: inline-block;  display: none;}
  .daywise li{ float: left; margin-right: 10px; }
  .daywise li div{ text-align: center; }
  .daywise .dayname{    font-size: 12px; color: #000; }
  .daywise .daytime{ font-family:"Outfit"; font-size: 11px; color: #000; letter-spacing: -1px; }
  .noutdetail-reviews{ margin-top: 50px; display: inline-block; width: 100%;}
  .noutallreview { margin-top: 0; }
  .noutallreview .nout-reviewtop > ul { max-height: 100%; overflow: hidden; }
  .nreview-totalrating { margin-top: 10px; }
.nreview-totalrating .overstar {float: left;margin-left: 10px;position: relative;top: -3px;}
.nreview-totalrating .nout-totalst{ display: inline-block;font-size: 14px;margin-left: 10px;padding-top: 5px;vertical-align: top; }

  .nreview-totalrating .overltitle{color: #363636;float: left; font-size: 15px;line-height: 1;}
  .noutdetail-reviews .title{color: #1a3760; font-weight: 600;   font-size: 20px; line-height: 1; float: left;}
  .noutdetail-reviews .ndetail-view {color: #000000; font-size: 14px;   float: right;}
  .noutdetail-reviews .ndetail-view:hover{color:#ed1c25;}
  /* .ndetailreviewwrap{ margin-top: 15px; border-radius: 8px; background-color: #ffffff;float: left; width: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
  border-image-slice: 1;} */
  .nout-reviewtop{ margin-top: 40px; display: inline-block; width: 100%; }
  .nout-reviewtop > ul {margin-right: 20px;overflow: auto;padding: 0 0 0 20px;/*max-height: 320px;*/}
  .nout-reviewtop li{ margin-bottom: 40px; display: inline-block; width: 100%; }
  .nout-reviewimg{ background: #cfcfcf; width: 60px; height:60px; overflow: hidden; border-radius: 50%; float: left; }
  .nout-reviewimg img{ max-width: 100%; display: block; opacity: 0.2; }
  .nout-reviewcontain{ margin-left: 30px; float: left;width: 85%; }
  .namerating{ color: #464646; font-size: 16px;  }
  .namerating .reviewer {display: inline-block;vertical-align: top;}
  .nout-reviewcontain .ratingcount{color: #2f2f2f;  font-size: 16px;letter-spacing: 2px; vertical-align: top;}
  .ratingdat {vertical-align: top;}
  .nout-reviewcontain p{color: #464646; font-size: 14px;}


.ndetailreviewwrap .revi-rateex .form-group{ position:relative; display: inline-block; width: 100%; }

 .nout-reviewbtm .mainreview{display: inline-block;padding-left: 40px;width: 100%;}
.nout-reviewbtm .nout-reviewright{ float: left; width: 800px; margin-left: 30px; }
.nout-reviewbtm .ratername{color: #464646;   font-size: 16px; float: left; border-right: solid 1px #d6d6d6;  height: 55px;line-height: 55px; padding-right: 30px;}
.nout-starrate { float: left; margin-left: 30px;margin-top: 13px; }
.outlet_main .main{ width: 100%; }




.nout-gallery { margin-top: 50px; }
.nout-gallery .title {color: #363636;float: left; font-size: 20px;line-height: 1; width: 100%; display: inline-block;}
.nreview-gallerywrap { display: inline-block; width: 100%; margin-top: 25px; background-color: #ffffff;float: left; width: 100%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
  border-image-slice: 1; padding: 25px 60px;}
  .nreview-gallerywrap li{float:left;width: 140px; height: 103px; margin-right: 10px; overflow: hidden; position: relative;  margin-bottom: 10px;}
  .nout-viewgal span { cursor:pointer;background: rgba(0, 0, 0, 0.6);color: #fff;display: inline-block; font-size: 20px;height: 100%;left: 0;padding-top: 36px;
position: absolute;text-align: center; top: 0;width: 100%; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.nout-viewgal span:hover{ background: rgba(0, 0, 0, 0.2);color: #fff;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.nout-showgal { display: none; }
.nout-nearby{ margin-top: 50px; padding-bottom: 40px; }
.nout-nearby .title{color: #363636;float: left; font-size: 20px;line-height: 1; width: 100%; display: inline-block;}
.nreview-nearwrap{ display: inline-block; width: 100%; border-top:  solid 1px #bbbbbb;  margin-top: 30px;padding-top: 30px; }
.nreview-nearwrap li{ border: solid 1px #e0e0e0; float: left; height: 35px; padding: 0 45px; color: #0d0d0d; font-size: 13px; text-align: center; margin-right: 10px; line-height: 35px;
transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; margin-bottom: 10px; }

#noutgal-popup .sprite.model_close {background-position: -479px -167px;height: 36px;position: absolute;right:3px;top:3px;width: 37px;z-index: 999;}
#noutgal-popup .sprite.model_close:hover{ background-position: -518px -167px; }

.gsc_modal_wrapper {background: #fff;height: 100% !important;overflow: hidden !important;padding: 0 !important;}
#noutgal-popup .model_close{ width: 36px; height: 36px; background: #fff; border-radius: 50%; position: absolute;right:3px;top:3px;  z-index: 99;}
#noutgal-popup .model_close i {background-position: -145px -206px;height:16px;width:16px; left: 8px; position: absolute;top: 8px;}
#noutgal-popup .model_close:hover i{ background-position:  -145px -206px; opacity: 0.5; }
#noutgal-popup .gscr_lSAction > a { background: #000; border:solid 1px #fff; border-radius: 50%; background-position: none; transition: none; -webkit-transition: none; }
#noutgal-popup .gscr_lSAction > .gscr_lSNext .sprite{background-position:-146px 0;height: 21px;left: 13px;position: absolute;top: 5px;width: 9px;}
#noutgal-popup .gscr_lSAction > .gscr_lSPrev .sprite{background-position:-156px 0;height: 21px;left: 11px;position: absolute;top: 5px;width: 9px;}
#noutgal-popup #galler_cr{ opacity: 1 !important; padding: 0 !important; }

.nout-viewbtn.nout-showreview{display: block;margin: 0 auto 10px;padding: 10px 0;text-align: center;width: 130px; margin-top:40px;}
.outpop-galtitle {background: #fff;color: #404040; font-size: 16px;max-width: 650px;padding: 10px 0;text-transform: uppercase;width: 100%;}

.nout-mobitiwrap{ float:left; width:100%; }
.nout-mobiaddreviewbtn{position: absolute;right: 5px; top:46px;}
.nout-mobi-overrat{width: 100%; display: inline-block;margin:5px 0 0; font-size: 14px;}
.nout-mobi-overrat .over{ float:left;position: relative;top: 5px; margin-right: 10px;}

.mobirelist{ display: inline-block; width: 100%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); background: #f0f0f0; border-radius: 10px; margin-top: 45px;
padding:25px 10px; }
.nout-totalst-mobi{color: #000;padding-top: 5px;display: inline-block;font-size: 13px; position: absolute;top: 0px;right: 5px;}

/*Click To Call*/
.callwrap{bottom: 32px;height: 60px;left: 20px;position: fixed;z-index: 999;}
.clickcall{border-radius: 32px;background-color:#18cc25;box-shadow: 1px 1.7px 5px rgba(0, 0, 0, 0.35);height: 60px;width:60px; cursor:pointer;
    transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}
.grow{ width: 176px;}
.clickcall i{display: inline-block;height: 27px;left: 19px;position: absolute;top: 18px;width: 27px;}
.clickcall span{color: white; font-size: 15px;left: 65px;position: absolute;text-transform: uppercase;top: 24px;width: 179px; opacity:0; visibility: hidden;
    transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}
.grow span{ opacity: 1; visibility: visible;}
.callpopupbg {  z-index: 99;background-color: rgba(0,0,0,.7); height: 100%; width: 100%; position: fixed; top: 0; left: 0; display: none; }
.callparenttab{display: none; left: 60px;position: absolute;bottom: 60px;width: 160px;}
.callparenttab a{ width: 160px; height: 35px; background-color: rgba(255,255,255,.75); border-radius: 17px; display: block; margin-bottom: 10px; font-size: 14px;
    color: #000; text-align: center; line-height: 35px;transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.callparenttab a:hover, .callparenttab a:focus, .callparenttab a:active{ background-color:#fff !important; color: #000 !important; }
.callpopup{background: #fff;display: none; }
.callpopup a.callpclose{position: absolute;right: 6px;top: 7px;transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}
.callpopup a.callpclose:hover{transform: rotate(90deg); }
.callpclose img {box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; -ms-box-shadow:none !important;}
.callpopwrap{height: 350px;margin-top: 10px;overflow-y: scroll !important;padding: 0 10px; margin-bottom: 20px;}
.callpopup #search {border-radius: 5px;margin: 10px 0;padding-left: 10px;width: 80%; color: #a1a1a1; float: none;}
.callpopup #search:hover, .callpopup #search:focus { color: #212121; }
.callpopwrap .userdetail {border-top: 1px solid #ccc;padding-top: 15px; margin-top:10px; display: inline-block; width: 100%;}
.callpopwrap .userdetail a {display: inline-block; width: 100%;}
.callpopwrap .userdetail:first-child{ border-top:none; padding-top: 0; margin-top:0; }
.callpopwrap .name{ font-size: 18px; color: #212121;  padding-bottom: 16px; }
.callpopwrap .landmark, .callpopwrap .ph a{font-size: 16px; color: #000 !important;  line-height: 1; padding-bottom: 12px; text-align: left; }
.callpopwrap .addrs{color: #404040;text-align: left;}
.callpopwrap .ph{color: #18cc25;float: right; font-size: 14px;text-align: center;width: 60px;}
.callpopwrap .ph > span {display: block;padding-bottom: 5px; text-align: center;width: 100%;}
.callpopwrap .ph span img{box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; display: inline;}
.callbgnoscroll{ overflow:hidden; height: 100%; position: fixed;}
#gsc_modal_overlay{background-color: rgba(0, 0, 0, 0.5) !important;}
.borderradius5 { border-radius: 5px !important; }
.nosearchmrgn .callpopwrap{   margin-bottom: 40px !important; margin-top: 40px !important;}
.callpop_left {float: left;width: 75%;}

/*New Contact Page*/
#show_contactus .popupwrap .close {background-position: 0 -173px;height: 13px;padding: 0;width: 13px;right: 7px; top: 9px;}
#show_contactus .popupwrap .close:hover{ opacity: 0.5 }



.nco-sharedetail{ margin-bottom:25px; display:inline-block; width: 100%; }
.ncon-calldealer{ width: 190px; height: 37px; line-height: 37px; color: #1A3760; text-align: center; background: #fff; border-radius: 0; display: block;
font-size: 14px;  transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; margin: 15px auto}
/* .newcontactwrap .nco-sharedetail a:hover{background-color: #db2d2e;} */







.newcontactwrap .drop .nconstar{display: block;margin-top: 10px;}

.ncont-left .gsc-ta-contentWrap{ background: none; margin: 0; border:none; padding: 0; }
.ncont-left .gsc-ta-overHide{ height: 51px !important;  }
.ncont-left .gsc-ta-content { margin-bottom: 0; }

 #show_contactus .popupbg {background: rgba(0, 0, 0, 0.85); height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9999;}
 #show_contactus .popupwrap {background: #fff;left: 0; margin: 0 auto !important; position: fixed; right: 0; top: 20%; width: 90%; z-index: 10000;}
 #show_contactus .Phoneno {text-align: center;}
 #show_contactus .title{border-bottom: 1px solid #5c5c5c;color: #666; font-size: 18px;margin-bottom: 20px;padding-bottom: 10px; }
 #show_contactus .Phoneno li {padding-bottom: 10px;}
 #show_contactus .Phoneno a{color: #000; font-size: 20px;}
 #show_contactus .Phoneno a:hover{ color: #f23d18; }
 .ratingdat {vertical-align: top;}
/* .ncont-left #carousel-tab{ left:0 !important; }  
 #show_contactus .popupcontain{overflow: auto; }*/

/*New Special Offer*/
.mt20{ margin-top:20px !important;}

.newofferbtn-wrap .offer-viewbtn {margin-bottom: 10px;margin-right: 4px;margin-top: 15px;}
.newofferbtn-wrap .offer-viewbtn:last-child{ margin-right: 0; }

/* .specoffer .pagination li:hover, .specoffer .pagination li.active {
    background:none;border: 1px solid #636363 ; color: #fff;} */

/* .specoffer .innermain { max-width: 1105px; width: 100%; margin: 0 auto; } */
#soffer_tab li{ float: left; margin-right: 10px; }
#soffer_tab li:last-child{ margin-right: 0; }
#soffer_tab li a{ line-height: 1; border-bottom:solid 5px #f1f1f1; padding-bottom: 10px; width: auto; float: left;font-size:17px; color: #707070; text-align: center;}



.spoffer_listing { margin-top: 20px; margin-bottom: 40px; }
.spofferlist{ border:solid 1px #ccc; padding:10px 5px;display: inline-block;margin-bottom: 15px;  box-sizing: border-box; -webkit-box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    border-style: solid;
    border-width: 0.5px;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
    border-image-slice: 1; width: 100%;
}
.spofferlist.sofselected{ background-color: #ffffff;
    box-shadow: 0 -1px 13px 0 rgba(190, 190, 190, 0.24), 0 8px 27px 0 rgba(0, 0, 0, 0.12);}

/* .specoffer .soffer_carblock {border-right: 1px solid #dfdfdf;display: inline-block;text-align: center;    width: 50%; float: left; padding-top:5px; padding-bottom:5px;}
.specoffer .soffer_carblock img{ height: 82px; display: none; } */
.soffer_carblock h2{color: #232323; font-size: 18px;line-height: 1; margin-top: 0; text-align: left;}
.soffer_right { float: left;margin-left: 0;width: 100%;  border-top: solid 1px #e5e5e5; margin-top: 5px;  padding-top: 8px;}
.soffer_top {border-bottom: 1px solid #dadada; padding-bottom: 8px; margin-bottom: 13px; width: 100%; display: inline-block;}
.soffer_top h3 a{   font-size:16px; color: #535353;
 display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 270px;}
.soffsaving{  font-size: 14px; color: #535353; font-weight: normal; }
.spofferlist .soffer-left {float: left;}
.soffer-left a{ margin-right: 10px; }
.soffer-left a:last-child{ margin-right: 0; }
.soffer_top .soffernewcar{ display: none; color: #535353;float: left; font-size: 22px;line-height: 1;padding-left: 31px;padding-top: 15px; }
.soffernewcarmobi {color: #000;float: left; font-size: 14px;line-height: 1;padding-left: 15px;padding-top: 5px; width: 50%;}

/*.soffer_bot .soffer-left{ padding-left: 22px; }*/
.soffervalid{ padding-left: 31px; float: left;padding-top: 8px; display: none;}
.soffervalid img{ float: left; width: 28px;   margin-top: 13px; }
.soffervalid .svalidwrap {float: left;margin-left: 13px;text-align: left;}
.soffervalid span{ font-size: 14px;color: #646464;   display: block;}
.soffervalid span.validdate {font-size: 18px;color: #151515; line-height: 1.2;}
.mobi-soffervalid { display: block; padding: 0;  width: 100%; margin-bottom: 10px; }
.mobi-soffervalid span { font-size: 12px; }
.mobi-soffervalid .validdate { font-size: 14px !important;font-family: "Outfit" !important; }
.mobi-soffervalid img { margin-top: 0; }


.soffer-des{border-top: 1px solid #dadada;margin-top: 14px; padding-top: 10px; position: relative; display: none;}
.soffer-des .soff-close {background: #fafafa;  color: #adadad;     font-size: 14px;  height: 30px;  line-height: 30px;  position: absolute;right: 0;text-align: center;
    width: 62px;}
.soffer-des .soff-close i{  display: inline-block;height: 10px;position: relative; top: -1px;width: 8px; background: url(../image/sof-close.png) no-repeat; }
.soffer-des .soff-close:hover i{background: url(../image/sof-close-white.png) no-repeat; }
.soffer-des .soff-close:hover{ color: #fff; }
.soffer-des .sdes-title {color: #151515; font-size: 14px;line-height: 1;margin-top: 4px;text-align: left;}
.soffer-des .sdes-para{ color: #787878;font-size: 12px;line-height: 1.5;margin-top: 20px; text-align: left;}
.soffer-des .sdes-values {margin-top: 15px; display: inline-block; width: 100%;}
.sdes-values li { float:left; border-bottom: 1px dotted #d1d1d1; width: 100%;margin-bottom: 10px;}
.soffer-des .valuestitle{font-size: 14px;color:#7c7c7c; margin-bottom: 8px; line-height: 1; width: 50%; float: left; text-align: left;}
.soffer-des .valueselemnt{font-size: 14px;color: #000; line-height: 1; float: left; width: 50%; text-align: right; padding-right: 10px;}
.soffer-des .offer-viewbtn {   font-size: 14px; color: #fff; float: left; margin-right: 4px; }
.soffer-des .offer-viewbtn:hover{ background: #af0000 ; }
.corofferresult {margin-top: 30px; display: none;  background-color: #ffffff; padding: 10px;
    box-shadow: 0 -1px 13px 0 rgba(190, 190, 190, 0.24), 0 8px 27px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 -1px 13px 0 rgba(190, 190, 190, 0.24), 0 8px 27px 0 rgba(0, 0, 0, 0.12);  }
.co-search { margin-bottom: 0; display: inline-block; width: 100%; position: relative; }
.co-search input{ border:none; border-bottom: solid 1px #e2e2e2; font-size: 14px;   padding-left: 0; padding-bottom: 0; height:40px; color: #262626; }
.co-search a{position: absolute;right: 1px;top: 15px;width: 17px;}
.co-search .co-showresult{font-size: 14px;color: #868282; margin-top: 6px; display: inline-block;}
.co-search .co-showresult span{ color: #373636;}
.co-search a:hover{ opacity: 0.5; }
.co-search input:hover, .co-search input:focus{border:none; border-bottom: solid 1px; color: #000; box-shadow: none; -webkit-box-shadow: none;  }
.co-or{ color: #b7b7b7; font-size: 16px;  text-transform: uppercase; text-align: center; display: none; }
.co-browsewrap { margin-top: 0; }
.co-browsewrap .co-brotitle { font-size: 16px; color: #959595;  text-align: center; line-height: 1.2; display: none; }
.cobrowsenav{ margin-top: 60px;border-top: solid 1px #eee9e9; padding-top: 33px; display: inline-block; width: 100%; text-align: center; display: none; }
.cobrowsenav li { float: left; }
.cobrowsenav li a{ float: left; width: 41px; height: 41px; line-height: 41px; text-align: center;font-size: 16px;color: #959595; }
.cobrowsenav li a:hover, .cobrowsenav li a.active{ background: url(../image/sof-tabhover.png) no-repeat; width: 41px; height: 41px; color: #fff; }
.cobrowsenav > ul { margin: 0 auto; width: 1070px;}
.co-listingwrap { margin-top: 86px; display: inline-block; width: 100%; }
.co-listingwrap .browseleft { width: 535px; height: 392px; border: solid 1px #d0cfcf;  background-color: #ffffff; float: left; margin-right: 25px; display: none; }
.co-listingwrap .browseright { width: 100%; border: solid 1px #d0cfcf;  background-color: #ffffff; float: left; position: relative; }
.cobrowselisting li { width: 100%;  padding:10px 0 10px 10px;font-size: 14px;color: #636161; display: inline-block; border-bottom: solid 1px #f5f5f5; line-height: 1;}
.cobrowselisting li label{ cursor: pointer; }
.cobrowselisting .co-radio { margin-left: 37px; margin-right: 28px; float: left; }
.co-righttitle{font-size: 24px;color: #000; margin-top: 0; margin-left: 0; line-height: 1; margin-bottom: 0; position: absolute; top: -57px;}
.co-righttitle > span {color: #7d7c7c;display: block;font-size: 14px;margin-bottom: 5px;width: 100%;}
.browseright .cobrowselisting li:first-child {border-top: solid 1px #f5f5f5;}
.browseright .soffer-des {border-top:none;display: block;margin-top: 0;padding-top: 10px; display: none;}
.browseright .soffer-des { display: block; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; }
.browseright .soffer-des li { border:none; padding: 0;  border-bottom: 1px dotted #d1d1d1; }
.browseright .soffer-des .valueselemnt { color: #ed1d25; }

.browseright .soffervalid  { display: block;padding: 0; }
.browseright .soffervalid img {margin-top: 0;}
.browseright .soffervalid span {font-size: 12px;}
.browseright .soffervalid span.validdate { font-family: "Outfit" !important; font-size: 14px !important;}
.browseright .soffer-des .offer-viewbtn { width: 110px; }

/* .specoffer .cobrobtnwrap{ height: 66px; width: 100%; display: inline-block; margin-top: 0; padding: 16px 0 16px 15px;}
.specoffer .cobrobtnwrap a{ margin-top: 0; margin-right:9px; height: 35px; line-height: 35px; font-size: 14px;  color: #fff;}
.specoffer .cobrobtnwrap a:hover{ background: #bf0006; } */
.offer_terms_conditions{ position: relative; border-radius: 3px; font-size: 14px;max-width: 600px;padding: 15px !important;width: 100%; min-height: 70px; background: #fff; line-height: 1.3;}
.offer_terms_conditions .close{background-position: -482px -170px;height: 31px;position: absolute;right: 2px;top: 2px;width: 31px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s;}
.offer_terms_conditions .close:hover{ opacity: 0.5; }
/*.browseleft .cobrowselisting > ul {height: 292px;overflow-x: hidden;overflow-y: auto;}
.browseright .cobrowselisting > ul {height: 192px;overflow-x: hidden;overflow-y: auto;}*/
.cobrowselisting input[type="radio"] { margin-left: 10px; padding: 0; position: relative; top: 2px; display: none; }
.cobrowselisting input[type="radio"] + label span { border-radius: 50% !important; cursor: pointer; display: inline-block;left: 0; padding: 0 !important; position: relative;  float: left;
    top: 1px; margin-right: 10px; transition: all 0.5s ease-in-out 0s;  width: 24px !important;height: 24px !important;border: solid 2px #979797;}
.cobrowselisting input[type="radio"]:checked + label span:after {border-radius: 50%;content: "";height: 14px;left: 3px;position: absolute;top: 3px;width: 14px;  transition: all 0.5s ease-in-out 0s;  }

/*---------- Offer Ends---------*/

.desk-banner{ display: none !important;}
.mobi-banner{ width:100%;}

/*---------------- Magnific slider Popup CSS----------------- */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-pointer; cursor: -webkit-pointer; cursor: pointer; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a:hover { }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0;}
.mfp-close { width: 35px; height: 35px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); font-style: normal; font-size: 28px;   color:#fff; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background: #454140; font-size: 38px; height: 35px; right:0px; text-align: center; top: 39px; width: 35px; line-height: 26px; padding: 0 0 8px 3px;}
.mfp-counter { position: absolute; top: 0; right: 0; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #454140; }
img.mfp-img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; 
  display: block; height: auto; line-height: 0; margin: 40px auto; width: 1000px; max-height: none !important; }
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; color: #fff }
.mfp-title { text-align: left; line-height: 18px; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

.videospace { margin-top: 25px; }
.videospace .videosec { cursor: pointer; display: inline-block; width: 100%; height: 228px; position: relative; 
overflow: hidden; padding:13px 15px 10px; background: url(../image/imgouterbg.png) no-repeat;  background-size: 100%;
    box-sizing: border-box; position: relative; text-align: left; display: inline-block; margin-bottom: 10px;}
.videospace .videosec iframe{ width: 100% !important; height: auto !important;  }
.videosecmain{margin-bottom: 25px;}
.videosecmain .bntgetonroad { margin-top: 10px !important; }
.videopginner { padding-top: 0 !important; }
.videopginner .videospace { margin-top: 0px; }

.fairPriceDetail .videosec:hover .svgPath{
  fill: var(--blue);
}
.fairPriceDetail .videosec .wave{
  position: absolute;
  text-align: center;
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background-color: var(--white);
  opacity: .2;
  pointer-events: none;
  animation: wave 2s linear infinite;
  z-index: 2;
}
@keyframes wave{
  0% {
    opacity: .4;
    transform: scale(.5);
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
/* Gallery Video Section*/
.galvideowrap { width: 100%; display: inline-block; }
.fbapiwrap{ width: 100%; display: inline-block;    vertical-align: top;    margin-top: 40px; }
.fbapiwrap .fbapispace { margin-top: 25px; }
.fbapiwrap .fbapispace .btnview{width: 250px; margin: 0px auto; margin-top: 20px;}
.fbapiwrap .fbapispace iframe{ width: 100%; height: 400px; }
.galvideotab { margin-top: 25px;border-bottom: solid 1px #EEEEEE;padding-bottom: 10px;    width: 100%;display: inline-block; }
.galvideotab a{ width: 120px; height: 32px; line-height: 34px; color:#424242; display: inline-block; margin-right: 5px; 
transition: all 0.4s ease-in-out 0s;  -webkit-transition: all 0.4s ease-in-out 0s;  font-size: 15px; text-align: center; }
.galvideotab a:hover, .galvideotab a.active{ background: #000; color: #fff; }
.galv_imgresult .popup-gallery li:nth-of-type(4n), 
.galv_imgresult .popup-gallery li:nth-of-type(5n),
.galv_imgresult .popup-gallery li:nth-of-type(6n),
.videospace .videosec:nth-of-type(4n),
.videospace .videosec:nth-of-type(5n),
.videospace .videosec:nth-of-type(6n) { display: none; }

.videopginner .videospace .videosec:nth-of-type(4n),
.videopginner .videospace .videosec:nth-of-type(5n),
.videopginner .videospace .videosec:nth-of-type(6n) { display: inline-block; }

/*======== Youtube video Popup Css============*/
#thankyou-popup {border-radius: 5px;
    text-align: center;
    width: 90%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #000;
    z-index: 1599;
    height: auto; }
.overlapebg{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 1598; background: rgba(0, 0, 0, 0.8);  }
#thankyou-popup .popupcontent{ padding: 0; position: relative; }
#thankyou-popup .popupcontent iframe{    height: 360px; border:none;width: 100%;} 
 .close-icon{ position: fixed; top: -45px;right: -5px;cursor: pointer;z-index: 1600;height: 24px;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
 .close-icon:hover{ opacity: 0.75 }
[data-icon="close"] {  width: 20px;  height: 2px;  background: #fff;  margin: 15px 0 0 4px;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); display: block;  margin:0 auto; position: relative;
    top: 11px; }
[data-icon="close"]:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; top: 0px; left: 0px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);  transform: rotate(90deg);}
.close-icon {  pointer-events: visible; line-height: 0;}
.playerimg {position: absolute;background: url(../image/ytubeicon2.png); background-size:100%; width:67px;height:47px; -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s,-webkit-transform .2s;transform: translateY(-50%);
    margin: auto;top: 50%;left: 0; right: 0;}

    #ui-datepicker-div { z-index: 9999999 !important; }



    /* New Dealer Css Start */
  



.imgholder > a{display:block;position:relative;}
.phtglry h2{font-size:50px;color:#000;padding-bottom:20px;}
.phtglry{padding:40px 0;}
.phtglry .img-gallery1 .imgholder a img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out; height: 48vh;}
.phtglry .img-gallery1 .imgholder a img:hover{-webkit-transform:scale(1.025);transform:scale(1.025);}
.button3wrap{padding:15px 50px;display:inline-block;margin-top:10px;color:#fff;background:#298f10;border:none;transition:all 0.3s ease-in-out;border-radius:8px;}
.button3wrap a{color:#fff;font-size:15px;font-weight:900;}
.button3wrap a:hover{color:#fff;}
.button3wrap:hover{background-color:#000;}
.headtitle h2{font-weight:700;}
.headtitle h2>span{font-weight:500;display:block;}
.phtglry .headImg{display:flex;justify-content:center;gap:25px;}
.phtglry .imgholder.hitem > a{width:23vw;margin-bottom:20px;}
.phtglry .imgholder.big-img > a{width:48vw;}
.phtglry .img-gallery1 .imgholder.big-img a img{
    height: auto;
}


@media screen and (min-width: 767px){
.main{z-index:1;}
}
@media screen and (max-width: 768px){
.phtglry{padding:20px;}
.headtitle h2{font-size:28px;}
.phtglry .headImg{flex-wrap:wrap;justify-content:unset;gap:10px;}
.phtglry .headImg .imgholder{order:1;width:calc(50% - 5px);}
.phtglry .headImg .big-img{order:0;flex-basis:100%;}
.phtglry .imgholder.big-img > a{width:100%;height:200px;}
.phtglry .imgholder.big-img > a img{height:100%;}
.phtglry .imgholder.hitem > a{width:100%;margin-bottom:10px;}
.phtglry .imgholder.hitem > a img{height:100%;}
}
.phtglry .imgholder.hitem{
    border: none;
}

/* Gallery Section css start */



/* Home Page Css Start */
.header-inner{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    }

.header-btn a{
    padding: 8px 30px;
    white-space: nowrap;

}

.car-listing .offerlisting li .toolicon span:hover{
    background-color: #fff;
}

.headershadow .header-inner .logo{

    min-height: auto;

}
/* Our Car Service Start */
.car-service{
    margin-bottom: -80px !important;
    padding: 60px 50px;
}

.car-srvc-details{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    place-items: center;
}
.car-srvc-details h4{
    font-weight: 500;
    text-transform: capitalize;
    font-size: 36px;
    line-height: 46px;
    color: #fff;
}
.car-srvc-details .car-srvc-call span{
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
}
.car-srvc-details .car-srvc-call{
    color: #fff;
    text-align: right;
}
.car-srvc-details .car-srvc-call h5{
    font-weight: 500;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0px;
}
.car-srvc-cl-icn{
    position: relative;
    border-radius: 50%;
    width: 96px;
    background-color: #0b1a31;
    height: 96px;
}
.car-srvc-cl-icn::after{
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(../image/call-new.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 25px;
    left: 25px;
}
/* Our Car Service End */

/* Service Center Css Start */
.service-center{
    background-color: #0b1a31;
    position: relative;
}
.service-flx{
    display: flex;



}
.service-center-left{
    padding: 190px 100px 120px 56px;
}
.service-center-left h2{
    color: #fff;
    font-size: 48px;
    line-height: 56px;
}
.service-center-left p{
    margin-top: 20px;   
    font-size: 17px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 50px;
}

.srvc-cntr-info h4{
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    color: #fff;
    margin-bottom: 15px;
}
.srvc-cntr-info span{
    font-size: 17px;
    line-height: 28px;
    color: #fff;

}
.srvc-cntr-btm{
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.srvc-cntr-dtls{
    display: flex;
    column-gap: 25px;
    
}
.service-center-right{
    background-image: url("../image/video-bg-img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right -470px;
    flex: 0 0 50%;
}
.srvc-brk-icon, .srvc-cntr-icon{
    position: relative;
    border-radius: 50%;
    height: 85px;
    flex: 0 0 85px;
}
.srvc-brk-icon::after, .srvc-cntr-icon::after{
    content: "";
    width: 40px;
    height: 44px;
    background-image: url("../image/brake.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 22px;
    left: 20px;
}
.srvc-cntr-icon::after{
    content: "";
    background-image: url("../image/appointment.svg");
    left: 24px;


}
/* Service Center Css End */

/* Best Offer Css Start */
.best-offer{
    padding: 110px 0;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
}
.best-ofr-left h2{
    color: #363636;
    font-size: 48px;
    line-height: 56px;
    text-transform: capitalize;
    font-weight: 500;
}
.best-ofr-left p{
    color: #999999;
    font-size: 17px;
    line-height: 28px;
}
.best-ofr-dtls{
    display: flex;
    column-gap: 30px;
}
.best-offer-input{
    display: flex;
    column-gap: 10px;
}
.news-form{
    width: 100%;
    position: relative;
}
.news-form input{
border: 1px solid #e8e8e8;
height: 52px;
width: 100%;
font-size: 15px;
background: 0 0;
}
.best-ofr-right{
    width: 100%;
}
.button-control a{
    padding: 15px 60px;
}
.offer-card{
    margin-top: 30px;
    display: flex;
    gap: 30px;
}
.offer-card .offer-crd-info{
    display: flex;
    gap: 25px;
    align-items: flex-start;
    padding: 35px;
    background-color: #fff;
    box-shadow:0 11px 20px rgba(0,0,0,0.03);
}
.offer-crd-info h3{
    color: #363636;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
    font-weight: 500;
    text-transform: capitalize;
}
.offer-crd-info p{
    font-size: 17px;
    line-height: 28px;
    color: #999999;
}
/* Best Offer Css End */

/* News & Article Css Start */
.article-news{
    padding: 110px 0;
}
.article-news h2{
    font-size: 48px;
    line-height: 56px;
    color: #363636;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
}
.article-news p{
    color: #999999;
    text-align: center;
    font-size: 17px;
    line-height: 28px;
    margin: 20px 0 40px 0;
}
.article-dtls{
    display: flex;
    gap: 50px;
}
.article-dtls-lft{
    width: 50%;
}
.article-dtls-lft img{
    height: auto;
    width: 100%;
    min-height: 140px;
}
.article-dtls-rgt{
    display: flex;
    flex-direction: column;
    
}
.article-dtls-rgt .article-rgt-tp-img{
    width: 100%;
    height: 140px;
    flex: 0 0 130px;
}
 .article-dtls-rgt img{
    width: 100%;
    height: 100%;  
    object-fit: fill;
}
.article-info{
    margin-top: 20px;
}
.article-info{
    color: #969696;
    font-size: 16px;
    margin-bottom: 7px;
}
.article-info h3{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #363636;
    font-weight: 500;
    text-transform: capitalize;
}
.article-info h3 a{
    transition: all .25s ease-out 0s;
}

.article-info .article-more a{
    color: #db2d2e;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    position: relative;
}
.article-rgt-tp{
    display: flex;
    gap: 30px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e8e8e8;
}
.article-rgt-tp:last-child{
    border-bottom: none;

}
.bottom-arrow{
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #CB2F31;
    border-left: 1px solid #CB2F31;
    transform: rotate(135deg);
}
.bottom-arrow::after{
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: #CB2F31;
    transform: rotate(-45deg) translate(4px, 1px);
}
/* News & Article Css End */

/* Footer Css Start */
.footer{
    background-image: url("../image/footer-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.footer .newftr{
    padding: 0;
}
.footer::before{
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background-color: rgba(0,0,0,0.9);
}
.social-icon{
    border-top: 1px solid rgba(0, 0, 0, .06);
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    display: table;
    width: 100%;
    transition: all .5s ease-out 0s;
}
.social-icon a{
    display: table-cell;
    line-height: 60px;
    padding: 0 15px;
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    transition: all .5s ease-out 0s;
}
.ftrsprite{
    display: inline-block;
    width: 30px;
	height: 30px;
    float: right;
    margin-top: 12px;
}
 .social-fb .ftrsprite{
    background-position: -43px -7px;
}
 .social-fb:hover{
    color: #fff;
    background-color: #1778f2;
}
.social-istm .ftrsprite{
    background-position:-183px -82px; 
}
.social-istm:hover{
    color: #fff;
    background:linear-gradient(to right, #833ab4,#fd1d1d,#fcb045); 
}
.social-lkn .ftrsprite{ 
    background-position:-184px -42px; 
}
.social-lkn:hover{
    color: #fff;
    background-color: #0A66C2;
}
.social-gogl{
    background-position: -43px -42px;

}
.social-gogl:hover{
    color: #fff;
    background-color: #db4a39;
}
.social-pirt{
    background-position: -184px -4px;
}
.social-pirt:hover{
    color: #fff;
    background-color: #E60023;
}
.social-tw .ftrsprite{
    background-position: -114px -4px;
  
}
 .social-tw:hover{
    background-color: #1da1f2;
    color: #fff;

}
.social-icon .social-yt .ftrsprite{
    background-position: -114px -42px;
}
.social-icon .social-yt:hover{
    color: #fff;
    background-color: #f00;

}
.footer .newftrlinkdesktop{
    padding: 60px 0;
}
.social-media .ftrsprite{
    opacity: 0.5;
}
.social-media:hover .ftrsprite{
 
    opacity: 1;
}

.newftr .newftrlinkdesktop li.title::before{
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    left: 0;
    bottom: 0px;
}
.newftr_rightwrap .newftrgplay{
    display: flex;
    flex-direction: column;
}

/* Footer Css End */

/* Vehicles Css Start */
.vhcls{
    padding-top: 75px;
    padding-bottom: 80px;
    position: relative;
    z-index: 99;
}
.vhcls-head h4{
    font-size: 30px;
    margin-right: 30px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
}
.vhcls-head {
    display: flex;
    align-items: center;
}
.vhcls-head .vhcls-type{
    display: flex;
}
.vhcls-head .vhcls-type li, .vhcls-head .vhcls-type li a{
    color: #fff;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline;
    line-height: 28px;
    text-underline-offset: 5px;
    margin: 0 2px;
}
.vhcls-head h5{
    position: relative;
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    margin-left: auto;
}
.vhcls-head h5::before{
    content: "";
    border-color: #FFF transparent transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0px 6px;
    height: 0;
    position: absolute;
    top: 19px;
    left: -16px;
    width: 0;
    transform: rotate(-90deg);

}
.vhcls-form form{
    display: flex;
    gap: 30px;
    align-items: center;
}
.vhcls-form form select{
    border: 0;
    background-color: #fff;
    padding: 14px 15px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    color: #323232;
    width: 100%;
    appearance: none;
}

.vhcls-form .selected-box::after{
    content: "";
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 8%;
    position: absolute;
    top: 42%;
    width: 0;
}
.vhcls-form .selected-box{
    width: 142px;
    position: relative;
}

.vhcls-form .vhcl-btn a{
    border-radius: 3px;
    background: #323232;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    padding: 13px 28px;
}
.vhcls-form .srch-lcnt{
    max-width: 466px;
    width: 100%;
    position: relative;
}
.vhcls-form .srch-lcnt input{
    background-color: #fff;
    border-radius: 3px;
    border: 0;
    color: #323232;
    height: 47px;
}
.vhcls-form{
    padding-top: 30px;
}
/* Vehicles Css End */

/* Brand Model Css Start */
.brand-mdl{
    padding: 50px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 100%);
}
.brand-mdl h3{
    margin-bottom: 80px;
    color: #363636;
    font-size: 17px;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.brand-mdl h3::after{
    content: "";
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
    flex: 0 0 45%;
}
.brand-mdl h3::before{
    content: "";
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
    flex:  0 0 45%;
}
.brand-mdl .brand-name{
    font-size: 16px;
    text-align: center;
    display: block;
    line-height: 21px;
    margin: 0 auto; 
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.brand-mdl .flexslider .slides img{
    width: auto;
    height: auto;
}

.brand-head ul li a img{
    object-fit: contain;
    width: 147px;
    height: 43px;
}
.brand-mdl .brand-head ul li a:hover{
    color: #db2d2e;
}
.brand-logos  ul li a img{
    object-fit: contain;
    width: 147px;
    height: 43px;
}

.brand-logos .slides{
    display: flex;
    justify-content: space-around;

}

/* Brand Model Css End */


/* Home Page Css End */

/*central model css*/
#modal-carousel{
    width:100%;
    margin:0 auto;
}


#image-box{
    position: relative;
    height:350px;
    width:80%;
    margin:0 auto;
}
.gsc_modal_close {background-image: url("../images/close.png") !important;right: 20px !important;top: 20px !important;}




.gsc_modal img{box-sizing:border-box;}





  /* New Cars Css Start */
  .sidebar h3{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 28px;
  }
  .sidebar h3::before{
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    left: 0;
    bottom: 0px;
  }
  
  .fltr-search input{
    background: 0 0;
    border: 1px solid #eceff8;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    height: 45px;
    color: #999;
  }
  .sidebar-mb{
    margin-bottom: 40px;
  }
  .fliter-vhcls{
    background: #f5f5f5;
    padding: 15px;
  }
  .fliter-item .fliter-vhcls-tl{
    font-size: 15px;
    margin-right: 15px;
    position: relative;
    display: block;
    color:  #db2d2e;
    margin-bottom: 30px;
    font-weight: 600;
  }
  .fliter-vhcls form select{
    border-color: #ddd;
    background-color: #fff;
    padding: 5px 15px;
    font-size: 13px;
    line-height: 22px;
    color: #999999;
    width: 100%;
    appearance: none;
    margin-bottom: 10px;
  }
  .fliter-vhcls .selected-box::after{
    content: "";
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 5%;
    position: absolute;
    top: 30%;
    width: 0;
}
.fliter-vhcls .selected-box{
    position: relative;
}
.reset-btn a{
    padding: 7px 25px;
    border-radius: 0;
}
.fliter-btn a{
    padding: 3px 15px;
    margin-top: 10px;
    border-radius: 0;
}
/* .new-listing .offerlisting .divblock>li{
    max-width: fit-content;
    min-height: auto;
    padding: 0;
} */
.new-listing .offerlisting >ul{
    row-gap: 25px;

}
.new-listing .offerlisting .imagehold img{
    max-height: 100%;
    width: 100%;

}
.new-listing .offerlisting li .texthold{
    padding: 20px;
}
.new-listing .offerlisting li h3{
    font-size: 16px;
    font-weight: 600;
    color: #db2d2e;
    height: auto;
    margin-bottom: 10px;
}
.new-listing .offerlisting li h3 a:hover{
    color: #212121 !important;
}
.new-listing .offerlisting li h3 a{
    text-align: center;
}
.new-listing .offerlisting .car-overlay-banner{
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    left: 0;   
}
.new-listing .hitem:hover .text, .new-listing .offerlisting li .toolicon span:hover{
    background-color: #fff;

}

.fltr-overlay-btm{
    background: #fff;
    color: #363636;
    overflow: hidden;
    bottom: 0;
    height: 0;
    left: 0;
    position: absolute;
    transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    width: 100%;
    z-index: 5;
    text-align: center;
    border-color: #ddd
}

.fltr-overlay-btm li{
    line-height: 22px;
    color: #999;
    padding: 5px 5px;
    display: inline-block;
    font-weight: 400;
    font-size: 17px;
}

.filter-price{
    font-weight: 700;
    font-size: 16px;
    color: #363636;
}
.separator{
    margin-bottom: 15px;
}
.offerlist-item .separator {
    margin-bottom: 15px
}

.offerlist-item .separator:after {
    width: 50px;
    display: block;
    margin: auto;
    content: "";
    height: 1px;
    background: #000;
    bottom: 0;
    left: 50%;
    transition: width .8s ease,background-color .8s ease;
    -webkit-transition: width .8s ease,background-color .8s ease;
    -o-transition: width .8s ease,background-color .8s ease;
    -ms-transition: width .8s ease,background-color .8s ease;
    -moz-transition: width .8s ease,background-color .8s ease
}

.offerlist-item .separator:before {
    content: '';
    display: block;
    margin: auto;
    left: 50%;
    height: 1px;
    width: 30px;
    bottom: -10px;
    background: #000;
    transition: width .8s ease,background-color .8s ease;
    -webkit-transition: width .8s ease,background-color .8s ease;
    -o-transition: width .8s ease,background-color .8s ease;
    -ms-transition: width .8s ease,background-color .8s ease;
    -moz-transition: width .8s ease,background-color .8s ease;
    margin-bottom: 4px
}


.offerlist-item {
    position: relative;
    overflow: hidden;
    border: solid 1px #dfdfdf;
}
.offerlist-item .car-overlay-banner:before{
    transform:translateY(-100%)

}
/* .offerlist-item:hover .car-overlay-banner{
opacity: 1;
} */
.offerlist-item:hover .fltr-overlay-btm{
    height: 40px;
    border-bottom: 1px solid #f5f5f5
}
.offerlist-item:hover .separator:before {
    width: 50px;
    left: 0;
}

.offerlist-item:hover .separator:after {
    width: 30px;
    left: 0;
}
.offerlist-item:hover .car-overlay-banner{
    opacity: 1;
}
.offerlist-item:hover .car-overlay-banner:before{
    transform: translateY(0);
}
.gsc_modal .gsc_modal_open .gsc_modal_animIn{
    background-color: #000;
}

img[data-gsll-src]{background:url("../image/loading.gif");height:32px;text-indent:-9999px;line-height:1;margin:0 auto;width:32px!important;background-repeat:no-repeat;display:inline-block;margin:0!important;padding:0!important;}

/* Model Overview Css Start */

.overview-details h1, .variant-overview h1{
    font-size: 32px;
    line-height: 40px;
    text-transform: capitalize;
    color: #363636;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 0;
    border-bottom:1px solid #e8e8e8;
    padding-bottom: 10px;
    
}
.overview-details .price, .variant-overview .price{
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 20px;
    color: #1A3760;
}
.overview-details .price i, .variant-overview .price i{
    font-size: 20px;
}


.overview-details .overview-slider .gscr_lSAction .gscr_lSPrev,
.overview-details .overview-slider .gscr_lSAction .gscr_lSNext,
.variant-overview .gscr_lSAction .gscr_lSPrev,
.variant-overview .gscr_lSAction .gscr_lSNext
 {
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e3e3e3;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out; 
    transition: all .3s ease-in-out;
    opacity: 1;
}


.overview-details .overview-slider .gscr_lSAction .gscr_lSPrev::before,
.overview-details .overview-slider .gscr_lSAction .gscr_lSNext::before,
.variant-overview .gscr_lSAction .gscr_lSPrev::before,
.variant-overview .gscr_lSAction .gscr_lSNext::before 
{
    content: "";
    z-index: 11;
    display: block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #363636;
    border-left: 2px solid #363636;
    transform: rotate(-45deg); 
    position: absolute;
    top: 11px;
    left: 11px;
}
.overview-details .overview-slider .gscr_lSAction .gscr_lSNext::before,
.variant-overview .gscr_lSAction .gscr_lSNext::before 

{
    transform: rotate(135deg); 
    left: 9px;
}

.overview-details .overview-slider .gscr_lSAction .gscr_lSPrev:hover::before,
.overview-details .overview-slider .gscr_lSAction .gscr_lSNext:hover::before,
.variant-overview .gscr_lSAction .gscr_lSPrev:hover::before,
.variant-overview .gscr_lSAction .gscr_lSNext:hover::before
{
    border-color:  #fff;
}

.Averagediv{
    margin-bottom: 40px;
    border: none;
    color: #fff;
    padding: 25px 15px;
    text-align: center;
    height: auto;
    position: relative;
    width: 100%;
    display: block;
}
.Averagediv h2{
    text-transform: none;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    line-height: 28px;
}
.Averagediv .average-info{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.Averagediv .average-info .average-head{
    color: #fff;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 15px;
}
.Averagediv .average-info .average-head>:last-child{
    font-size: 30px;
    margin-top: 10px;
    font-weight: 700;
}
.cityselectblock .heading{
    font-size: 24px;
    line-height: 34px;
    text-transform: capitalize;
    color: #363636;
    font-weight: 500;
}
.cd-tabs-content-model .overview-head{
    font-size: 18px;
    line-height: 24px;
    padding: 20px 0;
    color: #363636;
}






/* Model Overview Css End */

/* contact page css */
.contact-page h1{
    border: none;
    padding: 0;
}
.outlate-page .newoutlist .nout-btn1{
    border-radius: 3px;
}
.outlate-page .newoutlist .nout-btn1:hover,.outlate-page .newoutlist .innermain .nout-btn1:focus{
    background: #323232;
}

.searchbarlistcontainer{
    display: none;
}
.variant-overview .variant-btn{
    display: flex;
    gap: 15px;
    padding-bottom: 30px;
}

.variant-overview .cd-tabs-content .tablemain tr{
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #212121;

}

.mobfilter {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    /* background-color: #FFFFFF; */
    overflow-x: hidden;
    transition: 0.5s;
    /* padding-top: 60px; */
  }
  .mobsidebarfilter-left{
    padding: 15px;
  }
  .mobfilter a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  
  .mobfilter a:hover {
    color: #f1f1f1;
  }
  
  .mobfilter .closebtn {
    position: absolute;
    top: 20px;
    right: 33px;
    font-size: 55px;
    margin-left: 50px;
  }
  
  @media screen and (max-height: 450px) {
    .mobfilter {padding-top: 15px;}
    .mobfilter a {font-size: 18px;}
  }
  .filterbg{
    background:rgba(0,0,0,0.85)
  }
  .mobsidebarfilter-left{
    background-color: #ffff;
    height: 100%;
    padding-top: 30px;
  }
  .compare .compare-three .select-wrapper .holder{
    line-height: 36px;
  }

  .tstmnal-popup .select-int{
    height: 42px;
  }
  .tstmnal-popup .select-wrapper.select-int >.custom-select{
    height: 42px;
    border: 1px solid #eaeaea;



  }
  .tstmnal-popup .select-wrapper.select-int .holder{
    height: 42px;
    line-height: 40px;
  }
  .tstmnal-popup .field-testimonial-description textarea::placeholder{
    line-height: 70px;
  }
  .tstmnal-popup .popupwrap .popupbutton{
    padding-right: 20px;
  }
  .newoutlet-detail .newoutlet-desktopview{
    margin-bottom: 30px;
  }
  .sellcars .sell_input .form-group input{
    height: 50px;

  }
  .request-btn1, .request-btn1 {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .request-info p{
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    text-transform: capitalize;
    padding-bottom: 10px;
    color: #999;
  }
  .request-btn1 a::before, .request-btn2 a::before {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("../image/Offers.svg");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: -25px;
  }
  .request-btn2 a::before{
    background-image: url("../image/Financial.svg");


  }

  .Averagediv{
    position: relative;
  }
  .Averagediv .fuel-img::before{
    content: "";
    width: 51px;
    height: 51px;
    background-image: url("../image/fulety.svg");
    background-repeat: no-repeat;
    background-size: cover;   
    display: block;
  }
  .share-social-icn{
    position: relative;
    margin-left: auto;
  }
  .share-social-icn a{
    font-size: 14px;
    padding-right: 5px;
    font-weight: 400;
    color: #363636;
  }
  .share-social-icn a:hover{
    color: #363636;
  }

  .share-social-icn a::after{
    content: "";
    width: 17px;
    height: 17px;
    background-image: url("../image/user-add.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
  }
  .share-social-icn a:hover::after{
    background-image: url("../image/user-add-hvr.svg");
  }
  .share-head{
    padding: 30px;
  }
  .share-hd-info{
    display: flex; 
    justify-content: space-between;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    margin-bottom: 30px;
    align-items: center;
  }
  .share-hd-info h3{
    font-size: 20px;
    color: #323232;
    text-transform: capitalize;
  }
  .share-hd-info .popup-Close{
    cursor: pointer;
    filter: invert(1);
    width: 18px;
    height: 18px;

  }
  .share-item ul{
    display: flex;
    gap: 10px;

  }
  .share-item ul li .wa-share img{
    width: 20px;
  }


  .share-item ul li a{
    width: 45px;
    height: 45px;
    background: 0 0;
    line-height: 30px;
    font-size: 16px;
    padding: 0;
    border: 1px solid var(--grey-border);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: var(--grey-border);
  }
  .share-item ul li a:hover{
    border: 1px solid var(--blue);
    background: var(--blue);
  }
  .share-item ul li a img{
    filter: gray saturate(0%) brightness(70%) contrast(1000%);
  }
  .share-item ul li a:hover img{
    filter: invert(1);
  }

  .share-item ul li .fb-share::after,
  .share-item ul li .tw-share::after,
  .share-item ul li .ln-share::after,
  .share-item ul li .pin-share::after,
  .share-item ul li .wa-share::after
  {
    /* content: "";
    width: 17px;
    height: 17px;
    background-image: url("../image/facebook-black.svg");
    background-repeat: no-repeat;
    background-size: cover; */
  }

  /* .share-item ul li .tw-share::after{
    background-image: url("../image/Twitter-red.svg");
  }
  .share-item ul li .ln-share::after{
    background-image: url("../image/linkedin.svg");
  }
  .share-item ul li .pin-share::after{
    background-image: url("../image/prnt-rd.svg");
  }
  .share-item ul li .wa-share::after{
    background-image: url("../image/whtapp.svg");
  }

  .share-item ul li .fb-share:hover::after
 {
    background-image: url("../image/fcbok-blk.svg");
  }
  
  .share-item ul li .tw-share:hover::after{
    background-image: url("../image/Twitter-blk.svg");
  }

  .share-item ul li .ln-share:hover::after{
    background-image: url("../image/linkedin-blk.svg");
  }
 
  .share-item ul li .pin-share:hover::after{
    background-image: url("../image/prnt-blk.svg");
  }

  .share-item ul li .wa-share:hover::after{
    background-image: url("../image/whtapp-blk.svg");
  } */

/*   .sellcars .inputvalue input[type="radio"]:checked + label span, .sellcars input[type="radio"]:checked + label span{
    border: 8px double #db2d2e !important;
  } */
  .sellcars .title.headingh h1{
    border-left: 4px solid ;
    padding: 0px 15px 0;
    border-color: #f5c34b;
  }
  #page.disclaimer.about-page .title p{
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #999;
    padding-top: 0;
    padding-bottom: 10px;
  }
  .disclaimer.about-page .title p>strong{
    font-weight: 500;
    text-transform: capitalize;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #363636;
    display: block;
    margin: 25px 0 0;
  }
  .disclaimer.about-page .title p:first-child{
    margin-top: 0;

  }
  .car-listing .offerlisting li .toolicon li .link-hm.quickview,
  .car-listing .offerlisting li .toolicon li .compare,
  .car-listing .offerlisting li .toolicon li .gallery,

  .new-listing .offerlisting li .toolicon li .quickview,
  .new-listing .offerlisting li .toolicon li .compare,
  .new-listing .offerlisting li .toolicon li .gallery
  {
    width: 16px;
    height: 16px;
    background-image: url("../image/link-hm.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    background-position: center;
  }
  .car-listing .offerlisting li .toolicon li .compare,
  .new-listing .offerlisting li .toolicon li .compare{
    background-image: url("../image/arrow-hm.svg");
  }
  .car-listing .offerlisting li .toolicon li .gallery,
  .new-listing .offerlisting li .toolicon li .gallery{
    background-image: url("../image/max-hm.svg");


  }


  .offerlisting li .toolicon span{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .selected.modeloverview .tablebox{
    padding-bottom: 30px;

  }
  .testimonial-box ul{
    display: flex;

  }
  .testimoinal-card{
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    min-height: 360px;
    border-radius: 8px;
  }
  .testimonial-box{
    padding-top: 50px;

  }

  .testimoinal-img{
    position: relative;
    z-index: 1;
    text-align: center;
  }
  .testimoinal-img img{
    width: 80px;
    height: 80px;
    display: inline-block;
    border: 4px solid #fff;
    border-radius: 50%;
    margin: 0;
    vertical-align: middle;
  }
  .testimoinal-img h3{
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    color: #1a3760;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
  }
  .testimoinal-img span{
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    color: #999;
    min-height: 30px;
    display: block;
  }
  .testimoinal-info{
    text-align: center;
    text-align: -webkit-center;
    overflow-y: auto;
    max-height: 180px;
  }
  .gsc_thin_scroll-new::-webkit-scrollbar{ width:8px}
  .gsc_thin_scroll-new::-webkit-scrollbar-track, .gsc_thin_scroll-new::-webkit-scrollbar-thumb{border-radius: 10px; background:#fff}
  .gsc_thin_scroll-new::-webkit-scrollbar-thumb {background:#a4a4a4}
  .gsc_thin_scroll-new::-webkit-scrollbar-thumb:hover{background:#999;}
  
  #page.testimonials .testimoinal-info p{
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 10px;
    color: #5f6973;
    
  }
  .testimoinal-info .quote-right{
    width: 24px;
    height: 28px;
    background-image: url("../image/quote-blk.svg");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    background-position: center;
  }
  .testimoinal-card:hover .quote-right{
    background-image: url("../image/quote-red.svg");
  }
  
  /* Blog Css Start */
  .blog-detail-page .blisting .blog_img{
    width: 100%;

  }
  .read-more-blg{
    font-size: 17px;
  }
  .displaynone {
    display: none;
  }
  .visibilitynone {
    visibility: hidden;
  }


  .fltr-search{
    position: relative;
  }
  .srch-btn-lst::before{
    content: "";
    background-image: url("../image/srch-btn.svg");
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    top: 17px;
    right: 15px;
    position: absolute;
    background-position: center;

  }
  


.mainfeatures .menu-button{box-shadow:0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 6px 0 rgba(0, 0, 0, 0.19);cursor:pointer;height:47px;margin:2em;padding:15px 7px 5px;width:116px;border-radius:30px;z-index:999;position:relative;background: var(--blue);}
.mainfeatures .menu-button .help,.mainfeatures .menu-button .close{color: var(--white);;font-size:16px;text-transform:capitalize;font-weight:700;}
.mainfeatures .featuretext{text-align:left;}
.feature-hlp-opn{display:flex;justify-content:space-evenly;align-items:normal;}
.hlp-ovrly{border:1px solid rgba(0,0,0,.12);padding:20px 10px;width:100%;max-width:260px;min-width:260px;position:absolute;bottom:55px;right:0px;background:#fff;text-align:left;fill:#FFF;stroke-width:0.9px;stroke:#E9E9E9;filter:drop-shadow(0px 2.6999998092651367px 4.5px rgba(0, 0, 0, 0.07));border-radius:16px;z-index:3;flex-direction:column;gap:7px;display:none;}
.feature-hlp .icon_big,.feature-hlp .help{display:block;}
.feature-hlp .icon-close,.feature-hlp .close{display:none;}
.icon-close{width:20px;}
.hlp-ovrly .helpPopupHead h3{font-size:20px;font-weight:600;line-height:30px;color:#24272c;}
.hlp-ovrly .helpPopupHead p{font-size:13px;line-height:20px;color:rgb(0, 0, 0, 0.5);}

@media screen and (min-width: 1000px){
.mainfeatures .menu-button{bottom:0px;}
}

.mainfeatures.active{background:none!important;}
.displaytext{font-size: 15px;display:block!important;text-align:center;transition:all 1s ease 0s;font-weight:400;line-height: 27px;}
.active .feature-hlp .icon-close,.active .feature-hlp .close{display:block;filter: brightness(0) invert(1);}
.active .icon_big,.active .help{display:none;}
.feature-hlp .icon-close,.feature-hlp .close{display:none;}
.active .hlp-ovrly{display:flex;}
.mini.down a,.mini.diag a,.mini.left a{
  display:flex!important;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}


/* Search Bar Header Start */

 .search-hdr .srch-br-btn.open {  
    width: 15px;
    position: relative;
    height: 15px;
  } 

  .search-hdr .srch-br-btn.open:hover:before,
  .search-hdr .srch-br-btn.open:hover:after  {
    background-color: #db2d2e;
  }
  .search-hdr .srch-br-btn.open:before, 
  .search-hdr .srch-br-btn.open:after {
    position: absolute;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #363636;
    top: 0px;
    left: 8px;
  }
  .headershadow .search-hdr .srch-br-btn.open:before, 
  .headershadow .search-hdr .srch-br-btn.open:after {
    top: 0px;
  }
  .search-hdr .srch-br-btn.open:before {
    transform: rotate(45deg);
  }
  .search-hdr .srch-br-btn.open:after {
    transform: rotate(-45deg);
  }
  

.search-hdr .srch-br-btn::before{ 
    content: "";
    background-image: url("../image/srch-btn-bck.svg");
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
.searchform .search-box .srch-bx-inpt:focus{
    background: 0 0;
    border: 1px solid #db2d2e;
    
}
.search-hdr:hover .srch-br-btn::before{
    background-image: url("../image/srch-btn.svg");
}
.searchform .search-box{
    background:#fff;
    margin:0;
    padding:15px;
    position:absolute;
    right:0;
    top:100%;
     transition:visibility .3s ease 0s,opacity .3s ease 0s;
    width:327px;
    z-index:888;
    border-radius:0;
    -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    border-top: 5px solid #db2d2e;
    display: none;
}
.searchform .search-box .srch-bx-inpt{
    background:0 0;
    border:1px solid #eceff8;
    padding-left:15px;
    box-shadow:none;
    padding-right:15px;
    width:100%;
    height:45px;
    color:#999;
}
.search-box button{
    position:absolute;
    right: 15px;
    top: 15px;
    border:none;
    background:0 0;
    padding:11px;
    height: calc(100% - 30px);
    transition:all .1s ease-in-out;
}
.search-box .srch-bx-icn::before{
    content: "";
    background-image: url("../image/srch-btn.svg");
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
.search-hdr .srch-bar{
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.searchform{
    height: 100%;
}
.mt-28{
    margin-top: 28px;
}
.vhcls-form .srch-lcnt .fltr-atcmplt{
    max-width:466px;
}
.vhcls .selected-box option:hover{
    background-color: #db2d2e;

}


.outlt-popup input[type="text"], .outlt-popup input[type="email"], .outlt-popup input[type="tel"], .outlt-popup  textarea{
height: 42px;
}
/* .usedcar .button-main{
padding: 12px 20px;
} */
.usedcar .select-wrapper{
    height: 42px;
}
.usedcar .select-wrapper .holder{
    line-height: 50px;   
}

.testimonal .owl-pagination{
  bottom: -25%;
}
.testimonal .owl-pagination .owl-page.active{
  background: #1947e2;
  opacity: 1;
}
.testimonal .owl-pagination .owl-page{
  opacity: 0.1;
  background: #000;
  height: 8px;
  width: 8px;
}

.overflowhidden{
  overflow: hidden;
}

.nearcity_citieswrap{ 
  text-align: left;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 10px 20px;
  width: 100%;
  display: inline-block;
  position: relative;
  background: #fff;
  box-sizing: border-box;
}
.nearcity_title {
  color: #404040;
  font-family: "Outfit";
  font-size: 16px;
  margin-bottom: 20px;
  width: 100%;
  display: inline-block;
}
.variant-overview#modelpage .tablebox .accessories{
margin-top: 0;
}
.model-slider-container {
  display: flex;
  width: 100%; 
  gap: 15px;
}

.model-flexslider {
  position: relative;
  width: 100%;
  /* width: 90%; Adjust width as necessary */
  max-height: 500px; /* Set a maximum height for the slider */
  overflow: hidden; /* Hide overflow to maintain the layout */
}

.model-thumbnails {
  width: 120px; /* Adjust width as necessary */
  display: flex;
  flex-direction: column;
  max-height: 500px; /* Match this to the slider's max height */
  overflow-y: auto; /* Allow scrolling if thumbnails exceed height */
}
.model-thumbnails::-webkit-scrollbar{
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none; 
}

.model-thumbnails ul {
  list-style-type: none;
  padding: 0;
}

.model-thumbnails li {
  margin-bottom: 10px; /* Space between thumbnails */
  cursor: pointer;
  max-height: 100px; /* Set a fixed height for thumbnails */
  overflow: hidden; /* Hide overflow for thumbnails */
}
.model-thumbnails li img, .overview-details .model-flexslider ul li img, .variant-overview .model-flexslider ul li img{
  border-radius: 8px;
}

.thumbnail-highlight {
  border: 2px solid #007bff; /* Highlight border color */
  opacity: 0.8; /* Slightly change opacity for effect */
}


/* Used Car Css Start */

.usedcar .selectbg{
  background-color: #f9f9f9;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 30px;
    position: relative;
    overflow-y: auto;
}

.usedcar .selectbg h3, .accessories .selecttext{
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 20px;
  color: #1a3760;
}
.usedcar .listing-sidebar .select-wrapper{
  height: 50px;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
}
.usedcar .listing-sidebar .select-wrapper select, .accestable-box .accestable .select-wrapper .custom-select{
  height: 50px !important;
}
.used-car-new .listing-right p{
  padding-top: 0;
}
/* Used Car Css Start */

/* Outlet Css Start */
.outlate-page .newoutlist .noutsearch{
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.outlate-page .newoutlist .noutsearch .select-wrapper select{
  width: 100%;
}

/* Outlet Css End */
.bg-colr{
  background: var(--white);  
}

/* Accessories Css Start */
.accessories .selectboxes{
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 30px 30px;

}
.accestable-box .accestable .select-wrapper{
  height: 50px;
  border: 1px solid #eaeaea;
  margin: 0 0 20px 0;
  border-radius: 8px;
}
.shop-item{
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
  transition: all .3s ease;
}
.shop-item h2 a{
  color: #1a3760;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 8px;
    margin-top: 10px;
}
.shop-item .shop-price{
  color: #1a3760;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px;
}
.shop-item button{
  margin-top: 10px;
  color: #1a3760;
    background: #f5c34b;
    border-radius: 8px;
    transition: all .3s ease;
    border: 1px solid #f5c34b;
    font-size: 13px;
    font-weight: 600;
    height: 44px;
    line-height: 16px;
    padding: 0 45px;
    text-align: center;
    display: inline-block;
    position: relative;
}
.shop-item a img{
  width: 100%;
  height: 100%; 
}

#accdetail .acccont .accru-item{
  color: #5f6973;
  font-size: 13px;
  line-height: 30px;
   
}
#accdetail .acccont .accru-item .element{
  margin-left: 40px;
    text-transform: capitalize;
}
#accdetail .acccont .accru-item .acvalue{
  font-weight: 600;

}
.access-qustn .contactdetail .form-group input{
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  color: #5f6973;
  font-size: 15px;
  height: 50px;
  line-height: 18px;
  padding-left: 20px;
}
.outlate-page .newoutlist .select-wrapper,.outlate-page .newoutlist .select-wrapper select{
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
}

.accessories .select-wrapper .holder{
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Blogs css*/
.bloglisting { text-align: left; padding: 20px 10px; margin: 0px auto; width: 100%; position: relative;}
.blisting { margin-bottom: 40px; display: inline-block; width: 100%;  }
.blisting .blogimg {margin: 0 auto;width: 164px;}
.blisting .blistcontain{float: left; width: 100%;margin-top: 20px;}
/* .bloglisting .blisting img {float: left; } */
.bloglisting .blisting h2{font-size: 28px;line-height: 1;width: 100%; color: #323232;}
.bloglisting .blisting p{
  font-size: 13px;
  line-height:24px;
   overflow-wrap: break-word;
     
    color: #5f6973;
    margin-bottom: 30px;
  }
.bloglisting .blisting a:hover{ color: #000; }
.blog-detail-page .content-box{}

.blogdetailpg h1 { 
    
  text-transform: capitalize;
  color: #1a3760;
    font-size: 34px;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 10px;
    text-align: center;
  }
  .blogdetailpg h2{
    color: #1a3760;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    padding-top: 50px;
  } 
  .accessories.blog-details{
    border-top: 1px solid #eaeaea;
    padding-top: 50px;

  }
.bvenuedetail{ margin-top: 20px; color: #505050; font-size: 13px; }
.bvenuedetail li{ margin-bottom: 25px; }
.bvenuedetail li span:first-child{float:left; color: #000; margin-right: 10px;  }
.blogdetailpg .fbcomments { margin-top: 40px;}
.blogdetailpg .fbcomments img{ margin-right: 0; }



.fbshare{ margin-top: 20px; background-color:#4d6ab4;border:solid 1px #3d5aa4;border-radius: 3px;padding: 5px 10px;cursor: pointer; display: inline-block;
    text-align: center;vertical-align: middle;white-space: nowrap;}
.fbshare a{color: #fff !important;font-size: 12px;line-height: 1.5;}
.fbshare .counts{background-color: #fff;color: #4d6ab4;border-radius: 10px;display: inline-block;font-size: 12px;font-weight: 700;line-height: 1;min-width: 10px;padding: 3px 7px;text-align: center;vertical-align: middle;white-space: nowrap;}
.fbshare:hover {background-color: #3d5aa4;border-color:#4d6ab4;color:#fff;}
/* .blog_img { float: right !important;margin-left: 10px; max-width: 300px; border:solid 1px #ccc;} */

.resume-page #submitresume input[type="text"], #submitresume input[type="email"], #submitresume input[type="tel"]{
  background: #fff;
  border: 1px solid #eaeaea;
}

.compare-model-stcky{
  position: sticky;
  top: 0px;
  background: #fff;
  height: 40px;
  width: 100%;
  z-index: 99999;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: end;
  margin-bottom: 10px;
  box-shadow: 0 5px 17px rgba(0,0,0,.05);
  align-items: center;
}

.compare-mdl-text{
  font-size: 16px;
  color: #363636;
  line-height: 1.5;
  text-align: center;
}

.finance .contactinform .select-wrapper, .finance  .contactinform .select-wrapper select {
  border: 1px solid #eaeaea;
  background: url(../image/br_down.png) no-repeat 95% 50% #ffffff;
}
.popupcontain .detailsection .cardetail .name img{
  width: 24px;
  height: 24px;
  vertical-align: middle;

}
.usedcardetailmail .leftdetail h3 a, .usedcardetailmail  .offerlisting li h3 a{
  color: #1a3760;
  font-weight: 600;

}

/* Header Top Css Start */
.hedr-tp-info{
  display: flex;
  justify-content: space-between;

}
.header-social{
display: flex;
gap: 24px;  
}
.hedr-tp-contact {
  position: relative;
  z-index: 5;
  border-bottom: 1px solid hsla(0, 0%, 100%, .1);
  padding: 10px 0;
  width: 100%;
}
.hedr-tp-contact .hedr-tp-left{
  display: flex;
  gap: 31px;
}
.hedr-tp-contact .hedr-tp-left .header-cl-icn{
  background: url("../image/header-call.svg") no-repeat center;

}
.header-adrs-icn{
  background: url("../image/header-map.svg") no-repeat center;

}
.header-tim-icn{
  background: url("../image/header-clock.svg") no-repeat center;

}
.header-adrs-icn, .header-cl-icn, .header-tim-icn{
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;

}
.hedr-tp-left a{
font-size: 12px;
font-weight: 400;
line-height: normal;
color:#fff;
}
.topheader-nonhomepage{
border-bottom-color: #EAEAEA;
}
.topheader-nonhomepage .hedr-tp-left a{
  color: #5F6973;
}
.topheader-nonhomepage .header-social li a img, .topheader-nonhomepage .hedr-tp-left .header-cl-icn, .topheader-nonhomepage .header-tim-icn{
  filter: invert(43%) sepia(16%) saturate(332%) hue-rotate(169deg) brightness(55%) contrast(89%);

}
/* Header Top Css Start */
.ui-datepicker-calendar tr td a {
  text-align: center;
}

/* Boxer theme start */

/* Popular Css start */
.makesPlr{
  padding: 50px 0 35px 0 !important;
  background-color: var(--grey-border);
  border-radius: 0px;
  background: var(--white-background);
}
.subHeading-h2{
  color: var(--black);
  font-size: 22px;
  font-weight: 700;
  line-height: 22px; 
  text-align: start;
  margin-bottom: 20px;
}

.brandNameCard{
  display: block;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows:  auto;
  gap: 20px;
}
.brandNameCard .brandName{
  color: var(--black);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.6px;
}
.makesPlrBox{
  margin-bottom: 20px;
  padding: 21px 24px;
  position: relative;
  text-align: center;
  width: 148px !important;
  margin-right: 16px !important;
  height: 100%;
  border-radius: 16px;
  border: 1px solid var(--grey-border);
  background: var(--white);
}
.makesPlrBox a img{
  object-fit: contain;
  width: revert-layer;
}
.makesPlrBox:hover{
  border: 1px solid var(--blue);
  transition: all 0.2s ease-in-out;
}
.makesPlrBox:hover .brandName{
  color: var(--blue);
  transition: all 0.2s ease-in-out;
}

/* Popular Css End */


/* Featured Lisiting Css Start */
.exploreList{
  padding: 50px 0 !important;
  background-color: var(--white);
}

.exploreList .featured-tab{
  line-height: 45px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--grey-border);
}
.exploreList .featured-tab li a{
  color: var(--black);
  padding: 0px 0px 9px 0px;
  text-transform: capitalize;
  text-align: left;
  transition: all .6s ease;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 29.6px;
}
.exploreList .featured-tab li a{
  border-bottom: 2px solid transparent;
}
.exploreList .featured-tab li a.active{
  background-color: #fff;
  border-bottom: 2px solid var(--blue);
  
}
.exploreList .featured-tab li a:hover{
  background-color: #fff;
  color: #1a3760;
}
.vehicleCardCard{
  display: block;
  grid-template-columns: repeat(3,328px);
 /*  grid-template-rows: 350px auto; */
  gap: 10px;
}
.exploreList .gscr_lSAction{
  position: relative;
}
.exploreList .gscr_lSAction>.gscr_lSPrev{
  background-position: 0 0;
  left: 0;
  border: 1px solid var(--grey-border);
  background: var(--white);
}
.exploreList .gscr_lSAction>.gscr_lSPrev::after,
.exploreList .gscr_lSAction>.gscr_lSNext::after
{
  border: 1px solid #050B20;
  border-width: 0 0 2px 2px;
  content: "";
  display: block;
  font-size: 0;
  height: 10px;
  left: 50%;
  line-height: 0;
  margin: -6px 0 0 -5px;
  position: absolute;
  top: 50%;
  transform: rotate(-315deg);
  width: 10px;
}
.exploreList .gscr_lSAction>.gscr_lSNext::after{
  transform: rotate(225deg);
}
.exploreList .gscr_lSAction>.gscr_lSNext{
  background-position: -32px 0;
  left: 80px;
  border: 1px solid var(--grey-border);
  background: var(--white);
}
.exploreList .gscr_lSAction>.gscr_lSPrev:hover,
.exploreList .gscr_lSAction>.gscr_lSNext:hover{
  color: var(--black);
  background: var(--white-background);
  border-color: var(--black);
  opacity: 1;
  transition: all 0.3s ease-in-out 0s;
}

.exploreList .gscr_lSAction>a{
  width: 60px;
  border-radius: 20px;
  display: block;
  height: 40px;
  bottom: -70px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: 0;
  opacity: .8;
  -webkit-transition: opacity .35s linear 0s;
  transition: opacity .35s linear 0s;
}


.ftrd-crd-list{
  background-color: var(--white);
  border: 1px solid #eaeaea;
  border-radius: 16px;
  margin-bottom: 30px;
  position: relative;
  box-shadow: 0 7px 10px transparent;
}
.ftrd-crd-list:hover{
  box-shadow: 0 7px 10px rgba(23,26,33,.05);
}
.ftrd-crd-list:hover .carCard a{
  color: var(--blue);
  text-decoration: underline;
  transition: all 0.2s ease-in;
}
/* .ftrd-crd-img::before{
  background-image: linear-gradient(180deg, transparent 0, #0c1227);
    bottom: 0;
    content: "";
    height: 100px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    z-index: 1;
    transition: all .3s ease-in-out;
} */
/* .ftrd-crd-list:hover .ftrd-crd-img::before{
  opacity: 1;

} */
/* .ftrd-crd-list:hover .ftrd-crd-thm{
  visibility: visible;
  transform: translateY(-3px);
  z-index: 1;
  bottom: 18px;
} */
/* .ftrd-crd-thm{
  display: flex;
  align-items: center;
  bottom: -15px;
  left: 0;
  position: absolute;
  transform: translateY(40px);
  transition: all .3s ease;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;

}*/
.ftrd-crd-img{
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  position: relative;
  z-index: 0;
  height: 180px;
} 

.ftrd-crd-img>img{
  color: transparent;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all .3s ease; 
}
/* .ftrd-crd-list:hover .ftrd-crd-img img{
  transform: scale(1.1);
} */
.ftrd-crd-thm li a{
  color: #fff;
  font-size: 11px;
  line-height: 13px;

}
.feature-tag{
  background-color: var(--green);
  border-radius: 60px;
  color: var(--white);
  left: 20px;
  letter-spacing: .03em;
  padding: 6px 13px;
  position: absolute;
  top: 15px;
  z-index: 1;
  transition: all .3s ease;
  font-size: 14px;
  font-weight: 500;
  line-height: 25.9px; 
  text-transform: capitalize;
}
.carCard .carPrice{
  display: block;
  margin-bottom: 8px;
  color: var(--black);
  font-size: 17px;
  font-weight: 500;
  line-height: 21.6px; 
}
.carPrice i{
  font-style: normal;
}

.carCard h4 a{
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: block;
  color: var(--black);
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}
.carCard h4 a:hover{
  color: var(--blue);
  transition:  0.3s ease-in-out 0s;
  text-decoration: underline;
}

.ftrd-crd-btm{
  border-top: 1px solid #eaeaea;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ftrd-crd-btm li>span{
  margin-left: 8px;
  vertical-align: text-bottom;
}
.carCard{
  padding: 16px ;
}
.carCard .specs ul{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.carCard .specs ul li{
  text-align: center;
  padding: 10px 0;
}
.carCard .specs ul li span{
  display: block;
}
.carCard .specs ul li img{
  width: 22px;
  height: 22px;
}
.carCard .priceDtl{
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.carCard .priceDtl .carPrice{
  display: inline-block;
}
.carCard .priceDtl .viewAll{
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 500;
  line-height: 27.75px; 
}
.carCard .priceDtl .viewAll img{
  width: 14px;
  height: 14px;
}


.testimonal .owl-pagination{
  bottom: -25%;
}
.pluse-btn{
  background-color: #f5c34b;
  border-radius: 50%;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin-left: 15px;
  text-align: center;
  width: 35px;
  -o-box-shadow: 0 7px 20px rgba(245, 195, 75, .2);
  box-shadow: 0 7px 20px rgba(245, 195, 75, .2);
  transition: all .3s ease;
  font-size: 18px;
}
.featured-btn a span:hover{
  background-color: #1a3760;
  color: #fff;
}
.ftrd-crd-button a{
  color: #1A3760;
  text-align: right;
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 6px;
}

.ftrd-crd-btn-arw{
  background-color: #f5c34b;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
}
.ftrd-crd-btn-arw::before{
  content: "";
  background: url("../image/arrow-right-bl.svg") no-repeat center;
  width: 24px;
  height: 24px;
  display: block;
}

/* .ftrd-crd-button a:hover .ftrd-crd-btn-arw::before{
  content: "";
  background: url("../image/arrow-right.svg") no-repeat center;

} */
/* Featured Lisiting Css End */


/* Popular Css Start */
.recentViewList{
  padding-top: 50px !important;
  background-color: var(--black);
  width: 100%;
}

.recentViewList h2{
  color: var(--white);
}
.recentCardList{
  flex-direction: column;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.07);
}
.recentCardList .carImg{
  position: relative;
}
.recentCardList .carImg img{
  border-radius: 16px 16px 0 0;
  height: 220px;
  object-fit: cover;
}
.recentCardList .carImg .feature-tag{
  left: 20px;
}
.recentCardList .carDetail{
  padding: 15px;
}
.recentCardList .carDetail .smallprice sup{
  top: -2px;
}
.recentCardList .carDetail h3,
.recentCardList .carDetail .price
{
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
  line-height: 21.6px; 
}
.recentCardList .carDetail p,
.recentCardList .carDetail span{
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 10px;
}
.recentCardList .carDetail .specs{
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.recentCardList .carDetail .specs li{
  text-align: center;
  padding: 10px 0;
}
.recentCardList .carDetail .specs li img{
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
}
.recentCardList .carDetail .specs li span{
  display: block;
}
.line-through {
  text-decoration: line-through !important;
}
.truncate1L{
  white-space: nowrap; 
  width: 260px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

.recentCardList .carDetail .price{
  /* display: flex;
  justify-content: space-between;
  align-items: baseline; */
}
.recentCardList .carDetail h3 a{
  color: var(--white);
}
.recentCardList .carDetail .price span{
  display: inline-block;
}
.recentCardList .carDetail .price .viewAll{
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: 27.75px;
}
.recentCardList .carDetail .price .viewAll img{
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1);
}


.recentViewList .gscr_lSAction{
  position: relative;
}
.recentViewList .gscr_lSAction>.gscr_lSPrev{
  background-position: 0 0;
  left: 0;
  border: 1px solid var(--white);
  background: var(--black);
}
.recentViewList .gscr_lSAction>.gscr_lSPrev::after,
.recentViewList .gscr_lSAction>.gscr_lSNext::after
{
  border: 1px solid var(--white);
  border-width: 0 0 2px 2px;
  content: "";
  display: block;
  font-size: 0;
  height: 10px;
  left: 50%;
  line-height: 0;
  margin: -6px 0 0 -5px;
  position: absolute;
  top: 50%;
  transform: rotate(-315deg);
  width: 10px;
}
.recentViewList .gscr_lSAction>.gscr_lSNext::after{
  transform: rotate(225deg);
}
.recentViewList .gscr_lSAction>.gscr_lSNext{
  background-position: -32px 0;
  left: 80px;
  border: 1px solid var(--white);
  background: var(--black);
}
.recentViewList .gscr_lSAction>.gscr_lSPrev:hover,
.recentViewList .gscr_lSAction>.gscr_lSNext:hover{
  border-color: var(--white);
  background-color: var(--white);
  transition:  0.3s ease-in-out 0s;

}
.recentViewList .gscr_lSAction>.gscr_lSPrev:hover::after,
.recentViewList .gscr_lSAction>.gscr_lSNext:hover::after{
  border-color: var(--black);
  transition:  0.3s ease-in-out 0s;

}

.recentViewList .gscr_lSAction>a{
  width: 60px;
  border-radius: 20px;
  display: block;
  height: 40px;
  bottom: -70px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: 35px;
  opacity: .8;
  -webkit-transition: opacity .35s linear 0s;
  transition: opacity .35s linear 0s;
}

/* Popular Css end */


/* Testimonials Css Start */
.testimonial{
  background-color: var(--white-background);
  overflow: hidden;
  padding:50px 0 !important ;
}

.testimonal h2{ 
  text-align: start;
}
.testimonialBox{
  border-radius: 8px;
  padding: 0;
  position: relative;
  box-shadow: 0 18px 20px rgba(23, 26, 33, .05);
  margin: 8px 0 0 0 ;
  height: auto;
  display: flex;
  flex-direction: column;
}

.testimonialItem{
  display: flex;
  margin-bottom: 10px;
  flex-direction: column;
}
.testimonialItem img{
  width: 100%;
  border-radius: 8px;
  height: 327px;
}


.testimonialItemDetail h3{
  color: var(--black);
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
}
.testimonialItemDetail span{
  color: var(--black);
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}
.testimonialBox p {
  color: var(--black);
  font-size: 18px;
  font-weight: 500;
  line-height: 33px;
  margin-top: 10px;
}
.testimonialBox::before{
  content: none;
}
.testimonal .flex-control-nav{
  width: auto;
  left: 0;
  right: 0;
}
.testimonial .owl-pagination {
  display: none;
}
.testimonial .owl-buttons{
  display: block;
  width: 100%;
}
.testimonial .owl-buttons .owl-prev,
.testimonial .owl-buttons .owl-next{
  background-color: var(--white);
  border: 1px solid var(--grey-border);
  width: 60px;
  border-radius: 20px;
  display: block;
  height: 40px;
  bottom: -70px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  opacity: 1;
  -webkit-transition: opacity .35s linear 0s;
  transition: opacity .35s linear 0s;
}

.testimonial .owl-buttons .owl-prev{
  left: -15px;
  top: -30px;
}
.testimonial .owl-buttons .owl-next{
  right: -15px;
  top: -30px;
}
.testimonial .owl-buttons .owl-prev::before,
.testimonial .owl-buttons .owl-next::before{
  border: 1px solid var(--black);
  border-width: 0 0 2px 2px;
  content: "";
  display: block;
  font-size: 0;
  height: 10px;
  left: 50%;
  line-height: 0;
  margin: -6px 0 0 -5px;
  position: absolute;
  top: 50%;
  transform: rotate(-315deg);
  width: 10px;
}
.testimonial .owl-buttons .owl-next::before{
  transform: rotate(225deg);
}
/* Testimonials Css End */


/* Choose Us Css Start */
.chooseUs{
  background-color: var(--white);
  padding: 80px 0 !important;
  border-top: 1px solid var(--grey-border);
}
.chooseUsCard .chooseUsItem{
  margin-bottom: 20px;
  position: relative;
  transition: all .3s ease;
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.chooseUsDtls h4{
  color: var(--black);
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
}
.chooseUsDtls p{
  color: var(--black);
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;

}
.chooseUsImg{
  position: relative;
}
.chooseUsDtls{
  text-align: left;
}
/* Choose Us Css End  */



/* Artical Css Start */
.recentArtcl{
  background-color: var(--white);
  padding: 50px 0 !important;
  padding-bottom: 90px;
}

/* .recentArtcl h2{
  font-size: 34px;
  font-weight: 600;
  line-height: 41px;
  margin-top: 0;
  text-align: center;
  margin-bottom: 50px;
  color: #1a3760;
} */
/* .rcntArtclCard{
  display: block;
} */
.rcntArtclImg{
  overflow: hidden;
  position: relative;
  min-height: 254px;
}
.rcntArtclImg img{
  border-radius: 16px;
}
.rcntArtclImg .blog{ 
  background-color: #0a2357;
  border-radius: 60px;
  color: #fff;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  height: 25px;
  left: 10px;
  line-height: 25px;
  letter-spacing: .03em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 10px;
  padding: 0 6px;
  z-index: 1;

}
.rcntArtclBox{
  background-color: var(--white);
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
.rcntArtclInfo{
  position: relative;
  padding: 17px 10px 10px;
}
.rcntArtclInfo ul {
  display: flex;
  margin-bottom: 5px;
  gap: 25px;
  color: var(--black);
  align-items: center;

}
.rcntArtclInfo ul li a{
  color: var(--black);
  font-size: 12px;
  line-height: 15px;
  margin-left: 5px;
}
.rcntArtclInfo ul li h4 a{
  margin-left: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}
/* .rcntArtclInfo ul li{
  display: flex;
  align-items: center;
} */
.rcntArtclDtls h4 > a{
  font-size: 22px;
  font-weight: 500;
  line-height: normal;
  color: var(--black);
  /* display: block; */
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rcntArtclDtls h4 > a:hover{
  color: var(--blue);
  text-decoration: underline;
}
.rcntMore{
  color: #1a3760;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  position: relative;
  margin-bottom: 6px;
  display: block;
}
/* .rcntMore .pluse-btn:hover{
  background-color: #1a3760;
  color: #fff;
} */

.recentArtcl .gscr_lSAction{
  position: relative;
  margin-top: 20px;
}
.recentArtcl .gscr_lSAction>.gscr_lSPrev{
  background-position: 0 0;
  left: 0;
  border: 1px solid var(--grey-border);
  background: var(--white);
}
.recentArtcl .gscr_lSAction>.gscr_lSPrev::after,
.recentArtcl .gscr_lSAction>.gscr_lSNext::after
{
  border: 1px solid var(--black);
  border-width: 0 0 2px 2px;
  content: "";
  display: block;
  font-size: 0;
  height: 10px;
  left: 50%;
  line-height: 0;
  margin: -6px 0 0 -5px;
  position: absolute;
  top: 50%;
  transform: rotate(-315deg);
  width: 10px;
}

.recentArtcl .gscr_lSAction>.gscr_lSNext::after{
  transform: rotate(225deg);
}
.recentArtcl .gscr_lSAction>.gscr_lSNext{
  background-position: -32px 0;
  left: 80px;
  border: 1px solid var(--grey-border);
  background: var(--white);
}
.recentArtcl .gscr_lSAction>.gscr_lSPrev:hover,
.recentArtcl .gscr_lSAction>.gscr_lSNext:hover{
  color: var(--black);
  background: var(--white-background);
  border-color: var(--black);
  opacity: 1;
  transition: all 0.3s ease-in-out 0s;

}
.recentArtcl .gscr_lSAction>a{
  width: 60px;
  border-radius: 20px;
  display: block;
  height: 40px;
  bottom: -70px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  opacity: .8;
  -webkit-transition: opacity .35s linear 0s;
  transition: opacity .35s linear 0s;
}
.blogArticle .blog_img{
  height: 300px;
}

/* Artical Css End */

/* look for a buy/sell car start*/
.carServiceBox{
  padding: 50px 0 !important;
  background-color: var(--white);
}

.car-service-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
}

.car-service-card {
  width: 100%;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.card-looking {
  background: var(--light-blue-background);
}

.card-selling {
  background: var(--light-pink-background);
}

.car-service-heading {
  margin-bottom: 15px;
  color: var(--black);
  font-weight: 700;
  font-size:  23px!important;
  line-height: 34.5px; 
}

.car-service-description {
  color: var(--black);
  font-size: 15px !important;
  font-weight: 400;
  line-height: 27.75px;
  width: 100%;
  height: 55.5px;
  margin-bottom: 20px;

}

.car-service-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  cursor: pointer;
  border-radius: 12px;
  border: 1px solid var(--blue);
  background: var(--blue);
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  gap: 8px;
  width: 150px;
  height: 50px;
  padding: 17px 21px;
}
.car-service-button:hover{
 background-color: var(--blue-hover);
}
.car-service-button span a{
  color: var(--white);
}
.car-service-button-sell {
  border: 1px solid var(--black);
  background: var(--black);
}
.car-service-button-sell:hover{
  background-color: var(--black-hover);
}

.button-arrow {
  margin-left: 8px;
  width: 14px;
  height: 14px;
}
.car-service-icon {
    display: none;
}

/* look for a buy/sell car end*/

/* car video section start (rohit/kapil) */

.fairPriceDetail{
  background-color: var(--white);
  padding: 50px 0 !important;
}
.fairPrice{
  box-sizing: border-box;
  position: relative;
}

.fairPrice button{
  background-color: var(--blue);
  padding: 17px 21px;
  border: 1px;
  border-radius: 12px;
  cursor: pointer;
}
.fairPrice button:hover{
  background-color: var(--blue-hover);
  border-color: var(--blue-hover);
}
.fairPrice button span{
  font-size: 15px;
  line-height: 15px;
  color: var(--white);
}
.fairPrice button .button-main{
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.fairPrice button img{
  width: 14px;
  height: 14px;
  filter: brightness(0) invert(1);
}
.fairPriceImg{
  position: relative;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.fairPriceImg img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.fairPriceImg .videosec{
  width: 50px;
  height: 50px;
  background-color: var(--white);
  border-radius: 80px;
  position: absolute;
  left: 42%;
  top: 36%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.fairPriceImg .videosec img{
  width: 18px;
  height: 18px;
}

.fairPriceText{
  padding: 20px;
  border-radius: 0 0 8px 8px;
  background-color: var(--blue-background);
}

.fairPriceText p{
  font-size: 15px;
  line-height: 27px;
}
.fairPriceText h2{
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
.fairPriceText h2,
.fairPriceText p,
.fairPriceText ul{
  margin-bottom: 20px;
}
.fairPriceText ul{
  padding-bottom: 30px;
}
.fairPriceText ul li{
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.fairPriceText ul li img{
  width: 25px;
  height: 25px;
}

.fairPriceText ul li:last-child{
  margin-bottom: 0;
}
.fairPriceText ul li span{
  font-size: 15px;
  line-height: 20px;
}

.dataSummary{
  padding: 40px 0 0 0;
  display: grid;
  grid-template-columns : auto auto;
  gap: 20px;
}

.dataSummaryItem{
  padding: 0 16px;
  text-align: center;
}
.dataSummaryItem h3{
  font-size: 25px;
  font-weight: 700;
  line-height: normal;
}

.dataSummaryItem p{
  font-size: 15px;
  line-height: 37px;
  font-weight: 400;
  text-transform: uppercase;
}

/* car video section end (rohit/kapil) */







/* Header Top Css Start */
.ui-datepicker-calendar tr td a {
  text-align: center;
}



/* Boxer New Css Start */

/* Home Content Start */
.home-contant{
  position: absolute;
  margin-bottom: 30px;
  top: 26.7%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
}
.home-contant h1{
  color: var(--white);
  font-size: 29px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0;
  text-align: center;    
  margin-bottom: 0px;
  padding: 21px 0 3px;
  position: relative;
}

.home-contant p{
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 15px;
}
.advc-srch-pnl{
  position: relative;
  z-index: 3;
}
.srch-pnl-tp{
  display: flex;
  justify-content: center;
  gap: 46px;
  padding-bottom: 20px;
}
.srch-pnl-tp li a{
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  line-height: 29.6px;
}
.srch-pnl-tp li a.active::after{
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background: var(--white);
  margin-top: 4px;
}
.srch-pnl-wrapper{
  background-color: var(--white);
  border-radius: 80px;
  position: relative;
  max-width: 930px;
  height: 75px;
  width: 100%;
  box-shadow: 0 18px 60px rgba(23, 26, 33, .05);
  margin: auto;
}
.srch-pnl-wrapper ul {
  padding: 10px 10px 10px 25px;
}
.srch-pnl-wrapper ul .srch-pnl-itm {
  display: inline-block   ;
}

.srch-pnl-wrapper ul .srch-pnl-itm .srch-boxs {
  width: 214px;
  margin: 0 8px;
}
.srch-pnl-itm .srch-boxs .srch-slct{
  border: none;
  border-right:none;
  color: var(--black);
  font-size: 15px;
  height: 40px;
  line-height: 28px;
  font-weight: 400;
  width: 100%;
  background-color: var(--white);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 0px 0px 0px 30px;
}

 .advance-srch .advance-slct{
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  color: #5F6973;
  font-size: 13px;
  height: 50px;
  line-height: 24px;
  width: 100%;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding: 6px 36px 6px 12px;
}
.srch-pnl-itm button, .advance-btn-srch button, .usedcar .button-main, .accestable-box .accestable .selectboxes .always_show button{
  color: var(--white);
  background: var(--blue);
  border-radius: 60px;
  transition: all .3s ease;
  border: 1px solid var(--blue);
  font-size: 15px;
  font-weight: 600;
  height: 56px;
  line-height: 27.75px;
  padding: 0 57px;
  box-shadow: 0 7px 20px rgba(245,195,75,.2);
  text-align: center;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.home-info{
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}
.srch-pnl-itm .srch-boxs{
  position: relative;
}
.srch-pnl-itm .srch-boxs::after, .advance-srch::after{
  content: "";
  position: absolute;
  right: 28px;
  z-index: 1;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 5px solid var(--black);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  top: 16px;
  transform: rotate(0deg);
}
.advance-btn-srch button::before, .usedcar .button-main::before{
  filter: brightness(0) invert(1);
  content: "";
  background-image: url("../image/new-srch.svg");
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  top: 16px;
  left: 35px;
  position: absolute;
  background-position: center;
}
.srch-pnl-itm button span{
background-image: url("../image/search-icon.svg");
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-size: cover;
display: block;
background-position: center;
}
.srch-pnl-wrapper ul .srch-pnl-itm button{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.srch-pnl-wrapper ul .srch-pnl-itm{
  border-right: 1px solid var(--grey-border);
}
.srch-pnl-wrapper ul .srch-pnl-itm:nth-last-child(-n + 2){
  border-right: none;
}




/* Header Css Start */
@media screen and (min-width:767px) {
  .abrir_menu { display: none; }
  #navigator .title { display: none; }
  #navigator > ul > li { position: relative; padding: 0 15px; }
  #navigator > ul > li > a { 
     color: var(--white);
     font-size: 15px;
     font-weight: 500;
     line-height: 27.75px; 
     text-transform: capitalize; 
     padding: 37px 0px 30px;
   }
  #navigator ul li > ul, #navigator ul li li > ul, #navigator ul li li li > ul, #navigator ul li li li li> ul, #navigator ul li li li li li > ul { display: none; }
  #navigator ul li:hover > ul, #navigator ul li li:hover > ul, #navigator ul li li li:hover > ul, #navigator ul li li li li:hover > ul, #navigator ul li li li li li:hover > ul { 
  box-shadow: 0 10px 50px rgba(0,0,0,.1);
  display: inherit;
  line-height: 20px;
  position: absolute;
  top: 40px;
  z-index: 10; 
  left: -180px;
 border-radius: 8px;
}
  #menu ul ul li ul { top: 0; left: 179px; min-height: 100%; border-left: 1px solid #444; }
  #menu ul ul li a { 
     color: var(--black);
     display: block;
     font-size: 15px;
     padding: 6px 30px;
     text-indent: 0;
     text-transform: capitalize; 
     transition:all 0.1s ease-in-out 0s;
     
 }
 #menu ul ul li{
     width: 250px;
    
 }

 #navigator ul li:hover > ul{
  box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);
  padding: 16px 0;
 }
 #navigator ul li:hover > ul::after{
  content: "";
  width: 10px;
  height: 10px;
  background: var(--white);
  transform: rotate(45deg);
  position: absolute;
  right: 30px;
  top: -5px;  
 }
 #navigator ul li a:hover{
  text-decoration: underline;

 }
  #menu ul ul ul { box-shadow: 0 7px 6px -7px #373435; display: inherit; left: 66px; line-height: 20px; position: relative; top: 141px !important; transform: skewX(0deg) !important; -ms-transform: skewX(0deg) !important; -webkit-transform: skewX(0deg) !important; width: 180px; z-index: 10; }
}

#header #menu li:hover > ul li a:hover{
  color: var(--blue);
}

.submenuicon{
  position: relative;
}
.submenuicon::after{
  content: "";
  position: absolute;
  left: 5px;
  z-index: 1;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 5px solid var(--white);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 8px;
  transform: rotate(0deg);
}


/* Header css End */



/* New Footer Css Start */
.footer-new{
  padding-top: 40px;
  padding-bottom: 25px;
  background: var(--black);
}

.footer-top h2{
  color: var(--white);
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
  padding-bottom: 10px;
}
.footer-top p{
  color: var(--white);
  font-size: 15px;
  font-weight: 400;
  line-height: 27.75px; 
}
.footer-nav{
  display: flex;
  gap: 27px;
  justify-content: space-between;
}
.footer-nav li{
  margin-right: 8px;
}
.footer-nav li a{
  color: var(--white);
  font-size: 13px;
  line-height: 16px;
}
.footer-bottom{
  padding-bottom: 20px;
  padding-top: 0px;
  display: grid;
  row-gap: 40px;
  grid-template-columns: 1fr 1fr;

}
.footer-menu h3, .fter-cntct h3{
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  line-height: 21.6px; 
  text-transform: capitalize;
  margin-bottom: 14px;
}
.footer-menu ul li {
  margin-bottom: 12px;
}
.footer-menu ul li a{
  color: var(--white);
  font-size: 15px;
  font-weight: 400;
  line-height: 27.75px; 
}
.footer-menu ul li a:hover{
  text-decoration: underline;
}

.fter-cntct, .fter-opn{
  padding-top: 15px;
}
.footer-bottom p, .fter-cntct p>a, .footer-bottom .fter-cntct span a{
  color: var(--white);
  font-size: 15px;
  font-weight: 400;
  line-height: 27.75px;
}
.fter-cntct h3,
.fter-opn h3{
  margin-bottom: 4px;
}
.fter-cntct p,
.fter-opn p{
  line-height: normal;
}


.footer-bottom .fter-frm form{
  margin-bottom: 15px;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  position: relative;
}
.footer-bottom .fter-frm form input{
  border: none;
  border-radius: 8px;
  color: #5f6973;
  font-size: 12px;
  height: 50px;
  padding-left: 20px;
  width: 100%;
  background: #fff;
}
.footer-bottom .fter-frm form button{
  background-color: #f5c34b;
  border-radius: 0 8px 8px 0;
  border: none;
  color: #1a3760;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  height: 50px;
  line-height: 10px;
  letter-spacing: 0;
  outline: none;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
}
.footer-cpyrigt{
border-top: 1px solid var(--border-gray);
padding: 40px 0 0;
}
.footer-cpyrigt .cpyrigt-info{
display: flex;
flex-direction: column;
align-self: center;
}

.footer-cpyrigt p, .footer-cpyrigt ul li a{
color: var(--white);
font-size: 15px;
line-height: 27.75px;
margin-bottom: 0;
}
.footer-cpyrigt ul{
  display: flex;
  gap: 15px;
}



.footer-social ul{
  display: flex;
  gap: 8px;
}
.footer-social li:hover{
  background-color: var(--blue);
}
.footer-social li{
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--hover-color);
  border-radius: 50%;
  transition: all .3s ease 0s
}
.footer-new hr{
  border-top: 1px solid var(--border-gray);
  margin: 40px 0px 0;
  opacity: .25;
}

/* Featured Model Banner Css Start */

.feature-model{
  padding-top: 25px;
  display: grid;
  justify-content:center;
}
.feature-model p{
  margin-bottom: 34px;
}
.feature-model p, .feature-model ul li a span{
  color: var(--white);
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}
.feature-model ul li a span{
font-weight: 500;
line-height: 18px;
}
.feature-model ul{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
/* .feature-model ul li{
  padding: 0 5px;
} */
.feature-model ul li a{
  display: flex;
  gap: 10px;
  background: var(--model-background-color);
  padding:  5px 30.564px 5px 31px;
  border-radius: 44px;
  align-items: center;
  height: 45px;
}
.feature-model ul li a:hover{
  background-color: var(--white-hover);
  transition: all 0.5s ease-out;
}

/* Featured Model Banner Css End */





/* New Footer Css End */


/* filter css start car listing - rohit */
.filterPageNew{
  border-radius: 0px;
  padding: 20px 0;
  background: var(--white);
}
.listin-top{
  margin-bottom: 30px;
} 
.listin-top h1 {
  color: var(--black);
  font-size: 28px;
  font-weight: 700;
  line-height: 27px;
  padding: 0;
}
.listin-top p {
  color: var(--black);
  font-size: 15px;
  line-height: 27px;
}
.breadcrumb-model {
  margin-bottom: 15px;
}
.breadcrumb-model .breadcrumb-list span,
.breadcrumb-model .breadcrumb-list a:is(:first-child) {
  color: var(--blue);
  font-size: 15px;
  line-height: 1.8;
}
.breadcrumb-model .breadcrumb-list span{
  color: var(--black);
  font-style: normal;
  font-weight: 400;
}
.breadcrumb-model .breadcrumb-list i {
  padding-right: 3px;
  padding-left: 3px;
  color: var(--black);
}

.filterPageNew .filterBox{
  border: 1px solid var(--grey-border);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 30px;
}
.advance-srch .advance-slct{
  border: 1px solid var(--grey-border);
  border-radius: 10px;
}
.advance-srch::after{
  top: 20px;
}
.advance-btn-srch button::before, .usedcar .button-main::before{
  top: 20px;
  left: 65px;
}

.advance-btn a::before,
.advance-btn a{
  color: var(--blue);

}

.advance-btn-srch.btnRest button{
  background: var(--white);
  border: 1px solid var(--black);
  color: var(--black);
  box-shadow: none;
  margin-top: 20px;
}
.advance-btn-srch.btnRest button:hover{
  border-color: var(-);
  background-color: var(--black);
  color: var(--white);
}
.advance-btn-srch.btnRest button::before{
  content: none;

}
.filter-range h3{
  color: var(--black);
}
.filter-range .ui-widget-header{
  background: var(--black);
}
.filter-range .ui-slider-horizontal .ui-slider-handle{
  border: 1px solid var(--black);
}
.filter-range .rangestart, .filter-range .rangeend{
  color: var(--blue);
  background: var(--light-blue-background);
  border-radius: 8px;
}

.filterPageNew .ftrd-crd-list{
  margin-bottom: 20px;
}


.rel button{
  width: 100%;
  font-family: 'DM Sans';
  left: 50%;
  transform: translateX(-50%);
  background: var(--blue);
  color: var(--white);
  border: none;
  border-radius: 16px;
  font-weight: 500;
  text-align: center;
  transition: 0.3s ease;
}
.rel button:hover{
  background: var(--blue-hover);
}
.used-car-new sup {
  top: -4px;
  font-size: 16px;
}
@media screen and (min-width: 768px){
  .filterPageNew{
    border-radius: 80px;
    padding: 80px 0;
    background: var(--white);
  }
  
  .filterPageNew .advance-btn-srch button::before{
      top: 20px;
      left: 260px;
  }
  
}
@media screen and (min-width: 1024px){
  .filterPageNew .advance-btn-srch button::before{
      top: 20px;
      left: 30px;
  }
  .listin-top{
    margin-bottom: 50px;
  }
  .listin-top h1 {
    font-size: 40px;
    line-height: 48px;
  }
  .rel button{
    white-space: nowrap;
  }
}

@media screen and (min-width: 1180px){
  .filterPageNew .advance-btn-srch button::before{
      top: 20px;
      left: 60px;
  }
}

/* animate section */

[data-animate="scroll"] {
  transform: translateY(50px);
  transition: transform 0.9s cubic-bezier(0.17, 0.55, 0.55, 1), opacity 0.9s;
}

[data-animate="scroll"].animate {
  transform: translateY(0);
}



/* filter css end car listing - rohit */

/* filter css start usedcar - rohit */
.advancesrch-used{
  display: block;
}
.advancesrch-used::after{
  right: 25px;
  top: 23px;
}
.used-car-new .advance-btn-srch button::before{
  top: 20px;
  left: 80px;
}

@media screen and (min-width: 768px){
  
  .used-car-new .advance-btn-srch button::before{
      top: 20px;
      left: 280px;
  }
  
}
@media screen and (min-width: 1024px){
  .used-car-new .advance-btn-srch button::before{
      top: 20px;
      left: 40px;
  }
}

@media screen and (min-width: 1180px){
  .used-car-new .advance-btn-srch button::before{
      top: 20px;
      left: 70px;
  }
}


/* other pages header */
.othrpg-header{
  background-color: var(--black) !important;
}

.about-page{
  padding: 45px 0;
}


/* transformationn validation error msg */

.help-block {
  text-transform: lowercase; /* Capitalizes the first letter */
}
.help-block::first-letter {
  text-transform: uppercase; /* Capitalizes the first letter */
}
.sitemap .sitemapheading a:hover,
#page.error li a:hover {
  color: var(--black);
}