@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Raleway&display=swap');


:root {
  /* --primary-color: #ff0000;
  --font-size: 16px; */

  --dominant-1 : Black;
  --dominant-2 : #ddd;
  --dominant-3 : White;
  --dominant-4 : #dddddd47;

  /* --some:  Black;
  --dominant:  #8685EF;
  --some:    #C6C0F8;
  --some:    #F2ECFF; */

  --nav-color: var(--dominant-1);
  --search-bar-color: var(--dominant-2);
  --background-color: var(--dominant-3);
  --card-item-color: var(--dominant-2);
  --background-color-cta-button: var(--dominant-1);
  --badge-color : var(--dominant-4);

  /* Home page */
  --medium-background-color: var(--dominant-2);
  
  --font-color-nav: var(--dominant-1);
  --font-color-search: var(--dominant-1);
  --font-color-card: var(--dominant-1);
  --font-color-cta-button: white;

  /* Home page */
  --font-color-home: var(--dominant-1);
  --button-color-home : var(--dominant-1);

  --link-color: black;
}

/*====================
	1. General code
==========================*/

body {
  font-family: 'Montserrat', sans-serif;
  /* font-family: 'Raleway', sans-serif; */
	/* font-family: 'Lato', sans-serif; */
	margin:0px;
	padding:0px !important;
	overflow-x:hidden;
	background-color:#ddd;
}


/*----------------------
	1.1. Typography
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color:#111111;
	font-weight:900;
  margin:0 auto 15px;
  
}
h1 {
	font-size: 50px;
}
h2 {
	font-size: 40px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size:22px;
}
h5 {
	font-size: 20px;
	line-height:32px;
}
h6 {
	font-size: 18px;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-weight:300	
}
p {
	font-size:13px;
	line-height:26px;
	font-weight:400;
  margin-bottom:15px;
  color: black;
  
}
a {
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration:none;
	outline:none;
}
ul, ol {
	margin:0 auto 20px;
}
ul li, ol li {
  font-size: 16px;
  line-height: 26px;
  margin: 0 auto 10px;
}
ul li i, ol li i {
	margin:0 12px 0 0;
}
ul.list_style_none, ol.list_style_none {
	list-style:none;
}
ul.list-with-icon {
	padding-left:10px;
	margin-bottom:30px;
}
ul.list-with-icon li {
  line-height: 20px;
  margin-bottom: 15px;
  padding-left: 23px;
  position: relative;
  list-style:none;
}
ul.list-with-icon li i {
  left: 0;
  position: absolute;
  top: 4px;
}

blockquote {
	background:#f5f5f5 ;	
}
.white-text, 
.white-text h1, 
.white-text h2, 
.white-text h3, 
.white-text h4, 
.white-text h5, 
.white-text h6, 
.white-text p {
	color:#fff;	
}
.uppercase {
	text-transform:uppercase;
}
.underline {
	text-decoration:underline;
}
.divider {
  border-bottom: 1px solid #dcd9d9;
  clear: both;
  margin: 40px auto;
}

/*-----------------
	1.2. Button
-------------------------*/

.btn {
  border: medium none;
  border-radius: 0px;
  border-radius: 11px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  line-height: 30px;
  margin: auto;
  padding: 8px 36px;
  transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
     -webkit-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
}
.btn .fa {
  font-size: 20px;
  margin-left: 5px;
  vertical-align: middle;
}
.btn.btn-lg {
	font-size: 28px;
	line-height: 35px;
	padding: 25px 83px;
}

.btn:hover, .btn:focus {
	color: #ffffff;
	outline:none;
}
.btn-link {
  font-weight: 800;
}
.btn.outline {
	background:none;
	border-style:solid;
	border-width:1px;	
}
.btn.outline:hover, .btn.outline:focus {
	color:#fff;
}
.btn.btn-xs {
  border-radius: 11px;
	font-size:12px;
	padding:0px 25px;	
}
.btn.btn-xs .fa {
	margin:0 5px;
	font-size:14px;
}

.angle_arrow {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 22px;
  line-height: 20px;
  margin-left: 4px;
  text-align: center;
  vertical-align: text-top;
  width: 22px;
}
.btn .angle_arrow .fa {
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  /* vertical-align: middle; */
}
.btn.outline.active-btn {
	border-color:#089901;
	color:#089901;
}
.btn.outline.active-btn:hover {
	background:#089901;
	color:#fff;
}

a, 
.btn-link, 
.car-title-m h6 a:hover, 
.featured-car-content > h6 a:hover, 
.footer-top ul li a:hover, 
.get-intouch a:hover, 
.blog-content h5 a:hover, 
.blog-info-box li a:hover, 
.control-label span, 
.angle_arrow i, 
.contact_detail li a:hover, 
.team_more_info p a:hover, 
.error_text_m h2, 
.search_btn, 
.popular_post_title a:hover,
.categories_list ul li a:hover,
.categories_list ul li a:hover:after, 
.article_meta ul li a:hover, 
.articale_header h2 a:hover, 
.btn.outline, 
.share_article ul li, 
.contact-info a:hover, 
.social-follow a:hover, 
.radio input[type=radio]:checked + label:before, 
.checkbox input[type=checkbox]:checked + label:before, 
.product-listing-content h5 a:hover, 
.pricing_info .price, 
.text-primary, 
.footer_widget ul li a:hover, 
.header_search button:hover, 
.header_widgets a:hover, 
.navbar-default .navbar-nav > li.active a, 
.navbar-default .navbar-nav > li:focus a, 
.navbar-default .navbar-nav > li:hover a,  
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover,
.my_vehicles_list ul.vehicle_listing li a:hover, 
.dealer_contact_info a:hover, 
.widget_heading i, 
.dealers_listing .dealer_info h5 a:hover, 
.main_features ul li p, 
.listing_detail_head .price_info p, 
.listing_other_info button:hover, 
.compare_info table td i, .compare_info table th i,  
#accessories i, 
.price, 
.inventory_info_list ul li i, 
.services_info h4 a:hover, 
.about_info .icon_box, 
.header_style2 .navbar-nav > li > .dropdown-menu a:hover, 
.header_style2 .navbar-default .navbar-nav li:hover .dropdown-menu li a:hover, 
.header_style2 .dropdown-menu > .active > a, 
.header_style2 .dropdown-menu > .active > a:focus, 
.header_style2 .dropdown-menu > .active > a:hover, 
.header_style2 .dropdown-menu > li > a:focus, 
.header_style2 .dropdown-menu > li > a:hover {
	color: var(--link-color);
	fill: var(--link-color);
}


.btn, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover, 
.recent-tab .nav.nav-tabs li.active a, 
.fun-facts-m, .featured-icon, 
.owl-pagination .owl-page.active,
#testimonial-slider .owl-pagination .owl-page.active, 
.social-follow.footer-social a:hover, 
.back-top a, 
.team_more_info ul li a:hover, 
.tag_list ul li a:hover, 
.pagination ul li.current, 
.pagination ul li:hover,
.btn.outline:hover, 
.btn.outline:focus, 
.share_article ul li:hover, 
.nav-tabs > li a:hover, 
.nav-tabs > li a:focus, 
.label-icon, 
.navbar-default .navbar-toggle .icon-bar, 
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, 
.label_icon, 
.navbar-nav > li > .dropdown-menu, 
.add_compare .checkbox, 
.search_other, 
.vs, 
.td_divider, 
.search_other_inventory, 
#other_info, 
.main_bg, 
.slider .slider-handle, .slider .slider-selection {
  background:var(--link-color) none repeat scroll 0 0;
  fill: var(--link-color);
}


.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover, 
.social-follow.footer-social a:hover, 
.page-header, 
.tag_list ul li a:hover, 
.btn.outline, 
.share_article ul li, 
blockquote, 
.social-follow a:hover, 
.radio label:before,  
.navbar-default .navbar-toggle, 
.owl-buttons div, 
.about_info .icon_box {
	border-color: var(--link-color);
}

.recent-tab .nav.nav-tabs li.active::after {
	border-color: var(--link-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.td_divider:after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0 ) rgba(0, 0, 0, 0 ) var(--link-color) ;
}

.navbar-nav > li > .dropdown-menu li {
  border-bottom: 1px solid var(--link-color);
}


/*-------------------------
	1.3. dark-overlay
---------------------------------*/
.div_zindex {
  position: relative;
  z-index: 1;
}
.dark-overlay {
  background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}


/*-------------------------------------
	1.4. Space margins and padding
------------------------------------------------*/
.padding_none {
	padding:0px;
}
.padding {
	padding:20px 0;
}
.padding_50px {
	padding:50px 0;
}
.padding_4x4_30 {
	padding:30px;	
}
.padding_4x4_40 {
	padding:40px;	
}
.space-20 {
    width:100%;
    height: 20px;
	clear:both;
}
.space-30 {
    width:100%;
    height: 30px;
	clear:both;
}
.space-40 {
    width:100%;
    height: 40px;
	clear:both;
}
.space-60 {
    width:100%;
    height: 60px;
	clear:both;
}
.space-80 {
    height: 80px;
    width:100%;
}
.margin-btm-20 {
    margin-bottom: 20px;
	clear:both;
}
.margin-none {
	margin:0px;
}



/*-----------------
	1.5. Form
---------------------------*/

.form-group {
  margin-bottom: 15px;
  position: relative;
}
.form-label {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  margin: 0 auto 8px;
}
.form-control {
  background: #eeeeee none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  box-shadow: none;
  color: #888888;
  font-size: 15px;
  height: 46px;
  line-height: 30px;
  padding: 0 15px;
}
.form-control:hover, .form-control:focus {
	box-shadow:none;
	outline:none	
}
.select {
	position:relative;
}
.select select {
  appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   -webkit-appearance: none;
   -ms-appearance: none;
  
}
.select::after {
  color: #878787;
  content: "";
  cursor: pointer;
  font-family: fontawesome;
  font-size: 15px;
  padding: 12px 0;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 0;
}
.form-control option {
  padding: 10px;
}
.control-label {
	color:#555;
	font-size:15px;
	font-weight:700;	
}
.radio label, .checkbox label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding-left: 26px;
  position: relative;
}
.radio input[type=radio],
.checkbox input[type=checkbox] {
	display: none;
}
.radio label:before {
    background-color:transparent;
	border-style:solid;
	border-width:1px;
	border-radius:50%;
    content: "";
    display: inline-block;
    height: 15px;
    left: 0;
	top:4px;
    position: absolute;
    width: 15px;	
}
.checkbox label::before {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #111111;
  content: "";
  display: inline-block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 16px;
}
.radio input[type=radio]:checked + label:before {
	content: "\2022";
	font-size: 15px;
	text-align: center;
    line-height: 11px;
}
.checkbox input[type=checkbox]:checked + label:before {
	content: "\2713";
	font-size: 12px;
	text-align: center;
    line-height: 14px;
}

.black_input .form-control {
	background:#222;
	border-radius:3px;
	color:#fff;
	border:#222 solid 1px;
	font-size:17px;
}
.checkbox, .radio {
  padding-top: 5px;
}

.form-control.white_bg {
	background:#fff;
	border:#e6e5e5 solid 1px;	
}


/*-----------------
	1.6. Table
---------------------------*/

table {
	margin:0 0 30px;
	width:100%;
}
table th, table td {
  border: 1px solid #cccccc;
  padding: 15px;
  padding:18px;
}
table th img, table td img {
	max-width:100%;
}
table thead {
	background:#eee;
}
table thead th, table thead td {
	text-transform:uppercase;
	font-weight:900;
	color:#111;
}



/*-----------------------------------------------------------
	1.7. Section-background-color & sectino-heading
-------------------------------------------------------------------*/
.secondary-bg {
	background-color:#222;
	color:#fff;
}
.dark-bg {
	background-color:#111;
	color:#fff;
}
.gray-bg { 
  background:#eeeeee;

}
.primary-bg {
  background: #fa2837;
  color:#fff;
}
.home-section-padding {
  padding: 30px 0;
  background: white;
}

.section-padding {  
  background: var(--background-color);
  /* background: black; */
  padding: 110px 0;
}

.review-section-header {
  padding-bottom: 2px;
}
.review-section-header h2 {
  margin-bottom: 30px;
}
.review-section-header h2 span {
  font-weight: 300;
}
.review-section-header p {
  font-size: 17px;
}


.section-header {
  padding-bottom: 55px;
}
.section-header h2 {
  margin-bottom: 30px;
}
.section-header h2 span {
  font-weight: 300;
}
.section-header p {
  font-size: 17px;
}


/*--------------------
	1.8 Tabs 
------------------------------*/

.nav.nav-tabs {
  border: medium none;
}
.nav-tabs > li a {
  background: #000000 none repeat scroll 0 0;
  border-radius: 0;
  color: #ffffff;
  font-weight: 800;
  margin-right: 5px;
  padding: 9px 36px;
  text-align:center;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #ffffff;
}
.nav-tabs > li {
  margin-bottom: 0;
}


/*--------------------------------------------
	1.9. parallex-background
---------------------------------------------------*/
.parallex-bg {
  background-attachment: fixed;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


/*------------------------
	1.10. Modal
--------------------------------*/
.modal-dialog {
  width: 650px;
}
.modal-content {
  padding: 0 32px 22px;
}
.modal-header {
	padding:15px 0;
	margin-bottom:25px;
}
.modal-body {
	padding:10px 0;
}
.modal .modal-header .close {
  /* background: #000000 none repeat scroll 0 0; */
  border-radius: 50%;
  color: black;
  font-size: 40px;
  height: 31px;
  line-height: 30px;
  margin-top: 5px;
  opacity: 1;
  text-align: center;
  text-shadow: none;
  width: 31px;
}




/*================
	 2. Header
===========================*/

.default-header {
  /* background: #fff none repeat scroll 0 0; */
  background: linear-gradient( #ffffff, #d6e2d6 );
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
  padding: 8px 0;
  background-color: rgba(0, 0, 0, 0);
  transition-duration:0.3s;
   -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
     -webkit-transition-duration:0.3s;
     -ms-transition-duration:0.3s;
}
.nav-stacked.affix {
  background: #f5f5f5 none repeat scroll 0 0;
  top: 0;
  width: 100%;
  z-index: 11;
  padding: 10px 0;
}


.logo {
  float:left;
} 
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
	background:#fff;
}
.header_info {
  float: right;
  text-align: right;
}
.social-follow {
  display: inline-block;
  margin-left: 20px;
  margin-top: 0;
  vertical-align: middle;
}
.social-follow ul {
	padding:0px;
	margin:0px;
}
.social-follow ul li {
	display:inline-block;
	vertical-align:middle;
	list-style:none;
	margin:0px;
}
.social-follow ul li a {
	display:block;
	font-size:25px;
	color:#555;
}
.social-follow li i {
  margin-right: 5px;
  color : black;
}
.login_btn {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.circle_icon {
  border: 3px solid #000;
  border-radius: 50%;
  color: black;
  float: left;
  font-size: 17px;
  height: 40px;
  line-height: 35px;
  margin-right: 10px;
  text-align: center;
  width: 40px;
}
.uppercase_text {
  color: #111;
  font-size: 15px;
  font-weight: 900;
  line-height: 17px;
  margin: 0;
  text-transform: uppercase;
}
.header_widgets {
  display: inline-block;
  width: 260px;
  text-align:left;
}
.header_widgets a {
	color: black;
}
.header_wrap {
  float: right;
}
.header_search {
  float: right;
  padding: 16px 0;
  position: relative;
}
#header-search-form::after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
  border-style: solid;
  border-width: 7px;
  content: "";
  position: absolute;
  right: 9px;
  top: -13px;
  display:none;
}
.header_search input {
  background: #ffffff none repeat scroll 0 0;
  border: 0 none;
  height: 38px;
  padding-right: 27px;
  width: 0px;
}
.header_search button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #555555;
  font-size: 14px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#search_toggle {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  cursor: pointer;
  display:none;
  margin-top: 1px;
  padding: 5px 10px;
}
.user_login {
  border: 1px solid black;
  /* border: 1px solid rgba(255, 255, 255, 0.2); */
  border-radius: 3px;
  float: left;
  margin: 18px 10px 17px 0;
}
.user_login ul {
	padding:0px;
	margin:0px;
}
.user_login ul li {
  line-height: 17px;
  list-style: outside none none;
  margin: 0;
  padding: 3px 10px 8px;;
}
.user_login > ul > li a {
	color:black;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
}
.user_login > ul > li a i {
	margin:0 2px 0;
}
.user_login ul.dropdown-menu {
  background: black none repeat scroll 0 0;
  border-radius: 0;
  padding: 15px 0;
  top: 107%;
  left: -150%;
}




/*----------------------------------
	2.1 Navigation & Dropdown Menu 
------------------------------------------*/
#navigation_bar {
  /* background: #0F0C08 none repeat scroll 0 0;
  border-radius: 0;
  padding: 0; */
  background: #d6e2d6 none repeat scroll 0 0;
  border-radius: 0;
  padding: 0;
  border: 1px solid transparent;
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
#navigation {
  padding: 0;
}
nav.navbar {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  margin: 0 auto;
}
.navbar-default .navbar-nav > li {
  margin: 0 5px 0 0;
  padding: 0px;
  border-radius:0px;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -o-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
  -ms-transition-duration:0.3s;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
	background:none;
}
.nav.navbar-nav > li:nth-last-child(1) {
  padding-right: 0;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: 800;
  line-height: 27px;
  padding: 20px 22px;
  text-transform: uppercase;
  position:relative;
}
.navbar-default .navbar-nav > li.dropdown > a {
  padding: 20px 42px 20px 22px;
}
.navbar-default .navbar-nav > li.dropdown > a::after {
  content: "\f107";
  font-family: fontawesome;
  position: absolute;
  right: 18px;
  top: 30%;
}
.navbar-default .navbar-nav li:hover a, 
.navbar-default .navbar-nav li.active a {
	color:#fff;	
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
	border-radius:0;
	background:none;
}
#navigation.collapse.navbar-collapse {
  float: left;
  margin: 0px;
}
.navbar-nav > li > .dropdown-menu {
  border: 0 none;
  border-radius:0;
  box-shadow: none;
  padding:0px 0;
}
.navbar-nav > li > .dropdown-menu li {
  margin: 0;
}
.navbar-nav > li > .dropdown-menu a {
	color:#fff;
	padding:12px 25px;
}
.navbar-default .navbar-nav li:hover .dropdown-menu li a {
	color:#fff;	
}
.navbar-nav > li > .dropdown-menu a:hover, 
.navbar-default .navbar-nav li:hover .dropdown-menu li a:hover, 
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background:#111;
}

.navbar-nav > li > .dropdown-menu li:last-child {
	border:0px;
}
.user_login .dropdown-menu > .active > a, .user_login .dropdown-menu > .active > a:focus, .user_login .dropdown-menu > .active > a:hover, 
.user_login  .dropdown-menu > .active > a:hover, .user_login  .dropdown-menu > li > a:focus, .user_login .dropdown-menu > li > a:hover {
	background:#fff;
	color:#111;
}

.header-gz-bike {
  /* background: linear-gradient(209deg, #006400bf 60%, #d6e2d6 60%);
  margin-bottom: 5px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 10px; */
  background: linear-gradient(325deg, #ffffff 60%, var(--card-item-color) 60%);
  color: var(--font-color-card);
  margin-bottom: 5px;
  margin-top: -1px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin-left: -1px;
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  margin-right: -1px;
}
.header-gz-bike-left {
  display: flex;
  flex-direction: column;
  padding: 5px;
  padding-left: 13px;
}
.header-gz-bike-right {
  /* border: 1px solid #ddd;
    border-radius: 0.6rem;
    padding: 2px 8px; */
  background: var(--card-item-color);
  /* background: black; */
  /* border-top-left-radius: 11px;
  border-bottom-left-radius: 11px; */
  width: 30%;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 0.6rem;
  margin-right: 5px;
  box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 2px 4px 0 rgb(19 26 31 / 22%);
}
.header-gz-bike-brand {
  font-size: 11px;
}
.header-gz-bike-model {
  font-size: 15px;
  font-weight: 900;
}
.img-gz-bike {
  position: relative;
  max-width: 50%;
  margin: auto;
}
.img-gz-bike img {
  max-width: 130%;
}
.img-gz-bike-monthly {
  display: none;
  position: absolute;
  top: 30%;
  left: -50%;
  font-weight: 900;            
  padding: 1px 5px;
  background: #d6e2d6;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  font-size: 8px;
}
.img-gz-bike-weekly {
  display: none;
  position: absolute;
  top: 10%;
  left: -50%;
  font-weight: 900;
  background: #d6e2d6;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  padding: 1px 5px;
  font-size: 8px;
}
.img-gz-basic {
  position: absolute;
  font-weight: 900;
  font-size: 12px;
  text-align: start;
}
.img-gz-original-image{
  top: 5%;
  width: 70%;
  left: -48%;
}
.img-gz-deposit {
  top: 25%;
  width: 70%;
  left: -48%;
}
.img-gz-year{
  top: 45%;
  width: 70%;
  left: -48%;
}
.img-gz-amount{
  top: 70%;
  left: -48%;
  padding: 10px;
  background-color: darkgreen;
  color: white;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
}
.footer-gz-bike{
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
  margin-top: 5px;
}
.footer-gz-bike-price {
  display: flex;
  flex-direction: row;
  width: 50%;
  justify-content: center;
  align-items: center;
}
.footer-gz-bike-other-details {
  width: 50%
}
.gz-bike-price-book{
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.gz-bike-price {
  width: 35%;
  /* background: linear-gradient(156deg, #ffffff 59%, #006400 149%); */
  border-radius: 0.6rem;
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.gz-bike-book{
  width: 35%;
  text-align: center;
  background: var(--background-color-cta-button);
  color: var(--font-color-cta-button);;
  /* border: 1px solid; */
  padding: 7px 3px;
  font-size: 13px;  
  font-weight: 900;
  cursor: pointer;
  border-radius: 3.6rem;
  border: 2px solid #ddd;
  /* box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 2px 4px 0 rgb(19 26 31 / 22%); */
}
.footer-gz-bike-price-home {
  margin-left: 5px;
  font-weight: 600;
}
.footer-gz-bike-other-details-deposit{
  margin-bottom: 2px;
  margin-top: 2px;
  font-weight: 600;
}
.footer-gz-bike-other-details-location {
  font-weight: 600;
}
.footer-gz-bike-other-details-original-location {
  margin-bottom: 2px;
  margin-top: 2px;
  font-weight: 600;
  text-decoration: underline;
}
.footer-gz-bike-other-details-year{
  margin-bottom: 2px;
  margin-top: 2px;
  font-weight: 600;
  /* font-size:10px; */
}
.footer-gz-bike-price-inner {
  display: flex;
  flex-direction: row;            
}
.footer-gz-bike-price-actual {
  font-weight: 900;
  font-size : 17px;
}
.footer-gz-bike-price-discount {
  display: none;
  font-size: 11px;
  margin-top: 3px;
  text-decoration: line-through;
}
.header-gz-bike-weekly-monthly {
  position: absolute;
  font-size: 8px;
  background: #ffe86b;
  border-radius: 11px;
  top: -9px;
  font-weight: 900;
}


.pickup-drop-container {
  position: absolute;
  right: 13px;
  background: #00640096;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;

}
.pickup-drop-title {
  font-size: 11px;
  color: white;
  padding: 1px 10px;

}

@media (min-width:768px) {
	
.navbar-default .navbar-nav > li.dropdown:hover .dropdown-menu {
	display:block;
}
.navbar-nav > li > .dropdown-menu {
	top: 80px;
	display: block !important;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	opacity: 0;
	visibility: hidden;
}
.navbar-nav > li:hover > .dropdown-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
}


}

/*=======================
	 sorry. gearz vehicle about section 
================================*/

.heading-faq-gearzvehicle {
  font-size: 17px;
  color: #006400;
}

.heading-about-gearzvehicle {
  font-size: 17px;
  color: black;
}



.faq-section {  
  /* padding: 6px 6px; */
  /* border-style: solid; */
  /* margin: 50px; */
  /* background-color:#5c895e; */
  /* background: #ffffff none repeat scroll 0 0; */
  /* padding: 1px; */
  /* border-radius: 11px; */
  /* box-shadow: 3px 3px 6px rgba(0,0,0,.075), -3px -3px 6px rgba(0,0,0,.075), inset 2px 2px 5px rgba(255, 255, 255, 0.3), inset -2px -2px 5px rgba(0, 0, 0, 0.3) */
}

.faq-section p {
  color: black;
}

.faq-section h2 {
  /* text-align: center; */
  color: black;
}

.faq-section h3 {
  /* text-align: center; */
  color: black;
}


.faq-question {
  font-weight: 900;
  font-size: 14px;
  color: black;

}

.faq-answer {
  font-size: 13px;
  color: black;

}

.faq-section-faq {
  /* background-image:  linear-gradient( #006400, #f4f8fa ); */
  background-image: linear-gradient( #d6e2d6, #d6e2d6  );
  /* background-position: center center; */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  /* background: linear-gradient(124.46deg,#79cc7b,#111624); */
  /* background: linear-gradient(124.46deg,rgba(131, 121, 117, 171.2),#111624); */
  /* background:  linear-gradient(135.46deg,rgba(0, 0, 0, 0.2),#111111); */
  /* background:linear-gradient(135.46deg,#d11450,#df293a); */
  padding: 3px 0;
  /* position: relative; */
}

.faqs-container {
	margin: 0 auto;
  max-width: 90%;
}

.faqs-container h2 {
  text-align: right;
  font-size: 25px;
}

.faq {
	background-color: transparent;
	border: 1px solid #9FA4A8;
	border-radius: 10px;
  padding: 30px;
	position: relative;
	overflow: hidden;
	margin: 20px 0;
	transition: 0.3s ease;
}

.faq.active {
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}

.faq.active::after, .faq.active::before {
	color: #2ecc71;
	content: '\f075';
	font-family: 'Font Awesome 5 Free';
	font-size: 7rem;
	position: absolute;
	opacity: 0.2;
	top: 20px;
	left: 20px;
	z-index: 0;
}

.faq.active::before {
	color: #3498db;
	top: -10px;
	left: -30px;
	transform: rotateY(180deg);
}

.faq-title {
  margin: 0 35px 0 0;
  font-size : 20px;
}

.faq-text {
	display: none;
  margin: 30px 0 0;
}

.faq.active .faq-text {
	display: block;
}

.faq-toggle {
	background-color: transparent;
	border: none;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 0;
	position: absolute;
	top: 30px;
	right: 30px;
	height: 30px;
	width: 30px;
}

.faq-toggle:focus {
	outline: none;
}

.faq.active .faq-toggle {
	background-color: #9FA4A8;
}

.faq-toggle .fa-times {
	display: none;
}

.faq.active .faq-toggle .fa-times {
	display: block;
}

.faq-toggle .fa-chevron-down {
	color: #83888E;
}

.faq.active .faq-toggle .fa-chevron-down {
	display: none;
}

.link-wrapper {
  margin-bottom: 40px;
  border-radius: 11px;
  /* display: flex; */
  overflow-x: auto;
  overflow-y: hidden;
  /* background-color: black; */
  box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);
}

.link-wrapper-links {
  color: black;
      font-weight: 900;
      /* border: inset; */
}

.slider-wrapper {
  max-height: 100%;
  /* border: 1px solid white; */
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 11px;
 
  box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);
  /* box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3), -3px -3px 6px rgba(255, 255, 255, 0.3), inset 2px 2px 5px rgba(255, 255, 255, 0.3), inset -2px -2px 5px rgba(0, 0, 0, 0.3); */

}

.slider-wrapper::-webkit-scrollbar {
  width: 2px;
  height: 0px;  
  background-color: white;
}

.slider-wrapper::-webkit-scrollbar-thumb {
  background-color: #444;
}

.slider-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
 }

.slider-item {
  min-width: 100px;
  height: 80px;
  line-height: 110px;
 text-align: center;
 background-color: white;
 margin-right: 0px;
}

.slider-item p {
  font-size: 10px;
  background-color: white;
  border-radius: 15px;
  border-radius: 0px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3), -3px -3px 6px rgba(255, 255, 255, 0.3), inset 2px 2px 5px rgba(255, 255, 255, 0.3), inset -2px -2px 5px rgba(0, 0, 0, 0.3)
}

.slider-item img{
  height : 57px;
}


/* SOCIAL PANEL CSS */
.social-panel-container {
	position: fixed;
	right: 0;
	bottom: 80px;
	transform: translateX(100%);
	transition: transform 0.4s ease-in-out;
}

.social-panel-container.visible {
	transform: translateX(-10px);
}

.social-panel {	
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 16px 31px -17px rgba(0,31,97,0.6);
	border: 5px solid #001F61;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: 'Muli';
	position: relative;
	height: 169px;	
	width: 370px;
	max-width: calc(100% - 10px);
}

.social-panel button.close-btn {
	border: 0;
	color: #97A5CE;
	cursor: pointer;
	font-size: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
}

.social-panel button.close-btn:focus {
	outline: none;
}

.social-panel p {
	background-color: #001F61;
	border-radius: 0 0 10px 10px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	padding: 2px 17px 6px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0;
	transform: translateX(-50%);
	text-align: center;
	width: 235px;
}

.social-panel p i {
	margin: 0 5px;
}

.social-panel p a {
	color: #FF7500;
	text-decoration: none;
}

.social-panel h4 {
	margin: 20px 0;
	color: #97A5CE;	
	font-family: 'Muli';	
	font-size: 14px;	
	line-height: 18px;
	text-transform: uppercase;
}

.social-panel ul {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.social-panel ul li {
	margin: 0 10px;
}

.social-panel ul li a {
	border: 1px solid #DCE1F2;
	border-radius: 50%;
	color: #001F61;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 50px;
	text-decoration: none;
}

.social-panel ul li a:hover {
	border-color: #FF6A00;
	box-shadow: 0 9px 12px -9px #FF6A00;
}

.floating-btn {
	border-radius: 26.5px;
	background-color: #006400;
	border: 1px solid #006400;
	box-shadow: 0 16px 22px -17px #006400;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	padding: 12px 20px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

.floating-btn:hover {
	background-color: #ffffff;
	color: #001F61;
}

.floating-btn:focus {
	outline: none;
}

.floating-text {
	background-color: black;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-family: 'Muli';
	padding: 7px 15px;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 998;
}

.floating-text a {
  color : white;
	text-decoration: none;
}


/*=======================
	 sorry. toggle section 
================================*/


.wrapper{  
  /* width:500px;   */
  margin:0 auto;  
}  
.switch{  
  /* width:100px;  
  height:50px;   */
  background:#E5E5E5;  
  z-index:0;  
  margin:0;  
  padding:0;  
  appearance:none;  
  border:none;  
  cursor:pointer;  
  position:relative;  
  border-radius:100px;  
}  
.switch:before{  
  content: ' ';  
  position:absolute;  
  left:5px;  
  top:5px;  
  width:46px;  
  height:23px;  
  background:#11111142;  
  z-index:1;  
  border-radius:95px;  
}  
.switch:after{  
  content:' ';  
  width: 23px;
  height: 23px;
  border-radius:86px;  
  z-index:2;  
  background:#FFFFFF;  
  position:absolute;  
  transition-duration:500ms;  
  top:5px;  
  left:5px;  
  box-shadow:0 2px 5px #999999;  
}  
.switchOn, .switchOn:before{  
  background:black;   
}  
.switchOn:after{  
  left:28px;   
}  


/*=======================
	 sorry. search section 
================================*/

.searchcontainerheading {
  font-size: 25px;
  text-align: center;
  padding: 10px;
  color: black;
  /* color: rgba(255,255,255,.15); */
}


.searchcontainer {
  font-weight: 900;
  /* border: 4px solid rgba(0, 0, 0, 0.75); */
  padding: 2px;
  font-size: x-large;
  /* background: rgba(0, 0, 0); */
  background: var(--search-bar-color);
  /* border-radius: 11px; */

  /* border-radius: 16px; */
  box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);
  /* box-shadow: 0 2px 8px -2px rgba(31,45,61,.4); */
  /* background: #fff; */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 6;

  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */

  border: 1px solid transparent;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
  /* border-radius: 0px; */

}

.searchbutton {
  padding: 9px;
  border-radius: 0.6rem;
  box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 0px 4px 0 rgb(19 26 31 / 22%);
 background-color: var(--button-color-home);
}

/* .p1searchcontainer #location {
  
 font-size: large;
 background-color: rgba(0, 0, 0, 0.75);
 color: white;

} */

.locationbox {
  background-color: black;
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}

.locationbox select {
  background-color: rgba(0, 0, 0, 0);
  
  color: #111111;
  /* padding: 12px; */
  width: 100%;
  border: none;
  font-size: 20px;
  /* box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); */
  -webkit-appearance: button;
  appearance: button;
  outline: none;
}

.locationbox::before {
  /* content: "\f13a"; */
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 45px;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.locationbox:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}

.locationbox select option {
  padding: 30px;
}




.p1searchcontainer #picker1 {
  /* position: relative; */
 font-size: large;
 background-color: rgba(0, 0, 0, 0);
 /* color: white; */

}

.searchcontainericon {
  background-color: rgba(0, 0, 0, 0);
  color: #006400;
  border: 1px; 
}

.p2searchcontainer #picker2 {
  /* position: relative; */
  /* color: white; */
 font-size: large;
 background-color: rgba(0, 0, 0, 0);
}

.filterandsorthideandshow {
  display: none;
}

.reviews-section-padding {
  padding: 30px 0;  
  background: #222222 none repeat scroll 0 0;
  margin-bottom: -2px;
}



/* 
.listingwrap {
  margin-bottom: 15px;
}

.listingwrap-container {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.listheader .sort-by .title {
  padding: 13px 15px 13px 40px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  display: block;
}

.listheader .sort-by.open {
  top: 0;
  transition: .2s all linear!important;
  visibility: visible;
}

.listheader .sort-by {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #fff;
  z-index: 101;
  transition: .2s all linear!important;
  visibility: hidden;
  display: block;
}
.listheader .sort-by, .wrapaction, .leftpanel {
  display: none;
}

.listheader .sort-by .title {
  padding: 13px 15px 13px 40px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  display: block;
} 

.leftpanel .filter .close, .listheader .sort-by .close {
  font-size: 30px;
  display: inline-block;
  color: #666;
  position: absolute;
  left: 0;
  top: 4px;
  padding: 10px;
  font-weight: 400;
  cursor: pointer;
}
.sdropdown {
  display: inline-block;
  position: relative;
}

.listheader .sort-by .sdropdown .input {
  display: none;
}
.sdropdown .sd-link.input {
  padding-right: 30px;
}
.listheader .sort-by .sdropdown .sd-menu {
  display: block!important;
  margin-top: 0;
  box-shadow: none;
  height: auto!important;
  border: none;
}
.sdropdown .sd-menu {
  display: none;
  position: absolute;
  min-width: 100%;
  margin-top: 5px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 #bbb;
  z-index: 10;
}
.sdropdown>.sd-menu ul {
  max-height: 150px;
  overflow-y: auto;
}
.sdropdown .sd-menu li a {
  display: block;
  position: relative;
  padding: 5px 10px;
  color: #4d4d4d;
  text-decoration: none;
  white-space: nowrap;
  text-transform: capitalize;
}
.sdropdown .sd-menu li a {
  display: block;
  position: relative;
  padding: 5px 10px;
  color: #4d4d4d;
  text-decoration: none;
  white-space: nowrap;
  text-transform: capitalize;
} */



/*=======================
	 sorry. Cart.php
================================*/

.detailscontainer
{
  /* margin:0 auto 1px; */
  overflow: hidden;
  /* background: white; */
  padding : 1em;
  /* blur color */
  padding-left: 1px;
  padding-right: 1px;
  /* background-color: black; */
  /* margin-bottom: 15px; */
  border-radius: 11px;
}


#cartPrice .faq-list 
{
  margin:0 auto 1px;
  overflow: hidden;
  background: white;
  padding : 1em;
  /* blur color */
  margin-bottom: 15px;
  border-radius: 11px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3),
				-3px -3px 6px rgba(255, 255, 255, 0.3),
				inset 2px 2px 5px rgba(255, 255, 255, 0.3),
				inset -2px -2px 5px rgba(0, 0, 0, 0.3);
}



.iconcontainer {
  display: flex ;
  align-items: center;
  justify-content: center;
}

.faq-question-img img{
  max-width: 50%;
  
}

.faq-question-img {
  flex-basis: 50%;
  /* margin: -30px; */
}
.faq-question-text {
  font-weight: 900;
  text-align: center;
  font-size: 12px;
  /* margin-right: -10px; */
}





/* .faq-question-helmet {
  background: url(../images/helmet-icon.png);
    background-position: left;
    display: flex;
    background-size: 20px;
    margin: 0px;
    margin-right: 0px;
    background-repeat: no-repeat;
    
} */

.home-duration-section-padding {
  /* padding: 50px 0;   */
  /* width:100%; */
  /* height:80vh; */
  padding:30px 0;
  background: white;
  /* margin:0; */
  /* display: flex; */
  justify-content: center;
  flex-direction: column;
  position:relative;
}

.duration-listing-m {
  margin:0 auto 60px;
  overflow: hidden;
  background: white;
  /* padding : 1em; */
  padding: 3rem;
  border-radius: 11px;
  box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);
  /* box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3),
				-3px -3px 6px rgba(255, 255, 255, 0.3),
				inset 2px 2px 5px rgba(255, 255, 255, 0.3),
				inset -2px -2px 5px rgba(0, 0, 0, 0.3); */
}

.duration-listing-m h3{
  margin: auto;
  margin-bottom: 1.5rem;
  width: 90%;
  max-width: 300px;

  /* font-size: 20px;
  text-align: center;
  font-weight: 700; */
}

.duration-listing-m p{
  /* font-size: 15px;
  line-height: 25px; */
    margin: auto;
    max-width: 300px;
    width: 90%;
}

.cart-section-padding {
    padding: 60px 0;  
    background-image: linear-gradient( #d6e2d6, #d6e2d6 );
  
}


#cartItems .cart-listing-m {
  margin:0 auto 1px;
  overflow: hidden;
  background: white;
  padding : 1em;
  /* blur color */
  border-radius: 11px;
  box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);
}

#cartItems .cart-listing-m .cart-heading {
  border-bottom: 1px solid black;
  padding-bottom: 11px;
  font-size: x-large;
}

/* .cart-listing-m h3{
  text-align: center;
  padding-bottom: 1em;
} */

#cartItems .cart-listing-m .cart-listing-img {
  /* float: left; */
  width: 45%;
  position:relative;
  overflow:hidden;
}

#cartItems .cart-listing-m .cart-listing-content {
  /* background: red; */
  /* float: left; */
  /* padding: 0px 15px 7px -1px; */
  /* width: 55%; */
  padding-right: 0px;
}

#cartItems .cart-listing-m .cart-listing-content h5 {
  line-height: 10px;
  margin-bottom: 0px;
  text-align: right;
}

#cartItems .cart-listing-m .cart-listing-content .list-price {
  margin: 0px;
  font-size: 13px;
  text-align: right;
  /* font-weight: 900; */
  text-transform: capitalize;
}

#cartItems .cart-listing-m .cart-listing-content .checkout-readfaq {
  margin: 0px;
  font-size: 13px;
  text-align: right;
  color:black;
  font-weight: 900;
}

#cartItems .cart-listing-m .cart-listing-content .checkout-readfaq label {
  display: inline-block;
  padding-right: 10px;
  white-space: nowrap;
}

#cartItems .cart-listing-m .cart-listing-content .checkout-readfaq input{
  margin-right: 2px;
  margin-top: 0px;
  vertical-align: middle;
}

#cartItems .cart-listing-m .cart-listing-content .checkout-readfaq span{
  vertical-align: middle;
  font-weight: 900;
}


#cartItems .cart-listing-m .cart-listing-content .booking-summary-button {
  /* border-radius: 11px; */
  float: right;
  /* background: #ff0012; */
  border: 1px solid transparent;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
  border-radius: 11px;

  color: #fff;
  font-size: 12px;
  padding: 0px 10px;
  /* position: absolute; */
  bottom: 50px;
  right: 30px;
  letter-spacing: 0px;
  cursor: pointer;
  transition: all .4s ease-in-out;
  font-weight: 900;
}

.rentalpricescontainer {
    margin-top: 70px;
    padding: 10px;
    border-radius: 0.6rem;
    box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 0px 4px 0 rgba(19,26,31,0.22);
    /* box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22); */
    /* box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22); */
    background: white;
}

.rentalpricescontainer h2 {
  font-weight: 900;
  color: black;
  /* text-decoration: underline; */
  font-size: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #111;
  /* border-bottom: 12px burlywood; */
  position: absolute;
  top: -38px;
  left: 10px;
}
.rentalpricescontainer h3 {
  font-weight: 500;
  font-size:12px;
  margin-bottom: 1px;
}


.rentalprices-tabledetails {
  box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);
  border-radius: 11px;
  border: none;
  margin: 0 0 0px;
}

.rentalpricescontainer table th  {
  border: none;
  text-align: center;
  font-weight: 900;
  padding: 3px;
  background-color: var(--badge-color);
  color: black;
  border-bottom: 1px solid #263a4a;
}

.rentalpricescontainer table td  {
  text-align: center;
  padding: 3px;
  border: none;
  font-weight: 700;
  background-color: #ffffff;
}

.rentalpricescontainer .map-responsive{
  overflow:hidden;
  padding-bottom:95.25%;
  position:relative;
  height:0;
}

.rentalpricescontainer .map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/* .rentalpricescontainer {
  padding: 10px;
  background: white;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 40px;
  box-shadow : 0 0 3.6px 0.4px rgba(130,182,202,.6);
  -webkit-box-shadow: 0 0 3.6px 0.4px rgba(130,182,202,.6);
} */

.rentalpricescontainer .branda{
  display: inline-block;
  background: white;
}

.rentalpricescontainer .producta{
  color: #111111;
  display: flex;
  padding: 3px;
  background: var(--badge-color);
  border-radius: 0.6rem;
  margin-top: 10px;
  box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 2px 4px 0 rgb(19 26 31 / 22%);
}

.rentalpricescontainer .productadoc {
  color: #111111;
  display: flex;
  padding: 5px 1px 5px 10px;
  background: var(--card-item-color);
  border-radius: 11px;
  margin-top: 10px;
}


.rentalpricescontainer .brandtype {
  display:block;
  margin: 0 auto;
  /* width: 50%; */
}

.rentalpricescontainer .modelbiketype {
  display:block;
  /* margin: 0 auto; */
  width: 30%;
}

.rentalpricescontainer .modeltypetitle {
  /* margin-top: 5px; */
    /* margin-top: 3%; */
    margin:auto;
    display: inline-block;
    /* margin-left: 10%; */
    font-weight: 600;
    text-align: center;
    width: 70%;
}

.rentalpricescontainer .modeltypetitledoc {
    margin-top: 3%;
    /* margin-top: 5px; */
    font-size: 10px;
    display: inline-block;
    /* margin-left: 5%; */
    font-weight: 600;
}

.rentalpricescontainer .supporting-docs {
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  /* text-align: center; */
  flex-direction: row;
  /* justify-content: space-around;*/
}

.rentalpricescontainer .supporting-doc {
  background: var(--badge-color);
  border-radius: 0.6rem;
  /* box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 2px 4px 0 rgb(19 26 31 / 22%); */
  padding: 5px;
  font-size: 11px;
  font-weight: 600;
  margin: 5px;
}




.rentalpricescontainer .brandtypetitle {
  /* margin-top: 5px; */
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-align:center;
}

.rentalpricescontainer .resalevalue {
    text-align: center;
    display: block;
    font-size: 8px;
    font-weight: 600;
    color: #111111b3;
    text-align:center;
}

.faq-product {
  font-size: 13px;
}
.faq-product-ques {
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 8px;
}
.faq-product-ques mark {
  border-radius: 0.6rem;
  background-color: var(--badge-color);
  /* box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 2px 4px 0 rgb(19 26 31 / 22%); */
}
.faq-product-ans {

}
.faq-product-sap {
  margin : 10px;
}

.paybutton {
  position: fixed;
  left: 0;
  /* top: 96px; */
  bottom: 0;
  width: 100%;
  z-index : 90;
  background-color: #d6e2d6;
  color: white;
  text-align: center;
}

@media (min-width:768px) {
  .booking-button-product {
      font-size: 15px;
      padding: 5px 100px 5px 100px;
  }
  .rentalpricescontainer .map-responsive{
    padding-bottom: 50.25%; 
  }
}
@media (max-width:768px) {
  .booking-button-product {
      font-size: 10px;
      padding: 2px 8px 2px 8px;
  }
}
.mr10-top {
  margin-top : 10px;
}
.mr10-bottom {
  margin-bottom : 10px;
}



.blink_me {
  /* position: relative;
  animation: mymove 3s infinite; */
  animation: shake 9s cubic-bezier(.36,.07,.19,.97) infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes mymove {
  from {left: 0px;}
  to {left: 10px;}
}

@keyframes blinker {
  50% {
      opacity: 0;
  }
}

              
@keyframes shake {
10%, 90% {
  transform: translate3d(-1px, 0, 0);
}

20%, 80% {
  transform: translate3d(2px, 0, 0);
}

30%, 50%, 70% {
  transform: translate3d(-4px, 0, 0);
}

40%, 60% {
  transform: translate3d(4px, 0, 0);
}
}

.payment-amount {
  display : flex;
  flex-direction: row;
}
.payment-display {
  display : flex;
  width: 40%;
}
.payment-display-toggle {

}
.payment-display-details {

}
.payment-button {
  width: 60%;
  display : flex;
  flex-direction: column;
  margin-top: 15px;
}
.payment-button-display {
  margin-top: 3px;
  font-size: 10px;
  color: black;
}
.payment-button-remainingamount{
  font-size: 10px;
  color : black;
}




/*=======================
	 3. Home-Page
================================*/

/*-------------------------
	3.1. Banner
-------------------------------*/
.banner-section {
  /* background-image:  linear-gradient( #006400, #f4f8fa ); */
  background-image: linear-gradient( var(--background-color), var(--background-color));
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background: linear-gradient(124.46deg,#79cc7b,#111624); */
  /* background: linear-gradient(124.46deg,rgba(131, 121, 117, 171.2),#111624); */
  /* background:  linear-gradient(135.46deg,rgba(0, 0, 0, 0.2),#111111); */
  /* background:linear-gradient(135.46deg,#d11450,#df293a); */
  padding: 150px 0;
  /* position: relative; */
}

.banner-section-non-homepage {
  /* background-image: linear-gradient( #1110, #f4f8fa ),url(../images/banner-image.jpg); */
  /* background-image: linear-gradient( #d6e2d6, #d6e2d6 ); */
  background-color: var(--background-color);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /* background: linear-gradient(124.46deg,#79cc7b,#111624); */
  /* background: linear-gradient(124.46deg,rgba(131, 121, 117, 171.2),#111624); */
  /* background:  linear-gradient(135.46deg,rgba(0, 0, 0, 0.2),#111111); */
  /* background:linear-gradient(135.46deg,#d11450,#df293a); */
  padding: 40px 0;
  position: relative;
}


.banner-section::after {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 0px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.banner_content {
  padding-top: 100px;
  /* padding-left: 1px; */
}
.banner_content h1 {
  color: #111111;
  font-weight: 800;
  font-size: 31px;
  line-height: 39px;
  text-transform: uppercase;
}
.banner_content h2 {
  font-size: 15px;
  color: black;
}
.banner_content p {
color: black;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.car-finder-box {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  padding: 26px;
}
.find-car-form {
  overflow: hidden;
}
.find-car-form .form-control{ border:none;}
.find-car-form .col-form-6 {
  float: left;
  width: 49%;
}
.find-car-form .col-form-6:nth-child(2n+1) {
  margin-right: 10px;
}


/*-------------------------
	3.2. Filter-Form
-------------------------------*/

#filter_form {
	padding:46px 0;
}
#filter_form h3 {
	font-size:30px;
	margin-bottom:25px;
}
#filter_form .btn {
	font-size:18px;	
}
#filter_form .btn i {
	margin-right:6px;
}
#filter_form .form-group {
	margin-bottom:20px;
}
.slider.slider-horizontal .slider-track {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: none;
}
.slider .slider-handle, .slider .slider-selection {
	background-image:none;
}



/*-------------------------
	3.3. About-Us-Section
-------------------------------*/
.looking-car {
  border: 3px solid #e1e1e1;
  border-radius: 0 30px;
  padding: 58px 25px;
  position: relative;
  width: 450px;
}
.looking-car span {
  font-weight: 300;
}
.looking-car-content {
  width: 60%;
}
.looking-cat-image {
  position: absolute;
  right: -120px;
  top: 40px;
  max-width:350px;
}
.looking-car-content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 26px;
  width: 85%;
}
.looking-cat-image img {
	max-width:100%;
}



/*-----------------------------
	3.4. Recently-Listed-Cars
-----------------------------------*/
.recent-tab {
  margin: 0 auto;
  text-align: center;
}
.recent-tab ul.nav-tabs {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  display:inline-block;
}
.recent-tab .nav.nav-tabs a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 30px;
  color: #222222;
  font-size: 15px;
  line-height: 26px;
  margin: 0 auto;
  padding: 6px 32px;
  position:relative
}
.recent-tab .nav.nav-tabs li.active a {
  border: medium none;
  color: #ffffff;
}
.recent-tab .nav.nav-tabs li.active::after {
  border-style: solid;
  border-width: 12px;
  bottom: -20px;
  content: "";
  height: 8px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 12px;
}
.col-list-3 {
  float: left;
  padding: 0 15px;
  width: 33%;
}
.col-list-3:nth-child(3n) {
	clear:right;
}
.col-list-3:nth-child(3n+1) {
	clear:left;
}
/* Search page auto video configs */
.col-list-3 .search_page_video {
  padding-top: 41px;
  /* height: 291px; */
}

.col-list-2 {
  float: left;
  padding: 0 15px;
  width: 33%;
}
.col-list-2:nth-child(2n) {
	clear:right;
}
.col-list-2:nth-child(2n+1) {
	clear:left;
}


.home-recent-car-list {
  background: #ffffff none repeat scroll 0 0;
  padding: 1px;
  margin-top: 40px;
  /* border-radius: 11px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3),
  -3px -3px 6px rgba(255, 255, 255, 0.3),
  inset 2px 2px 5px rgba(255, 255, 255, 0.3),
  inset -2px -2px 5px rgba(0, 0, 0, 0.3);  */
  border-radius: 11px;
  /* box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3),
  -3px -3px 6px rgba(255, 255, 255, 0.3),
  inset 2px 2px 5px rgba(255, 255, 255, 0.3),
  inset -2px -2px 5px rgba(0, 0, 0, 0.3); */
  box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);

}

.recent-car-list {
  background: #ffffff none repeat scroll 0 0;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
  margin-top: 40px;
  padding: 1px;
  border-radius: 0.6rem;
  /* box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3),
  -3px -3px 6px rgba(255, 255, 255, 0.3),
  inset 2px 2px 5px rgba(255, 255, 255, 0.3),
  inset -2px -2px 5px rgba(0, 0, 0, 0.3); */
  box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);

  /* box-shadow: 20px 20px 20px;   */
  /* box-shadow: -11px -8px 2px; */
}
.car-info-box { 
  position:relative;  
}



.car-info-box ul {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  bottom: 0;
  margin: 0 auto;
  padding: 0 15px;
  position: absolute;
  width: 100%;
}
.car-info-box li {
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  line-height: 50px;
  list-style: outside none none;
  margin: 0 15px 0 auto;
}
.car-info-box li .fa {
  margin-right: 8px;
}
.car-info-box li:nth-last-child(1) {
  margin-right: 0;
}
.car-title-m {
  overflow: hidden;
  padding: 13px;
}
.car-title-m h6 {
  float: left;
  margin: 0 auto;
  max-width: 245px;
}
.car-title-m h6 a {
  color: #111111;
}

/* Search _ product _ image and details */
.product_search_grid {
  display: flex;
  flex-direction: row;
  justify-content: space-around;

}
.product_search_grid_details {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  width: 35%;
  align-self: center;
  color: var(--font-color-card);
  height: 105px;
  justify-content: space-evenly;
  background: white;
  /* border: 1px solid #d6e2d6; */
  border-radius: 0.6rem;
  /* box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 2px 4px 0 rgb(19 26 31 / 22%); */
}
.product_search_grid_detail {
  font-size: 9px;
  background: #dddddd47;
  border-radius: 0.6rem;
  text-align: center;
  width: fit-content;
  padding: 0px 10px;
}
.product_search_grid_img {
  MAX-WIDTH: 65%;
  flex-grow: 1;
}
.product_search_gz_amount {
  background-color: white;
  color: var(--font-color-card);
  font-weight: bold;
  /* margin: auto; */
  padding: 0px;
  text-align: center;
  border-radius: 5px;
  font-size: 17px;
  border-radius: 0.6rem;
  gap: 5px;
  /* width: fit-content; */
  /* max-width: 80px; */
  color: #006400;
}

.non_discounted {
  font-size: 12px;
  border: none;
  text-decoration: line-through;
  color: black;
}

/* Search _ product _ image and details */


.picker1-label-m {
   position: absolute;
    font-size: 11px;
    line-height: 11px;
    font-weight: 900;
    /* font-weight: bold; */
    text-align: center;
    text-transform: uppercase;
    padding: 0px -1px;
    top: 0%;
    left: 0%;
    right: 2%;
    z-index: 3;
    color: darkgreen;
    border-radius: 11px;
}

.picker2-label-m {
  position: absolute;
    font-size: 11px;
    line-height: 11px;
    font-weight: 900;
    /* font-weight: bold; */
    text-align: center;
    text-transform: uppercase;
    padding: 0px -1px;
    /* top: 2px;
    left: 0px;
    right: -14px;
     */
     top: 0%;
    left: 0%;
    right: -2%;
    z-index: 3;
    color: darkgreen;
    border-radius: 11px;
}


.car-gvlabel-m {
  position: absolute;
  font-size: 10px;
  line-height: 11px;
  font-weight: 900;
  /* font-weight: bold; */
  text-align: center;
  text-transform: uppercase;
  padding: 0px -1px;
  top: -1px;
  left: 0px;
  right: 200px;
  z-index: 3;
  color: black;
  border-radius: 11px;
  background: linear-gradient(-51.54deg,rgba(1, 19, 8, 0), #006400);
}

.car-avlabel-m {
  position: absolute;
  font-size: 12px;
  line-height: 23px;
  font-weight: 900;
  position: absolute;
  /* left: 50%; */
  /* transform: translate(-50%, 0); */
  text-align: center;
  padding: 0 -1px;
  top: 108px;
  left: 0px;
  right: 0px;
  padding: 0px;
  color: black;
  background: white;
  border-radius: 0.6rem;
  box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 2px 4px 0 rgb(19 26 31 / 22%);
}

.car-info-upper-part{
  /* display: flex;
  justify-content: space-between; */
}

.car-details {
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  display: flex;
  justify-content: space-around;
}

.car-details-name {
  margin-top: 3px;
  font-size: 9px;
  font-weight: 900;
  color: #1b1c24;
  padding: 2px;
  border-radius: 4px;
  background: #d6e2d6;
}

.car-details-location {
  /* padding-left: 15px; */
  margin-top: 3px;
  /* margin-right: 30px; */

  /* font-family: Poppins; */
  font-size: 9px;
  font-weight: 600;
  /* text-align: left; */
  color: #006400;
}

.car-details-year {
  /* padding-left: 15px; */
  margin-top: 3px;
  /* margin-right: 30px; */

  /* font-family: Poppins; */
  font-size: 9px;
  font-weight: 600;
  /* text-align: left; */
  color: #1b1c24;
}


.car-details-price {
  margin-top: 3px;
  font-weight: 600;
  /* text-align: left; */
  color: #1b1c24;
  word-wrap: break-word;
  font-size: 9px;
}


.car-details-price-section {
  margin-right: 8px;
  font-size: 9px;
}

.car-actual-details-price-section {
    color: black;
    /* margin-right: 30px; */
    /* margin-left: 30px; */
    font-size: 20px;
    width: 80px;
    text-align: center;
    font-weight: 800;
    margin-top: 5px;
}

.car-discount-details-price-section {
  color: black;
  /* margin-right: 30px; */
  /* margin-left: 10px; */
  font-size: 13px;
  font-weight: 800;
  margin-top: 2px;
  width: 53px;
  display: flex;
  flex-direction: column;
}
.car-discount-details-price-section-upper {
  text-align: center;
  text-decoration: line-through;
  color: #3c3d3d;
}

.car-info-box hr {
  margin-top: 4px;
  margin-bottom: 0;
  border-top: 0px; 
  /* margin-top: 5px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.075); */
}

.car-actual-ndis-details-price-section {
  font-size: 17px;
  color: darkred;
  margin-top: 10px;
  margin-left: 20px;
  text-decoration: line-through;
}

.car-price-and-button {
  background: #d6e2d6;
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
}

.car-booking-button {
  font-weight: bold;
  width: 60%;
  text-align: end;
  margin-top: 6px;
  margin-bottom: 6px;
}


.car-info-box img, .featured-car-img img {
  max-width: 35%;
  margin : auto;
  /* margin: 12px 0px 12px 0px; */
}

.car-info-lower-part {
  background: #d6e2d6;
}




a:focus, a:hover {
  /* color: white; */
}

/* .car-productlabel-m {
    position: absolute;
    font-size: 12px;
    line-height: 18px;
    font-weight: 800;
    /* text-align: center; */
    /* text-transform: uppercase;
    padding: 0px 1px;
    top: -1px;
    left: 1px;
    right: 235px;
    z-index: 3; */
    /* color: white; */
    /* border-radius: 11px; */
    /* background: linear-gradient(-51.54deg,rgba(0, 0, 0, 0.33),green); 
} */

/* .car-gvlabel-m {
  position: absolute;
  font-size: 12px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 0 7px;
  top: 12px;
  left: 12px;
  z-index: 3;
  color: white;
  background: black;
} */

.car-name-m {
  color : black;
  /* float: right; */
  padding-left: 22px;
  padding-top: 0px;
  font-size: 13px;
  font-weight: 800;

}
.car-name-m .name {
  /* display: inline; */
  color: #111111;
  font-weight: 900;
  font-size: 18px;
  position: absolute;
  text-transform: capitalize;
}

.car-name-m .location {
  /* display: inline; */
  /* float: right; */
  /* display: inline; */
  padding-right: 13px;
  color: #111111;
  font-weight: 900;
  font-size: 13px;
  text-align: right;
  position: relative;
  text-transform: capitalize;
  /* position: absolute; */
  /* right: 0; */
  /* text-transform: uppercase; */
}




.car-title-m .price {
  color : black;
  line-height: 15px;
  float: right;
  font-size: 25px;
  font-weight: 800;
}

.car-title-m .price .ndiscountedcontent {
  font-size: 17px;
  margin-right: 4px;
}

  
.car-title-m .price .ndiscountedprice {
font-size: 17px;
color: darkred;
margin-right: 4px;
text-decoration: line-through;
}

.inventory_info_m {
  padding: 0 20px 15px;
}
.inventory_info_m p {
  color: #9e9e9e;
  line-height: 22px;
}
.blog-info-box .share_article {
	position:absolute;
	top:15px;
	left:15px;
	overflow:hidden;
}
.blog-info-box .share_article p {
	background:rgba(0, 0, 0, 0.5);
	border:rgba(255, 255, 255, 0.5) solid 2px;
	border-radius:50%;
	width:35px;
	height:35px;
	text-align:center;
	color:#fff;
	line-height:30px;
	cursor:pointer;
	float:left;
	margin:0;
}
.blog-info-box .share_article:hover p, .blog-info-box .share_article:hover ul li a {
	background:#fff;
	color:#000;
}
.blog-info-box .share_article:hover ul li a:hover {
	border-radius:50%;
	/* color:#fa2837; */
}
.blog-info-box .share_article ul {
	position:absolute;
	background:none;
	float:left;
	width:auto;
	opacity:0;
	visibility:hidden;
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	    -ms-transition-duration:0.3s;
    transform:translateY(-100%);
	 -moz-transform:translateY(-100%);
	  -o-transform:translateY(-100%);
	   -webkit-transform:translateY(-100%);
	    -ms-transform:translateY(-100%);
}
.blog-info-box .share_article ul li {
	height:35px;
	width:35px;
	line-height:35px;
	background:rgba(0, 0, 0, 0.5);
	border:0px;
	
}
.blog-info-box .share_article:hover ul {
	opacity:1;
	visibility:visible;
	position:relative;
	transform:translateY(0%);
	 -moz-transform:translateY(0%);
	  -o-transform:translateY(0%);
	   -webkit-transform:translateY(0%);
	    -ms-transform:translateY(0%);
}

/*---------------------
	3.5. Fun-Facts
-----------------------------*/
.fun-facts-section {
  background: rgba(0, 0, 0, 0) url("../images/Bike-hire-in-pune.jpg") repeat scroll 0 0;
  padding: 56px 0;
  position: relative;
  cursor: pointer;
}
.fun-facts-m {
  border-radius: 50%;
  color: #ffffff;
  display: table;
  height: 188px;
  margin: 0 auto;
  text-align: center;
  width: 188px;
  background-color: transparent;
}
.fun-facts-m .cell {
  display: table-cell;
  vertical-align: middle;
}
.fun-facts-m h2 {
  color: #ffffff;
  margin: 0 auto;
}
.fun-facts-m p {
  font-size: 15px;
  line-height: 24px;
  margin: 0 auto;
}
.fun-facts-m h2 .fa {
  display: block;
}


/*----------------------
	3.6. Featured-Cars
-------------------------------*/
.featured-car-list {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin:0 auto 15px;
  transition-duration:0.3s;
   -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
     -webkit-transition-duration:0.3s;
      -ms-transition-duration:0.3s;
}
.featured-car-list:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.featured-car-img {
  position: relative;
  overflow:hidden;
}
.featured-icon {
  color: #ffffff;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  right: -28px;
  text-align: center;
  text-transform:capitalize;
  top: 9px;
  transform: rotate(45deg);
  width: 105px;
}
.featured-car-content {
  padding: 20px;
  overflow:hidden;
}
.featured-car-content a {
  color: #111111;
}
.featured-price {
  font-size: 18px;
  font-weight: 800;
}
.featured-car-content ul {
  border-top: 1px solid #e7e6e6;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 20px 0 0;
}
.featured-car-content li {
  float: left;
  font-size: 13px;
  list-style: outside none none;
  margin-bottom: 8px;
  width: 50%;
}
.featured-car-content li .fa {
  font-size: 15px;
  margin-right: 8px;
}
.price_info {
	overflow:hidden;
}	
.featured-price {
	float:left;
	width:50%;
}
.price_info .car-location {
	float:right;
	margin:0 auto;
	width:50%;
}
.price_info .car-location > span {
  display: block;
  line-height: 30px;
}
.compare_item {
  background:rgba(0, 0, 0, 0.8);
  left: 10px;
  padding: 0 12px;
  position: absolute;
  top: 10px;
}
.compare_item .checkbox {
	margin:4px 0;
	padding:0px;
}
.compare_item .checkbox label {
	color:#fff;
    font-weight:400;
	font-size:13px;
}
.compare_item .checkbox label::before {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  height: 12px;
  top: 4px;
  width: 12px;
}
.compare_item .checkbox input[type="checkbox"]:checked + label::before {
  color: #000;
  font-weight: bold;
}



/*---------------------
	3.7. Trending-Cars
-----------------------------*/
.trending-car-m {
  position: relative;
}
.trending-hover {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  padding: 10%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 100%;
  transition-duration: 0.5s;
   -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
  width: 100%;
  z-index: 111;
}
.trending-car-m:hover .trending-hover {
	top:0px;
}
.trending-hover h4 {
	position:absolute;
	margin:0 auto;
	top:50%;
	left:15px;
	right:15px;
	transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	  -o-transform:translateY(-50%);
	   -webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
}
.trending-hover h4 a {
	color:#fff;
}
.owl-pagination {
	width:100%;
	display:block;
	margin:auto;
	text-align:center
}
.owl-pagination .owl-page {
	height:10px;
	width:10px;
	background:#929292;
	border-radius:50%;
	display:inline-block;
	margin:25px 5px 0px;
}
.owl-pagination .owl-page.active {
	height:16px;
	width:16px;
	border-radius:50%;
	position:relative;
	top:2px;
}


/*--------------------
	3.8 Testimonial-Section
-----------------------------*/
.testimonial-section {
  background: white;
  /* background: linear-gradient( #3c763d, #417543 );; */
  /* background-image: url("../images/Bike-rental-in-pune.jpg"); */
}
.white-text h2 {
  color: black;
}
.testimonial-m {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  z-index: 1;
}
.testimonial-img {
  border: 5px solid #ffffff;
  border-radius: 50%;
  float: left;
  height: 215px;
  left: 30px;
  overflow: hidden;
  position: absolute;
  top: 42px;
  width: 215px;
  z-index: 1;
}
.testimonial-img > img {
  max-width: 100%;
}
.testimonial-content {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);
  /* box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3),
				-3px -3px 6px rgba(255, 255, 255, 0.3),
				inset 2px 2px 5px rgba(255, 255, 255, 0.3),
				inset -2px -2px 5px rgba(0, 0, 0, 0.3); */
  border-radius: 0 30px;
  float: right;
  padding: 9px 9px 9px 9px;
  position: relative;
  width: 425px;
}
.testimonial-content::after {
/* background: rgba(0, 0, 0, 0) url("../images/testimonial-content-bg.webp") repeat scroll 0 0 / cover ; */
  border-radius: 0 30px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.2;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.client-designation {
  color: #555555;
  font-size: 14px;
}
.testimonial-heading {
  margin-bottom: 35px;
  padding-left: 110px;
  position: relative;
}
.testimonial-heading h5 {
  margin: 0 auto;
}
.testimonial-heading::after {
  content: "";
  font-family: fontawesome;
  font-size: 100px;
  left: 0;
  line-height: 28px;
  position: absolute;
  top: 15px;
  color:rgba(0, 0, 0, 0.1);
}
.testimonial-content > p {
  font-size: 14px;
  line-height: 24px;
  margin: 0 auto 5px;
  padding-left: 35px;
}
#testimonial-slider .owl-pagination .owl-page {
	background:#fff;
}



/*----------------------
	3.9. Blog-Section
-----------------------------*/
.blog-info-box {
  position: relative;
}
.blog-info-box ul {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  bottom: 0;
  margin: 0 auto;
  padding: 0 15px;
  position: absolute;
  width: 100%;
}
.blog-info-box li {
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  line-height: 50px;
  list-style: outside none none;
  margin: 0 10px 0 auto;
}
.blog-info-box li a{
  color: #ffffff;
}
.blog-info-box li .fa {
  margin-right: 3px;
}
.blog-content {
  overflow: hidden;
  padding-top: 25px;
}
.blog-content h5 {
	line-height:26px;	
}
.blog-content h5 a {
	color:#111;	
}
.blog-content a i {
	margin:0px;
	transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	 -o-transition-duration:0.3s;
	  -webkit-transition-duration:0.3s;
	   -ms-transition-duration:0.3s;
}
.blog-content a:hover i {
	margin-left:8px;
}



/*------------------------
	3.10. Popular-Brands
--------------------------------*/
.brand-section {
  padding: 55px 0;
}
.brand-hadding {
  border-right: 1px solid #bbbbbb;
  float: left;
  padding-right: 10px;
  position: relative;
  width: 90px;
}
#popular_brands div {
	padding:0 10px;
}
.brand-hadding::after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #bbbbbb;
  border-style: solid;
  border-width: 12px;
  content: "";
  position: absolute;
  right: -24px;
  top: 50%;
  transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
}
.brand-hadding h5 {
  line-height: 26px;
  margin: 10px 0;
}
.brand-logo-list {
  float: right;
  margin: 0 auto;
  padding: 0 0 0 30px;
  width: 90%;
}

.brand-logo-list a img {
  margin: 0 auto;
}
.brand-logo-list .owl-controls.clickable {
	display:none !important;
}



/*-------------------------------------------------
	3.11. Login / Register / Forgot password
-------------------------------------------------------*/

.login_wrap, .signup_wrap {
  display: table;
  position: relative;
  width: 100%;
}
#loginform .modal-footer, #signupform .modal-footer, #forgotpassword .modal-footer {
	text-align:center;
	border-top:0px;
}
#loginform .modal-footer p, #signupform .modal-footer p, #forgotpassword .modal-footer p {
	margin:0px;
	font-size:14px;
	color:#111;
	line-height:22px;
	font-weight:400;
}
.mid_divider {
  border-left: 1px solid #d7d7d7;
  height: 100%;
  left: 50%;
  position: absolute;
  top:0;
}
.btn.facebook-btn, .btn.facebook-btn:hover {
	background:#3c5a98;
}
.btn.twitter-btn, .btn.twitter-btn:hover {
	background:#28bcec;
}
.btn.googleplus-btn, .btn.googleplus-btn:hover {
	background:#fe0000;
}
.btn.facebook-btn, .btn.twitter-btn, .btn.googleplus-btn {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 10px;
  padding: 10px 22px;
  text-align: left;
}
.btn.facebook-btn i, .btn.twitter-btn i, .btn.googleplus-btn i { 
	font-size:26px;
	margin-right:10px;
}

.gray_text {
	color:#ccc;
}
.forgotpassword_wrap p {
	margin:0 auto 15px;
	max-width:80%;
}


/*-----------------
	3.12. Footer
------------------------*/


.footer-top {
  background: black none repeat scroll 0 0;
  color: #9d9d9d;
  padding: 80px 0;
}
.footer-top h6 {
  color: #ffffff;
  font-size:15px;
  text-transform:uppercase;
  margin-bottom: 40px;
}
.footer-top ul {
  overflow: hidden;
  padding: 0;
}
.footer-top ul li {
  font-size: 14px;
  line-height: 23px;
  list-style: outside none none;
  margin-bottom: 16px;
  padding-left: 12px;
  position: relative;
}
.footer-top ul li a::after {
  content: "";
  font-family: fontawesome;
  left: 0;
  position: absolute;
  vertical-align: middle;
}
.footer-top ul li a {
  color: #fff;
}
input.newsletter-input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  font-size: 13px;
  text-align: left;
}
.subscribed-text {
  color: #606060;
  font-size: 12px;
  line-height: 18px;
  padding-top: 10px;
}
.footer-bottom {
  background: black none repeat scroll 0 0;
  padding: 22px 0;
}
.footer_widget {
  color: #ffffff;
  display: inline-block;
  margin: 6px 0 0 30px;
}
.footer_widget p {
	display:inline-block;
	vertical-align:middle;
	margin:0px;
}
.footer_widget ul  {
	display:inline-block;
	padding:0px;
	vertical-align:middle;
	margin:0px 0 0 8px;
}
.footer_widget ul li {
	display:inline-block;
	vertical-align:middle;
	list-style:none;
	margin:0 auto;
}
.footer_widget ul li a {
	color:#fff;
	display:block;
	font-size:18px;
	margin:0 4px;
}
.footer_widget ul li a i {
	margin:0px;
}
.copy-right {
  color: #ffffff;
  font-size: 15px;
  line-height: 40px;
  margin: 0 auto;
}
.back-top {
  bottom: 35px;
  position: fixed;
  right: 33px;
  z-index: 1;
}
.back-top a {
  border-radius: 50%;
  color: #ffffff;
  display: block;
  font-size: 19px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  width: 40px;
}
.back-top a:hover, .back-top a:focus {
	color:#fff;
}




/*=======================
	 4. Home-Page-2
================================*/


/*-----------------
	4.1. Header
------------------------*/
.header_style2 {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
  background:#fff;
  transition-duration:0.3s;
   -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
     -webkit-transition-duration:0.3s;
      -ms-transition-duration:0.3s;
}
.header_style2 #navigation_bar {
  background: #fff;
  text-align:center;
}
.header_style2 .navbar-default .navbar-nav > li {
	margin:0;
}
.header_style2 .navbar-default .navbar-nav > li > a {
  color: #111;
  padding:30px 18px;
}
.header_style2 .user_login i {
	font-size:24px;
	color:#111;
}
.header_style2 .logo {
  margin: 20px 0;
}
.header_style2 .user_login {
  margin: 29px 10px 20px 0;
}
.header_style2 .login_btn {
  margin: 28px 0;
}
.header_style2 .navbar-default .navbar-nav > li.dropdown > a::after {
  right: 0;
}
.header_style2 .navbar-nav > li, .header_style2 .navbar-nav {
  display: inline-block;
  float: none;
}
.header_style2 .navbar-default .navbar-nav > li.dropdown > a::after {
  top: 34%;
}

@media (min-width:992px) {
.header_style2 #navigation.collapse.navbar-collapse {
  display: inline-block !important;
  float: none;
  width: auto !important;
}
.header_style2 {
  padding:6px 0;
}

}

.header_style2.nav-stacked.affix {
	padding:0px;
}



/*--------------------
	4.2. Banner
---------------------------*/
#banner2 {
	position:relative;
}
#banner2 h3 {
	font-weight:300;
	margin:0 auto 30px;
}
.bannre-item {
	position:relative;
	padding:150px 0 250px;
	background-repeat:no-repeat;
}
.banner_text {
	position:relative;
	z-index:1;
}
#banner2 .item:after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#banner2 .carousel-caption {
  bottom: inherit;
  left: 20%;
  padding-bottom: 30px;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
}
#banner2 .carousel-control {
  width: 10%;
}
.carousel-control .icon-next, .carousel-control .icon-prev {
  border:rgba(255, 255, 255, 0.5) solid 1px;
  line-height: 22px;
}


/*--------------------
	4.13. Filter-Form
---------------------------*/
#filter_form2 {
  margin: -120px 0 -20px;
  position: relative;
  z-index: 1;
}
.main_bg {
	padding:30px;
	box-shadow:rgba(0, 0, 0, 0.3) 0 0 10px;
}
.main_bg .btn {
	background:#111;
}
.main_bg .btn:hover {
	background:#000;
}
#filter_form2 .form-label {
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: 700;
}
form .slider.slider-horizontal {
	width:100%;
}
#filter_form2 .slider.slider-horizontal .slider-track {
	background-image:none;
	background-color:rgba(255, 255, 255, 0.3);
}
#filter_form2 .slider-handle {
  background-color: #ffffff;
  background-image: none;
}
#filter_form2 .slider-selection {
	background-color:#fff;
}



/*-----------------
	4.4. About-us
------------------------*/
.about_info {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding:40px 20px;
  text-align:center;
  transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
}
.about_info:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.about_info .icon_box {
  float:none;
  margin: 0 auto 25px;
}
.about_info h5 {
	margin:0 auto 10px;
}


/*-----------------
	4.5. Fan-Facts
------------------------*/
#fun-facts {
	position:relative;
}
.vc_row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.vc_col {
  display: flex;
}
.fact_m {
  display: block;
  margin: 0 30px 0 16%;
  width: auto;
}
.fact_m ul {
	margin:0px;
	padding:40px 0 0;
	clear:both;
}
.fact_m ul li p {
	margin:0px;
}
.fact_m ul li h2 {
	margin:0px;
}
.fact_m ul li {
	list-style:none;
	float:left;
	border:rgba(255, 255, 255, 0.2) solid 1px;
	padding:30px 18px;
	width:48%;
	margin:0 2% 12px 0;
}
.fact_m ul li i {
	font-size:65px;
	float:left;
	margin:0 10px 20px 0;
}
.facts_section_bg {
  background: rgba(0, 0, 0, 0) url("../images/facts_bg.jpg") no-repeat scroll 0 0 / cover ;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}



/*-----------------
	4.6. Our-Services
------------------------*/
.services_info {
	overflow:hidden;
	margin:30px auto 0;
}
.our_services {
  display: block;
  margin: 0 16% 0 40px;
  width: auto;
}
.services_info h4 {
	margin:10px auto;
}
.services_info h4 a {
	color:#fff;
}
.services_info p {
	line-height:22px;
}
.icon_box {
	float:left;
	width:99px;
	height:99px;
	text-align:center;
	font-size:40px;
	line-height:90px;
	border-radius:50%;
	border:rgba(255, 255, 255, 0.2) solid 1px;
	margin:0 25px 25px 0;
}



/*-----------------
	4.7. Testimonial
------------------------*/
#testimonial {
	position:relative;
}
.testimonial_wrap {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  margin: 15px;
  padding: 40px;
  text-align: center;
  overflow:visible;
  position:relative;
  transition-duration:0.3s;
   -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
     -webkit-transition-duration:0.3s;
      -ms-transition-duration:0.3s;
}
.testimonial_wrap:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.testimonial_wrap .testimonial-img {
  float: none;
  height: 135px;
  left: inherit;
  margin: 0 auto 20px;
  position: relative;
  right: inherit;
  top: inherit;
  width: 135px;
}
.testimonial_wrap .testimonial-heading::after { 
	display:none;
}
.testimonial_wrap::after {
  color: rgba(0, 0, 0, 0.1);
  content: "";
  font-family: fontawesome;
  font-size: 100px;
  left: 25px;
  line-height: 28px;
  position: absolute;
  top: 60px;
}
.testimonial_wrap .testimonial-heading {
	padding:0px;
	margin:0 auto 20px;
}



/*-----------------
	4.8. Help
------------------------*/
#help {
  background-image: url("../images/help_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover; 
  position:relative;
  background-attachment:fixed;
}




/*========================================
	 5. Inner-Page-Heading-Section
==============================================*/

.page-header {
  background-image: url("../images/listing-page-header-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  border: 0 none;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.page-header_wrap {
  padding:60px 0;
  position:relative;	
  text-align:center;
}
.page-heading {
  z-index:1;
  position:relative;
}
.page-heading h2, .page-heading h1 {
  font-size:40px;
  color: #ffffff;
  margin: 0 auto;
}



/*=======================
	 6. Breadcrumb
================================*/
.coustom-breadcrumb {
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 1;
}
.coustom-breadcrumb li {
  color: black;
  display: inline-block;
  font-size: 13px;
  line-height: 45px;
  list-style: outside none none;
  margin: 0 auto;
  padding: 0 10px;
  position:relative;
}
.coustom-breadcrumb a {
  color: black;
}
.coustom-breadcrumb li a:hover {
	color:black
	/* text-decoration : underline; */
}

.coustom-breadcrumb a::after {
  color: black;
  content: "";
  font-family: fontawesome;
  position: absolute;
  right: -5px;
  vertical-align: middle;
}


/*========================
	7. Listing-Page
=============================*/
.listing-page {
  overflow: hidden;
  padding: 80px 0;
}
.result-sorting-wrapper {
  background: #f5f5f5 none repeat scroll 0 0;
  border-bottom: 3px solid #e5e5e5;
  border-left: 4px solid #cecece;
  margin-bottom: 40px;
  overflow: hidden;
  padding: 10px 20px;
}
.sorting-count {
  float: left;
}
.sorting-count p {
  margin: 0 auto;
  color:#222222;
}
.sorting-count span {
  color: #999999;
}
.result-sorting-by {
  float: right;
}
.result-sorting-by p {
  display: inline-block;
  margin: 0 auto;
  color:#222222;
}
.result-sorting-by form {
  display: inline-block;
}
.sorting-select {
  margin: 0 auto;
  padding-left: 10px;
}
.sorting-select .form-control {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  border-radius: 50px;
  color: #555555;
  font-size: 12px;
  height: auto;
  padding: 0 30px 0 12px;
}
.sorting-select.select::after {
  font-size: 12px;
  padding: 7px 0;
  right: 13px;
  color: #555555;
}
.sorting-select .form-control option {
  padding: 5px;
}
.product-listing-m {
  margin:0 auto 1px;
  overflow: hidden;
  background: white;
  /* padding : 1em; */
/* blur color */
  /* box-shadow: 20px 20px 20px; */
  padding: 3px;
  border-radius: 11px;
  /* box-shadow: 20px 20px 20px;   */
  /* box-shadow: -11px -8px 2px; */
}

/* .product-listing-m .summaryheading {
  border-bottom: 1px solid black;
  padding-bottom: 11px;
  font-size: x-large;
} */

.product-listing-m h3{
  text-align: center;
  padding-bottom: 1em;
}

.product-listing-img {
  float: left;
  width: 45%;
  position:relative;
  overflow:hidden;
}
.product-listing-content {
  float: left;
  padding: 0px 15px 7px -1px;
  width: 55%;
}
.product-listing-content h5 {
  margin-bottom: 2px;
  text-align: right;
}
.product-listing-content .list-price {
  margin: 4px;
  text-align: right;
  font-weight: 900;
  text-transform: capitalize;
  /* font-size: 20px; */
}


.product-listing-content .booking-summary-button {
  margin-top: 9px;
   float: right;
   /* border-radius: 70px; */
}


.product-listing-content h5 a {
	color:#111;
}
.product-listing-content ul {
  margin: 0 auto 22px;
  overflow: hidden;
  padding: 0;
}
.product-listing-content li {
  float: left;
  font-size: 13px;
  font-weight: 400;
  list-style: outside none none;
  margin: 0 auto;
  width: 33%;
}
.product-listing-content li .fa {
  font-size: 15px;
  margin-right: 8px;
}
.car-location {
  display: inline-block;
  margin-left: 24px;
  color:#919090;
  font-size:13px;
}
.label_icon {
  color: #ffffff;
  font-size: 13px;
  line-height: 26px;
  padding: 0 12px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
}
.recent_addedcars ul {
  margin: 0;
  padding: 0;
}
.recent_addedcars ul li {
  list-style: outside none none;
  margin: 0 auto 15px;
  overflow: hidden;
}
.recent_addedcars ul li a {
  display: block;
}
.recent_post_img {
  float: left;
  width: 34%;
  overflow:hidden;
}
.recent_post_img img {
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	    -ms-transition-duration:0.3s;
	transform:scale(1);
	 -moz-transform:scale(1);
	  -o-transform:scale(1);
	   -webkit-transform:scale(1);
	    -ms-transform:scale(1);
	width: 100%;
}
.recent_post_img:hover img {
	transform:scale(1.1);
	 -moz-transform:scale(1.1);
	  -o-transform:scale(1.1);
	   -webkit-transform:scale(1.1);
	    -ms-transform:scale(1.1);
}
.recent_post_title {
  float: right;
  padding: 4px 10px;
  width: 66%;
}
.recent_post_title a {
  color: #111;
  font-weight: 700;
  line-height: 22px;
}
.widget_price {
	font-size:13px;
	margin:0px;
}

.sell_car_quote {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/img_390x390.jpg") !important;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 25px !important;
}
.sell_car_quote .btn {
	margin-bottom:15px;	
}



/*===========================
	8. Listing-grid-Style
==================================*/
.grid_listing .product-listing-m {
  margin: 0 -15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin:0 auto 40px;
}
.grid_listing .product-listing-img, .grid_listing .product-listing-content {
	float:none;
	width:100%;
}
.grid_listing .product-listing-img img {
	width:100%;
}
.grid_listing .product-listing-content {
  padding: 20px 20px 0;
}
.grid_listing .product-listing-content h5 {
	line-height:26px;
	margin:0 auto 20px
}
.grid_listing .product-listing-content .list-price {
	font-size:18px;
	color:#555;
	font-weight:900;
	display:inline-block;
	vertical-align:middle;	
	margin:0 auto;
}
.grid_listing .product-listing-content .car-location {
  float: right;
}
.grid_listing .product-listing-content ul.features_list {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #e1e0e0;
  clear:both;
  margin: 16px -20px 0;
  padding: 15px 20px;
}
.grid_listing .product-listing-content ul.features_list li {
  color: #8d8d8d;
  margin-bottom: 3px;
  width: 50%;
}
.grid_listing:nth-child(3n+1) {
  clear: left;
}
.grid_listing:nth-child(3n) {
  clear: right;
}


/*=======================
	9. Listing-Detail
===============================*/
.listing-detail {
	padding:80px 0;	
}
.listing_detail_head {
	margin-bottom:50px;
}
.listing_detail_header .listing_detail_head {
	margin-bottom:0px;
}
.pricing_info .price {
  display: inline-block;
  font-size: 28px;
  font-weight: 900;
  margin: 0;
  vertical-align: middle;
}
.listing_more_info {
	overflow:hidden;
	padding:50px 0;	
}
.listing_info_tab {
  border: 1px solid #e0dfdf;
  margin-top: 20px;
  padding: 40px;
}
.block-head {
	margin-bottom:30px;
}
.block-head h4 {
	margin:0px;
}
table.info-tabel tr td {
	border-left-width:0px;
	border-right-width:0px;
	padding:15px 20px ;
}
.info-tabel tr td:first-child {
	color:#111;	
	border-left-width:1px;
	font-weight:700;
}
.info-tabel tr td:last-child {
	border-right-width:1px;
}
.financing_calculatoe {
	margin-bottom:20px;	
}
.financing_calculatoe .btn {
	margin-top:15px;
}
.dealer_detail img {
	max-width:100%;
	margin:0 auto 15px;
}
.dealer_detail p {
	margin:0 auto 8px;
}
.dealer_detail p span {
	color:#111;
	margin:0 5px 0 0;
	min-width:50px;
	display:inline-block;
}
.dealer_detail .btn {
	margin-top:15px;
}
.listing_detail_wrap {
	border:#dcd9d9 solid 1px;	
}
.listing_detail_wrap .nav-tabs > li a {
	font-size:18px;
	font-weight:400;
	line-height:66px;
	padding:0 30px;
	background:none;
	color:#555;
}
.listing_detail_wrap .nav-tabs > li.active a, .listing_detail_wrap .nav-tabs > li:hover a {
	color:#fff;
	background:#fa2837;
}
.listing_detail_wrap .tab-content {
  padding: 30px;
}
.listing_detail_wrap .tab-content h1, .listing_detail_wrap .tab-content h2, 
.listing_detail_wrap .tab-content h3, .listing_detail_wrap .tab-content h4, 
.listing_detail_wrap .tab-content h5, .listing_detail_wrap .tab-content h6 {
	margin-top:35px;	
}
.listing_more_info table td, .listing_more_info table th {
	font-size:16px;
}
.listing_more_info table tr td:first-child {
	color:#111;
}
 
.similar_cars {
	padding:20px 0;
}
.similar_cars h3 {
	margin-bottom:25px;
}
.similar_cars .grid_listing:nth-child(3n+1), .similar_cars .grid_listing:nth-child(3n) {
  clear: inherit;
}

.main_features {
	overflow:hidden;
}
.main_features ul {
	padding:0px;
	margin:0px;
}
.main_features ul li {
  border: 1px solid #dcd9d9;
  float: left;
  list-style: outside none none;
  margin: 0 17px 0 0;
  min-height: 113px;
  min-width: 123px;
  padding: 10px;
  text-align: center;
}
.main_features ul li h5 {
	font-weight:300;
	margin:0px;
}
.main_features ul li p {
	font-size:11px;
	margin:0px;
}
.main_features ul li i {
	color:#c0c0c0;
	font-size:36px;
	margin:0px;
}
.main_features ul li:last-child {
	margin:0px;
}
.share_vehicle {
	background:#222222;
	padding:22px 26px;
	margin:0 auto 35px;	
}
.share_vehicle p, .share_vehicle a {
	color:#fff;
	font-size:20px;
	margin:0px;
}
.share_vehicle a {
	margin:0 4px;
}
.add_compare {
	margin:0 0 15px 0 ;
}
.add_compare .checkbox {
  color: #ffffff;
  display: inline-block;
  margin: 0;
  padding: 6px 15px;
}
.add_compare .checkbox label::before {
	border-color:#fff;
	background:#fff;
}
.listing_detail_head .car-location {
	margin:0px;
	color:#555;
	font:16px;	
}
.listing_detail_head .price_info {
  overflow: visible;
  text-align: right;
}
.listing_detail_head .price_info p {
	font-size:40px;
	font-weight:900;
}
.listing_detail_head .price_info .old_price {
	color:#222;
	text-decoration:line-through;
	font-size:20px;
}
#info_toggle {
	float:left;
}
.listing_other_info button {
	background:none;
	border:0px;
	border-radius:0px;
	font-size:16px;
	text-transform:uppercase;
	padding:26px 0;
	margin:0 40px 0 0;
}	
.listing_other_info button i {
	margin:0 4px 0 0;	
}
.listing_other_info button:last-child {
	margin:0px;
}
.search_other {
  float: right;
  font-size: 16px;
  padding: 26px 20px;
  text-transform: uppercase;
  cursor:pointer;
}
#other_info {
  border-radius: 50%;
  cursor: pointer;
  display: none;
  float: left;
  font-size: 18px;
  margin-top: 14px;
  padding: 10px 15px;
  text-transform: uppercase;
}
.owl-buttons {
  left: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform:translateY(-50%);
   -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
     -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%)
}
.owl-buttons div {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  border-style: solid;
  border-width: 2px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  padding: 7px;
  text-transform: capitalize;
}
.owl-buttons .owl-next {
	float:right;
}


.listing_detail_header {
  background: rgba(0, 0, 0, 0) url("../images/listing-detail-header-img.jpg") no-repeat fixed center center / cover ;
  padding: 80px 0;
  position: relative;
}
.listing_detail_header .share_vehicle {
	display:inline-block;
	background:none;
	padding:0px;
	margin:0 0 0 20px;
}
.listing_detail_header .listing_detail_head .price_info .old_price {
	color:#fff;
}
.listing_detail_header .listing_detail_head .car-location {
  color: #ffffff;
  font-size: 16px;
  margin: 0 0 30px;
}
.slick-slide img {
	max-width:100%;
}
.listing_images_slider_nav {
	position:relative;
	padding:0 50px;
	margin:15px auto 40px;
}
.listing_images_slider_nav .slick-slide {
	margin:0 8px;
	cursor:pointer;
}
.slick-arrow {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  font-size: 0;
  position: absolute;
  top: 50%;
  left:0;
  transform: translateY(-50%);
}
.slick-arrow.slick-next {
	right:0px;
	left:inherit;
}
.slick-arrow::after {
  content: "";
  font-family: fontawesome;
  font-size: 34px;
}

.slick-arrow.slick-prev::after {
  content: "\f104";
}

.slick-arrow.slick-next::after {
  content: "\f105";
}
.inner-filter {
	display:none;
}

.video_wrap {
	margin:40px auto 0px	
}
.video-box iframe {
	width:100%;
	height:400px;
	border:0px;
}


/*=======================
	10. Contact-Us-Page
================================*/
.contactus_page {
  background: var(--background-color);
  /* background-image:url(../images/contact-page-header-img.jpg);	 */
}
.contact_form {
	padding:28px;
}
.contact_us h3 {
	margin-bottom:22px;
}
.contact_form .form-control {
	margin-bottom:8px;
}
.contact_form .form-group {
	margin-bottom:35px;
}
.contact_detail ul {
	padding:0px;
	margin:0px
}
.contact_detail li {
	list-style:none;
	color:#555;
	font-size:16px;
	line-height:24px;
	margin:20px 0;
	padding:0 150px 0 0;
}
.contact_detail li a {
	color:#555;
}
.icon_wrap .fa {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e6e5e5;
  border-radius: 50%;
  color: #555;
  display: inline-block;
  font-size: 22px;
  height: 44px;
  line-height: 44px;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  width: 44px;
}
.contact_info_m, .icon_wrap {
	display:table-cell;
	vertical-align:middle;
}
.map_wrap {
	margin:40px 0 0;
}
.map_wrap iframe {
	width:100%;
	height:420px;
}



/*=================
	11. FAQ-Page
===========================*/
.faq_category {
	position:relative;
	text-align:center;
	padding:50px;
	margin:0 auto 20px;
}
.faq_text {
	padding:20px 0;
}
.knowledge_base_faq {
  background: rgba(0, 0, 0, 0) url("../images/knowledge_base_bg.jpg") no-repeat scroll 0 0 / cover ;
}
.about_services_faq {
  background: rgba(0, 0, 0, 0) url("../images/about_services_faq_bg.jpg") no-repeat scroll 0 0 / cover ;
}
.support_faq {
  background: rgba(0, 0, 0, 0) url("../images/support_faq_bg.jpg") no-repeat scroll 0 0 / cover ;
}



/*=========================
	12. About-Us-Page
================================*/
.aboutus_page {
	background-image:url(../images/aboutus-page-header-img.jpg);
}
.about_img {
  background: #000 none repeat scroll 0 0;
  border-radius: 100%;
  overflow:hidden;
}	
.about_img img {
	width:100%;
	border-radius:50%;
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	    -ms-transition-duration:0.3s;
}
.about_img:hover img {
	opacity:0.5;
}
.about_content {
	padding:20px 0;	
}
.about_content h3 {
	margin-top:25px;
}


/*-------------------------------
	12.1. Why-Choose-Us-Section
----------------------------------------*/
.video_box iframe {
	width:100%;
	border:0px;
	height:360px;
}

.listing_box {
	margin:0 auto 30px;
}
.listing_box h5 {
	margin-bottom:8px;
}
.listing_box p {
	list-style:24px;
}


/*---------------------------------
	12.2. Meet-the-Team-Section
---------------------------------------*/
.team_member {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.team_img {
	position:relative;	
	overflow:hidden;
}
.team_img img {
	width:100%;
}
.team_info {
	text-align:center;
	padding:20px;
}
.team_info h6, .team_info p {
	margin:0 0 4px;
}
.team_more_info {
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width:100%;
  overflow:hidden;
  transform:scale(0);
   -moz-transform:scale(0);
    -o-transform:scale(0);
     -webkit-transform:scale(0);
      -ms-transform:scale(0);
  transition-duration:0.3s;
   -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
     -webkit-transition-duration:0.3s;
      -ms-transition-duration:0.3s;
}
.team_more_info::after {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.team_member:hover .team_more_info {
  transform:scale(1);
   -moz-transform:scale(1);
    -o-transform:scale(1);
     -webkit-transform:scale(1);
      -ms-transform:scale(1);
}
.info_wrap {
  position: relative;
  top: 50%;
  vertical-align: middle;
  width: 100%;
  transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
  z-index:1;
}
.team_more_info ul {
	padding:0px;
	margin:0px;
}
.team_more_info ul li {
	list-style:none;
	display:inline-block;
	vertical-align:middle;
	margin:0 2px;
}
.team_more_info ul li a {
	display:block;
	width:35px;
	height:35px;
	border-radius:50%;
	background:#fff;
	text-align:center;
	line-height:35px;
	color:#111;
	font-size:20px;
}
.team_more_info ul li a i {
	margin:0 auto;
}
.team_more_info ul li a:hover {
	color:#fff;
}
.team_more_info p, .team_more_info p a {
	color:#fff;
}
.team_more_info p span {
	display:block;
	font-weight:700;
}



/*==================
	13. 404-Page
===========================*/
.page_404 {
	background-image:url(../images/error404-page-header-img.jpg);	
}
.error_text_m {
	position:relative;
	padding:50px 0;
}
.error_text_m h2 {
	font-size:232px;
	text-align:center;	
}
.error_text_m h2 span {
	color:#111;
	font-weight:900;
}
.background_icon {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.background_icon i {
  color: #e7e7e7;
  font-size: 538px;
  line-height: 400px;
  vertical-align: top;
}
.error_icon {
  float: left;
  width: 29%;
  padding-top:15px;
}
.error_icon i {
	color:#cfcfcf;
	font-size:130px;	
}
.error_msg_div {
  float: left;
  width: 71%;
  padding-top:15px;
}
.error_msg_div h3 {
	font-size:60px;	
}
.error_msg_div h3 span {
	font-size:40px;
	display:block;
}
.error_msg_div .btn {
	margin-top:30px;
}



/*===========================
	14. Our-Services-Page
==================================*/
.services_page {
	background-image:url(../images/services-page-header-img.jpg);	
}
.services_image {
	position:relative;
	overflow:hidden;
	border-radius:0 30px 0 30px;
}
.services_image img {
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	    -ms-transition-duration:0.3s;
	transform:scale(1);
	 -moz-transform:scale(1);
	  -o-transform:scale(1);
	   -webkit-transform:scale(1);
	    -ms-transform:scale(1);
	width:100%;
}
.services_image:hover img {
	transform:scale(1.1);
	 -moz-transform:scale(1.1);
	  -o-transform:scale(1.1);
	   -webkit-transform:scale(1.1);
	    -ms-transform:scale(1.1);
}
.service_heading {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	background:rgba(0, 0, 0, 0.9);
	color:#fff;
	padding:30px 20px;
	text-align:center;
}
.service_heading h3 {
	margin:0px;
}



/*=====================
	15. Our-Blog-Page
==============================*/
.blog_page {
	background-image:url(../images/blog-page-header-img.jpg);
}
.our_blog {
  padding: 80px 0;
}


/*--------------------
	15.1. Aritcle
-------------------------------*/
.article_wrap {
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 60px;
  padding: 0 0 54px;
}
.article_info p {
	font-size:17px;
	line-height:33px;
	margin:0 auto 40px	
}
.article_img {
  position: relative;
  overflow:hidden;
  margin:0 auto 30px;
  min-height:180px;
}
.article_img img {
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	    -ms-transition-duration:0.3s;
	transform:scale(1);
	 -moz-transform:scale(1);
	  -o-transform:scale(1);
	   -webkit-transform:scale(1);
	    -ms-transform:scale(1);
	max-width:100%;
}
.article_img:hover img {
	transform:scale(1.1);
	 -moz-transform:scale(1.1);
	  -o-transform:scale(1.1);
	   -webkit-transform:scale(1.1);
	    -ms-transform:scale(1.1);
}
.articale_header {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  padding: 30px;
  position: absolute;
  right: 0;
}
.articale_header h2 a {
	color:#fff;
}
.article_meta ul {
  margin: 0;
  padding: 0;
}
.article_meta ul li {
  color: #fff;
  display: inline-block;
  font-size: 15px;
  list-style: outside none none;
  vertical-align: middle;
  margin:0 35px 10px 0;
}
.article_meta ul li i.fa {
  margin-right: 5px;
}
.article_meta ul li a {
	color:#fff;
}
.article_full_info .articale_header {
	position:relative;
	background:none;
	padding:0px;
}
.article_full_info .article_meta {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 6px 26px;
  margin:6px auto 22px;
}
.article_full_info .article_meta li, .article_full_info .article_meta li a {
	color:#555;
}
.article_full_info {
	border:0px;
}
.article_tag {
  padding: 20px 45px;
}
.article_tag h6, .article_tag .tag_list {
  display:inline-block;
  vertical-align:middle;
  margin:0 8px 0 0;
}
.article_tag .tag_list li {
	margin-bottom:0px;
}
.share_article {
	text-align:right;
}
.share_article ul, .share_article h6 {
	display:inline-block;
	padding:0px;
	margin:0 8px 0;
	vertical-align:middle;
}
.share_article ul li {
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  list-style: outside none none;
  margin: 0 2px;
  text-align: center;
  transition-duration:0.3s;
 	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	    -ms-transition-duration:0.3s;
  vertical-align: middle;
  width: 26px;
}
.share_article ul li a {
	display:block;
	font-size:15px;
}
.share_article ul li a .fa {
	margin:0px auto;
}
.share_article ul li:hover a {
	color:#fff;
}



/*--------------------
	15.2. Comment-List
----------------------------*/
.articale_comments {
	margin:0 auto 130px;
}
.block-head {
  border-bottom: 1px solid #cecece;
  display: inline-block;
  padding-bottom: 10px;
  padding-right: 60px;
  position: relative;
}
.block-head::after {
  background: #cecece none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 50px;
}
.commentlist {
  margin: 0 0 30px;
  padding: 0;
}
.commentlist li {
  list-style: outside none none;
  padding: 30px 0;
}
.commentlist li.comment {
	 border-bottom: 1px solid #cecece;
}
.comment-author img {
  float: left;
}
.commentlist li img.avatar {
  border: medium none;
  border-radius: 50%;
  float: left;
  height: 84px;
  margin-bottom: 30px;
  margin-right: 25px;
  position: relative;
  width: 84px;
}
.comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6, .comment-body table, .comment-body ul, .comment-body ol, .comment-body blockquote, .comment-body dl, .comment-body address, .comment-body pre, .comment-body p, .comment-body .reply {
  margin-left: 110px;
}
.comment-body p {
  display: block;
  margin-bottom: 15px;
  padding-bottom: 0;
}
.comment-meta.commentmetadata {
	margin-bottom:8px;
}
.comment-meta.commentmetadata, .comment-meta.commentmetadata a {
  color: #b7b7b7;
  font-size: 13px;
}
.comment-author .fn {
  color: #111;
  font-weight: 900;
}
.comment ul.children {
  padding-left: 110px;
}
.comment ul.children li.comment {
  border-bottom: 0 none;
  border-top: 1px solid #cecece;
  margin-top: 30px;
  padding-bottom: 0;
}
.comment-form {
	margin:40px 0;
}


/*---------------------------
	15.3. Page-Pagination
--------------------------------*/
.pagination {
	display:block;
	text-align:center;
}
.pagination ul {
	padding:0px;
	margin:0px;
}
.pagination ul li {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  list-style: outside none none;
  margin: 0 2px;
  text-align: center;
  vertical-align: middle;
  width: 32px;
}
.pagination ul li a {
  display:block;
  color:#555;
}
.pagination ul li.current, .pagination ul li:hover a {
	color:#fff;	
}



/*--------------------------
	15.4. Side-Bar-Widgets
-------------------------------------*/
.sidebar_widget {
  border: 1px solid #e6e6e6;
  margin: 0 auto 40px;
  padding: 20px 16px 30px;
  position: relative;
}
.widget_heading {
  margin-bottom:26px;
}
.widget_heading i {
	margin:0 5px 0 0;	
}
.search_btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  font-size: 16px;
  padding: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
   -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
}
.blog_search {
  position: relative;
  margin-bottom:20px;
}
.blog_search input {
	padding-right:50px;	
}



/*-------------------------
	15.5. Popular-Posts
---------------------------------*/
.popular_post ul {
  margin: 0;
  padding: 0;
}
.popular_post ul li {
  list-style: outside none none;
  margin: 0 auto 20px;
  overflow: hidden;
}
.popular_post ul li a {
  display: block;
}
.popular_post_img {
  float: left;
  width: 34%;
  overflow:hidden;
}
.popular_post_img img {
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	    -ms-transition-duration:0.3s;
	transform:scale(1);
	 -moz-transform:scale(1);
	  -o-transform:scale(1);
	   -webkit-transform:scale(1);
	    -ms-transform:scale(1);
	width: 100%;
}
.popular_post_img:hover img {
	transform:scale(1.1);
	 -moz-transform:scale(1.1);
	  -o-transform:scale(1.1);
	   -webkit-transform:scale(1.1);
	    -ms-transform:scale(1.1);
}
.popular_post_title {
  float: right;
  width: 61%;
}
.popular_post_title a {
  color: #111;
  font-weight: 700;
  line-height: 22px;
}


/*--------------------------
	15.6. Blog-Categories
---------------------------------*/
.categories_list ul {
	padding:0px;
	margin:0px;
}
.categories_list ul li {
	list-style:none;
	padding:5px;
}
.categories_list ul li a {
  color: #555;
  display: inline-block;
  font-size: 15px;
  padding-left: 15px;
  position: relative;
}
.categories_list ul li a::after {
  content: "\f0da";
  font-family: fontawesome;
  left: 0;
  position: absolute;
  top: 0;
}


/*--------------------
	15.7. Blog-Tag
----------------------------*/
.tag_list ul {
  margin: 0;
  padding: 0;
}
.tag_list ul li {
  display: inline-block;
  margin: 0 2px 10px 0;
  vertical-align: top;
}
.tag_list ul li a {
  border: 1px solid #d6d3d3;
  border-radius: 30px;
  color: #555;
  display: block;
  font-size: 14px;
  line-height: 28px;
  padding: 0 16px;
}
.tag_list ul li a:hover {
  color:#fff;
}


/*==========================
	16. Profile-page
================================*/
.profile_page {
	background-image:url(../images/profile-page-header-img.jpg);
}
.inner_pages {
	padding:80px 0;
}
.user_profile_info {
	margin:0 auto 45px;	
	max-width:660px;
	overflow:hidden;
}
.upload_user_logo {
  float: left;
  position: relative;
  width: 28%;
}
.upload_newlogo {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url("../images/change_logo.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.upload_newlogo input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  box-shadow: none;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  left: 0;
  max-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.upload_user_logo img {
	max-width:100%;
}
.dealer_info {
	float:right;
	width:66%;
	padding:10px 0;
}
.profile_wrap {
  padding: 16px 5px;
}
.profile_nav {
  border-right: 1px solid #c5c5c5;
  padding: 20px;
  text-align: right;
}
.profile_nav ul {
	padding:0px;
	margin:0px;
}
.profile_nav ul li {
	list-style:none;
}
.profile_nav ul li a {
	color:#555;
	font-size:15px;
	font-weight:900;
}


.profile_wrap form {
	padding:20px 0;
}
.profile_wrap form .form-group {
	padding:0 25px;
}
.profile_wrap form .control-label {
	color:#111;
}
.field-title {
  border-left: 3px solid #cecece;
  margin: 40px 0 25px;
  padding: 12px 13px 12px 28px;
}
.field-title h6 {
	font-size:17px;
	margin:0px;
	text-decoration:underline;
}


/*--------------------------
	16.1. Post-a-vehicle
-------------------------------*/
.vehicle_accessories, .vehicle_type {
	clear:both;
	margin:0 auto 30px;
	display:table;
	width:100%;	
}
.accessories_list {
	margin-top:10px !important;
	clear:left;
}

@media (min-width:991px) {
.accessories_list:nth-child(2n) {
	clear:right;		
}

}
.vehicle_type .radio label::before {
	height:24px;
	width:24px;
	border:#000 solid 1px;
}
.vehicle_type .radio input[type="radio"]:checked + label::before {
  font-size: 35px;
  line-height: 15px;
}
.vehicle_type .radio label {
  font-size: 18px;
  font-weight: 700;
  padding-left: 34px;
  color:#111;
  line-height:32px;
}
.vehicle_images {
	display:table;
	width:100%;
}
.vehicle_images > div {
  float: left;
  height: 95px;
  margin: 0 10px 10px 0;
  width: 150px;
}	
.vehicle_images img {
	max-width:100%;
}
.upload_more_img {
	position:relative;
	border:#eee solid 1px;
}
.upload_more_img:after {
  background-image: url("../images/addmore_img.png");
  background-position: center center;
  background-repeat: no-repeat;
  content:"";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index:-1;
}
.upload_more_img input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  box-shadow: none;
  cursor: pointer;
  font-size: 0;
  height: 100%;
  left: 0;
  max-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}


/*--------------
	16.2. my-vehicles
-------------------------*/

.my-booking-container {
	padding:0px;
	margin:0 0 50px;
}
.mybooking-container-item {
	list-style:none;
	border-bottom:#e6e6e6 solid 1px;
	padding:14px 0 22px;
	overflow:hidden;
  position:relative;
  background: #fff none repeat scroll 0 0;   
  box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 2px 4px 0 rgb(19 26 31 / 22%);
  padding: 15px;
  border-radius: 0.6rem;
}



.vehicle_img {
  float: left;
  margin-right: 22px;
  width: 22%;
}
.vehicle_img img {
	max-width:100%;
}
/* .my_vehicles_list ul.vehicle_listing li a { */
	/* color:#111; */
/* } */
.vehicle_title {
  float: left;
  padding: 12px 0;
  width: 40%;
}

.ca-label {
  font-size: 12px;
    margin-bottom: 16px;
    font-weight: 900;
}
.vehicle_status {
  float: right;
  text-align: right;
  width: 25%;
}

.vehicle_status_form {
  float: right;
  text-align: right;
  padding-top: 30px;
  /* width: 25%; */
}

.vehicle_status a i {
	margin:10px 0 0 8px;
	color:#555;
	font-size:18px
}
.deactive_vehicle {
  opacity: 0.3;
}
.deactive_vehicle:after {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	content:"";
	border-bottom:#909090 solid 1px;
}
.my_vehicles_list ul.vehicle_listing li .btn:hover {
	color:#fff;
}

/*==========================
	17. Dealer-profile
================================*/

.dealer_logo {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  float: left;
  padding: 24px;
  text-align: center;
}
.dealer_logo img {
	max-width:100%;
}
.dealer_profile .dealer_info {
  padding: 25px 0;
  width: 100%;
}
.dealer_social_links {
	padding:0px;
	margin:20px 0 0;
}
.dealer_social_links li {
	list-style:none;
	float:left;
	margin:10px 15px 10px 0;
}
.dealer_social_links li a {
	font-size:26px;	
}
.dealer_social_links li a i {
	margin:0px;
}
.facebook-icon a, .facebook-icon a:hover {
	color:#3a5898;	
}
.twitter-icon a, .twitter-icon a:hover {
	color:#54acec;	
}
.linkedin-icon a, .twitter-icon a:hover {
	color:#0777b6;	
}
.google-plus-icon a, .google-plus-icon a:hover {
	color:#dd4a3a;	
}
.dealer_contact_info {
	padding:12px 18px;
	margin:0 auto 10px;	
}
.dealer_contact_info h6 {
	font-size:13px;
	color:#a1a1a1;
	margin:0 auto 1px;	
}
.dealer_contact_info a {
  color: #111111;
  font-size: 16px;
  font-weight: 300;
}
.dealer_map {
	margin:30px 0;
}
.dealer_map iframe {
	height:450px;
}
.dealer_listings {
	padding:40px 0 10px	;
}
.comment_form {
	margin:50px 0 30px;
}
.info_title {
	padding:12px 25px;
}



/*==========================
	18. Dealers-list
================================*/
.dealers_list_wrap {
	margin:0 auto 50px;
}
.dealers_listing {
  border-bottom: 1px solid #e7e7e7;
  padding: 0 0px 20px;
  margin:0 auto 20px;
}
.dealers_listing .dealer_logo {
  padding: 12px;
  width: 100%;
}
.dealers_listing .dealer_info {
  width:100%;
}
.dealers_listing .dealer_info h5 a {
	color:#111;	
}
.view_profile {
	padding:12px 0;
	text-align:right;	
}
.view_profile p {
	margin:10px 0;
	font-size:18px;
}



/*==========================
	19. Compare-Page
================================*/
.compare_page {
	background-image:url(../images/compare-page-header-img.jpg);
}
.compare_info table td, .compare_info table th {
	font-size:16px;
	color:#111;	
	width:25%;
}
.inventory_info_list {
  margin-bottom: 10px;
  overflow: hidden;
}
.inventory_info_list ul {
	padding:0px;
	margin:0px;
}
.inventory_info_list ul li, .listing_heading div {
	width:25%;
	float:left;
	list-style:none;
}
.compare_product_title li {
	margin:0px;
}
.listing_heading div {
	background:#eeeeee;
	padding:18px;
	border:1px solid #cccccc;
	text-transform:uppercase;
	font-weight:900;
	color:#111;
	font-size:16px;	
}
.inventory_info_list ul li div {
	font-size:16px;
	color:#111;	
	padding:18px 50px;
	border:1px solid #cccccc;
	margin-top:-1px;
}
.inventory_info_list ul li.info_heading div {
	text-align:right;	
}
.compare_info table td:first-child {
	text-align:right;
}
.compare_info table td {
	padding-left:50px;
	padding-right:50px;	
}
.compare_product_title {
	margin:0 auto 15px;
}
.compare_product_title table {
	margin:0px;
	border:0px;
}
.compare_product_title table td, .compare_product_title table th, .compare_product_title li {
  border: 0 none;
  font-size: 20px;
  font-weight: 300;
  padding: 25px 30px;
  position: relative;
  text-align: center;
}
.compare_product_title li.listing_heading {
	text-align:right;
	color:#111;
}
.compare_product_title .price {
	margin:5px 0 0;
	font-weight:300;
	font-size:18px;
}
.vs {
  border-radius: 50%;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  position: absolute;
  right: -15px;
  text-align: center;
  top: 50%;
  width: 32px;
  transform:translateY(-50%);
   -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
     -webkit-transform:translateY(-50%);
     -md-transform:translateY(-50%)
} 
.td_divider {
  display: block;
  height: 70%;
  position: absolute;
  right: 0;
  top: 15%;
  width: 3px;
}
.td_divider:after {
	position:absolute;
	right:-20px;
	border-style:solid;
	border-width:10px;
	content:"";
	top:50%;
	transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	  -o-transform:translateY(-50%);
	   -webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
}
.compare_product_title a {
	color:#111;	
}
.compare_info .compare_product_img td, .compare_info .compare_product_img th {
	padding:0 16px;
	border:0px;
}
.compare_info .compare_product_img table {
	margin:0 auto 15px;
}
.compare_info .compare_product_img .search_other_inventory {
  color: #ffffff;
  cursor: pointer;
  font-size: 28px;
  font-weight: 300;
  padding: 38px 30px;
  text-align: left;
  line-height:30px;
}
.compare_product_img img {
	max-width:100%;
}
.compare_product_img li {
	padding:0 15px;
	margin:0px;
}
.search_other_inventory i {
  float: left;
  font-size: 85px;
  text-shadow: 0 0 1px #ffffff;
  vertical-align: middle;
  margin-right:20px;
}



/*==========================
	20. Coming-Soon-Page
================================*/
.coming_soon_bg {
	background-image:url(../images/coming_soon_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	height:100%;
	width:100%;
}
.coming_soon_wrap .default-header {
	padding:20px 0;
}
.coming_soon_wrap h1 {
	font-size:60px;
}
.coming_soon_wrap h3 {
	font-size:26px;
	line-height:35px;
}
.coming_soon_content {
	padding:200px 0 80px;	
}
.coming_soon_content img {
	max-width:100%;
}
.send_msg {
	text-align:right;
}
.timer_countdown {
	margin:50px auto;	
}
.countdown-amount:after {
	content:"";
	height:100%;
	width:1px;
	background:#444445;
	position:absolute;
	top:0px;
	right:-15px;
}
.countdown-amount:last-child:after {
	margin:0px;
	width:0px;
}
.countdown-amount:last-child {
	margin:0px;
}
.countdown-period {
	display:block;
	font-size:18px;
	line-height:1;
	text-align:center;
	font-weight:400;
	margin-top:3px;
	text-transform:capitalize;
}
.countdown-amount {
	color:#fff;
	font-size:43px;
	font-weight:900;
	display:inline-block;
	list-style:outside none none;
	margin:0 28px 0px auto;
	padding:20px 0px;
	text-align:center;
	width:auto;
	position:relative;
	line-height:1;
	display:inline-block;
	vertical-align:middle;
}
.coming_soon_wrap footer {
	background:#fff;
	padding:26px 0;
	margin-bottom:10px;
}
.coming_soon_wrap footer .copy-right {
	color:#111;
}
.coming_soon_wrap .social-follow.footer-social a {
  background: #191919 none repeat scroll 0 0;
}
#contact_form_popup .modal-dialog {
	max-width:450px;
}
#contact_form_popup .modal-content {
	padding:18px;
	border-radius:0px;
}
#contact_form_popup .modal-header {
	border:0px;
	padding-bottom:0px;
}
.coming_soon_wrap .footer_widget {
	float:right;
}
.coming_soon_wrap .footer_widget ul li a {
	color:#555;	
}


@media (min-width:480px) and (max-width:767px) {
    .car-info-box img, .featured-car-img img {
      max-width: 35%;
    }
    .product-listing-img img {
      margin: auto;
    }
}

/*=============================
	21. Responsive CSS
=====================================*/

@media (max-width:767px) {

.notshowmobile {
   display : none;
}
  

.homepage-service-header h1{
  font-size: 30px;
}
   

.header_widgets, header .social-follow {
  display:none;
}
.navbar-header {
	display:inline-block;
	margin:0 !important;
}
#menu_slide {
  background-color: black;
	margin:0px;
}
.default-header {
  padding: 20px 0;
}
#navigation .nav.navbar-nav {
  float: none;
  margin:0px;
}
#navigation .nav.navbar-nav li {
  border-bottom: 1px solid black;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
  margin: 0;
  padding: 0;
}
#navigation.collapse.navbar-collapse {
  float: none;
}
#search_toggle {
	display:block;
}
#header-search-form {
  display: none;
  position: absolute;
  right: 0;
  top: 134%;
  z-index: 1;
}
#header-search-form:after {
	display:block;
}
.contact-info p {
  font-size: 0;
}	
.contact-info p .fa {
  font-size: 14px
}
.section-padding {
  padding: 80px 0;
}
.page-heading h2, .page-heading h1, h2 {
  font-size: 36px;
}
h3 {
  font-size: 26px;
}
.full_width_img {
	overflow:hidden;
}
.full_width_img img {
  width: auto;
}
.review-section-header p {
  font-size: 16px;
}

.section-header p {
  font-size: 16px;
}
.coustom-breadcrumb {
  padding: 0 10px;
}
.coustom-breadcrumb li {
  font-size: 11px;
  line-height: 35px;
}
.about_content h3 {
  margin-top: 0;
}
.fun-facts-m {
  margin: 10px auto;
}
.team_member {
  margin-bottom: 40px;
}
.team_more_info ul li a {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  width: 25px;
}
.brand-section {
  padding: 15px 0 35px;
}
.brand-hadding {
  border-bottom:1px solid #bbbbbb;
  border-right:0px;
  float: none;
  margin: 0 auto 30px;
  padding: 0;
  width: 100%;
}
.brand-hadding:after {
	display:none;
}
.brand-logo-list {
  float: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.footer-top {
  padding: 40px 0;
}
.footer-top h6 {
  margin-bottom: 20px;
  margin-top: 50px;
}
.footer-bottom div {
	text-align:left !important;
}
.footer-bottom .footer_widget {
	margin:0 30px 0 0;
}
.copy-right {
  font-size: 14px;
}
.back-top {
  right: 10px;
}
.back-top a {
  height: 30px;
  line-height: 26px;
  width: 30px;
}
.contact_form {
  margin-bottom: 60px;
}
.contact_detail li {
  padding: 0;
}
.error_text_m {
  margin-bottom: 50px;
  padding: 0;
  position: relative;
}
.error_text_m h2 {
  font-size: 150px;
}
.background_icon i {
  color: #e7e7e7;
  font-size: 278px;
  line-height: 170px;
  vertical-align: top;
}
.background_icon {
	text-align:center;
}
.error_icon i {
  font-size: 80px;
}
.error_icon {
  padding-right: 20px;
  text-align: right;
}
.error_msg_div {
  padding-top: 0;
}
.error_msg_div .btn {
	margin:10px auto ;
}
.error_msg_div h3, .error_msg_div h3 span {
  font-size: 40px;
}
.video_box iframe {
  border: 0 none;
  height: 250px;
  width: 100%;
}
.article_full_info .articale_header h2 {
	font-size:30px;	
}
.article_full_info .article_meta {
  padding: 6px 15px;
}
.article_meta ul li {
  font-size: 13px;
  margin: 0 15px 3px 0;
}
.article_img {
  margin: 0 auto 15px;
  min-height: 180px;
  overflow: hidden;
  position: relative;
}
.article_full_info .article_img { 
	min-height:inherit;
}
.article_info p {
  font-size: 16px;
  line-height: 26px;
  margin: 0 auto 20px;
}
.article_tag {
  padding: 15px;
}
.share_article {
  margin-top: 20px;
  text-align: left;
}
.commentlist li img.avatar {
  height: 50px;
  margin-right: 15px;
  width: 50px;
}
.comment-body h1, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6, .comment-body table, .comment-body ul, .comment-body ol, .comment-body blockquote, .comment-body dl, .comment-body address, .comment-body pre, .comment-body p, .comment-body .reply {
  margin-left: 70px;
}
.comment-body p {
  font-size: 14px;
  line-height: 23px;
}
.comment ul.children {
  padding-left: 60px;
}
.comment-respond {
  margin-bottom: 100px;
}
.popular_post ul li {
  display: inline-block;
  margin: 0 auto 20px;
  padding: 0 9px 0 0;
  vertical-align: top;
  width: 49%;
}
.article_full_info ul, .article_full_info ol {
	padding-left:10px;	
}
.article_full_info ul li i, .article_full_info ol li i {
  margin: 0 3px 0 0;
}
.article_tag ul, .article_tag ol {
	padding:0px;
}
.articale_header {
  position: relative;
}
.article_img:hover img {
  transform: scale(1);
}
.articale_header h2 {
  font-size: 26px;
}
.services_image {
  margin-bottom: 25px;
}
.footer-bottom .footer_widget {
	display:block;
	margin:0 auto 10px;	
}
.login_btn .btn.btn-xs {
  margin-top: 8px;
}
.navbar-nav > li > .dropdown-menu {
	margin:0 20px;
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
	padding:15px 5px;
}
#navigation .nav.navbar-nav .dropdown-menu li:last-child {
	border:0px;
}
.navbar-default .navbar-collapse {
  border: 0 none;
  margin-top: 10px !important;
}
.user_login, .header_search {
	padding:0px;
	margin:0 0 0 5px;
}
#navigation_bar.navbar {
	min-height:inherit;
	padding:15px 0 10px;
}
.modal-dialog {
  margin: 20px auto;
  width: 90%;
}
.mid_divider {
	display:none;
}
.modal .gray_text {
  margin-top: 50px;
}
.modal-content {
  max-height: 600px;
  overflow: auto;
  padding: 0 20px 22px;
}
.modal-footer {
	padding:15px 0;
}
.dealer_info {
  padding: 0;
  width:59%;
}
.view_profile p {
  display: inline;
  font-size: 15px;
  margin: 10px 0 0 8px;
}
.comment_form {
  margin: 50px 0 110px;
}
.dealer_logo {
  margin-bottom: 20px;
  padding: 8px;
}
.dealer_profile .dealer_info {
  padding: 0;
}
.dealer_social_links {
  margin: 0;
}
.dealer_social_links li {
  margin: 0 15px 20px 0;
}
.recent_addedcars {
  overflow: hidden;
}
.recent_addedcars ul li {
	width:50%;
	float:left;
}
.product-listing-img, .product-listing-content {
	float:none;
	width:100%;
}
/* .product-listing-img img {
	width:100%;
} */

.home-recent-car-list {
  margin-top: 40px;
}	


.reviews-section-padding {
  padding: 12px 0;  
}


#cartItems .cart-listing-m .cart-listing-img {
  display: flex;
   justify-content: center;
  width: 100%;
  /* float:none; */
  /* background: royalblue; */
}


/* #cartItems .cart-listing-m .cart-listing-img .cart-listing-content {
	float:none;
	width:100%;
} */

#cartItems .cart-listing-m .cart-listing-content h5 {
  margin-top: 10px;
  margin-bottom: 2px;
  text-align: center;
}

#cartItems .cart-listing-m .cart-listing-content .list-price {
  margin: 0px;
  font-size:12px;
  text-align: center;
}

#cartItems .cart-listing-m .cart-listing-content .checkout-readfaq {
  margin: 0px;
  font-size:12px;
  color: black;
  text-align: center;
}

#cartItems .cart-listing-m .cart-listing-content .booking-summary-button {
  float: none;
  display: block;
   justify-content: center;
   padding: 4px 25px;
   margin-top: 16px;;
   /* border-radius: 11px; */
}


.product-listing-content {
	padding:15px;
}

.product-listing-content .booking-summary-button {
  /* clear: both; */
   margin-top: 9px;
   float: none;
   display: block;
    justify-content: center;
   /* display: block;
   margin-left: auto;
   margin-right: auto; */
   /* text-align: center; */
   /* padding: 12px 56px; */
   /* float: right; */
   /* border-radius: 70px; */

   /* display: block;
   margin: auto; */
}


.product-listing-content h5 {
  margin-bottom: 2px;
  text-align: center;
}
.product-listing-content .list-price {
  margin: 4px;
  text-align: center;
}

.pagination {
	margin-bottom:100px;
}
.profile_nav {
  border-bottom: 1px solid #c5c5c5;
  border-right: medium none;
  text-align:left;
  padding:20px 0;
}
.profile_nav ul li {
  display: inline-block;
  margin: 0 15px 0 0;
}
.user_profile_info {
	padding:15px;
	max-width:inherit;
}
.upload_user_logo {
  width: 160px;
}
.profile_wrap form .form-group {
  padding: 0 15px;
}
.testimonial-img {
  float: none;
  left: inherit;
  margin: 0 auto;
  position: relative;
  top: 0;
}
.testimonial-content {
  float: none;
  margin: -60px auto 0;
  max-width: 480px;
  padding: 72px 7px 7px;
  width: 100%;
}
.testimonial-heading {
  padding-left: 80px;
}
.testimonial-heading::after {
  font-size: 70px;
}
.testimonial-content > p {
  padding-left: 0;
}
.listing_detail_head .price_info {
	text-align:left;
}
.listing_detail_head .price_info p {
  margin: 20px 0 0;
}
.listing_detail_head {
  margin-bottom: 30px;
}
.listing-detail {
  padding: 60px 0;
}

.listing_detail_wrap .tab-content {
  padding: 15px;
}
.listing_detail_wrap .table-responsive {
	border:0px;
}
.listing_detail_wrap .nav-tabs > li a {
  font-size: 16px;
  line-height: 50px;
  padding: 0 10px;
}
.main_features ul li {
  margin: 0 17px 10px 0;
}
#other_info {
	display:block;
}
#info_toggle {
	display:none;
}
.col-list-3 {
	width:100%;
}
.col-list-2 {
	width:100%;
}
/* Search page auto video configs */
.col-list-3 .search_page_video {
  padding-top: 41px;
  /* height: 291px; */
}

.car-info-box img, .featured-car-img img {
  max-width: 35%;
  margin: auto;
  /* margin: 12px 0px 12px 0px; */
  /* height: 75px; */
}
.blog-info-box img {
	width:100%;
}
.blog-list {
	margin:0 auto 60px;
}
/* .banner-section::after {
	height:100%;
} */
.banner-section {
  padding: 150px 0;
}
.banner_content {
  /* padding-left: 0; */
}
.looking-car {
  padding: 30px;
  width: auto;
  margin:0 auto 40px;
}
.looking-cat-image {
  max-width: 350px;
  position: relative;
  right: 0;
  top: 0;
}
.looking-car-content {
	width:100%;
}
.car-info-box ul {
  padding: 0 5px;
}
.compare_info {
  overflow: scroll;
}
.compare_product_img, .compare_product_title, .compare_product_info {
  width: 1140px;
}
.compare_info h4 {
  font-weight: 400;
  line-height: 28px;
}
.coming_soon_wrap .btn {
  font-size: 14px;
  font-weight: 700;
  padding: 5px 18px;
}
.coming_soon_wrap .btn .angle_arrow {
	display:none;
}
.coming_soon_wrap .footer_widget, .coming_soon_wrap .footer_widget ul {
  float: none;
  margin: 0;
}
.coming_soon_wrap .footer_widget ul li a {
	margin:0 8px 0 0;
}
.about_info, .featured-car-list {
  margin: 0 auto 30px;
}
.fact_m, .our_services {
  margin: 0 5%;
}
.vc_row {
  display: block;
  flex-wrap: inherit;
}
#help h2 {
	line-height:40px;
	font-weight:700;
	font-size:28px;
}
.blog-info-box li {
	line-height:30px;
}
.fact_m ul li i {
	font-size:36px;
}
.fact_m ul li p {
	display:flex;
	line-height:22px;
}
.banner_text h1 {
	font-size:40px;
}
#filter_form2 {
  margin: 0 -15px;
}
.services_info p {
  display: flex;
}
.header_style2 .navbar-header {
	display:block;
}
.header_style2 .logo {
  margin: 0;
}
.header_style2 #menu_slide {
  margin: 5px 0;
}
.header_style2 .header_wrap {
  background: #111111 none repeat scroll 0 0;
  float: none;
  margin: 13px -15px 0;
  padding: 0 15px;
  text-align: left;
}
.header_style2 #navigation_bar {
	padding:15px 0 0;
}
.header_style2 .user_login {
  border: 0 none;
  display: inline-block;
  float: none;
  margin: 9px 0;
  vertical-align: middle;
}
.header_style2 .login_btn {
  float: right;
  margin: 10px 0;
  vertical-align: middle;
}
.header_style2 .login_btn .btn.btn-xs {
	margin:0;
}
.header_style2 .user_login i {
  color: #fff;
}
.header_style2 .navbar-default .navbar-nav > li > a {
  display: block;
  padding: 15px;
}
.header_style2 .navbar-nav > li, .header_style2 .navbar-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  display: block;
  text-align: left;
}
.header_style2 .navbar-default .navbar-nav li:hover .dropdown-menu li a {
  color: #111;
}
.header_style2 .navbar-nav > li > .dropdown-menu a:hover, 
.header_style2 .navbar-default .navbar-nav li:hover .dropdown-menu li a:hover, 
.header_style2 .dropdown-menu > .active > a, 
.header_style2 .dropdown-menu > .active > a:focus, 
.header_style2 .dropdown-menu > .active > a:hover, 
.header_style2 .dropdown-menu > li > a:focus, 
.header_style2 .dropdown-menu > li > a:hover {
  background: #fff none repeat scroll 0 0;
}
#banner2 .carousel-caption {
  left: 10%;
  right: 10%;
}
.carousel-control .icon-next, .carousel-control .icon-prev {
  line-height: 16px;
}
 #banner2 h1 {
  font-size:26px;
}
#banner2 h3 {
  font-size:18px;
}


/* Search container code starts */

.searchbutton {
  padding: 1px;
  height: 30px;
  font-size: 13px;
}

.searchcontainerheading {
  font-size: 20px;
}

.p1searchcontainer #picker1 {
     color: #111111;
     /* height: 20px; */
     height: 40px;
     font-size: 14px;
     padding: 1px 1px 1px 1px;
     /* font-size: large; */
     background-color: rgba(0, 0, 0, 0);;
}

.p2searchcontainer #picker2 {
    /* position: relative; */
    color: #111111;
    /* height: 20px; */
    height: 40px;
    font-size: 14px;
    padding: 1px 1px 1px 1px;
    /* font-size: large; */
    background-color: rgba(0, 0, 0, 0);
}

.p3searchcontainer #picker3 {
  /* position: relative; */
  color: #111111;
  /* height: 20px; */
  height: 26px;
  line-height: 24px;

  font-size: 14px;
  padding: 1px 1px 1px 1px;
  /* font-size: large; */
  background-color: rgba(0, 0, 0, 0);
}

.p3searchcontainer #picker4 {
  /* position: relative; */
  color: #111111;
  /* height: 20px; */
  height: 26px;
  line-height: 24px;

  font-size: 14px;
  padding: 1px 1px 1px 1px;
  /* font-size: large; */
  background-color: rgba(0, 0, 0, 0);
}

.picker1-label-m {
  font-size: 8px;
  top: -2px;
}

.picker2-label-m { 
  top: -2px;
  font-size: 8px;
}

.filterandsorthideandshow {
  display: table;
}

.locationbox select {
  font-size: 14px;
  height: 40px;
  padding: 1px 1px 1px 1px;
}

.usedbike-container .form-control {
  /* display: none; */
  width: 100%;
  margin: 10px 0;  
}

.btn .btn-usedbike {
  width: 100%;
  margin: 10px 0;
}


}

@media (max-width:400px) {

  .searchbutton {
    padding: 1px;
    height: 30px;
    font-size: 11px;
  }
  
  .searchcontainerheading {
    font-size: 20px;
  }
  
  .p1searchcontainer #picker1 {
       /* height: 20px; */
       height: 40px;
       font-size: 11px;
       /* font-size: large; */
   
  }
  
  .p2searchcontainer #picker2 {
      /* position: relative; */
      /* height: 20px; */
      height: 40px;
      font-size: 11px;
      /* font-size: large; */
  
  }

  .p3searchcontainer #picker3 {
    height: 26px;
    font-size: 11px;
  }
  
  .p3searchcontainer #picker4 {
    height: 26px;
    font-size: 11px;
  }
  
  
  .locationbox select {
    font-size: 11px;
    height: 30px;
    padding: 1px 1px 1px 1px;
  }
  

}


@media (max-width:480px) {

.sorting-count, .result-sorting-by {
	float:none;
	margin:0 auto 8px;
}
.login_btn .btn.btn-xs {
  font-size: 11px;
  padding: 0 15px;
}
.fun-facts-m {
  height: 130px;
  width: 130px;
}
.fun-facts-m h2 {
  font-size: 26px;
}
.fun-facts-m p {
  font-size: 12px;
  line-height: 14px;
}
.popular_post ul li {
  display: block;
  margin: 0 auto 20px;
  width: 100%;
}
.dealer_info p {
	font-size:14px;
	line-height:24px;	
}
.dealer_info h5 {
  font-size: 18px;
  line-height: 20px;
}
.recent_addedcars ul li {
	width:100%;
	float:none;
}
.car-location {
	float:none;
	margin:20px 0 0;
}
.product-listing-content li {
	width:50%;
}
.upload_user_logo {
  float: none;
  margin-bottom: 15px;
  width: 170px;
}
.user_profile_info .dealer_info {
	float:none;
	width:100%;
}
.vehicle_img {
  width: 40%;
  margin-right:5%;
}
.vehicle_title {
  width: 55%;
}
.vehicle_status {
  clear: both;
  float: none;
  padding-top: 15px;
  text-align: left;
  width: 100%;
}
.vehicle_status_form {
  clear: both;
  float: none;
  padding-top: 15px;
  text-align: left;
  width: 100%;
}
.nav-tabs > li {
	float:none;
}
.recent-tab .nav-tabs > li {
	float:left;	
}
.nav-tabs > li a {
	margin:0px;
}
.col-list-3 {
	width:100%;
}
/* Search page auto video configs */
.col-list-3 .search_page_video {
  padding-top: 41px;
  /* height: 375px; */
}

.col-list-2 {
	width:100%;
}
.car-info-box li {
  font-size: 12px;
  line-height: 40px;
  margin: 0 5px 0 auto;
}
.fact_m ul li {
  margin: 0 auto 20px;
  width: 100%;
}
.carousel-control .icon-next, .carousel-control .icon-prev {
  line-height: 16px;
}
#banner2 h3, #banner2 h1 {
  font-size:16px;
  margin:0 auto 5px;
}
#banner2 .btn {
  font-size: 12px;
  line-height: 24px;
  padding: 4px 26px;
}

#cartItems .cart-listing-m .cart-listing-img {
  width: 100%;
  /* float:none; */
  /* background :orange; */
}

.product-listing-img img {
  width: 100%;
}

.social-panel-container.visible {
  transform: translateX(0px);
}

.floating-btn {
  right: 10px;
}

}



@media (min-width:768px) and (max-width:991px) {
.navbar-nav > li {
  padding: 0 8px;
}
.navbar-default .navbar-nav > li > a {
  padding: 20px 5px;
  font-size:12px;
}
.navbar-default .navbar-nav > li.dropdown > a {
  padding: 20px 30px 20px 5px;
}
.navbar-nav > li > a {
  font-size: 13px;
}
#header-search-form {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
}
.header_search #search_toggle, #header-search-form::after {
	display:block;
}
.header_widgets {
  width: auto;
  margin:0 5px 0 0;
}
.login_btn {
	margin:2px;
}
.login_btn .btn.btn-xs {
	font-size:10px;
	padding:0 15px;
}
.social-follow {
	margin:0px;
}
.social-follow ul li a {
  font-size: 18px;
}
.social-follow ul li a i {
	margin-right:2px;
}
.circle_icon {
  font-size: 12px;
  height: 24px;
  line-height: 22px;
  margin-right: 6px;
  width: 24px;
}
.uppercase_text {
  display:none;
}
.contact-info p {
  font-size: 12px;
}
.section-padding {
  padding: 100px 0;
}
.review-section-header h2 {
  margin-bottom: 30px;
}

.section-header h2 {
  margin-bottom: 30px;
}
.brand-logo-list {
  width: 86%;
}
.footer-bottom div {
	text-align:left !important;
}
.footer-bottom .footer_widget {
	margin:0 30px 0 0;
}
.footer-top h6 {
  margin-bottom: 20px;
  margin-top: 50px;
}
.contact_form {
  margin-bottom: 60px;
}
.background_icon i {
  font-size: 265px;
  line-height: 240px;
}
.error_text_m h2 {
  font-size: 100px;
}
.error_icon i {
  font-size: 80px;
}
.error_icon {
  width: 22%;
}
.error_msg_div h3 {
  font-size: 50px;
}
.error_msg_div h3 span {
  font-size: 30px;
}
.error_msg_div .btn {
  margin-top: 10px;
}
.team_more_info p, .team_more_info p a {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 6px;
}
.team_more_info ul li a {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  width: 22px;
}
.fun-facts-m {
  height: 158px;
  width: 158px;
}
.fun-facts-m h2 {
  font-size: 30px;
}
.fun-facts-m p {
  font-size: 13px;
}
.about_content h3 {
  margin-top: 0;
}
.listing_box h5 {
  margin-bottom: 0;
}
.popular_post ul li {
  display: inline-block;
  margin: 0 auto 20px;
  padding: 0 9px 0 0;
  vertical-align: top;
  width: 49%;
}
.comment-respond {
	margin-bottom:100px;
}
.comment-form {
  margin: 10px 0;
}
.article_meta ul li {
  font-size: 14px;
  margin: 0 15px 10px 0;
}
.articale_header h2 {
  font-size: 28px;
}
.articale_header {
  padding: 15px 30px;
}
.article_full_info .articale_header h2 {
	font-size:40px;	
}
.services_image {
  margin-bottom: 25px;
}
.dealer_logo {
  padding: 14px;
}
.dealer_profile .dealer_info {
  padding: 5px 0;
}
.dealer_social_links {
  margin: 0;
}
.dealer_contact_info {
  margin: 0 auto 5px;
  padding: 12px;
}
.recent_addedcars {
  overflow: hidden;
}
.recent_addedcars ul li {
	width:50%;
	float:left;
}
.pagination {
	margin-bottom:100px;
}
.testimonial-m {
  margin: 0 auto;
  max-width: 580px;
}
.main_features ul li {
  margin: 0 6px 0 0;
  min-height: 103px;
  min-width: 113px;
}
.listing_detail_head .price_info {
	text-align:left;
}
.listing_detail_head .price_info p {
  margin: 20px 0 0;
}
.listing_detail_head {
  margin-bottom: 30px;
}
.listing-detail {
  padding: 60px 0;
}
#other_info {
	display:block;
}
#info_toggle {
	display:none;
}
.listing_other_info button {
  font-size: 14px;
  margin: 0 20px 0 0;
}
.banner_content {
	/* padding:0px; */
}
/* .banner-section::after {
	height:100%;
} */
.banner-section {
  padding: 150px 0;
}
.looking-car {
  padding: 30px;
  width: auto;
}
.looking-cat-image {
  max-width: 350px;
  position: relative;
  right: 0;
  top: 0;
}
.looking-car-content {
  width: 100%;
}
.col-list-3 {
  float: left;
  padding: 0 15px;
  width: 50%;
}
.col-list-2 {
  float: left;
  padding: 0 15px;
  width: 50%;
}
.col-list-3:nth-child(3n+1) {
  clear: inherit;
}
.col-list-2:nth-child(2n+1) {
  clear: inherit;
}
.blog-info-box ul {
  background: #222222 none repeat scroll 0 0;
  padding: 15px;
  position: relative;
}
.blog-info-box li {
  display:block;
  line-height: 30px;
  margin: 0;
}
.compare_info {
  overflow: scroll;
}
.compare_product_img, .compare_product_title, .compare_product_info {
  width: 1140px;
}
.user_login ul li {
  padding: 4px 8px 7px;
}

#banner2 .carousel-caption {
  left: 10%;
  right: 10%;
}
 #banner2 h1 {
  font-size:36px;
   margin-bottom:10px;
}
#banner2 h3 {
  font-size:20px;
  margin-bottom:10px;
}
#filter_form2 {
  margin: -60px 0 -20px;
}
.header_style2 .navbar-header {
  float: none;
}
.header_style2 .navbar-toggle {
  display: block;
  margin: 23px 0;
}
.header_style2 .navbar-collapse.collapse {
  display: none !important;
  float: none !important;
}
.header_style2 .navbar-collapse.collapse.in {
  display: block !important;
}
.header_style2 .header_wrap {
	float:none;
	text-align:left;
	background:#111;
	position:relative;
}
.header_style2 .header_wrap::before {
  background: #111111 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -440px;
  position: absolute;
  top: 0;
  width: 1000%;
}
.header_style2 .user_login {
  display: inline-block;
  float: none;
  margin: 10px 0;
  z-index:1;
  position:relative;
}
.header_style2 .login_btn {
  float: right;
  margin: 10px 0;
  z-index:1;
  position:relative;
}
.header_style2 .user_login i {
	color:#fff;
}

#fun-facts.vc_row, #fun-facts .vc_col {
	display:block;
}
#fun-facts .fact_m {
  display: block;
  margin: 0 auto;
  max-width: 718px;
  overflow: hidden;
  padding: 100px 0;
  width: auto;
}
#fun-facts .section-padding {
	padding:0px;
}
.facts_section_bg {
  height: 400px;
  position: relative;
}
.blog-info-box .share_article ul li {
  height: 25px;
  line-height: 25px;
  width: 25px;
}
.blog-info-box .share_article:hover ul {
  padding: 3px;
}


.home-recent-car-list {
  margin-top: 40px;
}


}



@media (min-width:992px) and (max-width:1200px) {
.navbar-nav > li {
  padding: 0 17px;
}
h5 {
	font-size:17px;
}
.navbar-default .navbar-nav > li > a {
  padding: 20px 5px;
}
.navbar-default .navbar-nav > li.dropdown > a {
  padding: 20px 30px 20px 5px;
}
.social-follow {
  vertical-align: top;
}
.banner_content {
	/* padding:0px; */
}
.looking-cat-image {
  max-width: 240px;
  position: absolute;
  right: -30px;
  top: 70px;
}
.car-info-box ul {
  padding: 0 10px;
}
.car-info-box li {
  font-size: 11px;
  line-height: 40px;
  margin: 0 5px 0 auto;
}
.blog-info-box ul {
  padding: 0 10px;
}
.blog-info-box li {
  font-size: 12px;
  line-height: 40px;
  margin: 0 5px 0 auto;
}
.section-padding {
  padding: 100px 0;
}
.faq_category {
  padding: 40px 20px;
}
.footer-top h4 {
  font-size: 18px;
}
.background_icon i {
  font-size: 428px;
}
.error_msg_div h3 span {
  font-size: 30px;
}
.articale_header h2 {
	font-size:37px;	
}
.article_full_info .article_meta {
  padding: 6px 15px;
}
.article_meta ul li {
  font-size: 14px;
  margin: 4px 14px 4px 0;
}
.article_tag {
  padding: 20px;
}
.article_tag  h6 {
	float:left;
}
.article_tag .tag_list {
	display:block;
}
.article_tag .tag_list li {
  margin-bottom: 6px;
}
.share_article  h6 {
	float:none;
}
.articale_header h2 {
  font-size: 32px;
}
.article_full_info .articale_header h2 {
	font-size:40px;	
}
.grid_listing .product-listing-content {
  padding: 14px 14px 0;
}
.product-listing-content li {
  font-size: 11px;
}
.grid_listing .product-listing-content ul.features_list {
  margin: 16px -10px 0;
  padding: 12px;
}
.grid_listing .product-listing-content {
  padding: 10px 10px 0;
}
.sidebar_widget {
  padding: 20px 14px 20px;
}
.btn {
  padding: 8px 22px;
  border-radius: 11px;
  border: 1px solid transparent;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
}
.sell_car_quote .btn {
  font-size: 14px;
  padding: 4px 15px;
}
.pagination {
  margin-bottom: 100px;
}
.listing_other_info button {
  font-size: 14px;
  margin: 0 30px 0 0;
}
.main_features ul li {
  margin: 0 8px 0 0;
  min-height: 100px;
  min-width: 108px;
  padding: 10px;
}
.share_vehicle {
  padding: 20px 15px;
}
.widget_heading i {
  margin: 0 3px 0 0;
}
.dealer_detail p span {
	font-weight:800;
	width:auto;
}
.dealer_detail p {
  font-size: 13px;
  margin: 0 auto 5px;
}
.listing_heading div {
  font-size: 14px;
  padding: 13px;
}
.inventory_info_list ul li div {
  font-size: 15px;
  padding: 14px 20px;
}
.compare_product_title table td, .compare_product_title table th, .compare_product_title li {
  font-size: 17px;
  padding: 20px;
}
.compare_info .compare_product_img .search_other_inventory {
  font-size: 23px;
  padding: 20px;
}
.fact_m ul li {
  min-height: 160px;
}
.fact_m ul li i {
  font-size: 44px;
}
.fact_m ul li p {
  display: flex;
  line-height: 20px;
}
.testimonial_wrap {
  padding: 40px 20px;
}



}


/* Css for divider */

.row-divider{
  width:100%;
  height:80vh;
  padding:0;
  margin:0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position:relative;
}

.svg-separator{
  display: block;
  background: 0 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
  -webkit-transform: translateY(-100%) translateY(2px);
  transform: translateY(-100%) translateY(2px);
  width: 100%;
}
.svg-separator.bottom{
  top: auto;
  bottom: 0;
}

.sep2 {
  transform: translateY(-100%) translateY(2px) scale(1,1);
  transform-origin: top;
}


.sep3 {
  transform: translateY(-100%) translateY(2px) scale(1,1);
  transform-origin: top;
}

.sep4 {
  transform: translateY(-100%) translateY(2px) scale(1,1);
  transform-origin: top;
}

.green{background-color:#03a678;}
.green2{background-color:#1bbc9b;}

.black{background-color: black;}
.darkgreen{background-color:#006400;}


.skyblue{background-color:#7ab3a7;}

.red{background-color:#d24d57;}
.light-grey{background-color:#ecf0f1;}
.light-grey2{background-color:#ecf0f1;}
.dark-blue{background-color:#22313f;}


.grey-blue-1{background-image:linear-gradient( #d6e2d6, #d6e2d6);}
.grey-blue-2{background-image:linear-gradient(#d6e2d6, #d6e2d6  );}


.black{background-color:#333;}
.stupid-blue{background-color:rgb(236, 240, 241)}


/* * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background: #D0EAFC;
} */

/* h1 {
  font-family: "droid sans";
  position: absolute;
  left: 50%;
  top: 100px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
} */

.bike-container {
  position: relative;
  top: 38%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 220px;
  height: 125px;
  color: black;
  font-family: "droid Sans", sans-serif;
}

.bike-body {
  width: 250px;
  height: 108px;
  position: relative;
  left: -20px;
  top: 3px;
}
.bike-body .seat {
  width: 30px;
  height: 30px;
  background: radial-gradient(circle at right top, rgba(248, 80, 50, 0) 0%, rgba(241, 111, 92, 0) 50%, rgba(246, 41, 12, 0) 51%, rgba(242, 45, 19, 0) 64%, #434b59 65%, #434b59 71%, #434b59 100%);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotateZ(-40deg);
          transform: rotateZ(-40deg);
  position: absolute;
  top: 64px;
  left: 65px;
}
.bike-body .seat:before {
  content: "";
  display: block;
  width: 9px;
  height: 35px;
  position: relative;
  top: -2px;
  left: -4px;
  background: #434B59;
  border-radius: 5px;
}
.bike-body .seat:after {
  content: "";
  display: block;
  width: 35px;
  height: 9px;
  position: relative;
  top: -10px;
  left: -4px;
  background: #434B59;
  border-radius: 5px;
}
.bike-body .cover {
  width: 75px;
  height: 30px;
  background: #F4492C;
  position: absolute;
  top: 55px;
  left: 105px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-radius: 110px 20px 15px 5px/50px 20px 20px 5px;
  z-index: 11;
  box-shadow: inset -5px -2px 0px 2px rgba(0, 0, 0, 0.2);
}
.bike-body .lamp {
  width: 25px;
  height: 25px;
  background: -webkit-gradient(linear, left top, right top, color-stop(65%, #434b59), color-stop(35%, #FFDD4D));
  background: linear-gradient(90deg, #434b59 65%, #FFDD4D 35%);
  border-radius: 70px 60px 60px 50px/40px 60px 60px 15px;
  position: relative;
  top: 60px;
  right: -185px;
}
.bike-body .motor {
  width: 75px;
  height: 45px;
  position: absolute;
  left: 90px;
  top: 90px;
}
.bike-body .motor .part-1 {
  width: 35px;
  height: 45px;
  display: inline-block;
}
.bike-body .motor .part-1 .part-1-top {
  width: 40px;
  height: 20px;
  background: linear-gradient(135deg, transparent 10px, #F5492C 0);
  border-radius: 0px 5px 5px 5px;
  box-shadow: inset -2px -2px 0px 1px rgba(0, 0, 0, 0.2);
}
.bike-body .motor .part-1 .part-1-bottom {
  width: 35px;
  height: 17px;
  background: #829399;
  position: relative;
  top: 5px;
  border-radius: 5px;
}
.bike-body .motor .part-1 .part-1-bottom:after {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #829399;
  border: 3px solid #A2B1B7;
  position: relative;
  left: 13px;
  top: -3px;
}
.bike-body .motor .part-2 {
  width: 30px;
  height: 45px;
  display: inline-block;
  -webkit-animation: shake 0.1s infinite;
          animation: shake 0.1s infinite;
}
.bike-body .motor .part-2 .part-2-base {
  width: 25px;
  height: 33px;
  background: #A4B4BA;
  margin: auto;
  position: relative;
  top: 5px;
  left: 5px;
  border-radius: 15px;
}
.bike-body .motor .part-2 .part-2-base .line {
  position: relative;
  margin: auto;
  width: 105%;
  left: -2.5%;
  top: -2px;
  height: 4px;
  background: #829399;
  margin-bottom: 6px;
  border-radius: 3px;
}
.bike-body .motor .part-2 .part-2-base .line:nth-child(1) {
  height: 6px;
  background: #434B59;
  top: 0;
}
.bike-body .motor .part-2 .part-2-base .line:nth-child(1):before {
  content: "";
  display: block;
  width: 20px;
  height: 4px;
  background: #434B59;
  margin: auto;
  position: relative;
  top: -3px;
  border-radius: 5px;
}
.bike-body .motor .part-2 .part-2-base .line:nth-child(4) {
  width: 60%;
}
.bike-body .front {
  position: absolute;
  width: 10px;
  height: 100px;
  background: #AABABF;
  -webkit-transform: rotateZ(-30deg);
          transform: rotateZ(-30deg);
  right: 53px;
  top: 40px;
  border-radius: 7px;
  z-index: 10;
}
.bike-body .front:before {
  content: "";
  display: block;
  width: 25px;
  height: 6px;
  background: #434b59;
  border-radius: 5px;
  -webkit-transform: rotateZ(30deg);
          transform: rotateZ(30deg);
  position: relative;
  left: -18px;
  top: -7px;
}
.bike-body .front:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #434b59;
  position: absolute;
  top: -5px;
}
.bike-body .back {
  position: absolute;
  width: 120px;
  box-sizing: content-box;
  background: transparent;
  border: 10px solid #AABABF;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  bottom: -40px;
  left: 30px;
  z-index: 10;
}
.bike-body .back:before {
  content: "";
  display: block;
  width: 75px;
  height: 13px;
  background: #AABABF;
  position: absolute;
  left: 123px;
  top: 2px;
  -webkit-transform-origin: 0px;
          transform-origin: 0px;
  -webkit-transform: rotateZ(-70deg);
          transform: rotateZ(-70deg);
  border-radius: 0px 0px 10px 0px;
}
.bike-body .back:after {
  content: "";
  display: block;
  position: absolute;
  width: 80px;
  height: 9px;
  background: transparent;
  border: 10px solid #AABABF;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 0px 10px 0px 0px;
  -webkit-transform: skewX(20deg);
          transform: skewX(20deg);
  top: -18px;
  left: -50px;
}

.tire {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ccc;
  border: 15px solid white;
  box-shadow: 0px 0px 0px 10px #454D5B;
}
.tire:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border: 10px solid transparent;
  border-top-color: #F5492C;
  border-radius: 50%;
  background: transparent;
  position: relative;
  top: -30px;
  left: -25px;
}
.tire:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border: 4px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  background: transparent;
  position: relative;
  top: -93px;
  left: -19px;
  z-index: 9;
}

.tire:nth-child(2) {
  right: 0;
}
.tire:nth-child(2):before, .tire:nth-child(2):after {
  -webkit-transform: rotateZ(-20deg);
          transform: rotateZ(-20deg);
}

.smoke {
  width: 15px;
  height: 15px;
  background: black;
  border-radius: 50%;
  position: absolute;
  top: 120px;
  left: -50px;
  -webkit-animation: fly 3s infinite;
          animation: fly 3s infinite;
}
.smoke:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: black;
  position: relative;
  right: -12px;
  top: 5px;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  25% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
  }
  50% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  25% {
    -webkit-transform: rotateZ(-5deg);
            transform: rotateZ(-5deg);
  }
  50% {
    -webkit-transform: rotateZ(5deg);
            transform: rotateZ(5deg);
  }
}
@-webkit-keyframes fly {
  0% {
    opacity: 1;
  }
  35%, 100% {
    opacity: 0;
    top: 100px;
    left: -70px;
  }
}
@keyframes fly {
  0% {
    opacity: 1;
  }
  35%, 100% {
    opacity: 0;
    top: 100px;
    left: -70px;
  }
}


.custom-toast {
  display: flex;
  align-items: center;
}

.custom-toast img {
  background-size: 50px 50px;
  height: 50px;
  width: 50px;
}

.custom-toast p {
  font-size: 14px;
  padding: 10px;
}

/* ---- end demo code ---- */

#toasts {
  min-height: 100;
  position: fixed;
  right: 20px;
  top: 100px;
  width: 400px;
  z-index: 10008998;
}

.toast {
  background: #d6d8d9;
  border-radius: 3px;
  box-shadow: 2px 2px 3px rgba(12, 11, 11, 0.1);
  color: rgba(0,0,0, .6);
  cursor: default;
  opacity: 0;
  position: relative;
  padding: 6px 6px 6px 6px;
  text-align: center;
  font-weight: 900;
  transform: translateY(15%);
  transition: opacity .5s ease-in-out, transform .5s ease-in-out;
  width: 100%;
  will-change: opacity, transform;
  z-index: 100;
} 

.toast p{
  line-height: 38px;
  margin: 0px;

}

.toast .success {
  background: #26d68a;
}

 .toast.warning {
  background: #ffa533;
}

 .toast.info {
  background: #2cbcff;
}

.toasterror {
  background: #f44336;
}

 .toast.show {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

 .toast.hide {
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 30px;
  transition: all .5s ease-in-out;
}

 .toast .close {
  cursor: pointer;
  font-size: 24px;
  height: 16px;
  margin-top: -10px;
  position: absolute;
  right: 14px;
  top: 50%;
  width: 16px;
}

#spinner_mobile:not([hidden]) {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  background-color: white;
}

#spinner_mobile::after {
    content: "";
    width: 50px;
    background-image: url(https://gearzvehicle.com/assets/images/gearz-vehicle-logo.png);
    height: 50px;
    border: 2px solid #f3f3f3;
    border-top: 7px solid #006400;
    border-radius: 100%;
    will-change: transform;
    animation: spin 2s infinite linear;
}

#spinner:not([hidden]) {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  background-color: rgb(0 0 0 / 64%);
}

#spinner::after {
    content: "";
    width: 50px;
    background-image: url(https://gearzvehicle.com/assets/images/gearz-vehicle-logo.png);
    height: 50px;
    border: 2px solid #f3f3f3;
    border-top: 7px solid #006400;
    border-radius: 100%;
    will-change: transform;
    animation: spin 2s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.form-control {
  background: #e2e2e2 none repeat scroll 0 0;
  color: #111;
  border-radius: 0.6rem;
}


.usedbike-container {
  padding : 10px;
  background: white;
  border-radius: 8px;
  margin-bottom: 40px;
  box-shadow: 0 0 3.6px 0.4px rgba(130,182,202,.6);
  -webkit-box-shadow: 0 0 3.6px 0.4px rgba(130,182,202,.6);  
}

.usedbike-container h1 {
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    font-size: 1.5rem;
}

.usedbike-container .form-control {
    
    /* margin-right: 1%;
    margin-bottom: 10px;
    padding: 0;
    color: black;
    background: #3c763d;
    box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22);

    border: none;
    border-bottom: 1px solid #333;
    box-shadow: none;
    border-radius: 11px;
    font-weight: bold;
    text-align-last:center; */
    background: none;
    border: none;
    line-height: 18px;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0;
    box-shadow: none;
    font-size: .95em;
    height: 40px;
    outline: none;
    padding-left: 0;

    width: 100%;
    margin: 15px 0;  
}

.result-usedbike {
  padding: 10px;
  /* padding-bottom: 30px; */
  box-shadow: 0 0 3.6px 0.4px rgba(130,182,202,.6);
  /* box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22); */
    /* padding-top: 30px; */
  background: white;
  /* font-weight: 900; */
  /* text-align: center; */
  /* margin-top: 30px; */
  /* margin-bottom: 30px; */
  /* font-size: 13px; */
  border-radius: 8px;
  /* font-weight: 900; */
    /* margin-top: 30px; */
    /* margin-bottom: 30px; */
}

.result-usedbike-sharebutton {
  margin-top: 30px;
  padding: 10px;
  box-shadow: 0 0 3.6px 0.4px rgba(130,182,202,.6);
  background: white;
  border-radius: 8px;
  text-align: center;
}

/* .usedbike-container select {

} */

.homepage-divider {
  margin-top: 10px;
  margin-bottom: 40px;
  border-radius: 0.6rem;
  box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 2px 4px 0 rgb(19 26 31 / 22%);
}

.homepage-service-header{
  position: relative;
  top: -47px;
  border-radius: 0.6rem;
  color: black;
  background-color: #d6e2d6;
}

.homepage-service-header h2{
  margin: 0;
  font-size: 30px;
  color: black;
}

.homepage-service p {
  margin-top: 10px; 
  font-weight: 600
}

.homepage-service {
  padding: 10px;
  /* background: #d6e2d6; */
  border-radius: 8px;
  margin-bottom: 10px;
  /* box-shadow : 0 0 3.6px 0.4px rgba(130,182,202,.6); */
  /* -webkit-box-shadow: 0 0 3.6px 0.4px rgba(130,182,202,.6); */
}


/* .homepage-service h2{
  font-size:20px; 
  margin-bottom: 10px;
} */

.homepage-service .branda{
  display: inline-block;
  background: white;
}

.homepage-service a{
  color: #111111;
  display: flex;
  /* display: inline-block; */
  padding: 10px;
  background: hsl(120deg 39% 26% / 6%);
  border-radius: 11px;
  margin-top: 10px;
}

/* .homepage-service .img-responsive-rental {
  max-width: 80px;
} */

.homepage-service .brandtype {
  display:block;
  margin: 0 auto;
  /* width: 50%; */
}

.homepage-service .modelbiketype {
  display:block;
  margin: 0 auto;
  width: 30%;
}

.homepage-service .modeltypetitle {
  /* margin-top: 5px; */
  /* margin-top: 20px; */
  font-size: 15px;
  display: block;
  font-weight: 600;
  text-align: center;
}

.homepage-service .brandtypetitle {
  /* margin-top: 5px; */
  display: block;
  font-weight: 600;
  text-align:center;
}

.homepage-service .resalevalue {
  text-align: center;
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #111111b3;
    /* text-align: center;
    display: block;
    font-size: 9px;
    font-weight: 600;
    padding: 1px;
    position: absolute;
    top: 2px;
    left: 28px;
    opacity: .9;
    background: #0064002e; */
}


.usedbike-brand-grid {
  padding: 10px;
  background: white;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 40px;
  box-shadow : 0 0 3.6px 0.4px rgba(130,182,202,.6);
  -webkit-box-shadow: 0 0 3.6px 0.4px rgba(130,182,202,.6);
}

.usedbike-brand-grid h2{
  font-size:15px; 
  text-align:center;
  margin-bottom: 10px;
}

.usedbike-brand-grid .branda{
  display: inline-block;
  background: white;
}

.usedbike-brand-grid a{
  color: #111111;
  display: flex;
  padding: 10px;
  background: hsl(120deg 39% 26% / 6%);
  border-radius: 11px;
  margin-top: 10px;
}

.usedbike-brand-grid .brandtype {
  display:block;
  margin: 0 auto;
  /* width: 50%; */
}

.usedbike-brand-grid .modelbiketype {
  display:block;
  /* margin: 0 auto; */
  width: 40%;
}

.usedbike-brand-grid .modeltypetitle {
  /* margin-top: 5px; */
    margin-top: 20px;
    display: inline-block;
    font-weight: 600;
    text-align: center;
}

.usedbike-brand-grid .brandtypetitle {
  /* margin-top: 5px; */
  display: block;
  font-weight: 600;
  text-align:center;
}

.usedbike-modelbike-grid .resalevalue {
  text-align: center;
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #111111b3;
}

.usedbike-brand-grid .resalevalue {
    text-align: center;
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #111111b3;
    /* text-align: center;
    display: block;
    font-size: 9px;
    font-weight: 600;
    padding: 1px;
    position: absolute;
    top: 2px;
    left: 28px;
    opacity: .9;
    background: #0064002e; */
}

.usedbike-text {
  margin-top :20px;
}

#resultusedbikeid .priceHead {
  /* margin-top: 12px; */
  font-size: 15px;
  color: #24272c;
  line-height: 22px;
  /* margin: 18px 0 7px; */
}
#resultusedbikeid .priceBox {
  padding: 18px 20px 14px;
}
#resultusedbikeid .priceBox p {
  font-size: 14px;
  color: rgba(36,39,44,.7);
}
#resultusedbikeid .arrow_box_top {
  position: relative;
  /* background: #fff4df; */
  background: #dddddd54;
  border-radius: 7px;
  margin-bottom: 10px;
}
#resultusedbikeid .priceBox .rangeBox {
  width: 36%;
  font-size: 18px;
  color: #24272c;
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
}
#resultusedbikeid .priceBox .rangeBox .icon-cd_R {
  vertical-align: -1px;
}
#resultusedbikeid .priceBox .rangeBox:last-child {
  float: right;
  text-align: right;
}
[class*=" icon-"], [class^=icon-] {
  font-family: cd-fonts!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#resultusedbikeid .priceBox .rangeBox p {
  padding: 0;
  margin: 0;
  line-height: 11px;
}
#resultusedbikeid .priceBox .rangeBox p {
opacity: .6;
font-size: 10px;
color: #000000;
}

#resultusedbikeid .priceBox .rangeBox:nth-child(3) {
  margin-top: 24px;
}

#resultusedbikeid .priceBox .rangeBox:nth-child(3) {
width: 26%;
margin-top: 11px;
}

#resultusedbikeid .priceBox .rangeBox .barColor {
height: 2px;
width: 100%;
background: #000000;
position: relative;
}

#resultusedbikeid .priceBox .rangeBox .barColor .leftDot, .priceBox .rangeBox .barColor .rightDot {
  width: 8px;
  height: 8px;
  background: #000000;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -3px;
}

#resultusedbikeid .priceBox .rangeBox .barColor .rightDot {
  right: 0;
}




.header-container {
  /* width: 500px; */
  /* font-family: arial; */
  /* height: 24px;
  border-bottom: 3px solid #000;
  line-height: 22px;
  background: #d6e2d6;
  overflow: hidden;
  margin-bottom: 35px; */
}

.header-container span{
  color: #fff;
  font-size: 10px;
  background: #000;
  display: inline-block;
  padding: 0px 35px;
  border-right-style: outset;
  text-transform: uppercase ;
}

.header-container h2{
  font-size: 15px;
  font-weight: 500;
  /* background: #000; */
  /* display: inline-block; */
}

.header-container h3{
  font-size: 14px;
  font-weight: 900;
  /* background: #000; */
  /* display: inline-block; */
}
/* .header-container span:before{
  position: absolute;
  content: "";
  width: 70%;
  height: 100%;
  background: #000;
  z-index: -1;
  transform: rotate(45deg);
} */

.heading-about-usedbike {

  font-size: 13px;
  color: black;
  margin-bottom: 5px;
}

.para-usedbike {
  font-size: 12px;
  line-height: 23px;
  font-weight: 400;
  margin-top : 17px;
  margin-bottom: 17px;  
}

.para-usedbike-question {
  font-size: 12px;
  /* line-height: 4px; */
  font-weight: 800;
  margin: 8px 0px 10px 0px;
  /* margin-bottom: 0px; */
  color: black;
}

.para-usedbike-answer {
  font-size: 12px;
  /* line-height: 23px; */
  font-weight: 400;
  margin: 8px 0px 10px 0px;
  /* margin-bottom: 35px; */
  color: black;
}

.btn.btn-usedbike {
  /* box-shadow: 0 0 2px 0 rgba(19,26,31,0.12), 0 2px 4px 0 rgba(19,26,31,0.22); 
 width: 100%;
  margin: 15px 0;
  background: #111;
  border-radius: 11px;
  color: #fff;
  font-size: 14px;
  font-weight: 600; */
  background-color: black;
  border-color: #fc712c;
  color: #fff;
  font-size: 1em;
  display: block;
  width: 100%;
  border-radius: 0.6rem;
  box-shadow: 0 0 2px 0 rgb(19 26 31 / 12%), 0 0px 4px 0 rgb(19 26 31 / 22%);
  border: 1px solid transparent;
  border-radius: .25rem;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 15px;
  padding: 8px .75rem;
  text-align: center;

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  user-select: none;
  white-space: nowrap;

}



.breadcrumb-used-bike {
  font-size: 10px;
}

.breadcrumb-used-bike span {
   color : black;
}

.breadcrumb {
  padding: 0px 0px;
  background-color: #026502;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #111;
  content: "/\00a0";
}

.breadcrumbs {
  padding : 10px;
}

.breadcrumbs__item {
  display: inline-block;
  font-size: 14px;
}

.breadcrumbs__item:not(:last-of-type)::after {
  /* content: '/'; */
  content: '\203a';
  margin: 0 5px;
  color: black;
}

.breadcrumbs__link {
  text-decoration: none;
  color: #999999;
}

.breadcrumbs__link--active {
  color: #006400;
  font-weight: 500;
}

.breadcrumbs__link:hover {
  color:#006400;
  /* text-decoration: underline; */
}

.footer {
  background-color: #000;
  color: #9b9b9b;
  font-size: 12px;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding: 50px 0;
  width: 100%;
  z-index: 1
}

@media screen and (min-width: 1024px) {
  .footer {
      padding-bottom:120px;
      padding-top: 90px
  }
}

.footer__address {
  color: inherit;
  font-size: 1em;
  line-height: 25px;
  margin: 0;
  transition: color .75s ease
}

.footer__address:hover {
  color: #fff
}

.footer__address-row {
  display: block
}

.footer__btn {
  color: #343945;
  float: left;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  line-height: 35px;
  margin-top: 20px;
  position: relative;
  text-align: center
}

@media screen and (min-width: 1024px) {
  .footer__btn {
      float:right;
      margin-right: 12px;
      margin-top: -2px;
      white-space: nowrap
  }
}

.footer__btn:after {
  background-color: #000;
  bottom: -5px;
  content: "";
  height: 160%;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(1.25) scaleY(0);
  transform: scaleX(1.25) scaleY(0);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  transition: -webkit-transform .7s cubic-bezier(.86,0,.07,1);
  transition: transform .7s cubic-bezier(.86,0,.07,1);
  transition: transform .7s cubic-bezier(.86,0,.07,1),-webkit-transform .7s cubic-bezier(.86,0,.07,1);
  width: 100%
}

.footer__btn:hover .footer__btn-line,.footer__btn[data-trigger-animation=true] .footer__btn-line {
  -webkit-transform: scaleX(1.4);
  transform: scaleX(1.4)
}

.footer__btn:hover .footer__btn-line-inner,.footer__btn[data-trigger-animation=true] .footer__btn-line-inner {
  -webkit-transform: scaleY(48);
  transform: scaleY(48)
}

.footer__btn:hover>span,.footer__btn[data-trigger-animation=true]>span {
  color: #000
}

.footer__btn>span {
  color: #fff;
  cursor: pointer;
  pointer-events: none;
  position: relative;
  transition: color .6s ease;
  z-index: 5
}

.footer__btn-line {
  bottom: -5px;
  cursor: pointer;
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
  transition: transform .5s cubic-bezier(.215,.61,.355,1);
  transition: transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
  width: 100%
}

.footer__btn-line-inner {
  background-color: #fff;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  transition: -webkit-transform .7s cubic-bezier(.86,0,.07,1);
  transition: transform .7s cubic-bezier(.86,0,.07,1);
  transition: transform .7s cubic-bezier(.86,0,.07,1),-webkit-transform .7s cubic-bezier(.86,0,.07,1);
  width: 100%
}

.footer__col {
  float: left;
  line-height: 25px;
  width: 50%
}

.footer__col-title-link {
  color: inherit
}

.footer__col--intro {
  border-bottom: 1px solid #272727;
  clear: both;
  margin-bottom: 7px;
  padding-bottom: 5px;
  min-width: 100%
}

.footer__col--mobile {
  clear: left
}

.footer__col--next {
  clear: both;
  margin-right: 0;
  margin-top: 32px;
  min-width: 100%
}

.footer__col-title {
  color: #fff;
  margin-bottom: 4px;
  margin-top: 35px
}

.footer__col-title~.footer__col-title {
  margin-top: 22px
}

@media screen and (min-width: 1024px) {
  .footer__col-title {
      margin-top:-2px
  }
}

@media screen and (max-width: 480px) {
  .footer__col {
      width:100%
  }
}
@media screen and (min-width: 480px) {
  .footer__col {
      width:50%
  }
}

@media screen and (min-width: 1024px) {
  .footer__col {
      margin-right:2.5641%;
      width: 14.52991%
  }

  .footer__col--intro {
      clear: none;
      border-bottom: 0;
      margin-bottom: 0;
      min-width: auto;
      padding-bottom: 60px
  }

  .footer__col--next {
      clear: right;
      margin-top: -5px;
      margin-right: 0;
      min-width: auto
  }
}

@media (min-width: 1024px) and (max-width:1300px) {
  .footer__col:first-child {
      margin-right:7.9%
  }

  .footer__col:nth-child(2) {
      margin-right: 5%;
      width: 25.5%
  }

  .footer__col:nth-child(3) {
      margin-right: 7%
  }

  .footer__col:nth-child(5) {
      margin-right: 5%;
      width: 9.5%
  }

  .footer__col:nth-child(6) {
      margin-right: 3%;
      width: 9.5%
  }
}

.footer__legal {
  border-top: 1px solid #272727;
  clear: both;
  color: #9b9b9b;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 25px;
  margin-top: 45px;
  padding-top: 43px;
  width: 100%
}

@media screen and (min-width: 1024px) {
  .footer__legal {
      border-top:0;
      margin-top: 0;
      padding-top: 35px
  }
}

.footer__link {
  color: #9b9b9b;
  display: block;
  font-size: 12px;
  transition: color .75s ease
}

.footer__link:hover {
  color: #fff
}

.footer__logo {
  display: block;
  margin-top: 5px;
  margin-bottom: 7px
}

@media screen and (min-width: 1024px) {
  .footer__logo {
      margin-bottom:16px
  }
}

.footer__logo svg {
  height: 27px;
  width: 90px
}

.footer__logo-letter {
  fill: #fefefe
}

.footer__nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  width: 90%
}

.footer__nav:after {
  clear: both;
  content: "";
  display: block
}

.footer__nav-list--day-one {
  display: none
}

.day-one-page .footer__nav-list--day-one {
  display: block
}

.footer__slogan {
  color: #9b9b9b;
  font-size: 12px;
  line-height: 25px;
  margin: 0 0 35px;
  width: 140px
}

.footer__slogan strong {
  color: #fff;
  font-weight: 400
}

@media screen and (min-width: 1024px) {
  .footer__hide--large {
      display:none
  }
}

.footer__hide--small {
  display: none
}


.btn-share {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: 40px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  /* margin: 18px 64px 14px; */
  margin-top : 15px;
  text-shadow: 0px 1px 1px #888;
  color: #fff;    
  cursor: pointer;
}
.btn-share span.icon {
  font-size: 23px;
  background-color: #dddddd54;
  -webkit-box-shadow: 0 3px 0 0 #007261;
  box-shadow: 0 3px 0 0 #E3EBAD;
  text-shadow: 0px 1px 1px #888;
}
.btn-share span.left {
  float: left;
  border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
}
.btn-share span.icon, .btn-share span.title {
  display: block;
  position: relative;
  line-height: 40px;
  /* padding: 0 30px; */
  padding: 0 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 0px;
}

@media (max-width:338px) {
  .btn-share span.icon, .btn-share span.title {
      padding: 0 5px;
  }
}

@media (max-width:320px) {
  .btn-share span.icon, .btn-share span.title {
      padding: 0 0px;
  }
}



.icon-tablet:before {
  content: "\f10a";
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
.btn-share span.title {
  -webkit-box-shadow: 0 3px 0 0 #00ae94;
  /* box-shadow: 0 3px 0 0 #4FCE1D;
  background-color: #4FCE5D; */
  box-shadow: 0 3px 0 0 #1a2316;
  background-color: #717d72;
}
.btn-share span.right {
  float: right;
  border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
}