@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: absolute;
  background: transparent;
  padding-block: 28px;
  z-index: 9;
  border-bottom: 1px solid var(--white-transparent-bg);
  box-shadow: 0px 4px 18px 0px #24272C14;
  /* margin-inline: auto; */
  /* width: 100%; */
  inset-inline: 0;
}
.header-new {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
}
.header-new .logo {
  max-width: 100%;
  height: auto;
}
.header-new .logo img{
  filter: brightness(0) invert(1);
}
.stickyHeader .logo img, .othrpg-header .logo img{
  filter: brightness(1) invert(0);
}
.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;
  /* opacity: 0;
  visibility: hidden; */
}

@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: rgba(255,113,1,0.06);
    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);
  }
  #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: var(--black);
    background-color: inherit;
    background-image: url();
  }
  #navigator > ul > li.hover > .parent {
    background-image: url();
  }
  #navigator ul li li a { 
    color: #fff;
    font-size: 14px;
  }
  #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%;
}

/* 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, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 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;
  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 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.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 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.7);
}
.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: -99px; */
  position: relative;
}
.herobanner {
  position: relative;
}
/*  .herobanner::before {
  content: "";
  height: 20%;
  display: block;
  width: 100%;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  background-color: #000;
  opacity: 0.3;
}  */
/* .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 0.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%, 0.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 0.3s ease-in-out;
}
.catgry-item:hover {
  box-shadow: 0 18px 60px rgba(23, 26, 33, 0.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: 100px 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%, 0.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(0.9);
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0.3);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px hsla(0, 0%, 100%, 0);
  }
  100% {
    transform: scale(0.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 */

/* New Car Lisiting Css Start */


.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: 10px;
}
.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;
  align-items: center;
}
.filter-range .ui-slider-horizontal {
  width: 100%;
  height: 4px;
  background: var(--gray-border);
  padding: 0;
  margin: 0;
  border: 0;
  max-width: 180px;
}
.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: -9px;
}

/* 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, 0.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 */

.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 0.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;
}
.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;
}


/* 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 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;
  width: 100%;
}
.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, 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, 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, 0.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;
}

/* 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 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.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 #dddddd;
}
.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: "Outfit";
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  color: var(--black);
  -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: -2px;
  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 0.5s 1;
  -ms-animation: shrink-menu 0.5s 1;
  -moz-animation: shrink-menu 0.5s 1;
  -o-animation: shrink-menu 0.5s 1;
  animation: shrink-menu 0.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 0.5s 1;
  -moz-animation: left 0.5s 1;
  -o-animation: left 0.5s 1;
  -ms-animation: left 0.5s 1;
  animation: left 0.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 0.5s 1;
  -moz-animation: diag 0.5s 1;
  -o-animation: diag 0.5s 1;
  -ms-animation: diag 0.5s 1;
  animation: diag 0.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 0.5s 1;
  -ms-animation: down 0.5s 1;
  -moz-animation: down 0.5s 1;
  -o-animation: down 0.5s 1;
  animation: down 0.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: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -4em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-moz-keyframes left {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -4em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-o-keyframes left {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -4em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-ms-keyframes left {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -4em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@keyframes left {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -4em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-webkit-keyframes diag {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-moz-keyframes diag {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-o-keyframes diag {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-ms-keyframes diag {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@keyframes diag {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-webkit-keyframes down {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-moz-keyframes down {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-o-keyframes down {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@-ms-keyframes down {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
@keyframes down {
  0% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
  100% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
}
.revLeft {
  -webkit-animation: revLeft 0.5s 1;
  -ms-animation: revLeft 0.5s 1;
  -moz-animation: revLeft 0.5s 1;
  -o-animation: revLeft 0.5s 1;
  animation: revLeft 0.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 0.5s 1;
  -moz-animation: revDiag 0.5s 1;
  -ms-animation: revDiag 0.5s 1;
  -o-animation: revDiag 0.5s 1;
  animation: revDiag 0.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 0.5s 1;
  -moz-animation: revDown 0.5s 1;
  -ms-animation: revDown 0.5s 1;
  -o-animation: revDown 0.5s 1;
  animation: revDown 0.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: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-moz-keyframes revLeft {
  0% {
    top: -4em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-o-keyframes revLeft {
  0% {
    top: -4em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-ms-keyframes revLeft {
  0% {
    top: -4em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@keyframes revLeft {
  0% {
    top: -4em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-webkit-keyframes revDiag {
  0% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-moz-keyframes revDiag {
  0% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-o-keyframes revDiag {
  0% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-ms-keyframes revDiag {
  0% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@keyframes revDiag {
  0% {
    top: -8em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-webkit-keyframes revDown {
  0% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-moz-keyframes revDown {
  0% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-o-keyframes revDown {
  0% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@-ms-keyframes revDown {
  0% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
@keyframes revDown {
  0% {
    top: -12em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 1;
  }
  100% {
    top: 1em;
    right: 0.8em;
    width: 3.5em;
    height: 3.5em;
    opacity: 0;
  }
}
.iconrotate {
  -webkit-animation: rotate 0.5s 1;
  -moz-animation: rotate 0.5s 1;
  -o-animation: rotate 0.5s 1;
  animation: rotate 0.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 0.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.2);
  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.2);
  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, 0.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: 0.25em 0.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;
  color: #717171;
  border-radius: 8px;
  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*/


.accestable .rupee {
  font-style: normal;
}



.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;
}


.select-button {
  border: 1px solid transparent;
  color: #000;
  display: block;
  font-size: 13px;
  line-height: 27px;
  margin: 57px auto 0;
  width: 100%;
  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 {
  background: url(../image/br_down.png) no-repeat 95% 50% #fff;
  border-radius: 14px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  float: left;
  border: 1px solid var(--grey-border);
}
.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.4s;
  -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: 0.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;
}
#page .title p {
  line-height: 2;
  padding-top: 15px;
  text-align: left;
  line-height: 26px;
}
.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 input[type="radio"] {
  display: none;
  margin-left: 10px;
  padding: 0;
  position: relative;
  top: 2px;
} */
/* #sell_car label {
  cursor: pointer;
  color: #8d8f92;
  font-size: 14px;
  margin: 0 10px 4px 0;
  text-transform: capitalize;
  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;
} */
/* #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*/


.comwrap {
  width: 100%;
}

.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, 0.21);
  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.21);
  box-shadow: 2px 3px 5px rgba(0, 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;
}

.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%;
}

.commobwrap .comtitle {
  width: 100%;
  padding: 10px 0;
  text-align: center;
}

.W2P {
  width: 2%;
}
.W47P {
  width: 47%;
}
.Hand {
  cursor: pointer;
}
.W45P {
  width: 45%;
}
.W48P {
  width: 48%;
}

.MarginL5 {
  margin-left: 5px !important;
}


.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%;
}

#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 label {
  color: #323f48;
  font-size: 14px;
  width: 100%;
  display: block;
  text-align: left;
}
.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 0.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*/
.finance{
  background-attachment: fixed !important;
  background-size: cover !important;
  padding: 50px 0;
}
.carfinence {
  padding: 20px;
  width: 100%;
  background: var(--white);
  text-align: left;
  position: relative;
  border-radius:24px ;
}
.carfinence .topcontain p {
  color: #231f20;
  font-size: 14px;
  margin-bottom: 20px;
}
.carfinence .left {
  width: 100%;
  background: var(--white);
  animation: none;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
}
.carfinence h2 {
  text-align: left;
  color: var(--black);
  font-size: 22px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 12px;
}
.carfinence p{
  color: var(--gray-alt);
  font-size: 14px;
  font-weight: 400;
  line-height:19.6px;
}
.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%;
  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, 0.47);
  -moz-box-shadow: 0 0 4px rgba(64, 133, 197, 0.47);
  box-shadow: 0 0 4px rgba(64, 133, 197, 0.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;
  border-radius: 14px;
  padding: 16px;
}
.carfinence button,
.carfinence input {
  text-transform: none;
  background: var(--white);
  border: 1px solid var(--gray-border);
}
.carfinence input:focus{
  border: 1px solid var(--primary-color);

}
.carfinence .calcuresult .form-group select:focus{
  outline: 1px solid var(--primary-color);
}


.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 input::-webkit-outer-spin-button,
 .carfinence input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
  
}
.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: 0px;
  width: 100%;
}
.carfinence .calcuresult .monthEmi{
  position: relative;
  margin-top: 20px;

}
.carfinence .calcuresult .monthEmi span{
  font-size: 16px;
  font-weight: 500;
  line-height: 22.4px;
  color: var(--primary-color);
  padding-top: 30px;
}
.carfinence .calcuresult .select-wrapper,
.carfinence .calcuresult .select-wrapper select{
  width: 100%;
  height: 55px;
}
.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 {
  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 {
  display: inline-block;
  margin-bottom: 12px;
  width: 100%;
  text-align: left;
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
.carfinence .loanemi {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
}
/*.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 0.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 .gallery li a img {
  max-width: none;
  width: auto;
}
.eventgallerywrap .hitem .text {
  opacity: 0.7;
  bottom: 0;
  display: block !important;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  width: 0;
  background-image: url("../image/zoom.png");
  background-origin: border-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0;
}
.eventgallerywrap .hitem:hover .text {
  background-size: auto auto;
  height: 100%;
  width: 100%;
}
.eventgallerywrap .hitem .text a {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}
.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*/
.eventgallerywrap h2,
.insurancewrap h2,
.offerwrap h2 {
  color: #1a3760;
  font-size: 22px !important;
  text-align: left;
}
.eventgallerywrap h2 {
  border: none;
  padding: 0;
}
.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;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
.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, 0.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 .calcuresult .emiCalcBtn {
  max-width: 100% !important  ;
  margin: 30px 0 0 0;
  height: 55px;
  border-radius: 14px;
  background: var(--primary-color);
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.carfinence .calcuresult .emiCalcBtn:hover{
  color: var(--white);
  background-color: var(--dark-black);
}
.finance-page .carfinence button {
  color: #1a3760;
  font-weight: 600;
  border-radius: 8px;
  height: 48px;
  margin: 0px 0 40px 0;
}
.carfinence .calcuresult .emiamountdiv{
  font-size: 16px;
  font-weight: 500;
  line-height: 22.4px;
  color: var(--primary-color);
  position: relative;
}
.carfinence .calcuresult .emiamountdiv .amout{
  position: absolute;
  top: -22px;
  left: 100px;
}

@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(--primary-color);
  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(--primary-color);
  border-color: var(--primary-color);
}
.ftctab span:hover,
.ftctab span.active {
  background: var(--black);
  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 0.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, 0.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-noutlistwrap {
  margin-top: 30px;
}

.mobi-namelocate {
  float: left;
  max-width: 185px;
}
.mobi-noutname {
  color: #0c0c0c;
  font-size: 17px;
  line-height: 1;
  padding-bottom: 10px;
}
.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;
}
.mobi-noutadd {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 2px;
  width: 100%;
}
.mobi-gmapicon {
  float: left;
  width: 30px;
}

.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, 0.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, 0.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, 0.7);
  text-transform: uppercase;
  font-size: 14px;
  border: none;
}


.newoutlist a,
.newoutlist button {
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
}



.noutsearch .drop {
  width: 100%;
}


.noutsearch .holder {
  color: #a9a8a8;
}
.noutsearch .select-wrapper {
  border: solid 1px #cfcfcf;
}
.noutlistwrap {
  margin-top: 28px;
  padding-top: 20px;
}


.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-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;
}


.noutbrandname {
  width: auto;
}


.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:hover .nout-recall {
  color: #434343;
}
.nout-re:hover .requesticon {
  background: #3a8421;
}

.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;
}

.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%;
}

.star-midselect {
  background: url(../image/outlet-star3.png) no-repeat;
  width: 23px;
  height: 23px;
  background-size: 100%;
  margin-right: 5px;
  display: inline-block;
  display: inline-block;
}
.nout-rightfea {
  float: right;
  background: #fff;
  border: solid 1px #ccc;
  padding: 7px 15px 4px;
  border-radius: 5px;
}

.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;
}

  /* 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 .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.6%; left: 0; z-index: 8; }
.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); }

#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, 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, 0.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;
}
/* .specoffer {
  background: #fff;
  padding: 30px 5px;
} */
/* .specoffer .terms_conditions {
  clear: both;
  color: #535353;
  float: left;
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
}
.specoffer a,
.specoffer button {
  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;
  cursor: pointer;
}
.specoffer .pagination li {
  border: solid 1px transparent;
  border-bottom: 1px solid #e4e4e4;
}
.specoffer .pagination li a,
.specoffer .pagination li span {
  color: #636363;
} */
.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-result {
  display: inline-block;
  width: 100%;
  padding-top: 0;
}
.spoffer-result a.soffer-selectbtn {
  color: #fff;
  float: left;
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.spoffer-result a.soffer-selectbtn:hover {
  background: #707070;
}

.specoffer-drop {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  border: solid 1px #eaeaea;
  padding: 10px;
  margin-top: 15px;
  display: none;
  float: left;
}
/* .specoffer .drop {
  display: inline-block;
  margin-right: 0;
  width: 100%;
}
.specoffer .drop.dropoffertyp {
  margin-right: 0;
} */
.specoffer-drop .select-wrapper {
  border: none;
  border-bottom: solid 1px #cfcfcf;
}
.offer-page .specoffer-drop .select-wrapper {
  border: none;
  height: 55px;
}

.specoffer-drop .select-wrapper .holder {
  color: #595656;
  text-align: left;
}
.specoffer-drop .select-wrapper:hover,
.specoffer-drop .select-wrapper:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.spoffer_listing {
  margin-top: 20px;
  margin-bottom: 40px;
}
.advance-btn a{
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 45px;
  margin: 0 auto;
  position: relative;
}

/* .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;
}  */


/* Progress BAR Start */

.filter-range h3, .advance-Feature h3{
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #fff;
  margin-bottom: 15px;
}
.filter-range .rangestart, .filter-range .rangeend{
  background-color: #fff;
  color: #5f6973;
  font-size: 12px;
  line-height: 30px;
  /* margin: 15px 0; */
  /* margin: 15px 40px 0px 0px; */
  width: auto;
  /* height: 30px; */
  border-radius: 3px;
  text-align: center;
  float: left;
  margin-left: 0;
  /* width: 100%; */
  /* border-top: solid 1px #e5e5e5; */
  margin-top: 10px;
  /* padding-top: 8px; */
}
.soffer_top {
  border-bottom: 1px solid #dadada;
  padding-bottom: 8px;
  margin-bottom: 13px;
  width: 100%;
  display: inline-block;
}
.filter-range .rangestart {
  padding-left: 15px;
  padding-right: 15px;
}
.filter-range .rangeend{
  margin-right: 0px;
  padding-left: 15px;
  padding-right: 15px;
}
.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%;
}

/* .specoffer .offer-viewbtn {
  width: 126px;
  border: solid 1px #f0ad4e;
  line-height: 15px;
  color: #000;
  font-size: 12px;
  float: left;
  text-align: center;
  padding: 10px 0;
  background: #f0ad4e;
} */
.offer-page .offer-viewbtn {
  border-radius: 3px;
  font-size: 14px;
  width: 48%;
  height: 40px;
  color: #fff;
}

/* .specoffer .offer-viewbtn:hover,
.specoffer .offer-viewbtn.active {
  color: #fff;
  background: #ec971f;
} */
/*.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;
}
.listing-right p, .used-car-new .listing-right p{
  color: var(--gray-alt);
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 140%;

}
.listing-right p>span{
  color: var(--dark-blue);
  font-weight: 600;
}
.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);
}
.breadcrumb-model .breadcrumb-list a,.breadcrumb-model .breadcrumb-list span{
  color: var(--primary-color);
  font-size: 12px;
  line-height: 16.8px;
  font-weight: 600;
}

.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;
}
.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;
}
.advance-btn a{
  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;
}



#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;}
.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;
}
}
.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;
}
select#offers-model_name {
  width: 100% !important;
}

/*---------- 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;
}

/* 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 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.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: 0.5s ease-in-out;
  transition: 0.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 0.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, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  display: table;
  width: 100%;
  transition: all 0.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 0.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 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.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 0.8s ease, background-color 0.8s ease;
  -webkit-transition: width 0.8s ease, background-color 0.8s ease;
  -o-transition: width 0.8s ease, background-color 0.8s ease;
  -ms-transition: width 0.8s ease, background-color 0.8s ease;
  -moz-transition: width 0.8s ease, background-color 0.8s ease;
}

.offerlist-item .separator:before {
  content: "";
  display: block;
  margin: auto;
  left: 50%;
  height: 1px;
  width: 30px;
  bottom: -10px;
  background: #000;
  transition: width 0.8s ease, background-color 0.8s ease;
  -webkit-transition: width 0.8s ease, background-color 0.8s ease;
  -o-transition: width 0.8s ease, background-color 0.8s ease;
  -ms-transition: width 0.8s ease, background-color 0.8s ease;
  -moz-transition: width 0.8s ease, background-color 0.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 .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 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.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 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(--primary-color);
  background: var(--primary-color);
}
.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(--primary-color);
}
.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, 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: var(--black);
}
.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 0.3s ease 0s, opacity 0.3s ease 0s;
  width: 327px;
  z-index: 888;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 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 0.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 .select-wrapper .holder {
  height: 42px;
  line-height: 42px;
} */
.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 */
 /* 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: 24px;
}

.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;
}

/* 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 0.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 0.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;
}


.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%, 0.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: 0px !important;
  background-color: var(--grey-border);
  border-radius: 0px;
  background-color: var(--white);
}

.subHeading-h2 {
  color: var(--black);
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
  text-align: start;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.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;
  display: block;
  margin-bottom: 4px;
}
.brandNameCard .brandName .carCount{
  color: var(--gray);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px; 
}
#findBrands{
  display: flex;
  gap: 0px;
  overflow: auto;

}
#findBrands .makesPlrBox{
  margin-right: 18px !important;
  flex: 0 0 155px;
}
.makesPlrBox {
  padding: 21px 24px;
  position: relative;
  text-align: center;
  width: 148px !important;
  margin-right: 20px !important;
  height: 100%;
  border-radius: 16px;
  border: 1px solid var(--grey-border);
  background: var(--white);
}
.makesPlrBox a img {
  object-fit: contain;
  width: revert-layer;
  margin-bottom: 10px;
}
.makesPlrBox:hover {
  box-shadow: 0px 4px 22px 2px rgba(0, 0, 0, 0.10);
  transition: all 0.3s ease;
}
/* 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 0.2s ease;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 29.6px;
}
.exploreList .featured-tab li a:hover{
  font-weight: 500;
}
.exploreList .featured-tab li a {
  border-bottom: 2px solid transparent;
}
.exploreList .featured-tab li a.active {
  font-weight: 500;
  background-color: #fff;
  border-bottom: 2px solid var(--primary-color);
}
.exploreList .featured-tab li a:hover {
  background-color: #fff;
  color: #1a3760;
}
.vehicleCardCard {
  display: grid;
  grid-template-columns: 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: 35px;
  opacity: 0.8;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}

.ftrd-crd-list {
  background-color: var(--white);
  border: 1px solid #ededed;
  border-radius: 16px;
  padding: 0;
  position: relative;
}
.ftrd-crd-list:hover {
  box-shadow: 0 18px 60px rgba(23, 26, 33, 0.05);
}
.ftrd-crd-img::before {
  background-color: #000;
  bottom: 0;
  content: "";
  height: 275px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.ftrd-crd-list:hover .ftrd-crd-img::before {
  opacity: 0.6;
}
.ftrd-crd-list:hover .ftrd-crd-thm {
  visibility: visible;
  /* transform: translateX(4px); */
  z-index: 1;
  /* bottom: 80px; */
}
.ftrd-crd-list:hover .ftrd-crd-thm li{
  transform: translateX(2px);
}
.ftrd-crd-thm {
  display: flex;
  align-items: center;
  bottom: 80px;
  left: 0;
  position: absolute;
  /* transform: translateY(40px);*/
  /* transform: translate(220px, -95px); */
  /* transition: all 0.3s ease; */
  justify-content: center;
  width: 100%;
  padding: 0 20px;
  gap: 8px;
  visibility: hidden;
}
.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: 225px;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.3s ease;
}
.ftrd-crd-list:hover .ftrd-crd-img img{
  transform: scale(1.04);
}
.ftrd-crd-thm li{
  display: flex;
  align-items: center;
  justify-content: center;
}
.ftrd-crd-thm li a {
  color: var(--white);
  font-size: 11px;
  line-height: 13px;
  padding: 14px;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  background-color: var(--white);
  display: block;
}
.ftrd-crd-thm li a:hover{
  background-color: var(--primary-color);
}
.ftrd-crd-thm li a:hover .tooltipTextData{
  opacity: 1 !important;
  transform: translateY(-10px) !important;
}

/* Container Tooltip */
.toolTipLink {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-right: 40px; */
  cursor: pointer;
}

/* Style text toolTipLink */
.tooltipTextData {
  position: absolute;
  opacity: 0;
  transition: all .4s;
  top: -22px;
  right: -24px;
  width: max-content;
  color: var(--black);
  padding: 6px 11px;
  background: var(--white);
  box-shadow: 0px 8px 20px 0px #0000000D;
  width: max-content;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
}
.text {color: var(--black);}

.tooltipTextData.tooltipTextBook{
  right: -31px;

}
.tooltipTextData::after {
  content: '';
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 40%;
  margin-left: 5%;
}

/* Hover text toolTipLink */
.toolTipLink:hover .tooltipTextData{
  opacity: 1 !important;
  transform: translateY(-10px) !important;
}
.ftrd-crd-thm li a:hover svg path{
  stroke: var(--white);
}
/* .ftrd-crd-thm li a .testDriveIcon{
  filter: invert(48%) sepia(98%) saturate(1652%) hue-rotate(4deg) brightness(100%) contrast(100%);
}
 */
.ftrd-crd-thm li a:hover .testDriveIcon{
  filter: brightness(0) invert(1);
}

.feature-tag {
  background-color: var(--primary-color);
  border-radius: 60px;
  color: var(--white);
  left: 10px;
  padding: 6px 12px;
  position: absolute;
  top: 10px;
  z-index: 1;
  transition: all 0.3s ease;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  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;
}
.carCard h4 a:hover {
  color: var(--primary-color);
  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;
  margin-bottom: 10px;
  gap: 34px;
}
.carCard .specs .justify-content{
  justify-content: space-between;
  gap: 0;
  
}
.carCard .specs ul li {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 4px;
}
.carCard .specs ul li span {
  font-size: 13px;
  color: var(--gray-alt);
}
.carCard .specs ul li img {
  width: 16px;
  height: 16px;
}
.carCard .priceDtl {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.carCard .priceDtl .carPrice {
  display: inline-block;
}
.carCard .priceDtl .viewAll {
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  width: 100%;
  border: 1px solid var(--black);
  padding: 10px;
  text-align: center;
  border-radius: 14px;
  margin-top: 10px;
}
.carCard .priceDtl .viewAll:hover {
  background-color: var(--black);
  color: var(--white);
  transition: all 0.3s ease-in-out;
}
.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, 0.2);
  box-shadow: 0 7px 20px rgba(245, 195, 75, 0.2);
  transition: all 0.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;
}
/* Featured Lisiting Css End */

/* Popular Css Start */
.recentViewList {
  padding: 50px 0 50px 0 !important;
  width: 100%;
}
.recentViewList .gscr_slideOuter  .gscr_lSAction{
  display: none !important;
}
.recentViewList .gscr_slideOuter:hover .gscr_lSAction{
  display:block !important;
}

.recentViewList h2 {
  color: var(--black);
}
.recentCardList {
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid var(--gray-border);
}
.recentCardList:hover .ftrd-crd-thm{
  visibility: visible;
}
.recentCardList .carImg {
  position: relative;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  height: 218px;
}
.recentCardList .carImg img{
  transition: all 0.3s ease;
}
.recentCardList .carImg .ftrd-crd-thm{
  z-index: 22;
}
.recentCardList .carImg .ftrd-crd-thm li a:hover {
  background-color: var(--primary-color);
}
.recentCardList .carImg .ftrd-crd-thm li a:hover svg path{
  stroke: var(--white);
}
.recentCardList .carImg .ftrd-crd-thm li a .testDriveIcon{
  height: 20px !important;
  filter: invert(48%) sepia(98%) saturate(1652%) hue-rotate(4deg) brightness(100%) contrast(100%);
}

.recentCardList .carImg li a:hover .testDriveIcon{
  filter: brightness(0) invert(1);
}

.recentCardList .carImg::before{
  background-color: #000;
  bottom: 0;
  content: "";
  height: 275px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.recentCardList:hover .carImg > img{
    transform: scale(1.04);
}
.recentCardList:hover .carImg::before{
  opacity: 0.6;
}
.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 h3,
.recentCardList .carDetail .price {
  color: var(--black);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
  line-height: 21.6px;
}
.recentCardList .carDetail p,
.recentCardList .carDetail span {
  color: var(--black);
  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;
}
.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(--black);
}
.recentCardList .carDetail h3 a:hover{
  color: var(--primary-color);
  transition: all 0.3s ease ;
}
.recentCardList .carDetail .price span {
  display: inline-block;
}
.recentCardList .carDetail .price .viewAll {
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  width: 100%;
  border: 1px solid var(--black);
  padding: 10px;
  text-align: center;
  border-radius: 14px;
  margin-top: 20px;
  display: block ;
  text-transform: capitalize;
}
.recentCardList .carDetail .price .viewAll:hover{
  background-color: var(--black);
  color: var(--white);
  border: 1px solid var(--black);
  transition: all 0.3s ease ;
}

.recentViewList .gscr_lSAction {
  position: relative;
}
.recentViewList .gscr_lSAction > .gscr_lSPrev {
  background-position: 0 0;
  left: -30px;
  border: 1px solid var(--white);
  background: var(--white);
  box-shadow: 0px 8px 12px 0px rgba(36, 39, 44, 0.15);
}
.recentViewList .gscr_lSAction > .gscr_lSPrev::after,
.recentViewList .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;
  position: absolute;
  top: 50%;
  transform: rotate(-315deg);
  width: 10px;
}
.recentViewList .gscr_lSAction > .gscr_lSPrev::after{
  margin: -6px 0 0 -3px;
}
.recentViewList .gscr_lSAction > .gscr_lSNext::after{
  margin: -6px 0 0 -7px;

}
.recentViewList .gscr_lSAction > .gscr_lSNext::after {
  transform: rotate(225deg);
}
.recentViewList .gscr_lSAction > .gscr_lSNext {
  background-position: -32px 0;
  border: 1px solid var(--white);
  background: var(--white);
  box-shadow: 0px 8px 12px 0px rgba(36, 39, 44, 0.15);
  right: -30px;
}
.recentViewList .gscr_lSAction > .gscr_lSPrev:hover,
.recentViewList .gscr_lSAction > .gscr_lSNext:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  transition: 0.3s ease-in-out 0s;
}
.recentViewList .gscr_lSAction > .gscr_lSPrev:hover::after,
.recentViewList .gscr_lSAction > .gscr_lSNext:hover::after {
  border-color: var(--white);
  transition: 0.3s ease-in-out 0s;
}

.recentViewList .gscr_lSAction > a {
  width: 48px;
  border-radius: 48px;
  display: block;
  height: 48px;
  top: -220px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  opacity: 1;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}

/* Popular Css end */

/* Testimonials Css Start */
.testimonial {
  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, 0.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: 48px;
  border-radius: 48px;
  display: block;
  height: 48px;
  bottom: -70px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  opacity: 1;
  box-shadow: 0px 8px 12px 0px rgba(36, 39, 44, 0.15);
}

.testimonial .owl-buttons .owl-prev:hover,
.testimonial .owl-buttons .owl-next:hover{
  background-color: var(--primary-color);
  transition: all 0.3s ease;
  border-color: 1px solid transparent;
  opacity: 1;
}
.testimonial .owl-buttons .owl-prev:hover::before,
.testimonial .owl-buttons .owl-next:hover::before {
  border-color: var(--white);
}


.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 -3px;
  position: absolute;
  top: 50%;
  transform: rotate(-315deg);
  width: 10px;
}
.testimonial .owl-buttons .owl-next::before {
  margin:-5px 0 0 -7px;

}
.testimonial .owl-buttons .owl-next::before {
  transform: rotate(225deg);
}
/* Testimonials Css End */

/* Choose Us Css Start */
.chooseUs {
  padding: 50px 0 0 0 !important;
  background-color: var(--white);
  border-top: 1px solid var(--grey-border);
}
.chooseUs h2{
  margin-bottom: 18px;
}
.chooseUs p{
  color: var(--gray-alt);
  font-size: 14px;
  font-weight: 400;
  line-height:19.6px;
}

.chooseUsCard .chooseUsItem {
  margin-bottom: 20px;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  gap: 12px;
  flex-direction: column;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--gray-border);
  background: var(--white);
}
.chooseUsCard .chooseUsItem:hover{
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.10);
}
.chooseUsCard .chooseUsItem .searchBtn{
  border-radius: 14px;
  border: 1px solid var(--primary-color);
  width: 100%;
  height: 50px;
  background-color: var(--white);
}
.chooseUsCard .chooseUsItem .searchBtn a{
  color: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.chooseUsCard .chooseUsItem .searchBtn:hover{
  background-color: var(--primary-color);
}
.chooseUsCard .chooseUsItem .searchBtn:hover a{
  color:var(--white);
}
.chooseUsCard .chooseUsItem .searchBtn:hover a svg path{
  fill: var(--white);
}
.chooseUsDtls h4 {
  color: var(--black);
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 10px;
}
.chooseUsDtls p {
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
.chooseUsImg {
  position: relative;
}
.chooseUsDtls {
  text-align: left;
  min-height: 125px;
}
/* Choose Us Css End  */

/* Artical Css Start */
.recentArtcl {
  background-color: var(--white);
  padding-top: 50px !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 .rcntBlgImg {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  display: grid;
}
.rcntArtclImg img {
  object-fit: cover;
  height: 270px;
  transition: all 0.3s ease-out 0s;
}
.rcntArtclImg .blogHoverbg {
  background: var(--black);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
}
.recentArtcl .rcntArtclImg:hover img {
  transform: scale(1.05);
}
.recentArtcl .rcntArtclImg:hover .blogHoverbg {
  visibility: visible;
  opacity: 0.4;
  cursor: pointer;
}
.rcntArtclImg .blog {
  background-color: var(--primary-color);
  border-radius: 99px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  /* height: 25px; */
  left: 10px;
  line-height: 140%;
  letter-spacing: 0.03em;
  position: absolute;
  text-align: center;
  /* text-transform: uppercase; */
  bottom: 10px;
  padding: 6px 12px;
  z-index: 1;
}  
.rcntArtclBox{
  background-color: var(--white);
  /* margin-bottom: 30px; */
  padding: 15px 0px;
  overflow: hidden;
  position: relative;
  /* margin-right: 30px !important; */
}
.rcntArtclInfo {
  position: relative;
  /* padding: 17px 10px 10px; */
  margin-top: 26px;
}
.rcntArtclInfo ul {
  display: flex;
  margin-bottom: 5px;
  gap: 16px;
  color: var(--black);
}
.rcntArtclInfo ul li a {
  color: var(--primary-color);
  font-size: 14px;
  line-height: 15px;
  margin-left: 5px;
}
.rcntArtclInfo ul li a:hover{
  color: var(--black);
  transition: all 0.3s ease;
}
.rcntArtclInfo ul li h4 a {
  color: var(--black);
  margin-left: 0;
  font-weight: 700;
}
.rcntArtclInfo ul li {
  display: flex;
  align-items: center;
}
.rcntArtclDiscription {
  color: var(--gray-alt);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 12px;
}
.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(--primary-color);
  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_slideOuter .gscr_lSPager.gscr_lSpg>li.gscr_dot:hover a{
  background-color: var(--primary-color);
}
.makesPlr .gscr_slideOuter .gscr_lSPager.gscr_lSpg>li a,
.recentArtcl .gscr_slideOuter .gscr_lSPager.gscr_lSpg>li a{
  background:var(--gray-Carousel-bg);
  transform: translate(0px, -2px);
}
.recentArtcl .gscr_slideOuter .gscr_lSPager.gscr_lSpg .gscr_dot{
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.recentArtcl .gscr_slideOuter .gscr_lSPager.gscr_lSpg>li a {
  transform: translate(0px, 0px);
}


.makesPlr .gscr_slideOuter .gscr_lSPager.gscr_lSpg>li.gscr_active a,
.recentArtcl .gscr_slideOuter .gscr_lSPager.gscr_lSpg>li.gscr_active a{
  background: var(--primary-color);
}
.makesPlr .gscr_slideOuter .gscr_lSPager.gscr_lSpg .gscr_dot,
.recentArtcl .gscr_slideOuter .gscr_lSPager.gscr_lSpg .gscr_dot{
  margin: 0 7px;
  padding: 0;
}
.makesPlr .gscr_slideOuter .gscr_lSPager.gscr_lSpg .gscr_dot.gscr_active,
.recentArtcl .gscr_slideOuter .gscr_lSPager.gscr_lSpg .gscr_dot.gscr_active{
  width: 16px;
  height: 16px;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
}

.recentArtcl .gscr_slideOuter .gscr_pagerwrapper .gscr_lSPager,
.makesPlr .gscr_slideOuter .gscr_pagerwrapper .gscr_lSPager{
  margin-top: 30px !important;
}

.recentArtcl .gscr_lSAction {
  position: relative;
}
.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;
  margin-top: 35px;
  opacity: 0.8;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}

/* 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: 30px;
  justify-content: center;
}

.car-service-card {
  width: 100%;
  padding: 30px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.car-service-icon>img{
  transition: all 0.4s ease-in-out;
}
.carServiceBox .car-service-card:hover .car-service-icon>img{
  transform: scale(1.03);
}
.card-looking {
  background: var(--primary-color);
}

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

.car-service-heading {
  margin-bottom: 10px;
  color: var(--white);
  font-weight: 500;
  font-size:  24px !important;
  line-height: normal; 
}

.car-service-description {
  color: var(--white);
  font-size: 14px !important;
  font-weight: 400;
  line-height: 140%;
  width: 100%;
  margin-bottom: 20px;
}
.car-service-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color);
  cursor: pointer;
  border-radius: 14px;
  border: 1px solid var(--primary-color);
  background: var(--white);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  gap: 10px;
  width: 210px;
  height: 50px;
  padding: 17px 21px;
}
.car-service-button span a{
  color: var(--primary-color);
}
.car-service-button:hover{
  background-color: var(--black);
 }
 .car-service-button:hover span a{
  color: var(--white);
 }
.car-service-button:hover .lookSrchIcon{
  filter:brightness(0) invert(1) ;
}

.car-service-button-sell {
  border: 1px solid var(--black);
  background: var(--primary-color);
}
.car-service-button-sell span a{
  color: var(--white);
}
.car-service-button-sell .sellSrchIcon{
  filter:brightness(0) invert(1) ;
}

.car-service-button-sell:hover{
  background-color: var(--white);
}
.car-service-button-sell:hover img{
  filter: invert(48%) sepia(98%) saturate(1652%) hue-rotate(4deg) brightness(100%) contrast(100%);
} 

.car-service-button-sell:hover span a{
  color: var(--primary-color);
}

.button-arrow {
  margin-left: 8px;
  width: 14px;
  height: 14px;
}

/* 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(--primary-color);
  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 li {
  margin-bottom: 12px;
  display: flex;
  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;
  display: grid;
  grid-template: repeat(2, 1fr) / repeat(2, 1fr);
  gap: 20px;
}

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

.dataSummaryItem p {
  font-size: 15px;
  line-height: 20px;
}

/* 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: start;
  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: absolute;
  z-index: 3;
  bottom: 80px;
  width: 100%;
  left: 0;
  right: 0;
}
.srch-pnl-tp {
  display: flex;
  justify-content: start;
  border-radius:16px 0 0 0;
}
.srch-pnl-tp li{
  background: rgba(255, 255, 255, 0.20);
  flex: 0 0 109px;
  text-align: center;
}
.srch-pnl-tp li:has(.active){
  background-color: var(--primary-color);
}
.srch-pnl-tp li:hover{
  background-color: var(--primary-color);
  transition: all 0.3s ease;
}
.srch-pnl-tp li:first-child{
  border-radius:16px 0 0 0;
}
.srch-pnl-tp li:last-child{
  border-radius: 0 16px 0 0;
}
.srch-pnl-tp li a {
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  line-height: 29.6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 49px;
}
.srch-pnl-wrapper {
  background-color: var(--white);
  position: relative;
  height: 90px;
  width: 100%;
  padding: 20px;
  border-radius:0 16px 16px 16px;
  box-shadow: 0 18px 60px rgba(23, 26, 33, 0.05);
}
.srch-pnl-wrapper ul {
}
.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 span{
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.srch-pnl-itm .srch-boxs .srch-slct {
  border: none;
  color: var(--black);
  font-size: 15px;
  height: 48px;
  line-height: 28px;
  font-weight: 400;
  width: 100%;
  background-color: var(--white);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-left: 10px;
}
.advance-srch .advance-slct {
   border: 1px solid var(--gray-border); 
   border-radius: 10px; 
  color: var(--black);
  font-family: 'Outfit';
  font-size: 16px;
  height: 40px;
  line-height: 140%;
  font-weight: 400;
  width: 100%;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  min-width: 100px;
  padding: 0px 0px 0px 10px;
}
.srch-pnl-itm button,
.advance-btn-srch button,
.usedcar .button-main,
.accestable-box .accestable .selectboxes .always_show button {
  color: var(--white);
  background: var(--primary-color);
  border-radius: 14px;
  transition: all 0.3s ease;
  border: 1px solid var(--primary-color);
  font-size: 15px;
  font-weight: 600;
  height: 50px;
  line-height: 27.75px;
  padding: 0 57px;
  box-shadow: 0 7px 20px rgba(245, 195, 75, 0.2);
  text-align: center;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.home-info {
  text-align: start;
  position: absolute;
  z-index: 2;
  top: 190px;
  margin-bottom: 30px;
}
.home-info span{
  display: block;
}

.srch-pnl-itm .srch-boxs {
  position: relative;
}
.srch-pnl-itm .srch-boxs::after,
.advance-srch::after, .srchPnlOutlet .select-wrapper::after{
  content: "";
  position: absolute;
  pointer-events: none;
  right: 30px;
  z-index: 1; 
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('../image/FilterIcon.svg');
  /* border-top: 5px solid var(--black);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; */
  top: 35px;
  background-repeat: no-repeat;
}
/* .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;
} */
.advance-btn-srch.newcarsearchbtn button{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0;

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

}
.srch-pnl-itm button span,  .advance-btn-srch.newcarsearchbtn 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;
}
/* header button */
.homeapge .gscr_outerwrapper .gscr_lSPrev .owl-prev,
.homeapge .gscr_outerwrapper .gscr_lSNext .owl-next{
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 16px;
  position: relative;
  background: rgba(255, 255, 255, 0.42);
  /* backdrop-filter: blur(2px); */


}
.homeapge .gscr_outerwrapper .gscr_lSPrev .owl-prev{
  left: 40px;
}
.homeapge .gscr_outerwrapper .gscr_lSNext .owl-next{
  right: 40px;
  rotate: 180deg;
}
.homeapge .gscr_outerwrapper .gscr_lSPrev .owl-prev:hover,
.homeapge .gscr_outerwrapper .gscr_lSNext .owl-next:hover{
  background-color: var(--primary-color);
}
.homeapge .gscr_outerwrapper .gscr_lSPrev .owl-prev::after,
.homeapge .gscr_outerwrapper .gscr_lSNext .owl-next::after{
  content: "";
    background-image: url(../image/slider-arrw.svg);
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    opacity: 1;
    position: absolute;
    top: 18px;
    left: 18px;
}

/* Header Css Start */
@media screen and (min-width: 767px) {
  .abrir_menu {
    display: none;
  }
  #navigator .title {
    display: none;
  }
  #navigator > ul > li {
    position: relative;
    padding: 0 20px;

    /* transition: all 0.3s ease-in-out; */

  }

  #navigator > ul > li > a {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    text-transform: capitalize;
    padding: 38px 0px 38px;
  }
  #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, 0.1);
    display: inherit;
    line-height: 20px;
    position: absolute;
    top: 80px;
    z-index: 10;
    left: -180px;
    border-top: 2px solid var(--primary-color);
  }
  #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;
    text-indent: 0;
    text-transform: capitalize;
    transition: all 0.1s ease-in-out 0s;
    padding: 11px 24px;
    line-height:normal;
  }
  #menu ul ul li {
    width: 250px;
  }

  #navigator ul li:hover > ul {
    box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05);
    top: 58px;
    border-radius: 0 0 16px 16px;
    border-top: 2px solid var(--primary-color);
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    animation: rotateMenu 750ms ease ;
    transform-origin: top;
  }
  @keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg)
    }
    70% {
        transform: rotateX(20deg) 
    }
    100% {
        transform: rotateX(0deg) 
    }
  }

  /*  #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{
    color: var(--primary-color);
  }
  #header #menu li.active a{
    color: var(--primary-color);
  }
  #header #menu li.active .deep-menu a{
    color: var(--black);
  }
  /* #navigator ul li a:hover,
  #header #menu li.active a {
    color: var(--primary-color);
  } */

  #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(--primary-color);
}

.submenuicon {
  position: relative;
}
.submenuicon::after {
  content: "";
  position: absolute;
  left: 8px;
  z-index: 1;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--white);
  border-left: 2px solid var(--white);
  top:4px;
  transform: rotate(-135deg);
}
.stickyHeader .submenuicon::after{
  border-top: 2px solid var(--black);
  border-left: 2px solid var(--black);
}

.othrpg-header .submenuicon::after{
  border-top-color: var(--black);
  border-left-color: var(--black);
}

.othrpg-header #navigator ul li a:hover .submenuicon::after, #navigator ul li a:hover .submenuicon::after{
  border-top-color: var(--primary-color);
  border-left-color: var(--primary-color);

}
/* Header css End */

/* New Footer Css Start */
.footer-new .footerTags{
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px;
  justify-content: space-between;
  border-bottom:1px solid rgba(255, 255, 255, 0.06) ;
  padding: 40px 0;
  margin-bottom: 40px;
}
.footer-new .footerTags .tag{
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-new .footerTags .tag img{
  width: 45px;
  height: 45px;
}
.footer-new .footerTags .tag .tagText h5{
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
}
.footer-new .footerTags .tag .tagText span{
  color: var(--white);
  font-size: 14px;
  font-weight: 400;
  line-height:19.6px ;
  opacity: 0.3;
}
.footer-new {
  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(--primary-color);
}
.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 0.3s ease 0s;
}
.footer-new hr {
  border-top: 1px solid var(--border-gray);
  margin: 40px 0px 0;
  opacity: 0.25;
}

/* Featured Model Banner Css Start */
.feature-model {
  display: none !important;
  padding-top: 67px;
  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;
}
.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 */
.decoreBodyPage{
  border-radius: 0px;
  padding: 0px 0px 100px 0px;
  background: var(--white);
}
/* .filterPageNew {
  border-radius: 0px;
  padding: 0px 0px 100px 0px;
  background: var(--white);
} */

.filterPageNew .listin-top{
  margin-bottom: 20px;
} 
.listin-top h1 {
  color: var(--black);
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;;
  /* margin-bottom: 60px; */
  padding: 0;
  padding-top: 35px;
}
.listin-top p {
  color: var(--black);
  font-size: 15px;
  line-height: 27px;
}
.breacrumbBox{
  border: 1px solid var(--gray-border);
  margin-bottom: 100px;
}
.breadcrumb-model {
  padding: 19px 0;
  border-bottom: 1px solid var(--gray-border);
  margin-bottom: 15px;
}

.breadcrumb-model .breadcrumb-list span{
  color: var(--primary-color-gray);
  font-style: normal;
  font-weight: 400;
}
.breadcrumb-model .breadcrumb-list i {
  padding-right: 6px;
  padding-left: 8px;
  color: var(--black);
}
.filterPageNew .filterBox{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 20px;
  align-items: center;
  background: var(--white);
  margin: 30px auto;
}
.filterPageNew .advance-srch.rel{
  height: 40px;
}

.advance-srch::after {
  top: 13px;
  right: 10px;
}


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

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

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

/*  .filter-range .ui-slider-horizontal .ui-slider-handle {
  margin-left: 0;
}  */

.rel button {
  height: 40px;
  width: 100%;
  font-family: "Outfit";
  left: 50%;
  transform: translateX(-50%);
  background: var(--primary-color);
  color: var(--white);
  border: none;
  border-radius: 10px;
  font-weight: 500;
  text-align: center;
  transition: 0.3s ease;
}
.rel button:hover {
  background: var(--black);
}
.filterPageNew sup{
  top: -5px;
}
.advance-slct{
  margin-bottom: 0px;
}
.advance-collapse.advance-slct{
  padding-top: 10px;
}

.ftrd-crd-thm li a:hover .newCarCompareIcon{
  filter: brightness(0) invert(1);
}
/* .testDriveIcon{
  filter: invert(48%) sepia(98%) saturate(1652%) hue-rotate(4deg) brightness(100%) contrast(100%);
} */
.ftrd-crd-thm li a:hover .testDriveIcon{
  filter: brightness(0) invert(1);
}
@media screen and (min-width: 768px) {

  .othrpg-header #navigator > ul > li > a{
    color: var(--black);
    padding: 38px 0px;
  }
  .othrpg-header #navigator ul li a:hover{
    color: var(--primary-color);
  }
}
@media screen and (min-width: 1024px) {

  .rel button {
    white-space: nowrap;
  }
}

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

}

/* 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 */
.used-car-new .filterBox{
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.advancesrch-used {
  display: block;
}


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



.herobanner .flex-direction-nav .flex-prev,
.herobanner .flex-direction-nav .flex-next {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: var(--dark-black);
  opacity: 0.3;
  position: relative;
}

.herobanner .flex-direction-nav .flex-prev::after,
.herobanner .flex-direction-nav .flex-next::after {
  content: "";
  background-image: url("../image/slider-arrw.svg");
  width: 24px;
  height: 24px;
  display: block;
  background-repeat: no-repeat;
  opacity: 1;
  position: absolute;
  top: 13px;
  left: 12px;
}

.herobanner .flex-direction-nav .flex-prev:hover,
.herobanner .flex-direction-nav .flex-next:hover {
  background: var(--primary-color);
  opacity: 1;

}

.herobanner .flex-direction-nav li {
  position: absolute;
  left: 21px;
  display: inline;
  width: auto;
}

.herobanner .flex-direction-nav li:last-child {
  right: 20px;
  rotate: 180deg;
  left: auto;
}

/* Model Overview Slider Css End */
.popupwrap .select-wrapper select{
  padding-left: 15px;
}

/* 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);
}