body, html{
	font-family: var(--tp-ff-body);
	font-size: var(--tp-fz-body);
	font-weight: normal;
	color: var(--darkblue);
	line-height: 1.5;
    overflow-x: hidden;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  @font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.eot');
    src: url('../fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Italic.woff2') format('woff2'),
        url('../fonts/Poppins-Italic.woff') format('woff'),
        url('../fonts/Poppins-Italic.ttf') format('truetype'),
        url('../fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype'),
        url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype'),
        url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype'),
        url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
:root {
	/**
  @font family declaration
  */
	--tp-ff-body: 'Poppins', sans-serif;
	--tp-ff-heading: 'Poppins', sans-serif;
	--tp-ff-p: 'Poppins', sans-serif;
	--tp-ff-eleganticons: "ElegantIcons";
	/**
  @color declaration
  */
	--darkblue: #0a1b5f;
	--purple: #9a71e1;
	--yellow: #fcbd2e;
    --black: #707070;
    --white: #ffffff;
	--tp-fw-normal: normal;
	--tp-fw-elight: 200;
	--tp-fw-light: 300;
	--tp-fw-regular: 400;
	--tp-fw-medium: 500;
	--tp-fw-sbold: 600;
	--tp-fw-bold: 700;
	--tp-fw-ebold: 800;
	--tp-fw-black: 900;
	/**
  @font size declaration
  */
	--tp-fz-body: 14px;
	--tp-fz-p: 14px;
	--tp-fz-h1: 42px;
	--tp-fz-h2: 36px;
	--tp-fz-h3: 24px;
	--tp-fz-h4: 20px;
	--tp-fz-h5: 16px;
	--tp-fz-h6: 14px;
}
.grecaptcha-badge{
    display: none!important;
}
#chatbase-bubble-button {
    background-color: var(--purple) !important;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	padding: 0px 30px;
	max-width: 100%;
}
a:focus,
a:hover {
	color: inherit;
	text-decoration: none;
}
a,
button {
	color: inherit;
	outline: none;
	border: none;
	background: transparent;
}
a {
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--darkblue);
  margin-top: 0px;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: var(--tp-fz-h1);
}

h2 {
  font-size: var(--tp-fz-h2);
}

h3 {
  font-size: var(--tp-fz-h3);
}

h4 {
  font-size: var(--tp-fz-h4);
}

h5 {
  font-size: var(--tp-fz-h5);
}

h6 {
  font-size: var(--tp-fz-h6);
}
ul {
  margin: 0px;
  padding: 0px;
}
p {
    font-family: var(--tp-ff-p);
    font-size: var(--tp-fz-p);
    font-weight: var(--tp-fw-normal);
    margin-bottom: 15px;
    line-height: 26px;
}
.alert-danger p{
	color: #842029;
}

a,
button,
p,
input,
select,
textarea,
li,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}
a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}
button:hover {
  cursor: pointer;
}
button:focus {
  outline: 0;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
input {
  outline: none;
}
input::-webkit-input-placeholder {
  color: var(--black);
}
input:-moz-placeholder {
  color: var(--black);
}
input::-moz-placeholder {
  color: var(--black);
}
input:-ms-input-placeholder {
  color: var(--black);
}

input::-webkit-input-placeholder {
  color: var(--black);
}
input:-moz-placeholder {
  color: var(--black);
}
input::-moz-placeholder {
  color: var(--black);
}
input:-ms-input-placeholder {
  color: var(--black);
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}
*::-moz-selection {
  background: var(--tp-common-black);
  color: #ffffff;
  text-shadow: none;
}
::-moz-selection {
  background: var(--tp-common-black);
  color: #ffffff;
  text-shadow: none;
}
*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}

*::-moz-placeholder::-webkit-input-placeholder {
  color: var(--black);
}

*::-moz-placeholder:-moz-placeholder {
  color: var(--black);
}

*::-moz-placeholder::-moz-placeholder {
  color: var(--black);
}

*::-moz-placeholder:-ms-input-placeholder {
  color: var(--black);
}


/******* Start Header Css  *******/
.newsletter-mobile{
    padding: 6px 20px 20px;
    background: #f5f5f5;
}
.newsletter-mobile #mc_embed_signup{
    background: rgb(255 255 255 / 0%);
}
#mc_embed_signup div#mce-responses{
    padding: 0px;
    top: 0px;
    position: relative;
    margin: 0px;
}
#mc_embed_signup div.response{
    padding: 0px;
    margin-top: 0px;
}
.pt-35{
    padding-top: 35px;
}
.dropdown-menu-right{
    right: 0;
    left: auto !important;
    top: 100% !important;
}

header .user-dd {
    min-width: 280px;
    padding: 0px;
    transform: none !important;
    margin-top: 9px;
}
.dropdown-menu{
    padding: 0px;
}
header .dropdown-toggle {
    padding: 7px 15px;
}
.mr-10 {
    margin-right: 10px;
}
.ml-10 {
    margin-left: 10px;
}
.header-sticky .logo img.logo-main {
    display: none;
}
@media only screen and (min-width: 992px) {
    .header-sticky .logo img.logo-main.mobile_show {
        display: block !important;
    }
}
.header-sticky .logo img {
    width: 117px;
    height: auto;
    padding: 0px 0px;
}
header .dropdown-toggle::after {
	display: none;
}
header .dropdown-toggle i.fa {
    font-size: 20px!important;
}
header .dropdown-toggle i.ti-user {
    font-size: 20px;
    line-height: 1;
    top: 1px;
    position: relative;
}
.tp-header__search *::placeholder {
  color: var(--tp-common-black);
  font-size: 16px;
  opacity: 1;
  color: var(--black);
}

.tp-header__search *::placeholder::-webkit-input-placeholder {
  color: var(--black);
}

.tp-header__search *::placeholder:-moz-placeholder {
  color: var(--black);
}

.tp-header__search *::placeholder::-moz-placeholder {
  color: var(--black);
}

*::placeholder:-ms-input-placeholder {
  color: var(--black);
}
.mobile_header_live, 
.mobile_back_link {
    display: none;
}
.tp-header__main {
    background: #ffffff;
    padding: 5px 0px;
    box-shadow: 0px 0px 5px hsl(0deg 0% 0% / 39%);
    display: inline-block;
    width: 100%;
    transition: all 0.3s ease-in-out; /* Smooth transition for all properties */
    top: 0px;
    left: 0px;
}

.header-sticky .tp-header__main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; /* Ensure full width when sticky */
    z-index: 99; /* Ensure it is on top of other content */
}
.tp-header__search-2 form {
    padding-top: 13px;
    padding-bottom: 13px;
    position: relative;
}
.tp-header__search-2 form input {
    width: 100%;
    margin: 0 auto;
}
.tp-header__search form button, .tp-header__search form .button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--purple);
    color: #fff;
    border-radius: 50%;
}
.tp-header__search form button:hover, .tp-header__search form .button:hover,
.popular-slider .slick-prev.slick-arrow:hover,
.popular-slider .slick-next.slick-arrow:hover{
    box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%);
}
.counter .tp-border-btn span:hover{
    box-shadow: 0px 0px 0px 3px rgb(154 113 225 / 27%);
}
.tp-header__search form button i.ti-search, 
.tp-header__search form .button i.ti-search {
    position: relative;
    left: 1px;
    top: -1px;
    font-size: 16px;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
#createInventoryForm .input-field input.dropdowninput,
#createInventoryForm .search-field input.dropdowninput,
#createInventoryForm .field-box input.dropdowninput,
.field-box input.dropdowninput,
.filter-box-section {
	position: relative;
}
#createInventoryForm .input-field ul.dropdownbox,
#createInventoryForm .search-field ul.dropdownbox,
#createInventoryForm .field-box ul.dropdownbox,
.field-box ul.dropdownbox {
	position: absolute;
	max-height: 300px;
	background: #fff;
	width: auto;
	box-shadow: 2px 7px 10px rgb(136 152 170 / 25%);
	z-index: 99;
	margin-top: 0px;
	overflow: auto;
	min-width: 400px;
	border: 1px solid #dadada;
	border-top: 0px;
	border-radius: 5px;
}
#createInventoryForm .input-field ul.dropdownbox li,
#createInventoryForm .search-field ul.dropdownbox li,
#createInventoryForm .field-box ul.dropdownbox li,
.field-box ul.dropdownbox li {
	padding: 10px;
	cursor: pointer;
}
.field-box ul.dropdownbox {
	width: 100%;
	max-height: calc(100vh - 40px);
}
.field-box ul.dropdownbox.autocomplete_search_home {
    max-height: calc(100vh - 260px);
}
.field-box ul.dropdownbox li {
	border-bottom: 1px solid #ddd;
}
.field-box ul.dropdownbox li p {
	margin-bottom: 0px;
    color: #333;
}
.field-box ul.dropdownbox li:hover{
    color: #1e2125;
    background-color: #e9ecef;
}
.field-box ul.dropdownbox li.title-search {
	border-bottom: 1px solid #ddd;
	padding: 8px 10px 6px 10px;
}
.field-box ul.dropdownbox li.title-search:hover{
	background: #9a71e1;
}
.field-box ul.dropdownbox li.title-search:hover > p{
	color: #fff;
}
.field-box ul.dropdownbox li.title-search p:empty{
	display: none;
}
.field-box ul.dropdownbox li.title-search.not-hover:hover{
	background: transparent;
}
.field-box ul.dropdownbox li .inventory-div {
	display: flex;
	justify-content: space-between;
}
.field-box ul.dropdownbox li .inventory-left {
	display: flex;
	flex-wrap: wrap;
	width: 70%;
}
.field-box ul.dropdownbox li .inventory-right {
	width: 30%;
}
.header_right {
    justify-content: end;
}
div.mobile_icon {
    display: flex;
    align-items: center;
}
div.mobile_icon{
    display: none;
}
.sticky-scroll div.mobile_icon{
   display: flex;
}
.slick-arrow.slick-disabled{
    opacity: 0.5;
}
div.mobile_icon .ti-search {
    padding: 0;
    width: 41px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}
.hamburger-btn {
    width: 30px;
    height: 25px;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: 0;
    display: flex;
    z-index: 99;
}
.hamburger-btn span {
    display: inline-block;
    width: 100%;
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    opacity: 1;
    left: 0;
    z-index: 1;
    background-color: white;
}
.tp-btn, .theme-btn, body #mc_embed_signup input.theme-btn{
    text-align: center;
    text-decoration: none;
    background: var(--purple);
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding: 9px 20px;
    border-radius: 50px;
    border: 1px solid var(--purple);
    line-height: normal;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
}
.tp-btn.btn-outline .fa{
    font-size: 16px;
}
.tp-btn.btn-outline .fa.fa-angle-left,
.tp-btn.btn-outline .fa.fa-angle-right{
    margin-left: 7px;
    margin-top: 0px;
    position: relative;
    display: inline-block;
    top: 1px;
    font-size: 18px;
}
.tp-btn:hover,
.theme-btn:hover,
body #mc_embed_signup input.theme-btn:hover{
    background: transparent;
    color: var(--purple);
    border: 1px solid var(--purple);
    box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%);
}
.tp-btn.btn-outline{
    background: transparent;
    color: var(--purple);
    border: 1px solid var(--purple);
}
.tp-btn.btn-outline:hover{
    background: var(--purple);
    color: var(--white);
    border: 1px solid var(--purple);
    box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%);
}
.header-acttion-btns .tp-btn:not(.btn-outline){
	border: none!important;
	background-image: linear-gradient(to right, #6c49a9, #8c5edb)!important;
	background-size: 200% auto;
	color: #fff;
}
.header-acttion-btns .tp-btn:not(.btn-outline):hover{
	color: #fff!important;
	background-position: right center;
}
.header-acttion-btns .tp-btn.btn-outline{
	border-color: #6c49a9;
	color: #6c49a9!important;
}
.header-acttion-btns .tp-btn.btn-outline:hover{
	color: #fff!important;
	background-image: linear-gradient(to right, #6c49a9, #8c5edb)!important;
}
.hamburger-btn span:nth-child(1) {
    top: 0;
}
.hamburger-btn span:nth-child(2) {
    top: 10px;
}
.hamburger-btn span:nth-child(3) {
    top: 20px;
}
a, button, p, input, select, textarea, li, .transition-3, h1, h2, h3, h4, h5, h6 {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a, button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}
.mobile_show {
    display: none !important;
}
.desktop_sticky_logo {
    display: block;
}
.logo img {
    width: 120px;
    height: auto;
}
img {
    max-width: 100%;
}
.main-menu-2 ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin: 0px 15px;
	padding: 15px 0px;
    text-align: left;
}
.main-menu-2 ul li a{
    font-weight: 600;
    font-size: 14px;
    color: var(--dark-blue);
    padding: 30px 0px;
}
.main-menu-2 ul li.nav-btn a{
	padding: 9px 20px;
	color: #fff;
	background-image: linear-gradient(to right, #6c49a9, #8c5edb) !important;
}
.main-menu-2 ul li.nav-btn a:hover{
	background-position: right center;
	color: #fff;
}
.main-menu-2 ul li a:hover{
     color: var(--purple);
}
.main-menu-2 ul li.active a{
    color: var(--purple);
}
.main-menu-2 ul li.has-dropdown>a {
	position: relative;
  }
  .main-menu-2 ul li.has-dropdown>a::after {
	content: "\f107";
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	transform: translateY(1px);
	font-size: 18px;
	line-height: 1;
	font-family: FontAwesome;
	font-weight: 400;
	margin-left: 5px;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
  }
  .main-menu-2 ul li .submenu {
	  position: absolute;
	  left: 0px;
	  top: 100%;
	  width: 230px;
	  padding-bottom: 0px;
	  display: none;
	  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
	  background: #fff;
	  z-index: 2;
  }
  .main-menu-2 ul li:hover>.submenu {
    top: 100%;
    display: block;
}
  .main-menu-2 ul li .submenu li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
  }
  .main-menu-2 ul li .submenu li a {
	padding: 12px 20px;
    position: relative;
    z-index: 1;
    width: 100%;
    color: #1a1a36;
	font-weight: 500;
    opacity: 1;
    line-height: 1.2;
    display: block;
}
.main-menu-2 ul li .submenu li a:hover{
	background: rgba(0, 0, 0, 0.025);
}
.main-menu-2 ul li .submenu li:hover>a {
    color: var(--purple);
}
.ml-5{
    margin-left: 10px;
}
.header-wrapper{
    display: flex;
    align-items: center;
}
.tp-header__search form input {
    height: 40px;
    border: 0;
    background-color: #fff;
    border-radius: 100px;
    line-height: 44px;
    padding: 35px;
    box-shadow: 2px 7px 17px rgb(10 27 95 / 60%);
    font-size: 18px;
}
.tp-header__bottom{
    background: #f5f5f5 url(../images/hd-bg.png);
    padding: 25px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
.desktop-search-input{
    max-width: 850px;
    margin: 0 auto;
}
.offcanvas__area {
    position: fixed;
    right: -490px;
    top: 0;
    width: 450px;
    height: 100%;
    transition-duration: 0.5s;
    z-index: 999;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    min-width: 300px;
    min-height: 768px;
    background-size: cover;
    background-color: var(--tp-grey-1);
    z-index: 99999;
}
.offcanvas__area.offcanvas-opened {
    right: 0px;
}
ul, li {
    margin-bottom: 0;
    list-style: none;
    padding: 0;
    line-height: 1.5;
}

/******* End Header Css  *******/


/******* Start Footer Css  *******/
body #mc_embed_signup .mc-field-group{
    width: 100%;
	padding-bottom: 10px;
  	margin-bottom: 0px;
}
body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
    margin-bottom: 0px;
}
body #mc_embed_signup input.theme-btn{
    padding: 6px 18px;
    font-family: var(--tp-ff-body);
}
.footer__widget .form-control{
    height: 38px;
     font-family: var(--tp-ff-body);
}
.mt-25 {
    margin-top: 25px;
}
body #mc-embedded-subscribe{
    margin: 0px;
}
body .indicates-required{
    display: none;
}
body #mc_embed_signup form{
    margin: 0px;
}
body #mc_embed_signup h2{
    color: var(--darkblue);
    margin-bottom: 10px!important;
    margin-top: 10px!important;
    font-weight: 600;
    font-size: var(--tp-fz-h5);
    margin-bottom: 0px;
}
body #mc_embed_signup{
    width: 100%;
}

footer .container{
    max-width: 1200px;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
}
.footer__bottom .social-icons .icon {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.mt-118{
    margin-top: 105px;
}
.mb-10{
    margin-bottom: 10px;
}
.mt-35 {
    margin-top: 24px;
}
.mr-10 {
    margin-right: 10px;
}
.bottom-strip-menu ul.bottom-menu {
    display: flex;
}
.bottom-strip-menu ul.bottom-menu li a {
    padding: 0px 5px;
    font-size: 12px;
    text-decoration: none;
    color: var(--dark-blue);
}
footer {
    box-shadow: none;
	border:none;
    /*border-top: 1px solid #f1f1f1;*/
}
.footer__copyright p {
    font-size: 14px;
    line-height: normal;
    font-size: 12px;
    margin: 0px;
    color: var(--darkblue);
}
.footer__widget ul li a {
    font-size: 14px;
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 3px 0px 3px;
    color: var(--darkblue);
}
.footer__top h5{
    color: var(--darkblue);
    margin-bottom: 15px;
}
.footer__bottom {
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer__widget ul li a:hover {
    color: var(--purple);
}
.footer__widget ul li.nav-btn{
	display: inline-block;
	margin-top: 5px;
}
.footer__widget ul li.nav-btn a{
	padding: 6px 18px;
	color: #fff;
}
.footer__widget ul li.nav-btn a:hover{
	color: var(--purple);
}


.footer-col-4 ul li .fa {
    position: absolute;
    top: 6px;
    left: 0;
    transform: translate(0, 0%);
    font-size: 18px;
}
.footer-col-4 ul li a {
    padding-left: 22px;
}
.footer__top {
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer__social span {
    display: inline-block;
    vertical-align: middle;
}
.footer__social span:not(:last-child) {
    margin-right: 5px;
}
.footer__social span a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 34px;
    border-radius: 50%;
    text-align: center;
    background: var(--purple);
    color: #fff;
    border: 1px solid var(--purple);
}
.footer__social span a:hover{
    background: var(--white);
    color: var(--purple);
    border: 1px solid var(--purple);
}
.footer__social span a:hover svg{
    fill: var(--purple) !important;
}
.footer__social{
    text-align: right;
}
/******* End Footer Css  *******/

span.irs--round .irs-from:before, 
span.irs--round .irs-to:before{
    display: none;
}
span.irs--round .irs-from{
    left: 0px !important;
    background: #fff !important;
    color: var(--purple);
    font-size: 16px;
    font-weight: 600;
    visibility: visible !important;
    position: absolute;
}
.irs--round .irs-min, .irs--round .irs-max{
    opacity: 0;
}
.irs-single{
    display: none!important;
}

span.irs--round .irs-to{
    right: 0px !important;
    background: #fff !important;
    color: var(--purple);
    font-size: 16px;
    font-weight: 600;
    left: auto !important;
    position: absolute;
    visibility: visible !important;
}
.sortBy {
    text-align: right;
    display: block;
    margin-top: 0px;
}
.filter-custom a i.fa-filter {
    font-size: 15px;
    margin: 0;
    margin-right: 2px;
}
.sortBy .inputfield {
    vertical-align: middle;
    position: relative;
}
.sidebar-left {
    border-radius: 5px;
    /* box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); */
    border: 1px solid #e8e9e8;
    padding: 0px 0px;
    background: #fff;
}
/* ------- new style sidebar tab --------*/
@media only screen and (min-width: 768px) {
	.sidebar-left.sidebar_tab {
		border: none;
		border-radius: 0;
	}
	.sidebar_tab .usedCarLoction {
		padding: 0;
		background: none;
		border: none;
		margin: 0;
		z-index: 2;
	}
	.sidebar_tab .usedCarLoction .nav-pills {
		column-gap: 10px;
		flex-wrap: nowrap;
	}
	.sidebar_tab .usedCarLoction .nav-pills .nav-link {
		padding: 10px 5px;
		background: var(--purple);
		border-radius: 0;
		color: #fff;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border: 1px solid var(--purple);
		border-bottom: none;
		bottom: -1px;
		position: relative;
	}
	.sidebar_tab .usedCarLoction .nav-pills .nav-link.active {
		border-color: #e8e9e8;
		border-bottom: none;
		background: #fff;
		position: relative;
		padding-bottom: 11px;
	}
	.sidebar_tab .usedCarLoction .nav-pills .nav-link.active:after{
		display: none;
	}
	.sidebar_tab .tab-content {
		border: 1px solid #e8e9e8;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		z-index: 1;
		position: relative;
	}
	.sidebar_tab .tab-content>.tab-pane > .row{
		margin-top: 0px;
	}
	.sidebar-left .sidebartoggle{
		margin-top: 0px;
	}
}
/* ------- end new style sidebar tab --------*/
.filtersection {
    width: 100%;
}
.usedCarLoction {
    color: #fff;
    padding: 12px 0px 10px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    background: #f8f8f8;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.usedCarLoction .nav-pills .nav-item {
    width: 50%;
    text-align: center;
    position: relative;
}
.filtersection .title {
    font-size: 14px;
    color: var(--darkblue);
    line-height: normal;
    padding: 0px;
    font-weight: 500;
}
.usedCarLoction .nav-pills .nav-link.active:after {
    content: "";
    height: 2px;
    width: 100%;
    background: var(--purple);
    position: absolute;
    bottom: -11px;
    left: 0px;
}
.sidebartoggle > li {
    border-bottom: 1px solid #e8e9e8;
    padding: 7px 10px 7px;
    position: relative;
}
.sidebartoggle > li h3 {
    font-size: 14px;
    font-weight: normal;
    color: var(--darkblue);
    margin: 0px;
    padding: 15px 0px;
    cursor: pointer;
    position: relative;
    padding: 6px 0px 6px;
}
.sidebartoggle > li > h3:before {
    content: "\f106";
    font-size: 14px;
    color: var(--darkblue);
    margin: 9px 0 0;
    width: 15px;
    height: 19px;
    text-align: center;
    line-height: 24px;
    pointer-events: none;
    font: normal normal normal 12px / 1 FontAwesome;
    position: absolute;
    right: 0px;
    top: 50%;
    margin: 0px;
    margin-top: -10px;
    font-size: 20px;
}
.sidebartoggle > li > h3.collapsed:before {
     content: "\f107";
}
.sidebartoggle .collapse > div {
    min-height: 22px;
}
.sidebartoggle .checkbox {
    padding: 3px 0px;
    color: var(--darkblue);
    font-size: 15px;
}
.usedCarLoction .nav-pills .nav-link.active {
    background: none;
    color: var(--purple);
    font-weight: 600;
}

.sidebartoggle .toogle-content {
	display: none;
}
.sidebartoggle .checkbox {
	padding: 4px 0px;
	 color: var(--darkblue);
	font-size: 15px;
}
.sidebartoggle .collapse {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}
.sidebartoggle .rangeslider.collapse {
	overflow: visible;
}
.sidebartoggle .collapse > div {
	min-height: 22px;
}
.irs--round .irs-handle {
	cursor: pointer;
}
.magic-radio,
.magic-checkbox {
	position: absolute;
	display: none;
}
.magic-radio[disabled],
.magic-checkbox[disabled] {
	cursor: not-allowed;
}
.magic-radio + label,
.magic-checkbox + label {
    position: relative;
    display: block;
    padding-left: 28px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 24px;
    margin: 0px;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 1.5;
}
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
	animation-duration: 0.4s;
	animation-fill-mode: both;
	animation-name: hover-color;
}
.magic-radio + label:before,
.magic-checkbox + label:before {
    position: absolute;
    top: 0px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid var(--darkblue);
    border-radius: 3px;
}
.magic-radio + label:after,
.magic-checkbox + label:after {
	position: absolute;
	display: none;
	content: '';
}
.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
	cursor: not-allowed;
	color: #e4e4e4;
}
.magic-radio[disabled] + label:hover,
.magic-radio[disabled] + label:before,
.magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
	cursor: not-allowed;
}
.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
	border: 1px solid #e4e4e4;
	animation-name: none;
}
.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
	border-color: #e4e4e4;
}
.magic-radio:checked + label:before, .magic-checkbox:checked + label:before {
    animation-name: none;
    border: 1px solid var(--purple);
}
.magic-checkbox:checked + label{
    color: var(--purple);
}
.magic-checkbox:checked + label:after {
	display: block;
}
.magic-radio:checked + label:after{
	display: block;
     background: var(--purple);
}
.magic-radio + label:before {
	border-radius: 50%;
}
.magic-radio + label:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--darkblue);
}
.magic-radio:checked + label:before {
	border: 1px solid var(--purple);
}
.magic-radio:checked[disabled] + label:before {
	border: 1px solid #c9e2f9;
}
.magic-radio:checked[disabled] + label:after {
	background: #c9e2f9;
}
.magic-radio:checked + label{
    color: var(--purple);
}

.magic-checkbox + label:after {
    top: 3px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 11px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: var(--purple);
    border-top: 0;
    border-left: 0;
}

.magic-checkbox:checked[disabled] + label:before {
	border: #c9e2f9;
	background: #c9e2f9;
}
.counter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.clearfilter li {
    background: #fff;
    border: 1px solid rgba(36, 39, 44, .3);
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 2px;
    font-weight: normal;
    line-height: 1;
    float: left;
    color: #24272c;
}
.UsedCarListing .sortedItem li {
    margin: 0 8px 8px 0;
    padding: 3px 8px;
    width: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.clearfilter li.clearall {
    border: none;
    color: var(--purple);
    padding-top: 0px;
    padding-bottom: 0px;
}
.counter .tp-border-btn span {
    color: var(--purple);
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    border: 1px solid var(--purple);
    display: inline-block;
    font-weight: 500;
    transition: all 0.3s ease-out 0s;
}
.clearfilter li.clearall span {
    margin-left: 0px;
}
.counter .tp-border-btn span:hover {
    background: var(--purple);
    color: #fff;
    border-color: var(--purple);
}
.UsedCarListing .sortedItem li > b {
    margin-right: 5px;
}
.clearfilter li > div > span {
    margin-left: 5px;
    font-size: 14px;
    cursor: pointer;
    line-height: 17px;
    background: var(--darkblue);
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
	margin-right: 3px;
}
.UsedCarListing .sortedItem li > div:last-child {
    margin-right: 0;
}
.shadowWPadding {
    padding: 0;
    background: #fff;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    border: 1px solid #e8e8e8;
        transition: all 0.3s ease-out 0s;
}
.shadowWPadding:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 8px;
}
.griditems .shadowWPadding {
    height: 100%;
}
.card-grid {
    width: 100%;
    float: left;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.griditems .imgTopRound {
    width: 100%;
    position: relative;
    padding-top: 165px;
	background-color: #f5f5f5;
}
.griditems .imgTopRound img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.griditems .imgTopRound img.lazyload {
	opacity: 0;
}
.griditems .imgTopRound img.lazyloaded{
    opacity: 1;
}
.filterPanel .griditems .button-list, .popular-slider .shadowWPadding .button-list {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
    padding: 4px 3px;
}
.filterPanel .card-grid:hover .button-list, .popular-slider .shadowWPadding:hover .button-list {
    opacity: 1;
}
.addedwatchlistinvt .card-grid .button-list,
.addedwatchlistinvt .popular-slider .shadowWPadding .button-list {
    opacity: 1;
}
.addedwatchlistinvt .card-grid .button-list .tp-border-btn span, 
.addedwatchlistinvt .popular-slider .shadowWPadding .button-list .tp-border-btn span {
    background: var(--bs-purple);
}
.addedwatchlistinvt .card-grid .button-list .tp-border-btn span img, 
.addedwatchlistinvt .popular-slider .shadowWPadding .button-list .tp-border-btn span img{
    filter: invert(95%) sepia(13%) saturate(6776%) hue-rotate(349deg) brightness(106%) contrast(109%);
}
.button-list .tp-border-btn span {
    background: none;
    border-radius: 30px;
    color: #FFF;
    font-size: 13px;
    padding: 4px 12px;
    border: 1px solid var(--darkblue);
    background-color: var(--darkblue);
    line-height: 1;
    padding-top: 7px;
    padding-bottom: 7px;
}
.griditems .button-list .tp-border-btn span, 
.popular-slider .shadowWPadding .button-list .theme-btn {
    background: none;
    border-radius: 30px;
    border: none;
    color: var(--darkblue);
    padding: 6px 20px;
    background: var(--yellow);
    background: #fff;
    box-shadow: 0px 1px 7px rgb(0 0 0 / 54%);
}
.griditems .button-list .tp-border-btn span {
    font-size: 13px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 24px;
    padding: 0px;
    text-align: center;
    display: inline-block;
}
.griditems .button-list .tp-border-btn span img, .listitems .button-list .tp-border-btn span img, .popular-slider .button-list .tp-border-btn span img {
    height: 16px;
    width: 16px;
    position: relative;
    display: inline-block;
}
.counter .values {
    text-align: center;
    position: relative;
    position: absolute;
    top: 6px;
    right: 6px;
    width: auto;
    padding: 3px 5px;
    border-radius: 3px;
    line-height: normal;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.counter .values span {
    padding: 0px;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    font-size: 12px;
    width: 35px;
    height: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    width: auto;
    height: auto;
    font-weight: 500;
}
.counter .values span span {
    padding-left: 2px;
}
.price-wrappaer {
    display: flex;
    justify-content: flex-start;
    grid-gap: 5px;
    margin-top: 10px;
    z-index: 9;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px;
}
.price-wrappaer .bidStatusLabel {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 2px;
}
.price-wrappaer .bidStatusLabel .text-success {
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px 4px;
    border-radius: 0px 5px 5px 0px;
    background: #008f00;
    color: #fff !important;
    display: inline-flex;
    margin-bottom: 0px;
    width: 100%;
    line-height: 1.2;
}
.price-wrappaer .bidStatusLabel .text-danger {
    font-size: 12px;
    font-weight: 500;
    padding: 4px 10px 4px;
    border-radius: 0px 5px 5px 0px;
    background: #dc3545;
    color: #fff !important;
    display: inline-flex;
    margin-bottom: 0px;
    width: 100%;
    line-height: 1.2;
}
.card-grid .holder {
    padding: 8px 10px 1px;
    line-height: normal;
}
.card-grid .counter .zeroreserve{
	font-size: 12px;
    padding: 3px 8px;
    border-radius: 5px;
    background-color: transparent;
    border: 2px dotted #dc3545;
    color: #dc3545;
    font-weight: bold;
	text-transform: uppercase;
}
/* body.grid5 .card-grid .counter .zeroreserve,
body.grid5 .counter .tp-border-btn span{
	font-size:10px;
	padding: 4px 8px;
} */
/* body.grid5 .currentvehicle .counter .tp-border-btn span{
	padding: 0px;
	font-size: 10px;
} */
body.grid5 .currentvehicle .counter .tp-border-btn:before{
	width: 7px;
	height: 7px;
	left:10px;
}
body.grid5 .currentvehicle .counter .tp-border-btn:after{
	width: 13px;
	height:13px;
	left:7px;
}
body.grid5 .currentvehicle .counter .tp-border-btn{
	padding-left: 25px;
	padding: 4px 6px;
	padding-left: 25px;
}
.card-grid .title {
    margin: 0px;
    color: var(--darblue);
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 3px;
    line-height: 1.2;
}
.filterPanel .card-grid .title {
    font-size: 15px;
    margin-bottom: 3px;
    line-height: 1.2;
}
ul.dot-list-ul {
    margin-bottom: 0px;
    margin-left: -5px;
    line-height: normal;
}
.dot-list-ul li {
    font-size: 12px;
    position: relative;
    padding-left: 0px;
    margin-left: 5px;
    line-height: 1.3;
    width: 100%;
    color: var(--black);
}
.dot-list-ul li b{
    font-weight: 500;
    color: #333;
}
.counter.list_counter {
    justify-content: space-between;
    margin-top: auto;
    padding: 5px 8px 10px;
    line-height: normal;
}
.sidebartoggle li:last-child {
    border: none;
}
.selectpicker{
    border: none;
    background-color: transparent;
    color: var(--purple);
    width: auto;
    outline: none;
    cursor: pointer;
}
.selectpicker.form-select{
    border: 1px solid #e8e8e8;
    background-color: transparent;
    color: var(--darkblue);
    width: 100%;
    outline: none!important;
    cursor: pointer;
    -webkit-appearance: none;
	appearance: none;
    box-shadow:none;
}
.tp-btn.btn-outline:hover .selectpicker{
    color: #fff;
}
.tp-btn.btn-outline:hover .selectpicker option{
    color: var(--purple);
}
.sidebar-mobile-close {
    display: none;
}
.griditems .card-grid h4.price, 
.listitems .card-grid h4.price, 
.popular-slider .price {
    font-size: 12px;
    margin-bottom: 5px;
    color: var(--purple);
    font-weight: 500;
    border: 1px solid #ccc;
    padding: 4px 10px 2px;
    border-radius: 5px 5px 0px 0px;
    background: #f6f6f6;
    display: inline-flex;
    color: #41464b;
    border-color: #d3d6d8;
    width: 50%;
    margin-bottom: 0px;
    width: 100%;
    line-height: 1.2;
}
.griditems .card-grid h4.price .fa, 
.listitems .card-grid h4.price .fa,
.popular-slider .shadowWPadding .card-grid .price .fa{
    margin-right: 3px;
    font-size: 11px;
    vertical-align: middle;
    line-height: 12px;
    margin-top: 2px;
}
.griditems .card-grid h4.price.bid_price, .listitems .card-grid h4.price.bid_price, .popular-slider .bid_price {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.filterPanel .currentliveauction, .popular-slider .currentliveauction {
    position: absolute;
    right: 15px;
    bottom: 10px;
    z-index: 1;
    color: #3dc153;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 13px;
}
.griditems .col-xl-3 {
    position: relative;
}
.header-wrapper .tp-header__main-right, .header-wrapper .logo{
     flex-grow: 1;
}
.btn-group-header{
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}
body.grid5 .griditems .col-xl-3 {
    flex: 0 0 auto;
    width: 16.66666666666667%;
}
.griditems .col-xl-3,
.griditems.grid-has-4column .col-xl-3{
    flex: 0 0 auto;
    width: 25%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    position: relative;
}
.modal-header, .modal-body {
    padding: 1rem 2rem;
    align-items: center;
}
.sign__shape img.man-1 {
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	z-index: 8;
	transform: translateX(-50%) translateY(-50%);
}
.p-relative {
	position: relative;
}
.sign__wrapper {
	padding: 50px 70px;
	padding-bottom: 45px;
	margin: 0 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
	-moz-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
	-ms-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
	-o-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
	box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
	z-index: 99;
	background: #fff;
	position: relative;
}
.sign__header {
	padding: 0 35px;
}
.sign__header p {
	margin-bottom: 0;
	position: relative;
	padding: 0 40px;
	display: inline-block;
}
.sign__form h5 {
	font-size: 16px;
	font-weight: 500;
	color: var(--darkblue);
	margin-bottom: 11px;
}
.sign__input {
	position: relative;
}
.sign__input input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    font-size: 14px;
    border: 2px solid #e8e8e8;
    color: var(--darkblue);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}
.sign__input i {
	position: absolute;
	top: 51%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 25px;
	font-size: 14px;
}
.sign__input i.passwordView {
	right: 0px;
	left: auto;
	width: 50px;
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.sign__agree input {
	margin: 0;
	appearance: none;
	-moz-appearance: none;
	display: block;
	width: 14px;
	height: 14px;
	background: transparent;
	border: 1px solid #ccc;
	outline: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}
.sign__agree input:checked::after {
	box-sizing: border-box;
	content: "\f00c";
	position: absolute;
	font: normal normal normal 14px / 1 FontAwesome;
	font-size: 10px;
	top: 46%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);	
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.sign__agree label {
	padding-left: 10px;
	font-size: 14px;
}
.e-btn {
    display: inline-block;
    text-align: center;
    padding: 14px 20px;
    color: #ffffff;
    background: var(--purple);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 30px;
    font-weight: 500;
    border: 1px solid var(--purple);
}

.sign__forgot .tp-btn{
    padding: 14px 20px;
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {
	color: var(--purple);
	background: var(--white);
    border: 1px solid var(--purple);
    box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%);
}
.popular-section {
    background: #f5f5f5;
    padding: 30px 0px 30px;
    position: relative;
    z-index: 1;
}
.mt-15 {
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.tp-section__title-wrapper {
    position: relative;
    z-index: 9;
}
.tp-section__title {
    font-size: 30px;
}
.popular-slider:not(.slick-initialized){
	display: flex;
}
@media (min-width: 1200px) {
	.popular-slider:not(.slick-initialized) .col-xl-3 {
		width: 20%;
	}
}
.popular-slider.slick-initialized {
    min-height: auto;
}
.popular-slider .slick-list {
    overflow: visible;
    display: flex;
    margin-bottom: 15px;
    margin-left: -10px;
    margin-right: -10px;
}
.popular-slider .slick-track {
    display: flex;
}
.popular-slider.remove_transform.slick-initialized .slick-track {
    transform: none !important;
}
.popular-slider .shadowWPadding {
    background: #FFFFFF;
    /* box-shadow: 0px 4px 10px rgb(0 0 0 / 10%); */
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 8px 0px;
    height: 100%;
    position: relative;
    border: 1px solid #e8e8e8;
    -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
}
.popular-slider .shadowWPadding:hover{
    box-shadow: rgba(0, 0, 0, 0.2) 2px 1px 8px;
}
.card-grid {
    width: 100%;
    float: left;
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 100%;
    display: flex;
    flex-direction: column;
        transition: all 0.3s ease-out 0s;
}
.popular-slider .popular-img {
    padding-top: 185px;
    position: relative;
    cursor: pointer;
	background-color: #f2f2f2;
	display: block;
}
.slick-slide img.slick-loading{
	opacity: 0;	
	visibility: hidden;
}
.popular-slider .popular-img img {
    width: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 350ms ease;
    transition: -webkit-transform 350ms ease;
    transition: transform 350ms ease;
    transition: transform 350ms ease, -webkit-transform 350ms ease;
    -o-object-fit: cover;
    object-fit: cover;
}
.popular-slider .button-list .tp-border-btn span {
    font-size: 13px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 24px;
    padding: 0px;
    text-align: center;
    background: var(--yellow);
    background: #fff;
    box-shadow: 0px 1px 7px rgb(0 0 0 / 54%);
    border-radius: 30px;
    border: none;
    display: inline-block;
}
.popular-text {
    padding: 25px 23px 5px;
    padding: 10px 12px 0px;
}
.popular-slider .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 0px;
    text-align: center;
}
.popular-slider .slick-dots li button {
    width: 23px;
    height: 7px;
    padding: 0;
    background: #1a1a36;
    border-radius: 5px;
    text-indent: -9999px;
    border: none;
    opacity: 0.2;
}
.popular-slider .slick-dots li.slick-active button {
    background: var(--purple);
    opacity: 1;
}
.popular-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 5px;
    list-style: none;
    display: inline-block;
}
.popular-slider .slick-arrow{
    height: 40px;
    width: 40px;
    background: var(--purple);
    border-radius: 50px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    right: 0px;
    top:0px;
    overflow: hidden;
    z-index: 9;
}
.popular-slider .slick-prev.slick-arrow{
    right: 50px;
    top:-48px;
}
.popular-slider .slick-next.slick-arrow{
    top:-48px;
}
.popular-slider .slick-prev.slick-arrow:before{
    content: "";
    content: "\f104";
    font: normal normal normal 14px / 1 FontAwesome;
    display: block;
    line-height: 37px;
    overflow: hidden;
    font-size: 30px;
    right: 1px;
    position: relative;
}
.popular-slider .slick-next.slick-arrow:before{
    content: "";
    content: "\f105";
    font: normal normal normal 14px / 1 FontAwesome;
    display: block;
    line-height: 37px;
    overflow: hidden;
    font-size: 30px;
    left: 1px;
    position: relative;
}
ul.savelist li {
    padding: 7px 10px;
    padding-right: 0px;
    padding: 0;
    flex-wrap: nowrap;
    border-bottom: 1px solid #e8e9e8;
}
ul.savelist li a {
    display: block;
    padding: 11.5px 10px;
    padding-right: 0px;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    color: var(--darkblue);
}
ul.savelist li .savelist_action {
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.savelist li .savelist_action button {
    color: #1a1a36;
    height: 100%;
    border-radius: 5px;
    font-size: 16px;
    padding: 0px 8px;
    color: var(--darkblue);
}
.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.pl-10 {
    padding-left: 10px;
}
.pr-10 {
    padding-right: 10px;
}
.form-control, select.form-select {
    border: 1px solid #dadada;
    height: 45px;
    border-radius: 5px !important;
    outline: none !important;
    font-size: 14px;
    box-sizing: border-box !important;
}
.shrink_input{
	position: relative;
}
.shrink_input .form-control{
    height: auto;
    padding: 24px 15px 5px 15px;
}
.shrink_input.password_input_info .form-control{
	padding-left: 40px;
}
.shrink_input.password_input .form-control{
    padding-right: 40px;
}
.shrink_input.password_input_info .form-input-label{
	left: 40px;
}
.shrink_input .form-control:not([value=""]) ~ .form-input-label,
.shrink_input .form-control:focus ~ .form-input-label,
.shrink_input .form-control:hover ~ .form-input-label,
.shrink_input .form-input-label.shrink {
    top: 5px;
    font-size: 12px;
}
.shrink_input .form-input-label {
	color: #8995a2;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	position: absolute;
	pointer-events: none;
	left: 15px;
	top: 16px;
	-webkit-transition: 300ms ease all;
	transition: 300ms ease all;
}
.register-fees-form .text-danger{
	font-size: 13px;
}
.required_field .form-control{
	border-color: #dc3545 !important;
}
.required_field.shrink_input .form-input-label,
.required_field.filter_required .form-control,
.required_field .form-control{
	color: #dc3545;
}
.required_field.shrink_input:not(.filter_required) ~ .text-danger,
.required_field:not(.filter_required) .text-danger{
	display: none!important;
}
.filterScrollBox {
    max-height: 235px;
    overflow: auto;
    margin-top: 5px;
    word-wrap: break-word;
}
.vehicleTypeSearch .checkbox {
    display: inline-block;
    margin-right: 15px;
}
.filterScrollBox .checkbox {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 7px;
}
div .modal-body .makefiltersearch>ul {
    width: 33.333333%;
    padding 0 px;
}
.modal-body .makefiltersearch {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 5px;
}
.card-grid .coming-soon-banner{
	background: #fad601;
    color: #000;
    right: auto;
    left: -27px;
    top: 21px;
    transform: rotate(315deg);
    padding: 4px 20px;
}
.card-grid .coming-soon-banner span{
	font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
}



/* ===========-------------- Bootstrap Tooltip CSS -------------==============*/
[data-toggle="tooltip"]{
	cursor: pointer;
}
.tooltip.show{
	opacity: 1;
	z-index: 999999;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #fff;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before{
	border-bottom-color: #fff;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #fff;
}
.tooltip-inner {
	max-width: 400px;
	padding: 0.25rem 0.5rem;
	color: #000;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
    text-transform: capitalize;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.65);
	font-family: var(--tp-ff-body);
	padding-top: 6px;
	padding-bottom: 5px;
	border: 1px solid #ccc;
	background: #fff;
}
.tooltip-inner p{
	margin-bottom: 8px;
}
.tooltip-inner p:last-child{
	margin-bottom: 0px;
}
/* ===========-------------- End Bootstrap Tooltip CSS -------------==============*/
/* ===========-------------- Custom Tooltip CSS -------------==============*/
.tooltip-custom {
	position: relative;
}
.tooltip-custom [data-tooltip] {
	position: relative;
	cursor: pointer;
}
.tooltip-custom [data-tooltip]:before,
.tooltip-custom [data-tooltip]:after {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 5px);
	z-index: 1000;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0;
	transition: opacity .15s ease .25s;
}
.tooltip-custom [data-tooltip]:focus {
	box-shadow: none;
}
.tooltip-custom [data-tooltip]::before {
	content: attr(data-tooltip);
	background: #fff;
	color: #000;
	padding: 3px 12px;
	white-space: nowrap;
	top: 100%;
	border-radius: 3px;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.65);
	border: 1px solid #ccc;
}
.tooltip-custom [data-tooltip]:after {
	content: '';
	background: transparent;
	border: 8px solid transparent;
	border-bottom-color: #1a1a36;
	top: auto;
	bottom: 0px;
	bottom: -1px;
}
.tooltip-custom [data-tooltip]:hover::before,
.tooltip-custom [data-tooltip]:hover::after,
.tooltip-custom [data-tooltip]:focus:before,
.tooltip-custom [data-tooltip]:focus:after,
.tooltip-custom [data-tooltip]:active:before,
.tooltip-custom [data-tooltip]:active:after {
	opacity: 1;
}
.tooltip-multiline [data-tooltip]::before {
	width: 333px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: capitalize;
	text-align: left;
	line-height: 1.3;
	word-break: break-word;
	white-space: normal;
}

/* ==============----------- Dropzone file upload css --------==========*/

body .dropzone {
	position: relative;
	border-radius: 5px;
	text-align: center;
	border: 2px dashed #ccc;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	min-height: auto;
	padding: 20px 5px;
}
body .dropzone .dz-message {
	display: flex;
	align-content: center;
	height: auto;
	margin: 1em 5px;
	color: #1f1d3c;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	opacity: 0.5;
	display: inline-block;
	width: 100%;
}
body .dropzone .dz-preview {
	margin: 5px 7px;
	position: relative;
}
body .dropzone .dz-preview .dz-image {
	border-radius: 10px;
	width: 100px;
	height: 100px;
	border: 1px solid #ccc;
}
body .dropzone .dz-preview .dz-remove {
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 99;
	background: #000;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 10px;
	text-decoration: none!important;
	cursor: pointer;
	/*position: absolute;
  right: 0;
  top: 0;*/
}
body .dropzone .dz-preview .dz-remove * {
	cursor: pointer;
}
body .dropzone .dz-preview .dz-progress .dz-upload {
	background: #1a1a36;
	background: linear-gradient(to bottom, #65657d, #1a1a36);
}
body .dropzone .dz-preview.dz-image-preview {
	background: none;
}
body .dropzone .dz-preview .dz-details .dz-filename {
	display: none;
}
body .dropzone .dz-preview .dz-error-mark,
body .dropzone .dz-preview .dz-success-mark {
	margin-left: -16px;
	margin-top: -16px;
}
body .dropzone .dz-preview .dz-error-mark svg,
body .dropzone .dz-preview .dz-success-mark svg {
	width: 36px;
	height: 36px;
}
body .dropzone .dz-preview .dz-error-mark svg path {
	fill: red;
}
body .dropzone .dz-preview .dz-success-mark svg path {
	fill: green;
}

/* ==============----------- End Dropzone file upload css --------==========*/

/* --------=========== Mobile Menu CSS ==========-----------*/

.offcanvas__area::-webkit-scrollbar {
	display: none;
	/* for Chrome, Safari, and Opera */
}
.offcanvas__area.offcanvas-opened {
	right: 0px;
}
.offcanvas__area {
	position: fixed;
	right: -490px;
	top: 0;
	width: 450px;
	height: 100%;
	transition-duration: 0.5s;
	z-index: 999;
	-ms-overflow-style: none;
	/* for Internet Explorer, Edge */
	scrollbar-width: none;
	/* for Firefox */
	overflow-y: scroll;
	min-width: 300px;
	min-height: 768px;
	background-size: cover;
	background-color: var(--tp-grey-1);
	z-index: 99999;
}

/* .offcanvas__logo img{
  max-width: 130px;
} */
.bg-primary{
    background-color: var(--purple)!important;
}
.offcanvas__wrapper {
	position: relative;
	overflow: auto;
	width: 100%;
	height: 100%;
	scrollbar-width: none;
	background: #f5f5f5;
	background: #fff;
}
.offcanvas__close-btn {
	display: inline-block;
	font-size: 20px;
	height: 35px;
	width: 35px;
	line-height: 1;
    color: #fff;
    background-color:#834edd !important;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;;
}
#filter-toggle .offcanvas__close-btn{
	background-color:var(--purple)!important;
}

.mobile_btns a {
	display: block;
	margin: 0px 0px 10px 0px;
	max-width: 200px;
}
.offcanvas__wrapper .search-input {
	padding-top: 13px;
	padding-bottom: 13px;
	position: relative;
}
.offcanvas__wrapper .search-input input {
	height: 40px;
	border: 0;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 50px;
	border-radius: 30px;
	width: 100%;
	box-shadow: 0px 0px 7px 0px #00000024;
}
.offcanvas__wrapper .search-input a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.body-overlay {
	background-color: #000;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
/*.body-overlay:hover {
	cursor: url(../img/icons/cross-out.png), pointer;
}*/
.body-overlay.opened {
	opacity: 0.7;
	visibility: visible;
}
.form-control, select.form-select{
    box-shadow: none!important;
    border:1px solid #dadada!important;
}
select.form-select{
    cursor: pointer;
}


/* @media only screen and (min-width:1180px) and (max-width:1280px){
	.card-grid .counter .zeroreserve,
	.counter .tp-border-btn span{
		font-size: 9px;
        padding: 4px 8px;
	}
} */



/* @media only screen and (max-width:1280px){
	.card-grid .counter .zeroreserve,
	.counter .tp-border-btn span{
		font-size:11px;
		padding: 4px 8px;
	}
	 body.grid5 .card-grid .counter .zeroreserve,
	 body.grid5 .counter .tp-border-btn span{
		font-size: 10px;
	 }
}

@media only screen and (max-width:1180px){
	body.grid5 .card-grid .counter .zeroreserve,
	 body.grid5 .counter .tp-border-btn span{
		font-size: 9px;
	 }
} */

@media only screen and (max-width:1300px) {
	.griditems .col-xl-3 {
		flex: 0 0 auto;
		width: 33.3333333%;
	}
}
@media only screen and (max-width:992px) {
    .mobile_btns .tp-btn, .mobile_btns .theme-btn {
        padding: 9px 20px;
    }
    .offcanvas__top h4{
        font-size: 18px;
    }
    .mobile_btns .header-acttion-btns{
        display: block !important;
        padding: 20px 15px 10px;
    }
    .footer__social {
        text-align: left;
    }
	.step-wrapper .step{
		justify-content: center;
		padding: 40px;
		-webkit-box-pack: center;
		z-index: 99;
	}
	.step-wrapper .step .grid-works{
		grid-template-rows: auto auto auto;
		grid-template-columns: 1fr;
	}
	#step-1,
	#step-2,
	#step-3{
		order: -9999;
	}
	#step-1-img,
	#step-3-img{
		order: -9999;
        justify-self: center;
	}
	.step-wrapper .line{
		height: 40%;
	}
	.offcanvas__content .offcanvas__close {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 9;
	}
	.offcanvas__content .offcanvas__top {
		position: relative;
		z-index: 1;
	}
}
@media (max-width: 575px) {
	.offcanvas__area {
		width: 320px;
	}
}

/* --------=========== end Mobile Menu CSS ==========-----------*/


/* ===============-------------- Header Auction Live Time and Button -----------====================*/
.auction_live_header {
	/*background: #ffe7af;
    padding: 6px 11px;
    border-radius: 5px;
    border: 1px solid #fcbd2e;*/
	position: fixed;
	bottom: 10px;
	left: 0;
	z-index: 991;
	/*width: 100%;*/
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	left: 50%;
    transform: translateX(-50%);
}
.auction_live_header.hide{
	display: none!important;
}
.auction_live_header .auction_live_header_inner {
	background: #fff;
	padding: 10px 15px;
	padding: 15px 10px;
	border-radius: 5px;
	box-shadow: 0px 0px 12px #0000005e;
	display: inline-block;
}
.auction_live_header_inner .auction_live_btn {
	padding: 6px 17px;
	padding-left: 31px;
	font-size: 15px;
	display: inline-block;
}
.button_link.auction_live_header {
	bottom: 15px;
}
.button_link.auction_live_header .auction_live_header_inner {
	background: none;
	padding: 0;
	box-shadow: none;
}
.auction_live_header img {
	width: 38px;
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
}
.auction_live_header .auction_live_text {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1;
}
.auction_live_header .auction_live_btn {
	color: #fff;
	vertical-align: middle;
	font-weight: 500;
	font-size: 16px;
	padding: 8px 25px;
	padding-left: 40px;
	margin-left: 5px;
	margin-right: 5px;
}
.auction_live_header .auction_live_btn:before {
	left: 18px;
}
.auction_live_header .auction_live_btn:after {
	left: 15px;
}
.run_live_auction_page .auction_live_header {
	display: none!important;
}
.mobile_header_live,
.mobile_back_link {
	display: none;
}
.currentvehicle .counter .tp-border-btn:before, 
.currentvehicle .counter .tp-border-btn:after, 
.live_auction_btn:before, 
.live_auction_btn:after, 
.currentvehicle .button-list .tp-border-btn:not(.addto_watchlist) span:before, 
.currentvehicle .button-list .tp-border-btn:not(.addto_watchlist) span:after {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #fff;
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
    z-index: 2;
}
.currentvehicle .counter .tp-border-btn:after,
.live_auction_btn:after,
.currentvehicle .button-list .tp-border-btn:not(.addto_watchlist) span:after {
	content: "";
	-webkit-animation: 1s blink ease infinite;
	-moz-animation: 1s blink ease infinite;
	-ms-animation: 1s blink ease infinite;
	-o-animation: 1s blink ease infinite;
	animation: 1s blink ease infinite;
	width: 14px;
	height: 14px;
	left: 8px;
	z-index: 1;
	background: #20d93f;
}
@keyframes "blink" {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
@-moz-keyframes blink {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
@-webkit-keyframes "blink" {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
@-ms-keyframes "blink" {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
@-o-keyframes "blink" {
	from,
	to {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
body .auction_live_header .auction_live_btn {
	text-transform: uppercase;
	padding: 7px 20px;
	padding-left: 65px;
	box-shadow: 0px 2px 4px #0000005e;
}
body .auction_live_header .auction_live_btn:before {
	content: "";
	width: 60px;
	height: 60px;
	border: 5px solid green;
	left: -4px;
	background-color: #fff;
	background-image: url(../images/bid_icon.png);
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0px 0px 6px #0000005e;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.auction_live_header .auction_live_btn:hover {
    background: var(--purple);
    border-color: var(--purple);
    color: #fff;
}
.auction_live_header .auction_live_btn:hover:before {
	border-color: var(--purple);
}



/* ===============-------------- End Header Auction Live Time and Button -----------====================*/


body .lg-backdrop {
	z-index: 9999
}
body .lg-outer {
	z-index: 99999;
}
.message_error:empty,
#driver_licenseimage:empty {
	margin: 0px;
}
.LoadMoreData #loadinginventoryDiv,
.LoadMoreData #no_more_found_data {
	text-align: center;
}
#loadinginventoryDiv img {
	width: 31px;
}
.field-box ul.dropdownbox .w-100 {
	padding: 0px 10px 7px;
}
.field-box ul.dropdownbox .w-100 p {
	margin: 0px;
}
.field-box ul.dropdownbox .inventory-div {
	padding: 10px 0px;
}
body.grid5 .griditems .col-xl-3 {
	flex: 0 0 auto;
	width: 16.66666666666667%;
}
.griditems .row {
	padding-left: 0px;
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}
.filterPanel .currentliveauction,
.popular-slider .currentliveauction {
	position: absolute;
	right: 15px;
	bottom: 10px;
	z-index: 1;
	color: #3dc153;
	font-weight: 600;
	letter-spacing: 0.5px;
	font-size: 13px;
}
.filterPanel .currentliveauction:before,
.popular-slider .currentliveauction:before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	background: #3dc153;
	margin-right: 5px;
	border-radius: 20px;
}
.currentvehicle .counter .values {
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc
}

.footer-sub-btn {
	border: none;
}
.mobile_show {
	display: none!important;
}
.sidebartoggle .show>.btn-light.dropdown-toggle {
	border-color: #dadada;
}
.saveSearchPopup .form-label{
	margin-bottom: 2px;
	font-weight: 500;
}
.modal-body .makefiltersearch {
	display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
	margin-top: 5px;
	margin-left: -10px;
    margin-right: -10px;
}
.filterScrollBox{
	max-height: 235px;
    overflow: auto;
	margin-top: 5px;
	word-wrap: break-word;
}
div .modal-body .makefiltersearch>ul {
    width: 33.333333%;
    padding-left: 10px;
    padding-right: 10px;
}
.modal-body .makefiltersearch ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.modal-body .makefiltersearch li {
    list-style: none;
    display: block;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.modal-body .makefiltersearch li .checkbox{
	padding: 0;
	margin-bottom: 7px;
}

.filterScrollBox .checkbox{
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 7px;
}
.filterScrollBox .checkbox:last-child{
	margin-bottom: 0px;
}
.modal-body .makefiltersearch li ul{
	padding: 0;
    padding-left: 15px;
    margin-top: 5px;
	margin-bottom: 10px;
}
.modal-body .makefiltersearch li ul:empty{
	margin-bottom: 0px;
}
.modal-body .makefiltersearch li ul li{
	padding: 0;
}
.vehicleTypeSearch .checkbox {
    display: inline-block;
    margin-right: 15px;
}
.vehicleTypeSearch .checkbox:last-child {
    margin-right: 0px;
}
.bottom-strip-menu ul.bottom-menu{
	display: flex;
}
.bottom-strip-menu ul.bottom-menu li a{
	color: #000;
	padding: 0px 5px;
	font-size:12px;
}
.bottom-strip-menu ul.bottom-menu li a:hover{
	color: var(--purple);
	text-decoration: underline;
}
.footer__bottom .social-icons{
	float: right;
}

.bootstrap-select .dropdown-menu {
	padding-top: 0px;
	padding-bottom: 0px;
}
.sidebar-mobile-close {
	display: none;
}
.mobile_show_name {
	display: none;
}
body .btn-close {
	opacity: 1;
}
.live_prebid_inventory_popup {
	padding-left: 15px;
	padding-right: 15px;
}
.live_prebid_inventory_popup .div_checkbox_prebid .theme-btn {
	margin-bottom: 10px;
	margin-top: 10px;
}
.live_prebid_inventory_popup .user_bid_history_table {
	margin-top: 10px;
}
.live_prebid_inventory_popup .user_bid_history_table {
	margin-left: -15px;
	margin-right: -15px;
	width: auto;
}
.live_prebid_inventory_popup .user_bid_history_table th {
	line-height: 1.1;
}
body .live_prebid_inventory_popup .user_bid_history_table tr td {
	border: 1px solid #e8e8e8;
	text-align: left;
}
body .live_prebid_inventory_popup .user_bid_history_table tr th:first-child,
body .live_prebid_inventory_popup .user_bid_history_table tr td:first-child {
	border-left: 0px;
}
body .live_prebid_inventory_popup .user_bid_history_table tr th:last-child body .live_prebid_inventory_popup .user_bid_history_table tr td:last-child {
	border-right: 0px;
}
.live_prebid_inventory_popup .user_bid_history_table tbody {
	border-top: 0px;
}
.lg-toolbar .lg-icon:not(.lg-close,
#lg-zoom-in,
#lg-zoom-out) {
	display: none;
}
.attention_notes {
	position: relative;
	z-index: 1;
}
.dashboard-page.attention_notes {
	padding-top: 15px;
}
.attention_notes .feeslists_user:empty {
	padding-top: 0px;
}
.attention_notes .feeslists_user .alert {
	margin: 0;
}
.frontside-page .container {
	padding: 0;
}
.attention_notes_slider .alert {
	margin: 0;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 53px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.frontside-page .attention_notes_slider .alert {
	padding-top: 2px;
	padding-bottom: 2px;
	min-height: 42px;
}
.attention_notes_slider .slick-track {
	display: flex;
}
.attention_notes_slider .alert * {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}
.attention_notes_slider .alert .theme-btn {
	/* background: var(--darkblue) !important;
	color: #fff !important;
	border-color: var(--darkblue) !important; */
	margin-top: 5px;
	margin-bottom: 5px;
	outline: none;
	box-shadow: none;
}
.frontside-page .attention_notes_slider .alert .theme-btn {
	padding: 5px 10px 4px;
	font-size: 12px;
	font-weight: 500;
	height: 25px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.attention_notes_slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
	cursor: pointer;
}
.attention_notes_slider .slick-arrow.slick-prev {
	left: 0px;
}
.attention_notes_slider .slick-arrow.slick-next {
	right: 0px;
	;
}
.modal-body .btn-link.close {
	color: #1a1a36;
	font-size: 14px;
}
.modal-body .btn-link.close:hover {
	text-decoration: none;
}
.modal button.btn.btn-paynow {
	padding: 9px 35px;
	font-size: 15px;
}
.mobile-menu ul li {
	border-bottom: 1px solid #ccc;
}
.mobile-menu ul li a {
	display: block;
	padding: 9px 15px;
	color: var(--darkblue);
	font-weight: 500;
	font-weight: 500;
	position: relative;
}
.mobile-menu ul li a:focus,
.mobile-menu ul li a:visited,
.mobile-menu ul li a:hover {
    background: #e4d8f7;
}
.mobile-menu .menu_title {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 8px 10px;
	background: #e4e4e4;
}
.mobile-menu ul li.has-dropdown > a {
	padding-right: 35px;
}
.mobile-menu ul li.has-dropdown > a:before {
	content: "\f105";
	font-family: "FontAwesome";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: auto;
	font-size: 18px;
	color: #575656;
}
.mobile-menu ul li.has-dropdown > a.active:before {
	content: "\f107";
}
.mobile-menu ul li ul li {
	border-bottom: none;
	border-top: 1px solid #ccc;
}
.mobile-menu ul li .submenu li a {
	padding-left: 30px;
}
.mobile-menu ul li .submenu {
	display: none;
}
.mobile-menu ul li ul.submenu.open {
	display: block !important;
	height: auto !important;
}
.tp-countdown__section .desktop-none{
	display: none;
}
.site-map-wrapper{
	max-width: 1080px;
	margin: 0 auto;
}
.site-map-wrapper .grid-sitemap{
	display: grid;
	grid-template-columns: repeat(4,1fr);
}
.site-map-wrapper ul.grid-sitemap li a{
	font-size: 16px;
}
.card-header .bid-btn-group a.green-bg-btn.btn{
	background: #22a76b;
	border-color: #22a76b;
}
.card-header .bid-btn-group a.red-bg-btn.btn{
	background: #f31818;
	border-color: #f31818;
}
.card-header .bid-btn-group a.green-bg-btn.btn:hover,
.card-header .bid-btn-group a.red-bg-btn.btn:hover{
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.dropdown-menu-right a.log-out i.fa-power-off:before{
	content: " ";
}
.dropdown-menu-right a.log-out i.fa-power-off{
	background-image: url(../images/logout-icon.svg);
	width: 14px;
	height: 14px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
    top: 3px;
}
body .m-l-5 {
    margin-left: 5px;
}
body .m-l-10 {
    margin-left: 10px;
}
.m-b-0 {
    margin-bottom: 0px;
}
.pro-pic-dropdown {
    height: 45px;
    width: 45px;
    border: 1px solid #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
	display: flex;
	justify-content: center;
    align-items: center;
}
.pro-pic-dropdown .ti-user {
    font-size: 18px;
}
.pro-name-dropdown {
    width: calc(100% - 55px);
}
body .p-15 {
    padding: 15px;
}
.text-white {
    color: #fff !important;
}
.text-white p{
    color: #fff !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.changePasswordUser .form-label{
	font-weight: 500;
	margin: 0;
}
.changePasswordUser .theme-btn{
	padding: 9px 25px;
}
.message_error:empty,
#driver_licenseimage:empty {
	margin: 0px;
}
.LoadMoreData #loadinginventoryDiv,
.LoadMoreData #no_more_found_data {
	text-align: center;
}
#loadinginventoryDiv img {
	width: 31px;
}
.field-box ul.dropdownbox .w-100 {
	padding: 0px 10px 7px;
}
.field-box ul.dropdownbox .w-100 p {
	margin: 0px;
}
.field-box ul.dropdownbox .inventory-div {
	padding: 10px 0px;
}
body.grid5 .griditems .col-xl-3 {
	flex: 0 0 auto;
	width: 20%;
}
.filterPanel .currentliveauction,
.popular-slider .currentliveauction {
	position: absolute;
	right: 15px;
	bottom: 10px;
	z-index: 1;
	color: #3dc153;
	font-weight: 600;
	letter-spacing: 0.5px;
	font-size: 13px;
}
.filterPanel .currentliveauction,
.popular-slider .currentliveauction{
	position: relative;
	bottom: 0px;
	right: 0px;
}
.filterPanel .currentliveauction:before,
.popular-slider .currentliveauction:before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	background: #3dc153;
	margin-right: 5px;
	border-radius: 20px;
}
.currentvehicle .counter .values {
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc
}
.mobile_show {
	display: none!important;
}
.sidebartoggle .show>.btn-light.dropdown-toggle {
	border-color: #dadada;
}
.div_checkbox_prebid .input-group .form-control::-webkit-outer-spin-button,
.div_checkbox_prebid .input-group .form-control::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.div_checkbox_prebid .input-group .form-control {
	-moz-appearance: textfield;
}

.mobile_bid_box .mobile_bid_box_inner {
	display: none;
}
.saveSearchPopup .form-label{
	margin-bottom: 2px;
	font-weight: 500;
}
.modal-body .makefiltersearch {
	display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
	margin-top: 5px;
}
.filterScrollBox{
	max-height: 235px;
    overflow: auto;
	margin-top: 5px;
	word-wrap: break-word;
}
div .modal-body .makefiltersearch>ul {
    width: 33.333333%;
    padding-left: 10px;
    padding-right: 10px;
}
.modal-body .makefiltersearch ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.modal-body .makefiltersearch li {
    list-style: none;
    display: block;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.modal-body .makefiltersearch li .checkbox{
	padding: 0;
	margin-bottom: 7px;
}
.filterScrollBox .checkbox{
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 7px;
}
.filterScrollBox .checkbox:last-child{
	margin-bottom: 0px;
}
.modal-body .makefiltersearch li ul{
	padding: 0;
    padding-left: 15px;
    margin-top: 5px;
	margin-bottom: 10px;
}
.modal-body .makefiltersearch li ul:empty{
	margin-bottom: 0px;
}
.modal-body .makefiltersearch li ul li{
	padding: 0;
}
.vehicleTypeSearch .checkbox {
    display: inline-block;
    margin-right: 15px;
}
.vehicleTypeSearch .checkbox:last-child {
    margin-right: 0px;
}
.bottom-strip-menu ul.bottom-menu{
	display: flex;
}
.bottom-strip-menu ul.bottom-menu li a{
	color: #000;
	padding: 0px 5px;
	font-size:12px;
}
.bottom-strip-menu ul.bottom-menu li a:hover{
	color: var(--purple);
	text-decoration: underline;
}
.footer__bottom .social-icons{
	float: right;
}

.bootstrap-select .dropdown-menu {
	padding-top: 0px;
	padding-bottom: 0px;
}
.sidebar-mobile-close {
	display: none;
}
.mobile_show_name {
	display: none;
}
body .btn-close {
	opacity: 1;
}
.lg-toolbar .lg-icon:not(.lg-close,
#lg-zoom-in,
#lg-zoom-out) {
	display: none;
}
.attention_notes {
	position: relative;
	z-index: 1;
}
.attention_notes .feeslists_user:empty {
	padding-top: 0px;
}
.attention_notes .feeslists_user .alert {
	margin: 0;
}
.frontside-page .container {
	padding: 0;
}
.attention_notes_slider .alert {
	margin: 0;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 53px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.frontside-page .attention_notes_slider .alert {
	padding-top: 2px;
	padding-bottom: 2px;
	min-height: 42px;
}
.attention_notes_slider .slick-track {
	display: flex;
}
.attention_notes_slider .alert * {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}
.attention_notes_slider .alert .theme-btn {
	/* background: var(--darkblue) !important;
	color: #fff !important;
	border-color: var(--darkblue) !important; */
	margin-top: 5px;
	margin-bottom: 5px;
	outline: none;
	box-shadow: none;
}
.frontside-page .attention_notes_slider .alert .theme-btn {
	padding: 5px 10px 4px;
	font-size: 12px;
	font-weight: 500;
	height: 25px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.attention_notes_slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
	cursor: pointer;
}
.attention_notes_slider .slick-arrow.slick-prev {
	left: 0px;
}
.attention_notes_slider .slick-arrow.slick-next {
	right: 0px;
	;
}

.tp-countdown__section .desktop-none{
	display: none;
}
.card-header .bid-btn-group a.green-bg-btn.btn{
	background: #22a76b;
	border-color: #22a76b;
}
.card-header .bid-btn-group a.red-bg-btn.btn{
	background: #f31818;
	border-color: #f31818;
}
.card-header .bid-btn-group a.green-bg-btn.btn:hover,
.card-header .bid-btn-group a.red-bg-btn.btn:hover{
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.dropdown-menu-right a.log-out i.fa-power-off:before{
	content: " ";
}
.dropdown-menu-right a.log-out i.fa-power-off{
	background-image: url(../images/logout-icon.svg);
	width: 14px;
	height: 14px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
    top: 3px;
}

.changePasswordUser .form-label{
	font-weight: 500;
	margin: 0;
}
.changePasswordUser .theme-btn{
	padding: 9px 25px;
}
.tp-header__attach .user-dd {
    min-width: 280px;
    padding: 0px;
    transform: none !important;
}
.header-wrapper .dropdown-menu .with-arrow {
    position: absolute;
    height: 10px;
    overflow: hidden;
    width: 40px;
    top: -10px;
}
.header-wrapper .dropdown-menu.dropdown-menu-right .with-arrow {
    right: 0px;
}
.header-wrapper .dropdown-menu .with-arrow > span {
    background-color: var(--purple)!important;
    width: 15px;
    height: 15px;
    top: 3px;
    left: 15px;
    position: absolute;
    content: '';
    -moz-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
    /* box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.1); */
}
body .m-r-5 {
    margin-right: 5px;
}
.header-wrapper .dropdown-menu .with-arrow > span {
    border-radius: 3px 0 0 0;
}
.header-wrapper .dropdown-menu .with-arrow > span {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.header-wrapper .dropdown-menu.dropdown-menu-right .with-arrow > span {
    right: 20px;
    left: auto;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.65rem 1rem;
    clear: both;
    font-weight: 300;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    font-weight: normal;
    font-family: var(--tp-ff-body);
}
.mr-1 {
    margin-right: 0.25rem !important;
}
.currentvehicle .counter{
	align-items: center;
}
.currentvehicle .counter .tp-border-btn, .live_auction_btn, .currentvehicle .button-list .tp-border-btn:not(.addto_watchlist) span {
    background: #008f00;
    color: #fff;
    border: 2px solid;
    border-color: #008f00;
    padding: 6px 10px;
    border-radius: 50px;
    padding-left: 26px;
    white-space: nowrap;
    position: relative;
    font-size: 12px;
    font-weight: 500;
}
.currentvehicle .counter .tp-border-btn span{
    border: none;
    padding: 0px;
    background: #008f00;
    color: #fff;
    box-shadow: none;
}
.auction_live_header .auction_live_btn {
    color: #fff;
    vertical-align: middle;
    font-weight: 500;
    font-size: 16px;
    padding: 8px 25px;
    padding-left: 40px;
    margin-left: 5px;
    margin-right: 5px;
}
body .auction_live_header .auction_live_btn {
    text-transform: uppercase;
    padding: 7px 20px;
    padding-left: 65px;
    box-shadow: 0px 2px 4px #0000005e;
}
.attention_notes_slider_row .attention_notes_slider{
	display: none;
}
.attention_notes_slider_row .attention_notes_slider.slick-initialized{
	display: block;
}




/*--------------------------------- sign up design changes-------------------------------------- */
.form-check .form-check-input{
	margin-left: -2em;
}
.register-fees-popup .intl-tel-input ul.country-list{
	white-space: break-spaces;
    width: 220px;
}
.register-fees-popup .intl-tel-input ul.country-list li{
	position: relative;
	padding-left: 40px;
}
.register-fees-popup .intl-tel-input ul.country-list li .flag-box{
	position: absolute;
	top: 10px;
	left: 10px;
}

/*--------------------------------- end sign up design changes---------------------------------- */

  /*--------------------------------- sign up pop-up scrollbar css------------------------------ */
.register-fees-popup .modal-body::-webkit-scrollbar {
	width: 5px;
}
.register-fees-popup .modal-body::-webkit-scrollbar-track {
	background: #fff; 
}
.register-fees-popup .modal-body::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 10px;
}
 /*--------------------------------- end of sign up pop-up scrollbar css------------------------- */
.form.register-fees-form .step-form-pane,
.register-fees.step-form-pane{
	max-width: 100%;
}
.register-fees-popup .modal-header,
.log-in-popup .modal-header{
    padding: 0px;
    border: none;
}
.register-fees-popup .modal-content,
.log-in-popup .modal-content{
	border-radius: 15px;
}
.register-fees-popup button.btn-close,
.log-in-popup button.btn-close{
    position: absolute;
    top: 15px;
    right: 20px;
}
.register-fees-popup .step-form-pane .bd-example{
	padding: 0px 10px;
    border: none;
	border-radius: 0;
    overflow: auto;
}
.register-fees-popup .step-form-pane .bd-example.payment_notes_custom{
	padding: 0;
}
.register-fees-form .step-form-pane .bd-example.notification-prefe .filtersection label{
	font-size: 14px;
	line-height: 1.3;
}
.register-fees-form .step-form-pane .bd-example.notification-prefe .filtersection input,
.register-fees-form .termscondition_checkbox .form-check input{
	width: 20px;
	height: 20px;
	border-radius: 25px;
}
.register-fees-popup .theme-btn.lg-btn{
    padding: 10px 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
}
.register-fees-popup .theme-btn.lg-btn i.fa-angle-right{
    position: absolute;
    right: 19px;
    font-size: 22px;
    top: -1px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.register-fees-form .intl-tel-input{
	width: 100%;
}
.max-content-center{
	max-width: max-content;
	margin-left: auto;
	margin-right: auto;
}
/* .register-fees-form input[type="text"],
.register-fees-form input[name="address"]{
	text-transform: uppercase;
} */
.register-fees-form input[name="license_numbere"],
.register-fees-form input[name="policy_number"]{
	text-transform: uppercase;
}
.register-fees-form input[name="password"]{
	text-transform: none;
}
.register-fees-popup .theme-btn.lg-btn.light-purple-btn{
	background-color: var(--purple);
	border: 2px solid transparent;
}
.register-fees-popup .theme-btn.lg-btn.border-purple-btn{
	padding: 10px 40px 10px 40px;
}
@media screen and (min-width: 768px){
	.register-fees-popup .registered_skip{
		position: absolute;
		right: 50px;
		top: 13px;
	}
	.modal-skip button.btn-close {
		top: 22px;
	}
	.registered_credit_skip{
		margin: 0;
	}
}
.registered_credit_skip{
	margin-bottom: 10px;
}
.register-fees-popup .registered_skip .theme-btn.lg-btn{
	font-size: 14px;
	padding: 5px 14px;
}
.border-purple-btn:hover{
	background-color: var(--purple);
	border: 2px solid transparent;
	color: #fff;
}
.log-in-popup input.light-purple-btn.e-btn{
    line-height: 45px;
    font-size: 20px;
}
.log-in-popup .sign__forgot a.border-purple-btn,
.log-in-popup .sign_up_btn a.light-purple-btn{
	line-height: 45px;
    height: 50px;
    padding: 0px 18px;
}
.log-in-popup form .sign__input input{
	border: 1px solid #ccc;
}
.light-purple-btn{
	background: var(--purple);
	border: 2px solid transparent;
}															
.light-purple-btn:hover{
	background: transparent !important;
    color: var(--purple);
    border: 2px solid var(--purple)!important;
    box-shadow: 0px 0px 0px 4px rgb(154 113 225 / 27%);
}
.border-purple-btn{
	background: transparent;
	color: var(--purple);
	border: 2px solid var(--purple);
}
.theme-btn.border-purple-btn{
	font-size: 14px;
}
.register-fees-form .termscondition_checkbox .form-check label{
	font-size: 15px;
}
.register-fees-form .text-link-div .tooltip-custom{
	top: 1px;
}
.register-fees-popup .alert.p-10{
	padding: 10px;
}
.register-fees-form .step-form-pane{
	max-width: 100%;
}
body .register-fees .dropzone{
	padding: 10px 5px;
}
.register-fees-popup .MicrosoftMap .as_container ul li{
	list-style-type: none;
}
.register-fees-popup .MicrosoftMap{
	top: 100%;
}
.MicrosoftMap{
	width: 100% !important;
    left: 0px;
}
.MicrosoftMap .as_container_search{
	width: 100% !important;
}
.register-fees-popup .notification-prefe .filtersection{
	padding-left: 40px;
}
.password_input {
    position: relative;
}
.register-fees-form input[name="password"] {
    text-transform: none;
}
.MicrosoftMap .as_container_search, .MicrosoftMap .as_container_search * {
    transition: none !important;
    -webkit-transition: none !important;
}
/* datpicker css */
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.bootstrap-datetimepicker-widget table td span.active{
	background: #9a71e1 !important;
}
.bootstrap-datetimepicker-widget .table th,
.bootstrap-datetimepicker-widget .table td{
	border-top: 1px solid #dee2e6;
}
.bootstrap-datetimepicker-widget .table th{
	font-weight: 500;
	text-transform: uppercase;
}
.bootstrap-datetimepicker-widget .datepicker-months table td span,
.bootstrap-datetimepicker-widget .datepicker-years table td span,
.bootstrap-datetimepicker-widget .datepicker-decades table td span{
	height: auto;
    line-height: normal;
    width: 50px;
    padding: 10px 8px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li{
	list-style-type: none;
}
.bootstrap-datetimepicker-widget .table>:not(:first-child){
	border-top: none;
}
.bootstrap-datetimepicker-widget .datepicker-months table td,
.bootstrap-datetimepicker-widget .datepicker-years table td,
.bootstrap-datetimepicker-widget .datepicker-decades table td{
	height: auto;
    padding: 0;
}

.datepicker-dropdown{
	padding: .5rem 0;
}
.datepicker .day, .datepicker .dow{
	padding: 5px 10px;
}
.datepicker td, .datepicker th{
	text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    font-size: 0.875rem;
}
.datepicker-months table.table-condensed tbody tr td,
.datepicker-years table.table-condensed tbody tr td,
.datepicker-centuries table.table-condensed tbody tr td,
.datepicker-decades table.table-condensed tbody tr td{
	display: grid;
    grid-template-columns: auto auto auto;
    height: auto;
}
.datepicker-months table.table-condensed,
.datepicker-years table.table-condensed,
table.datepicker-months,
table.datepicker-years,
table.datepicker-centuries,
.datepicker-centuries table.table-condensed,
table.table-condensed{
	width: 100%;
}
.datepicker-months table.table-condensed tbody tr td span.month,
.datepicker-years table.table-condensed tbody tr td span.year,
.datepicker-centuries table.table-condensed tbody tr td span.century,
.datepicker-decades table.table-condensed tbody tr td span.decade{
	width: 45px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-wrap: wrap;
}
.datepicker .day{
	cursor: pointer;
}
/*---------- datepicker css end---------------- */
.password_input input {
    padding-right: 40px;
}
.password_input_info input{
	padding-left: 40px;
}
.password_input i.fa:not(.fa-info-circle), .password_input .password_tooltip {
    position: absolute;
    right: 0px;
    top: 0;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.password_input .password_tooltip {
    left: 0;
}
.form-check-input:checked[type=checkbox] {
    background-color: var(--darkblue);
}
.form-check-input:checked {
    background-color: transparent;
    border-color: var(--darkblue);
}
.form-check {
    padding-left: 2em;
    font-size: 16px;
    line-height: 1.8;
}
a {
    color: var(--bs-purple);
}
.mb-20 {
    margin-bottom: 20px;
}
.modal{
        z-index: 999999;   
}
.modal-backdrop{
    z-index: 99999;
}



@media screen and (min-width: 768px) and (min-height: 400px){
	.landscape_window{
		display: none!important;
	}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
	.landscape_window{
		display: block!important;
	}
}
@media screen and (orientation: portrait) {
	.landscape_window{
		display: none!important;
	}
}
.landscape_window {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: #fff;
	z-index: 9999999999;
}
.landscape_window_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 20px 20px;
}
.landscape_window_inner h3 {
	margin: 0;
	margin-top: 20px;
    margin-bottom: 5px;
	text-align: center;
}
.landscape_window_inner p {
	font-size: 16px;
	text-align: center;
	margin: 0;
}
.offcanvas__content .fa-power-off{
	background-image: url(../images/logout-icon.svg);
	width: 14px;
	height: 14px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	top: 3px
}
.offcanvas__content .fa-power-off:before{
	content: " ";
}
.custom_modal_bs .modal-dialog:before{
	content: "";
    position: fixed;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    top:0px;
}
.text-danger:empty{
    margin: 0px!important;
}
.mt-01{
    margin-top: -3px;
}
.mt-01 .form-control{
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}
.privacyConditionsPopup, .termsConditionsPopup {
	background: #00000050;
}
.privacyConditionsPopup .modal-content, .termsConditionsPopup .modal-content{
	height: 100%;
}
.privacyConditionsPopup ul, .termsConditionsPopup ul {
    padding-left: 20px;
}
.privacyConditionsPopup  ul li, .termsConditionsPopup ul li{
	line-height:26px;
	list-style-type: disc !important;
}
.NextPreBidModal.show {
	display: flex;
}
.NextPreBidModal {
	background: #0000009c;
	display: flex;
}
.NextPreBidModal .modal-dialog {
	max-width: calc(100% - 20px);
	width: calc(100% - 20px);
	margin: 10px auto;
}
.NextPreBidModal .modal-body {
	padding: 0px;
}
.NextPreBidModal .pre_bidModal_iframe {
	width: 100%;
	height: calc(100vh - 72px);
	;
}
.NextPreBidModal .btn-close .ti-close {
	display: none;
}
.NextPreBidModal .modal-header {
	padding: 10px 20px;
}


/* ==========------------- Start User Dahboard Manage Credit Cards box design ------------============*/
.vfinder .tab-pane .cd-content ul{
   display: block;
}
.cd-content ul li{
    background: url(/static/images/security.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}
.cd-img{
    display: flex;
    gap: 10px;
    align-items: center;
}
.alert-creditcard{
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: #fff;
    align-items: center;
    max-width: 740px;
    margin: 0 auto;
    margin-bottom: 23px;
    border: 1px solid #9a71e1;
    box-shadow: 4px 4px 4px #0000001a;
    background-color: #fff;
    padding: 12px 15px;
}
.cd-content{
    line-height: 1.7;
    width: calc(100% - 100px);
    margin: 0px;
}
@media only screen and (max-width:767px) {
	.alert-creditcard {
		flex-direction: column;
		gap: 10px;
	}
	.cd-content{
		width: 100%;
	}
}
/* ==========------------- End User Dahboard Manage Credit Cards box design ------------============*/


@media only screen and (max-width:1400px) and (min-width: 992px) {
	.griditems .counter.list_counter{
		flex-wrap:nowrap;
		gap:10px;
		align-items:center;
	}
	.griditems .card-grid .counter .zeroreserve{
		font-size:11px;
		padding:5px 5px;
		line-height: 1;
	}
	.griditems .counter.list_counter *{
		text-align: center;
	}
	.griditems .currentvehicle .counter .tp-border-btn{
		font-size:12px;
		padding: 3px 10px;
		padding-left: 26px;
	}
	.griditems .currentvehicle .counter .tp-border-btn span {
		padding: 0;
	}
	.griditems .counter .tp-border-btn span {
        line-height: 1;
        padding: 7px 12px;
    }
}
@media only screen and (min-width: 1700px) {
    .griditems .col-xl-3 {
        flex: 0 0 auto;
        width: 20%;
    }
    #col-lg-3.col-xl-3 {
        flex: 0 0 auto;
        width: 20%;
    }
     #col-lg-3.col-xl-3 {
        flex: 0 0 auto;
        width: 20%;
    }
    #col-lg-9.col-xl-9{
        flex: 0 0 auto;
        width: 80%;
    }
}
@media only screen and (min-width:1800px) {
	body.grid5 .griditems .col-xl-3 {
		flex: 0 0 auto;
		width: 14.28571428571429%;
	}
}
@media (min-width: 320px) {
	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}
}
@media only screen and (min-width:1450px) {
	header .header-wrapper .logo, header .header-wrapper .logo_user, header .header-wrapper .btn-group-header {
		width: 28%;
	}
}
@media only screen and (min-width:1400px) {
	.filterPanel .griditems .button-list {
		display: inline-block;
	}

}
@media only screen and (min-width:1700px) {
	.griditems .col-xl-3 {
		flex: 0 0 auto;
		width: 20%;
	}
	.filterPanel .griditems .button-list,
	.popular-slider .shadowWPadding .button-list {
		display: flex;
	}
	body.grid5 .griditems .col-xl-3 {
		flex: 0 0 auto;
		width: 16.6666%;
	}
}
@media only screen and (min-width:768px) {
	.NextPreBidModal .modal-header > .d-flex > div:not(.tca_verified_badge) {
		width: 33%;
	}
}
@media only screen and (max-width:1024px) {
	body.sticky-scroll .tp-btn{
		padding: 9px 13px;
	}
	
	.filtersection .title{
		font-size: 12px;
	}
    .main-menu-2 ul li{
        margin: 0px 5px;
    }
	.main-menu-2 ul li.nav-btn a{
		margin: 0px;
	}
	.car-details .slider-for .slick-track .item {
		height: 306px;
	}
	.UsedCarListing .viewTypeWrap {
		width: auto;
	}
	.UsedCarListing .viewType,
	.UsedCarListing .viewType i,
	.sortBy .fa.fa-sort-amount-desc {
		font-size: 16px;
	}
	.inputfield .bootstrap-select .dropdown-toggle {
		font-size: 14px;
		padding: 4px 10px;
	}
	.UsedCarListing .viewType {
		height: 30px;
		width: 30px;
	}
	.UsedCarListing .viewType .form-check-input[type=radio] {
		height: 30px;
		width: 30px;
	}
	.griditems .col-xl-3 {
        width: 33.33%;
	}
    body.grid5 .griditems .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .griditems.grid-has-4column .col-xl-3{
        width:33.33%;
    }
}
@media only screen and (max-width:991px) {
	.griditems .imgTopRound {
		padding-top: 130px
	}
	.tp-header__attach .dropdown-menu .with-arrow {
		width: 30px;
	}
	.tp-header__attach .dropdown-menu.dropdown-menu-right .with-arrow > span {
		right: 7px;
		left: auto;
	}
	.dropdown-menu-right {
        left: auto !important;
        top: 10px !important;
        padding: 0px;
	}
	.tp-header__attach .dropdown-toggle {
		height: auto;
		line-height: normal;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		display: inline-grid;
	}
	.listitems .button-list .tp-border-btn span img {
		vertical-align: middle;
	}
	.listitems .card-grid .text-end {
		text-align: left!important;
		padding: 0px!important;
	}
	.listitems .card-grid .holder {
		padding-right: 15px;
	}
	.listitems .price-wrappaer {
		justify-content: flex-start;
		margin-bottom: 5px;
	}
	.inventory-list-wrapper .vehicle-content-div {
		width: 100%;
	}
	.listitems .card-grid .counter.grid_counter {
		margin-top: 15px;
	}
	.sortBy {
		margin-bottom: 0px;
	}
	.offcanvas__content {
		padding: 10px 30px 30px 30px;
		padding: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.offcanvas__bottom {
		padding: 15px;
	}
	.offcanvas__area {
		min-height: auto;
	}
	
	body .tp-countdown__right.pt-100 {
		padding: 45px 30px 30px;
	}
	div.popular-section {
		overflow: hidden;
		padding: 35px 0px 30px;
	}
	
	div.tp-header__hamburger.ml-50 {
		margin-left: 0px;
		margin-top: 0px;
		height: 50px;
		display: flex;
		align-items: center;
	}
	div.tp-slider-2__section div.tp-slider__content {
		padding: 0px 30px;
	}
	
	.logo img {
		width: 170px;
		height: auto;
	}
	.counter .countdown-sep {
		line-height: 30px;
	}
	.counter .values p {
		font-size: 10px;
	}
}
@media only screen and (max-width:1180px) {
    footer .container{
        padding: 0px 30px;
    }
	.tp-header__area .auction_live_header.desktop_show {
        display: none !important;
    }
	.button_link.auction_live_header {
		width: 100%;
	}
}
@media only screen and (max-width:992px) {
    .tp-header__main{
        padding: 0px;
		display: block;
    }
    .desktop_show:not(table, tr) {
        display: none !important;
    }
    .mobile_show {
        display: block !important;
    }
    .griditems .col-xl-3 {
        width: 50%;
    }
	.popular-slider .popular-img {
		padding-top: 160px;
	}
	.hamburger-btn {
		width: 30px;
		height: 25px;
		position: relative;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		cursor: pointer;
		background: transparent;
		border: 0;
		outline: 0;
		display: flex;
		z-index: 99;
	}
	.hamburger-btn span {
		display: inline-block;
		width: 100%;
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		opacity: 1;
		left: 0;
		z-index: 1;
		background-color: var(--darkblue);
	}
	.hamburger-btn span:nth-child(1) {
		top: 0;
	}
	.hamburger-btn span:nth-child(2) {
		top: 10px;
	}
	.hamburger-btn span:nth-child(3) {
		top: 20px;
	}
	div.mobile_icon .ti-search{
		width: 34px;
        height: 34px;
        font-size: 15px;
	}
	
	.sign__new.mt-20 {
		margin-top: 10px;
	}
	.sign__form h5 {
		margin-bottom: 5px;
	}
	.sign__action.mb-30,
	.sign__input-wrapper.mb-25,
	.sign__input-wrapper.mb-35 {
		margin-bottom: 15px;
	}
	.sign__wrapper {
		box-shadow: 0px 10px 15px 0px rgb(2 2 26 / 14%);
	}
	body .signup__area.pt-100 {
		padding-top: 40px;
	}
	body .signup__area.pb-145 {
		padding-bottom: 60px;
	}
	.sign__input i {
		left: 15px;
	}
	.sign__input input {
		padding: 0 35px;
	}
	div.popular-section {
		overflow: hidden;
		padding: 35px 0px 50px;
	}
	.counter .countdown-sep {
		line-height: 37px;
	}
	.counter.list_counter {
		justify-content: space-between;
		align-items: center;
	}
	.popular-slider .slick-dots li {
		margin: 0 5px;
	}
	
	.inventory-list-wrapper .row > .col-xl-3.watchlist_box{
		width: 33.3333%;
	}
	.popular-slider .slick-dots li button {
		width: 30px;
		height: 5px;
	}
	.tp-header__main .tp-header__attach {
		padding-left: 0px;
	}
	.logo img {
		width: 115px;
	}
	
	.tp-section__title-wrapper {
		margin-bottom: 0px;
        margin: 0px;
	}
	
	.bidinfo.mb-25 {
		padding-right: 0px;
		padding-left: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin: 0px;
	}
	.body_live_bid_start .footer__bottom {
		padding-bottom: 80px;
	}
	body.body_live_bid_start {
		padding-bottom: 85px;
	}
	body.body_live_bid_start.user_body {
		padding-bottom: 60px;
	}
	body.body_live_bid_start.run_live_auction_page {
		padding-bottom: 0px;
	}
	.run_live_auction_page.body_live_bid_start .footer__bottom {
		padding-bottom: 12px;
	}
	.auction_live_header{
		bottom: 0;
        width: 100%;
	}
	.auction_live_header .auction_live_header_inner {
        border-radius: 0;
        padding: 10px 10px;
    }
	.auction_live_header .auction_live_text{
		font-size: 16px;
	}
	.auction_live_header .auction_live_btn:before {
		left: 12px;
	}
	.auction_live_header .auction_live_btn:after {
		left: 9px;
	}
	body > footer,
	body > footer .footer__area,
	body > footer .footer__bottom,
	body .divfooter > footer,
	body > #main-wrapper > footer {
		display: none;
	}
	.tp-header__attach .nav-item.dropdown {
		display: none;
	}
	.UsedCarListing .viewTypeWrap {
		display: none;
	}
	div .modal-body .makefiltersearch>ul{
		width: 50%;
	}
	.saveSearchPopup .modal-body, .saveSearchPopup .modal-header, .saveSearchPopup .modal-footer {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.opened_search .body-overlay {
		opacity: 0.5;
		visibility: visible;
		z-index: 9999;
	}
	.opened_search header {
		z-index: 9999;
		position: relative;
	}
	body.grid5 .griditems .col-xl-3{
		width:33.33%;
	}
}
@media only screen and (max-width:767px) {
    .grecaptcha-badge { 
        visibility: hidden!important;
    }
    h1 {
        font-size: 26px;
    }
    .tp-header__search h1{
        margin: 0px;
		padding-top: 10px;
    }
    .popular-slider .slick-prev.slick-arrow{
        right: 45px;
    }
    .popular-slider .slick-prev.slick-arrow,
    .popular-slider .slick-next.slick-arrow{
        top: -38px;
    }
    .tp-header__search form button i.ti-search, 
    .tp-header__search form .button i.ti-search{
        font-size: 14px;
		left: 0;
		top: 0;
    }
    .tp-header__search form button, .tp-header__search form .button{
        right: 10px;
        width: 33px;
        height: 33px;
    }
    .tp-header__search form input{
        padding: 25px;
        font-size: 14px;
		padding-right: 52px;
    }
    .popular-slider .popular-img {
        padding-top: 210px;
    }
    .tp-header__bottom{
        padding: 15px 0px;
    }
    .tp-header__search *::placeholder {
      font-size: 14px;
    }
    .popular-slider .slick-prev.slick-arrow:before,
    .popular-slider .slick-next.slick-arrow:before{
        line-height: 33px;
        overflow: hidden;
        font-size: 25px;
    }
    .popular-slider .slick-arrow{
        height: 35px;
        width: 35px;
        line-height: 25px;
    }
    .tp-section__title {
        font-size: 24px;
    }
    .tp-btn, .theme-btn{
            padding: 6px 12px;
    }
	.inventory-list-wrapper .container {
		padding: 0px 15px;
	}
	.inventory-list-wrapper .filterPanel .listitems .card-grid .title {
		font-size: 16px;
	}
	.inventory-list-wrapper .listitems .imgTopRound {
		padding-top: 97px;
		height: 100%;
	}
	.listitems .price-wrappaer {
		justify-content: flex-start;
		margin-bottom: 5px;
	}
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		padding: 0px 15px;
		max-width: 100%;
	}
	.sidebartoggle > li > h3.collapsed:before,
	.sidebartoggle > li > h3:before {
		width: 24px;
		height: 24px;
		right: 10px;
	}
	.sidebartoggle li:last-child {
		border: none;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.sidebartoggle .collapse {
		padding: 0px 15px 0px;
		margin-bottom: 10px !important;
	}
	.sidebartoggle li > div{
		padding: 0px 15px 0px;
	}
	.sidebartoggle .collapse.rangeslider {
		padding-right: 30px;
	}
	#toggleButton {
		position: absolute;
	}
	#toggleButton .fa.fa-chevron-left {
		display: inline-block;
	}
	#toggleButton .fa.fa-chevron-left:not(.fa-filter):before{
		content: "\f054";
	}
	#toggleButton .share_facebook.fa-chevron-left {
		display: none;
	}
	.inputfield .bootstrap-select .dropdown-toggle {
		font-size: 14px;
		padding: 6px 12px;
	}
	.sidebar-mobile-close.active {
		display: block;
		position: absolute;
		right: 0px;
		top: 0px;
	}
	.sidebar-mobile-close .offcanvas__close-btn {
		height: 50px;
		width: 50px;
	}
	.sidebar-mobile-close .fa {
		font-size: 30px;
		vertical-align: middle;
		font-weight: normal;
	}
	.tp-header__main .d-sm-none {
		display: none !important;
	}
	.sidebar-left {
		background: #fff;
		height: 100vh;
		width: 85%;
		border-radius: 0px;
		overflow: hidden;
		overflow-y: auto;
	}
	#col-lg-3 {
		position: fixed;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		background: rgb(0 0 0 / 75%);
		z-index: 9999;
		top: 0px;
		padding: 0px;
		box-shadow: 0px 3px 15px #00000054;
		overflow: auto;
		border-radius: 0px;
		padding-top: 0px;
		padding-right: 20px;
		box-sizing: border-box;
		padding: 0px;
		display: none;
		margin: 0px;
	}
	.usedCarLoction {
		border-radius: 0px;
	}
	body.grid5 .griditems .col-xl-9 {
		flex: 0 0 auto;
		width: 100%;
	}
	body.grid5 .griditems .col-xl-3 {
		flex: 0 0 auto;
		width: 50%;
	}
	.inventory-list-wrapper .row > .col-xl-9 {
		width: 100%;
	}
	.popular-slider .slick-list {
		margin-bottom: 0px;
	}
	.sidebartoggle > li h3 {
		padding: 12px 15px 10px;
		vertical-align: middle;
	}
	.sidebartoggle > li {
		padding: 0px 15px;
		padding: 0px 0px;
	}
	.product-dec-slider,
	.product-dec-slider_popup {
		display: none!important;
	}
	.bid-btn a {
		padding: 8px 20px;
		font-size: 15px;
	}
	.sidebar-title {
		padding: 11px 15px 9px;
		font-size: 14px;
		background: #d0d0d0!important;
		font-weight: bold;
	}
	
	.tp-header__attach .user-dd {
		z-index: 99999;
	}
	
	.tp-section__title-wrapper p,
	.footer__widget ul li a {
		font-size: 14px;
                padding: 3px 22px 3px;
	}
	.dot-list-ul li {
		font-size: 13px;
	}
	.UsedCarListing .sortedItem li {
		margin: 0 5px 5px 0;
	}
	.LoadMoreData {
		margin-top: 15px;
	}
	.UsedCarListing .sortedItem {
		margin-bottom: 5px;
	}
	.UsedCarListing .clearfilter {
		display: flex;
		flex-wrap: wrap;
	}
	.filterPanel .griditems .button-list,
	.popular-slider .shadowWPadding .button-list {
		opacity: 1;
	}
	.all_alert_messages .alert {
		font-size: 16px;
	}
	
	body.modal-open {
		overflow: hidden;
	}

	.custom-icon {
		padding: 40px 14px;
	}
	
	.header-sticky {
		box-shadow: none;
	}
	body .step-form-tab li a span {
		display: none;
	}
	.div_checkbox_prebid .bid-btn .btn-danger {
		border: none !important;
		background: #fcbd2e !important;
		color: #000 !important;
	}
	.div_checkbox_prebid .bid-btn .btn-danger:hover {
		background: #f9b315!important;
	}
	.div_checkbox_prebid .bid-btn .btn-danger span {
		color: #000 !important;
	}
	body .lg-toolbar .lg-icon:not(.lg-close),
	body .lg-actions .lg-next,
	body .lg-actions .lg-prev,
	body .lg-outer .lg-toogle-thumb {
		display: none;
	}
	.sidebar-left .filtersection {
		height: 100%;
	}
	
	.desktop_show {
		display: none!important;
	}
	.mobile_back_link {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 9999;
	}
	.mobile_back_link i,
	.mobile_back_link svg {
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		cursor: pointer;
		color: var(--darkblue);
		background: #fff;
		box-shadow: 0px 0px 2px #000000b8;
		border-radius: 50px;
		padding: 8px;
		fill: var(--darkblue);
	}
	body .logo {
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
	}
	.mobile_btns a{
		max-width: 100%;
	}
	body .tcaloader.tcaloader_t{
		width: 80px;
	}
	body .tcaloader.tcaloader_t .load-icon {
		width: 45px;
		height: 11px;
	}
	body .tcaloader.tcaloader_t .load-icon.center {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	body .tcaloader.tcaloader_t .load-icon span {
		width: 9px;
		height: 9px;
	}
	.inventory-list-wrapper .row > .col-xl-3.watchlist_box{
		width: 50%;
	}
	.share_button{
		top: 65px;
	}
	.mmt-10{
		margin-top: 10px !important;
	}
	.mmt-0{
		margin-top: 0px !important;
	}
	.theme-btn.border-purple-btn{
		margin-right: 5px;
	} 
	.register-fees-popup .intl-tel-input ul.country-list{
		width: 300px;
	}
	.attention_notes_slider.slick-slider .slick-list{
		display: flex;
		flex-wrap: wrap; 
		align-items: stretch;
	}
	.attention_notes_slider.slick-slider .slick-track{
		display: flex;
		width: 100%;
		flex-wrap: nowrap; 
	}
	.modal.NextPreBidModal {
        padding: 5px;
    }
	.NextPreBidModal .modal-dialog {
        max-width: 100%;
		width: 100%;
		margin: 0;
    }
	.PreBidModal.NextPreBidModal > .modal-dialog .modal-content {
        height: 100%;
		margin: 0;
		border: none;
    }
	body .NextPreBidModal .modal-body {
        padding: 0;
        z-index: unset;
    }
	.NextPreBidModal .pre_bidModal_iframe {
        display: block;
        height: calc(100vh - 12px);
    }
	body .NextPreBidModal > .modal-dialog > .modal-content > .modal-header {
		padding: 0;
		border: none;
		background: none;
		position: absolute;
		right: 15px;
		top: 10px;
		z-index: 99;
	}
	body .NextPreBidModal > .modal-dialog > .modal-content > .modal-header .modal-title {
		display: none;
	}
	body .NextPreBidModal > .modal-dialog > .modal-content > .modal-header .tca_verified_badge {
		display: none!important;
	}
	body .NextPreBidModal .modal-header div .btn-close {
		margin: 0;
		background: var(--purple);
		opacity: 1;
		color: #fff;
		border-radius: 5px;
		padding: 5px 9px;
		line-height: 1;
		font-size: 20px;
		margin-bottom: 0;
		margin-left: 0px;
	}
	body .NextPreBidModal .modal-header div .btn-close .ti-close {
		display: block;
		font-size: 15px;
	}
	.nextPreBidParent .NextPreBidModal > .modal-dialog > .modal-content > .modal-header {
		display: none;
	}
}
@media only screen and (max-width:480px) {
	

    .card-grid .counter .zeroreserve,
	.counter .tp-border-btn span{
		padding: 4px 12px;
		font-size: 10px;
	}
    .page-notfound h2{
        font-size: 26px;
    }
    .griditems .imgTopRound {
		padding-top: 230px;
	}
	body.grid5 .griditems .col-xl-3 {
		flex: 0 0 auto;
		width: 100%;
	}
    .inventory-list-wrapper .row > .col-xl-3,
	.inventory-list-wrapper .row > .col-xl-9 {
		flex: 0 0 auto;
		width: 100%;
	}
	.inputfield .bootstrap-select .dropdown-toggle {
		font-size: 13px;
		padding: 4px 8px;
	}
	.calendar__event-content {
		padding: 10px 10px 10px 15px;
	}
	.calendar__event-featured__item {
		width: 22%;
		padding-top: 15%;
	}
	.bid-btn a {
		width: 100%;
	}
	.currentvehicle .counter .tp-border-btn {
		padding: 6px 10px;
		padding-left: 25px;
	}
	.currentvehicle .counter .tp-border-btn:before {
		left: 8px;
	}
	.currentvehicle .counter .tp-border-btn:after {
		left: 5px;
	}
	/* .filterPanel .currentliveauction {
		right: 16px;
	} */
	.inventory-list-wrapper .vehicle-img-div {
		width: 280px;
	}
	.filterPanel .listitems .currentliveauction {
		left: 6px;
		right: auto;
		bottom: auto;
		top: 7px;
		background: #fff;
		border-radius: 5px;
		padding: 4px 8px 1px;
		line-height: 1;
	}
	/* .counter .tp-border-btn span {
		padding: 5px 18px;
		font-size: 13px;
	} */
	.conformations_step .full-btn .theme-btn {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.griditems.grid-has-4column .col-xl-3{
        width:100%;
    }
}
@media only screen and (max-width:375px) {
	.counter.list_counter {
		padding-bottom: 10px;
	}
	.card-grid .holder {
		padding: 15px 15px 6px;
	}
	
	body .vfinder .tab-pane ul {
		grid-template-columns: repeat(1, 1fr);
	}
	.inventory-list-wrapper .row > .col-xl-3.watchlist_box{
		width: 100%;
	}
}
@media only screen and (max-width:305px) {
	#toggleButton {
		position: relative;
	}
}
body.iti-mobile .intl-tel-input.iti-container{
	z-index: 9999999;
}
body .persona-widget__overlay{
 	z-index: 2147483646;
}
body .persona-widget__overlay .persona-widget__iframe {
 max-height: calc(100% - 20px);
}
@media only screen and (min-width:600.02px) {
body .persona-widget__overlay .persona-widget__iframe{
    max-width: 400px;
}
}
@media only screen and (max-width:600.01px) {
body .persona-widget__overlay .persona-widget__iframe{
    max-width: calc(100% - 20px);
}
}
    
@media only screen and (min-width:993px) {
.tp-header__hamburger{
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.hamburger-btn {
    width: 32px;
    height: 22px;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: 0;
    display: flex;
    z-index: 99;
}
.hamburger-btn span {
    display: inline-block;
    width: 100%;
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    opacity: 1;
    left: 0;
    z-index: 1;
    background-color: #6e55d5;
}
.hamburger-btn span:nth-child(1) {
    top: 0;
}
.hamburger-btn span:nth-child(2) {
    top: 10px;
}
.hamburger-btn span:nth-child(3) {
    top: 20px;
    width: 75%;
}
.offcanvas__area {
    min-height: auto;
}
.offcanvas__content {
    padding: 10px 30px 30px 30px;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.offcanvas__content .offcanvas__close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}
.offcanvas__content .offcanvas__top {
    position: relative;
    z-index: 1;
}
.mobile_btns .header-acttion-btns {
    display: block !important;
    padding: 20px 15px 10px;
}
.offcanvas__bottom {
    padding: 15px;
}
.offcanvas__area{
    width: 370px;
    min-width:370px;
}
}
.offcanvas__content .header-acttion-btns .tp-btn{
width: 100%;
max-width: 100%;
}