/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 16:52:10 */
/* Price My trade Popup */
            
            @media (min-width: 768px){
            
                div.trading-detail-section p:not(:nth-child(2n)) ,
                div.your-detail-section p:not(:nth-child(2n)) ,
                div.trade-in-detail-section p:not(:nth-child(2n)){
                	padding-left: 10px;
                }
            
            }
            
            
            
            div.trading-detail-section p {
            	width: 50%;
            	float: left;
            }
            
            div.your-detail-section  p {
            	width: 50%;
            	float: left;
            }
            
            div.trade-in-detail-section  p {
            	width: 50%;
            	float: left;
            }
            
            div.top-border{
                border-top:1px solid #f7f7f7;
                margin-top:20px;
            }
            
            @media (max-width: 767px){
                div.trading-detail-section p {
                	width: 100%;
                	
                }
                
                div.your-detail-section  p {
                	width: 100%;
                	
                }
                
                div.trade-in-detail-section  p {
                	width: 100%;
                	
                }
            }
            
            
            /*END  */
        
            
            /* POPUP */
            
            span.wpcf7-list-item{
                margin:0px !important;
            }
            
            .pl-98{
                padding-left:98px;
            }
            
            .wpcf7-form label{
                width:100%;
            }
            
            .contact-form-area{
                padding:.875rem 114px .5rem;
            }
            
            .mt-15{
                margin-top:15px;
            }
            
            .fs-15{
                font-size:15px;
            }
            
            .fs-20{
                font-size:20px;
            }
        
            .modal-header .close {
				font-size: 54px;
    			padding: 10px;
            }
            
            @media (max-width: 767px){
                
                .modal-dialog.modal-dialog-centered {
                	width: 350px !important;
                	margin: 30px auto;
                }
                
                .modal-dialog {
                	margin: 30px auto;
                }
                
                .vehicle-small-wrap {
                	padding: .875rem 10px .5rem !important;
                }
                
                .contact-form-area{
                    padding:.875rem 10px .5rem !important;
                }
                
                .vehicle-small .vehicle-info {
                
                	padding-left: 7.3rem !important;
                	line-height: 1.5 !important;
                	
                }
                
                .fs-20{
                    font-size:12px !important;
                }
                
                .fs-15{
                    font-size:10px !important;
                }
                
                .pl-98 {
                  padding-left: 0px !important;
                }
                
            }
            
            @media (min-width: 768px) and (max-width: 1200px){
                
                .modal-dialog.modal-dialog-centered {
                	width: 768px !important;
                	margin: 30px auto;
                }
                
                .vehicle-small-wrap {
                	padding: .875rem 50px .5rem !important;
                }
                
                .contact-form-area{
                    padding:.875rem 50px .5rem !important;
                }
                
                .pl-98 {
                	padding-left: 36px !important;
                }
                
                
            }
        
            @media (min-width: 1200px ){
                .modal-xl {
                  max-width: 1140px;
                }
            
              
                .modal-dialog {
                	width: 1140px !important;
                	margin: 30px auto;
                }
                
            }
            
            .modal-body {
                padding:0px;
            }
            
            .vehicle-small-wrap {
            	padding: .875rem 114px .5rem;
            }
            
            .vehicle-small-wrap {
            	max-width: 100%;
            	border: none;
            	margin-bottom: 0;
            	height:147px;
            	
            }
            
            .vehicle-small-wrap {
            	
            	margin: 0 auto;
            	border: 1px solid #ccc;
            	background:#f7f7f7;
            	margin-bottom: 1rem;
            }
            
            .vehicle-small .cell-photo {
            	float: left;
            	border: none;
            	max-width: 170px;
            }
            
            .vehicle-small .cell-photo {
            	width: 33%;
            	float: left;
            	border: none;
            	max-width: 170px;
            }
            
            .vehicle .cell-photo {
            	position: relative;
            }
            
            .cell-photo {
            	position: relative;
            	display: block;
            	border: 1px solid #ddd;
            }
            
            .vehicle-small .vehicle-info {
            	color: #7f7f7f;
            	line-height: 1.2;
            	font-size: .75rem;
            	padding-left: 1rem;
            	float: left;
            }
            
            .vehicle-small .vehicle-info {
            	width: 67%;
            	float: left;
            	color: #7f7f7f;
            	line-height: 1.2;
            	font-size: .75rem;
            	padding-left: 1rem;
            }
            
            .vehicle-info {
            	padding-left: .375rem;
            	padding-right: .375rem;
            }
            
            .form-container .vehicle-small .vehicle-info h6 {
            	font-size: .875rem;
            	font-weight: bold;
            	color: #2a3744;
            	padding-top: 0 !important;
            	line-height: 1.6;
            	padding-bottom: .25rem !important;
            }
            
            .vehicle-small .vehicle-info h6 {
            	font-size: .875rem;
            	font-weight: bold;
            	color: #2a3744;
            	padding-top: 0 !important;
            	line-height: 1.6;
            	padding-bottom: 0 !important;
            	margin-bottom: 0;
            	white-space: nowrap;
            	overflow: hidden;
            	-ms-text-overflow: ellipsis;
            	-o-text-overflow: ellipsis;
            	text-overflow: ellipsis;
            }
            
            .vehicle-info h6 {
            	font-size: 1.125rem;
            	margin-bottom: .5rem;
            	padding: .5rem 0 0 !important;
            	font-weight: 500;
            	line-height: 1.25;
            }
            
            @media only screen and (min-width: 640px){
                .vehicle-small-wrap {
                  position: relative;
                }
                
                .vehicle-small-wrap .vehicle-small .vehicle-info h6 {
                	font-size: 1rem;
                	padding-top: .5rem;
                }
                
            
                
            }
            
            
            /* END POPUP */
            
            
        
            /* //--- Right Side Action Buttons */
            
            [class^="icon-"], [class*=" icon-"] {
            	font-family: 'icomoon' !important;
            	speak: none;
            	font-style: normal;
            	font-weight: normal;
            	font-variant: normal;
            	text-transform: none;
            	line-height: 1;
            	-webkit-font-smoothing: antialiased;
            	-moz-osx-font-smoothing: grayscale;
            }
            
            ul.no-bullet.vehicle-links{
                margin:0px;
            }
            
            .vehicle_features .action-wrap .action{
                clear: both;
            }
            
            .vehicle_features .action-wrap .vehicle-links {
            	padding-top: 1rem;
            }
            
            .vehicle_features .action-wrap .vehicle-links .ask-question {
            	margin-right: .125rem;
            	float: left !important;
            }
            
            .vehicle_features .action-wrap .vehicle-links .ask-question, .vehicle_features .action-wrap .vehicle-links .book-test-drive {
            	-webkit-transition: all,.3s;
            	-moz-transition: all,.3s;
            	-o-transition: all,.3s;
            	transition: all,.3s;
            	width: 48%;
            	float: left;
            	margin-bottom: 1.5rem;
            	height: 150px;
            	padding: 2.125rem 0 1rem;
            }
            
            
            .vehicle_features .action-wrap .vehicle-links li {
            	border: 1px solid #DBDCDD;
            	margin-bottom: 1.5rem;
            	-webkit-transition: all,.3s;
            	-moz-transition: all,.3s;
            	-o-transition: all,.3s;
            	transition: all,.3s;
            	position: relative;
            	overflow: hidden;
            	cursor: pointer;
            	
            }
            
            ul li::marker {
              list-style:none;
            }
            
            .vehicle_features .action-wrap .vehicle-links li:nth-child(2n+1), .vehicle_features .action-wrap .vehicle-links li:nth-child(2n) {
            	float: none;
            }
            
            .vehicle_features .action-wrap .vehicle-links .book-test-drive {
            	margin-left: .125rem;
            	float: right !important;
            }
            
            .vehicle_features .action-wrap .vehicle-links li {
            	width: 100%;
            	float: none;
            }
            
         
                        
            @media only screen and (min-width: 640px){
                .vehicle_features .action-wrap li.ask-question {
                  margin-right: 2%;
                }
                
                .vehicle_features .action-wrap li {
                  width: 49%;
                  float: left;
                }
                
                .vehicle_features .action-wrap li.book-test-drive {
                	margin-right: 0;
                }
                
                .vehicle_features .action-wrap li::not(.book-test-drive):nth-child(2n) {
                	margin-right: 2%;
                }
                
                
            
            }
            
            
            @media only screen and (max-width: 767px){
            
            
                #listing_content .other_info .vehicle_features {
                	margin-left: 0px !important;
                }
            
            }
            
            .vehicle_features .action-wrap .vehicle-links .book-test-drive {
            	margin-left: .125rem;
            	float: right !important;
            }
            
            .vehicle_features .action-wrap .vehicle-links li::before {
            	content: '';
            	position: absolute;
            	top: 0;
            	bottom: 0;
            	left: 0;
            	width: 52px;
            	background: #F8F8F8;
            	-webkit-transition: all,.3s;
            	-moz-transition: all,.3s;
            	-o-transition: all,.3s;
            	transition: all,.3s;
            }
            
            .icon-question::before {
            	content: "\e9c9";
            }
            
            .icon-drive::before {
            	content: "\e9c8";
            }
            
            .icon-action-trade::before {
            	content: "\24";
            }
            
            .icon-action-calculator-sm::before {
            	content: "\e9cb";
            }
            
            .icon-action-finance::before {
            	content: "\53";
            }
            
            .ci-aa::before {
            	content: "\e907";
            }
            
            .icon-action-cart::before {
            	content: "\e9cc";
            }
            
            .ci-video::before {
            	content: "\e902";
            }
            
            .icon-action-notice::before {
            	content: "\21";
            }
            
            .clearfix::before, .clearfix::after {
            	content: ' ';
            	display: table;
            }
            
            .vehicle_features .action-wrap .vehicle-links li::after {
            	background: rgba(255,255,255,.7);
            	z-index: 4;
            }
            
            .vehicle_features .action-wrap .vehicle-links li:not(.ask-question ):not(.book-test-drive)::after {
            	content: '';
            	position: absolute;
            	width: 1px;
            	height: 120px;
            	top: 0;
            	left: 5.05rem;
            	background: #555;
            	-webkit-transition: all,.3s;
            	-moz-transition: all,.3s;
            	-o-transition: all,.3s;
            	transition: all,.3s;
            }
            
            
            
            
            .vehicle_features .action-wrap .vehicle-links li a i {
            	font-size: 20px;
            	color: #4A4A4A;
            }
            
            .vehicle_features .action-wrap .vehicle-links li a:hover i {
            	color: #77bd43;
            }
            
            .vehicle_features .action-wrap .vehicle-links li a:hover i {
            	color: #fff;
            }
            
            .vehicle_features .action-wrap .vehicle-links li .icon-width {
            	width: 65px;
            	display: inline-block;
            }
            
            .vehicle_features .action-wrap .vehicle-links li a span {
            	position: relative;
            	z-index: 3;
            }
            
            .vehicle_features .action-wrap .vehicle-links li a {
	            color: #555;
            	display: block;
            	padding: 1.500rem 1.5rem 1.500rem 1rem;
            	-webkit-transition: all,.3s;
            	-moz-transition: all,.3s;
            	-o-transition: all,.3s;
            	transition: all,.3s;
            }
            
  
            
            .vehicle_features .action-wrap .vehicle-links li a i {
            	margin-right: 43px;
            	vertical-align: middle;
            	font-size: 20px;
            	color: #555;
            	position: relative;
            	z-index: 2;
            }
            
            .vehicle_features .action-wrap .vehicle-links li a i {
            	color: #4a4a4a !important;;
            }
            
            .vehicle_features .action-wrap .vehicle-links li:hover {
            	
            }
            
            .vehicle_features .action-wrap .vehicle-links li:hover::before {
            	width: 100%;
            }
            
            .vehicle_features .action-wrap .vehicle-links li:hover::after {
            	background: rgba(255,255,255,.7) !important;
            	z-index: 4;
            }
            
            .vehicle_features .action-wrap .vehicle-links li:hover::after {
            	background: #77bd43;
            }
            
            .vehicle_features .action-wrap .vehicle-links li:hover a {
            	color: #000;
            	text-decoration:none;
            }
            
            .vehicle_features .action-wrap .vehicle-links .ask-question a i, .vehicle_features .action-wrap .vehicle-links .book-test-drive a i {
            	font-size: 50px;
            	display: block;
            	text-align: center;
            	margin: 0 auto .5rem;
            	max-width: none;
            }
            
            .vehicle_features .action-wrap .vehicle-links .ask-question a, .vehicle_features .action-wrap .vehicle-links .book-test-drive a {
            	display: block;
            	height: 150px;
            	text-align: center;
            	padding: 0 !important;
            }
            
            .vehicle_features .action-wrap .vehicle-links .ask-question::before, .vehicle_features .action-wrap .vehicle-links .book-test-drive::before {
            	width: 100%;
            }
            
            .vehicle_features .action-wrap .vehicle-links .ask-question a span, .vehicle_features .action-wrap .vehicle-links .book-test-drive a span {
            	color: #4a4a4a;
				font-size: 22px;
            }
            
            .vehicle_features .action-wrap .vehicle-links .ask-question:hover, .vehicle_features .action-wrap .vehicle-links .book-test-drive:hover {
            	background: #dbdcdd;
            	border: 1px solid #dbdcdd;
            }
            
            .vehicle_features .action-wrap .vehicle-links .ask-question:hover::before, .vehicle_features .action-wrap .vehicle-links .book-test-drive:hover::before {
            	background: #dbdcdd;
            }
            
              
            
            
            /* //--- End  */
            
            
        
        
        
        
        
        
        
            .has-tip.fuelsaver-tip {
              position:relative; /* making the .tooltip span a container for the tooltip text */
            }
            
            .has-tip.fuelsaver-tip:before {
              content: attr(data-text); /* here's the magic */
              position:absolute;
              
              /* vertically center */
              top:50%;
              transform:translateY(-50%);
              
              /* move to right */
              left:100%;
              margin-left:15px; /* and add a small left margin */
              
              /* basic styles */
              width:400px;
              padding:10px;
              border-radius:10px;
              background:#000;
              color: #fff;
              text-align:center;
            
              display:none; /* hide by default */
            }
            
            .has-tip.fuelsaver-tip:hover:before {
              display:block;
            }
        
            .vehicle_features .summary {
              background: #f4f5f6;
              padding: .25rem 2.05rem;
              font-size: .875rem;
              color: #000;
              margin: 0 0 1rem;
              font-weight: 400;
            }
            
            .vehicle_features .summary .fuelsaver, .vehicle_features .summary .safety-rating {
            	color: #626262;
            	font-weight: 400;
            	font-size: .75rem;
            }
            
            .vehicle_features .summary .row {
            	padding: .75rem 0;
            	border-bottom: 1px solid #dbdcdd;
            }
            
            
            .vehicle_features .summary .fuelsaver .title, .vehicle_features .summary .safety-rating .title {
            	color: #626262;
            	font-weight: 400;
            	padding-bottom: .5rem;
            }
            
            .vehicle_features .summary .title {
            	font-size: 1.3rem;
            	color: #626262;
            	font-weight: 400;
            	padding-right: 1rem;
            	padding-left: 0;
            }
            
            
            .vehicle_features .summary .fuelsaver .fuel-label, .vehicle_features .summary .safety-rating .fuel-label {
            	font-size: .875rem;
            	color: #000;
            	margin-right: 1rem;
            }
            
            .vehicle_features .summary .fuelsaver .icon-star3,
            .vehicle_features .summary .fuelsaver .icon-star2,
            .vehicle_features .summary .fuelsaver .icon-star, 
            .vehicle_features .summary .safety-rating .icon-star3, 
            .vehicle_features .summary .safety-rating .icon-star2, 
            .vehicle_features .summary .safety-rating .icon-star {
            	color: #f4b717;
            	font-size: 20px;
            }
            

            .icon-star3::before {
            	content: "\2605";
            }
            
            .icon-star::before {
            	content: "\2606";
            }
                        
            /*[class^="icon-"], [class*=" icon-"] {
            	font-family: 'icomoon' !important;
            	font-style: normal;
            	font-weight: normal;
            	font-variant: normal;
            	text-transform: none;
            	line-height: 1;
            }*/
            
            .vehicle_features .summary div,
            .vehicle_features .summary p{
                padding:0px;
                margin:0px;
                line-height:1.8;
            }
            
            [class*=" icon-"]:before, [class^=icon-]:before{
                margin-right:-5px !important;
            }