.why-buy-auto-group
{
    background: url(../images/background-1.jpg) no-repeat center;
    background-size: cover;
    padding: 85px 0px 90px;
    position: relative;
    background-position: right;
    
 }
.button.destop_chk_search {
  width: 100%;
}
.button.view_geteprice {
  width: 100%;
}
.why-buy-auto-group:before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: absolute;
    background: linear-gradient(272deg, rgb(1 87 160 / 0%) 0%, rgb(1 87 160 / 36%) 40%, rgb(1 87 160 / 82%) 100%);
    display: none;
}
.fancybox.button.destop_chk_search {
  margin: 0;
}
.why-buy-auto-group .auto_group_info h5
{
    font-size: 16px;
    font-weight: bold;
        margin-bottom: 5px;
            color: #fff;
}
.price_is.mobile_callus {
  display: none !important;
}
.why-buy-auto-group .auto_group_info
{
    z-index: 1;
    max-width: 900px;
    position: relative;
        margin: 0px 10px;
}

.why-buy-auto-group .auto_group_info h2
{
    font-size: 40px;
        color: #fff;
            margin-bottom: 0px;
}

.why-buy-auto-group .auto_group_info aside
{
        margin-bottom: 45px;
}

.why-buy-auto-group .auto_group_info li
{
       color: #fff; 
           margin-bottom: 35px;
           list-style-type: none;
               position: relative;
    width: 48%;
    margin: 0px 1%;
    display: flex;
    flex-wrap: wrap;
padding-left: 100px;
    margin-bottom: 40px;
        padding-right: 35px;
}

.why-buy-auto-group .auto_group_info li img {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.why-buy-auto-group .auto_group_info li figure
{
        position: relative;
    text-align: center;
    margin: 0 30px 0 0;
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: 0;
}

.why-buy-auto-group .auto_group_info p
{
            color: #fff; 
           margin-bottom: 0px;
               line-height: 1.5;
                   font-size: 16px;
}


.why-buy-auto-group .auto_group_info figcaption h4
{
           font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 3px;
        line-height: 1.5;
}

.why-buy-auto-group .auto_group_info ul
{
        display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
        margin: 0px -1%;
}

.home-map
{
    background: url(../images/map-bg.jpg) no-repeat center;
    background-size: cover;
    padding:0px;
    position: relative;
    background-position: center;
    
 }
 .home-map .container {
    padding: 235px 15px;
}

.home-map .map-info {
    text-align: center;
    padding: 0px;
    background: #fff;
    max-width: 880px;
    margin: 0 auto;
    border-radius: 10px;
}
.home-map h5 {
    font-size: 16px;
    text-transform: uppercase;
    color: #0157a0;
    margin-bottom: 7px;
    font-weight: 700;
}
.home-map h2 {
    font-size: 40px;
    margin-bottom: 0;
}
.home-map aside {
    padding: 20px;
}
.location_wrp{
display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;

}
.location_wrp .location_left {
    width: 49%;
    margin: 0 1%;
    text-align: left;
    padding: 12px 30px 12px 130px;
    border-right: 1px solid #ddd;
}
.location_wrp .location_right {
    width: 47%;
    margin: 0 1%;
        padding: 12px;
}
.location_wrp .location_right a.button
{
    margin: 0;
}
.location_wrp .location_left p {
    font-size: 15px;
    margin-bottom: 0px;
}
.location_wrp .location_left p.para {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
        padding-left: 0px;
            line-height: normal;
}
.location_wrp .location_left select {
    padding: 0;
    color: #999999;
    border: 0;
    height: 20px;
    font-size: 15px;
    text-align: left;
    margin-bottom: 0;
    -webkit-margin-start: -4px;
}
.location_wrp .location_left option {
    color: #000;
    padding: 10px;
}

.vehicles_products {
    padding: 40px 0;
}
.vehicles_products .tpnt {
    position: relative;
    padding: 0px 20px 0px 0px;
    margin: 0;
    background: transparent;
    border: none;
    color: #0157a0;
    text-transform: inherit;
    font-size: 16px;
}
.vehicles_products .tpnt:hover{
  background: transparent;
    border: none;
    color: #000;  
}
.vehicles_products section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    margin: 0 1%;
        padding-bottom: 10px;
}

.vehicles_products .tpnt:after {
    background: url(../images/arrow_right.png) no-repeat center;
    position: absolute;
    content: '';
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
   
}

.vehicles_products .vehicles_list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.vehicles_products .vehicles_item{
    list-style: none;
    width: 31.33%;
    margin: 0 1% 2%;
    border: 1px solid #ddd;
    padding: 11px;
    border-radius: 10px;
    padding-bottom: 80px;
    position: relative;}
.vehicles_products .vehicles_item a.button {
    margin: 0;
    display: block;
}
.vehicles_products .vehicles_item aside {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
}
.vehicles_products .vehicles_item h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
        min-height: 45px;
}
.vehicles_products h3 a{
    color: #000;  
}
.vehicles_products h3 {
    font-size: 24px;
}

.vehicles_products h3 a:hover{
    color: #0159a3;  
}

.vehicles_products .vehicles_item img{
    margin-bottom: 20px;
        width: 100%;
        border-radius: 8px;
}

.vehicles_products ul {
    padding: 0;
    list-style: none;
}

.vehicles_products li {
    font-size: 14px;
    margin-bottom: 3px;
    line-height: normal;
    color: #000;
}

.vehicles_products li span{
  color: #666;  
}
.vehicles_products .price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 0px;
    line-height: normal;
}
.vehicles_products .price_was {
    font-size: 20px;
    font-weight: 800;
        color: #000;
}

.vehicles_products .price_is {
    font-size: 16px;
    border-bottom: 0px solid #a3a3a3;
    margin-bottom: 3px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
        color: #000;
   
}

.vehicles_products .price_is:before {
    border: 1px solid #bcbcbc;
    content: "";
    height: 2px;
    width: 98px;
    left: 0;
    right: 0;
    bottom: 0px;
    position: absolute;
}

.vehicles_products .tool-notice{
    position: relative;
    padding-right: 20px;
}

.vehicles_products .price_is span:before {
    content: "";
    display: block;
    background: url(../images/info.png) no-repeat center;
    background-size: cover;
    background-position: center;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tool-notice {
    position: relative;
    background: #fff;
    padding: 0;
    margin: 0;
    font-size: 13px;
    border-radius: 100%;
    color: #6d6b6b;
    font-weight: bold;
    display: inline-block;
}

.tool-notice:before {
    border-width: 10px 8px 0 8px;
    border-style: solid;
    border-color: #0157a0 transparent transparent transparent;
   top: -15px;
    transform: translateY(-20px);
    right: 0px;
}
.tool-notice:after {
    content: attr(data-tooltip);
    background: #0157a0;
    width: 160px;
    height: auto;
    font-size: 13px;
    font-weight: 300;
    bottom: 15px;
    right: -12px;
    padding: 10px;
    border-radius: 5px;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    transform: translateY(-20px);
}
.tool-notice:before {
    position: absolute;
    content: '';
    visibility: hidden;
        opacity: 0;
    transition: all 0.4s ease;
}
.tool-notice:after {
    position: absolute;
    visibility: hidden;
        opacity: 0;
    transition: all 0.4s ease;
}

.tool-notice:hover::before, .tool-notice:hover::after {
    visibility: visible;
        opacity: 1;
    transform: translateY(-2px);
}

.vehicles_item .truwwidget_left {
    position: absolute;
    top: 18px;
    right: 17px;
            padding-bottom: 0px!important;
}
.vehicles_item .truwwidget_left span {
    background: #fff !important;
    color: #000 !important;
    padding:2px 10px !important;
    border-radius: 6px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    padding-left: 30px !important;
    width: 170px;
    display: block;
}

.vehicles_item .truwwidget_left span:before {
    content: "";
    display: block;
    background: url(../images/trending_down.png) no-repeat center;
    background-size: cover;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 6px;
    top: 51%;
    transform: translateY(-50%);
}

.vehicles_item .truwwidget_left i{
    display: none !important;
}
.locations_lst {
    
    padding-left: 20px;
    column-count: 3;
}
.locations_lst li {
    padding-right: 15px;
}
 .login_form_outer {
    background-color: #31c6bb;
    box-shadow: 0 0 7px 0 #dadada;
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
    padding: 25px;
    background: #fff;
}
.login_form_outer legend {
    font-size: 23px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    display: block;
    width: 100%;
}
.form_register .field {
    display: inline-block;
    width: 49%;
    padding: 0 5px; margin-top: 0 !important;
    vertical-align: top;
}

/* Passy */
.passy_icon {
 margin: 1em 0 0 -30px;
 background: none !important;
 padding: 0 !important;
 text-decoration: none !important;
 border: 0 !important;
}

.passy_icon:before {
 font-family: FontAwesome;
 content: "";
 padding: 0 4px;
 display: inline-block;
 background: #777 !important;
 border-radius: 15px;
 color: #fff !important;
 font-size: 11px;
 line-height: 19px;
 text-decoration: none;
 border: 1px solid transparent;
 min-width: 9px;
 text-align: center;
 cursor: pointer;
}

.passy_icon:hover:before {
 background: #000 !important;
 color: #fff !important;
}

.passy_icon b {
 display: none;
}

.passy_status {
 background: #e0e0e0;
 border: 0;
 width: 100%;
 margin: 0;
 height: 5px;
}

.passy_status i {
 margin: 0;
}

.passy_generator {
 white-space: nowrap;
}

.passy_generator .field > label {
 margin-right: 10px;
 display: inline;
 font-weight: normal;
}

.passy_generator select {
 width: 35px !important;
 margin-left: -35px;
 border: 0 !important;
 white-space: nowrap !important;
 background: transparent !important;
 padding-left: 5px !important;
 padding-right: 10px !important;
 color: #000 !important;
}

.passy_generator select option {
 background: #fff !important;
 color: #000 !important;
}

.passy_generator input[type=text] {
 width: 380px !important;
 font-weight: bold;
 padding-right: 40px !important;
}

.login_form_outer .field {
    display: inline-block;
    width: 49%;
    padding: 0 5px; margin-top: 0 !important;
    vertical-align: top;
}
.page_registration form .buttons{ text-align: center;     margin-top: 0; }

.page_users p.buttons {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page_users input[type="submit"], .page_users a.button{
  margin-top: 10px; margin-right: 10px; 
}


/* Datepicker */
.show_calendar_picker {
 margin: 1em 0 0 -30px;
 width: 0 !important;
 height: 0 !important;
 background: none !important;
 padding: 0 !important;
 cursor: pointer;
}

.show_calendar_picker:before {
 font-family: FontAwesome;
 content: "";
 padding: 0 4px;
 display: inline-block;
 background: #777 !important;
 border-radius: 15px;
 color: #fff !important;
 font-size: 13px;
 line-height: 19px;
 text-decoration: none;
 border: 1px solid transparent;
 min-width: 9px;
 text-align: center;
}
.mobile_chkavilablity{ display: none !important ;}
.show_calendar_picker:hover:before {
 background: #000 !important;
 color: #fff !important;
}

.datepicker-dropdown {
 top: 0;
 left: 0;
}
.gren_button .tool-notice {
  vertical-align: middle;
}
.datepicker-dropdown:before {
 content: '';
 display: inline-block;
 border-left: 7px solid transparent;
 border-right: 7px solid transparent;
 border-bottom: 7px solid #000;
 border-top: 0;
 position: absolute;
}
.gren_button .fa-phone {
  font-size: 13px; margin-left: 5px;
}
.datepicker-dropdown:after {
 content: '';
 display: inline-block;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-bottom: 6px solid #000;
 border-top: 0;
 position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
 left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
 left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
 right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
 right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
 top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
 top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
 bottom: -7px;
 border-bottom: 0;
 border-top: 7px solid #000;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
 bottom: -6px;
 border-bottom: 0;
 border-top: 6px solid #000;
}

.datepicker > div {
 display: none;
}

.datepicker .close-button {
 position: absolute;
 top: -16px;
 right: 12px;
 display: block;
}

.datepicker .close-button a {
 display: block;
 width: 0;
 height: 0;
 text-decoration: none;
 outline: none;
 cursor: pointer;
}

.datepicker .close-button a:before {
 font-family: FontAwesome;
 content: "";
 font-size: 19px;
 background: #fff;
 color: #000;
 border: 1px solid #000;
 border-radius: 50px;
 padding: 5px 7px 6px 7px;
 line-height: 20px;
}

.datepicker .close-button span {
 display: none;
}
.ser_callbutn{ display: none !important; }
.mobile_askquest {
  display: none;
}
/* popup  */
.mobile_callto .fa-phone {
  font-size: 11px;
}
.mobile_callto {
  display: none;
}
.mobile_callto .button {
  background: green;
  border-color: green;
}
.coupon_form .field_title{
     float: left;
    text-align: right;
    width: 50%;
    text-align: right;
    padding-right:10px;
    display:none;
}
.coupon_form .field_content {
    float: left;
    width: 100%;
}
 .coupon_form  .form_field_14 {
    width: 100%!important;
}
.coupon_form  .form_field_13 {
    width: 100%!important;
}

.coupon_form  .field {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
}

.coupon_form .form_field_13  .field_title
{
    display:block!important;
    text-align:left;
        margin-bottom: 5px;
    font-weight: 700;
}
 
.coupon_form .buttons{
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    text-align:center;
}
.coupon_form .buttons input[type="submit"]
{
    margin-bottom: 0;
    margin-top: 0;
    font-weight: normal;
    font-size: 16px;
}
.coupon_form .buttons a{
    margin-bottom: 0;
     margin-top: 0;
         font-weight: normal;
    
}

.coupon_form .forms_outer{
    margin: 15px 0 0 0;
}
.coupon_form input[type='text']{
    height: 50px;
}
 
.coupon_form_top h4{
    margin-bottom: 10px;
    padding: 8px 25px;
    background: #0157a0;
    color: #fff;
    text-align:center;
        border-radius: 15px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: -20px -21px 15px -21px !important;
}
.coupon_form_top p{
    max-width: 725px;
    line-height: 25px;
}
.both_coupon_image_and_content{
 width: 100%;
 display: inline-block;
}
.mobile_askquest .fa-phone {
  font-size: 13px;
}
.coupon_form{
    max-width: 800px;
}
.coupon_form ul li{
    list-style: none;
}
.coupon_form ul li:first-child{
    margin-bottom: 5px;
    font-size: 20px;
}
.coupon_form_image{
    float: left;
    width: 50%;
    padding: 6px;
    border: 1px solid #ccc;
}
.coupon_form_middle{
    float: left;
    width: 50%;
    padding-left: 10px;
}
.coupon_form form
{
          background: #f5f5f5;
        padding: 25px 20px;
}
   a[name="forms1"] + form .buttons a.button {
  display: none !important;
}
  
.mobile_chkav .button {
  display: none;
}
/* popup end */

@media (max-width: 1000px) {
      .page_home #fancybox-content .coupon_form_top h4 {
    margin: 0px 0 15px 0 !important;
  }
    .why-buy-auto-group .auto_group_info li
{
    width: 100%;
   padding-left: 100px;
    margin-bottom: 45px;
        padding-right: 0px;
}

.why-buy-auto-group {
    padding: 50px 15px 30px;
}
.vehicles_products .vehicles_item {
 width:48%;margin-bottom:20px;   
}

}

@media (max-width: 780px) {
   .page_home #fancybox-overlay {
    background-color: #fff !important;
  }
    a[name="forms1"] + form .buttons {
  display: flex !important;
  flex-wrap: wrap;
}
a[name="forms1"] + form .buttons .button.b {
  order: 1;
}
    a[name="forms1"] + form .buttons a.button {
  order: 2; margin-top: 15px !important; 
}
    .desktop_askquest {
  display: none;
}
    .mobile_askquest {
  display: block;
}
    .mobile_askquest .button { border-radius: 4px;
  -webkit-border-radius: 4px;  background: green;  width: 100%;
  border: 0;}
    .mobile_askquest .button:hover {    
  border: 0;}
   .mobile_chkavilablity{ display: block !important;} 
    .desktop_chkavilablity{ display: none !important;}
    .vehicles_products .price{ align-items: center;}
    .price_is.mobile_callus {
  display: block !important;
}
    .mobile_callus.price_is:before{display: none; }
    .vehicles_products .home_estimate_hide{ display: none;}
 .vehicles_products section article {
    display: none;
}
    .button.gren_button {
  background: green;
  border: 0;
}
        .button.gren_button:hover { 
  border: 0;
}
.login_form_outer .field {
    display: inline-block;
    width:100%;
    padding: 0px;
    margin-top: 0 !important;
    vertical-align: top;
}
.vehicles_products section {
    display: block;
    margin: 0%;
}
.vehicles_products {
    padding: 15px 0 10px;
}
.home-map .map-info {
    
    padding: 10px;
}
.why-buy-auto-group {
    padding: 30px 0px 30px;
        background: url(../images/mobile-bg.jpg) no-repeat top;
    background-size: contain;
    background-color: #0157A0;
}
.vehicles_products .vehicles_item {
 width:100%;margin-bottom:20px;   
}
.vehicles_products .vehicles_item h3 {
    min-height: auto;
}


.why-buy-auto-group:before
{
        background: linear-gradient(201deg, rgba(1, 87, 160, 0.09555643546481096) 0%, rgb(1 87 160 / 53%) 0%, #0157a0);
        
display: none;
}

    .why-buy-auto-group .auto_group_info li:last-child {
         margin-bottom: 0px ! important;
    }
    .why-buy-auto-group .auto_group_info {
    max-width: 100%;
}
.why-buy-auto-group .auto_group_info h5 {
    font-size: 16px;
}
.why-buy-auto-group .auto_group_info h2 {
    font-size: 30px;
}
.why-buy-auto-group .auto_group_info aside {
    margin-bottom: 40px;
}
    .why-buy-auto-group .auto_group_info {
        max-width: 100%;
    }
        .why-buy-auto-group .auto_group_info li {
        margin-bottom: 25px;
    }
    .why-buy-auto-group .auto_group_info h5 {
    margin-bottom: 10px;
}
.why-buy-auto-group aside span
{
    display: block;
}
.why-buy-auto-group .auto_group_info ul {
    max-width: 80%;
}
.home-map aside {
           padding: 15px 0px;
}
.location_wrp .location_left {
    width: 100%;
    margin: 0;
    text-align: left;
    padding: 12px;
    
}
.location_wrp .location_right {
    width: 100%;
    margin: 0;
    
}

.location_right input[type="submit"] {
    margin: 0 !important;
}

.home-map h2 {
    font-size: 30px;
   
}
.location_wrp .location_left {
   
    border-right: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.home-map .container {
    padding: 35px 15px 235px;
}

 .why-buy-auto-group .auto_group_info ul {
    margin: 0px;
    }
    
    .location_wrp{
    margin: 0px 5px;
}
.home-map .map-info {
      padding-bottom: 15px;
}
    
  .coupon_form_image{
        float: none; 
        margin: 0 auto 10px;
        width: 100% !important;
    }
    .coupon_form form {
    padding: 25px 10px;
}  
     .coupon_form_middle{
        float: none;
        padding-left: 0;
        width: 100%; padding-bottom: 15px;
    }
    .coupon_form_middle ul{
        padding: 0;
    }
      .coupon_form form {
    padding: 25px 10px;
}
   .coupon_form .field {
    
    width:100%;
    
} 
}
@media (max-width: 680px) {
    .fancybox.button.destop_chk_search, .button.destop_chk_search {
   display: none;
}
    .ser_viewhide{ display: none !important;}
    .mobile_chkav .button {
  display: block;
}
   .search_list_buttons .desktop_askquestsss{ display: none;}
    .ser_callbutn {
  display: block !important;  
  margin: 0 !important; background: green !important;
    border-color: green !important;
  border-radius: 0 0 4px 4px !important;
}
    .ser_callbutn:hover { background: #000 !important;}
    .mobile_callto {
  display: block;
}
    .mobile_vechicle_pricenotes{ display: none !important;}
     .coupon_form .buttons{
        padding-left: 0;
    }
 .coupon_form .field_title{
        float: none;
        width: 100%;
        text-align: left;
    }
    .coupon_form .field_content{
        float: none;
        width: 100%;
    }
}


@media (max-width: 480px) {
      .coupon_form_top h4{
        font-size: 15px;
    }
    .coupon_form_top p{
        font-size: 15px;
    }
.locations_lst {
    
    column-count: 1;
}
.locations_lst li {
    padding-right:0px;
}
.vehicles_item .truwwidget_left {
          width: inherit;  
}
}

@media (max-width: 400px) {
    .why-buy-auto-group .auto_group_info li {
        padding-left: 85px;
    }
    .why-buy-auto-group .auto_group_info ul {
    max-width: 100%;
    }
    .coupon_form .field_title{
        font-size: 15px;
    }
     .coupon_form ul li{
        font-size: 14px;
    }
     
    .coupon_form .button{
        font-size: 16px;
    }
    }