/* g */
#content-description .header {
  display: none;
}

#cBlock2 {
  position: relative;
}

.inventory_layout .inventory_body.flex-box {
  margin: 0;
}

a:focus,
a:hover {
  text-decoration: none;
}

.nonTransition {
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}

.flex-1 {
  flex: 1;
}

.flex-card {
  width: 32.33%;
  margin: 0.5%;
}

.v-align {
  vertical-align: middle;
}

.v-align-b {
  vertical-align: bottom;
}

.ele-v-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.p_relative {
  position: relative;
}

.clear-both {
  clear: both;
}

.small-xs {
  font-size: 75%;
}

.text-muted-light {
  color: #88889C;
}

.color-icon-red {
  background-color: red;
}

.color-icon-orange {
  background-color: orange;
}

.color-icon-purple {
  background-color: purple;
}

.color-untitle {
  color: #555;
}

.color-facebook {
  color: #3b5998;
}

.color-twitter {
  color: #1da1f2;
}

.color-youtube {
  color: #ff0000;
}

.color-ig {
  color: #c32aa3;
}

.cursorPointer {
  cursor: pointer;
}

.transparent {
  opacity: 0;
}

.noHover{
  pointer-events: none;
}

.ease-anima {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ease-anima-fadein {
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
}

.non-ease-anima {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.wasabi_srp {
  position: relative;
  min-width: 300px;
  max-width: 1920px;
  margin: 0 auto;
}

.wasabi_srp .fa {
  font-family: 'FontAwesome';
}

/* sticky top search */
.stick-head {
  position: fixed;
  width: 100%;
  max-width: 1920px;
  z-index: 999;
  margin: 0;
  background: #fff;
  border: 1px solid #e7e9ed;
  border-left: none;
  border-right: none;
  -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  box-shadow: 0 2px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.custom-select-wrapper .sort-selected {
  white-space: nowrap;
  font-size: 16px;
}

#srp_filter .filterTop span {
  font-size: 20px;
  line-height: 20px;
  color: #5c5c5c;
  flex-grow: 6;
}

#srp_filter .filterTop a {
  font-size: 16px;
  font-weight: bold;
  height: 20px;
}

#srp_filter .filterTop .tdg-heart {
  align-self: flex-end;
}

.ui-widget-header {
  background: #33c162;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 1;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 0;
  background: #fff;
  font-weight: initial;
  color: transparent;
}

/* DROPDOWN - REGULAR */
/* use @mixin custom-select-wrapper */
.inventory_list .custom-select-wrapper,
.srp-sort .custom-select-wrapper {
  display: inline-block;
  position: relative;
  user-select: none;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* use @mixin custom-select */
.inventory_list .custom-select,
.srp-sort .custom-select {
  position: relative;
  display: flex;
  flex-direction: column;
  border-width: 0px;
  border-style: solid;
  border-color: #394a6d;
  height: 100%;  
}

.srp-sort .custom-select-wrapper .custom-select {
  width: 200px;
}

/* Use scss mixin for custom-select__trigger */
.inventory_list .custom-select__trigger,
.srp-sort .custom-select__trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px;
  color: #3b3b3b;
  background: #ffffff;
  cursor: pointer;
  border-width: 0px;
  border-style: solid;
  border-color: #394a6d;
  border-radius: 5px;
  height: 100%;
}

/* use @mixin custom-options */
.inventory_list .custom-options,
.srp-sort .custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0;
  overflow-y: auto;
  visibility: hidden;
  pointer-events: none;
  z-index: 2;
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
}

.inventory_list .custom-select.open .custom-options,
.srp-sort .custom-select.open .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: calc(100% + 5px);
  border-radius: 5px;
}

/* use @mixin custom-option */
.inventory_list .custom-option,
.srp-sort .custom-option {
  position: relative;
  display: block;
  padding: 6px 15px;
  min-height: 36px;
  font-size: 16px;
  color: #5c5c5c;
  cursor: pointer;
  transition: all 0.2s;
}

.srp-sort .custom-options {
  left: auto;
  width: 200px;
}

.srp-sort .sort-type {
  font-weight: bold;
}

.srp-sort .custom-select.open .custom-options {
  top: calc(100% + 10px);
}

.inventory_list .custom-option:hover,
.srp-sort .custom-option:hover {
  cursor: pointer;
  background-color: #f4f5f7;
}

.inventory_list .custom-option.selected,
.srp-sort .custom-option.selected {
  color:#333333;
  background-color: #f4f5f7;
}

.inventory_list .custom-select-wrapper .arrow,
.srp-sort .custom-select-wrapper .arrow {
  position: relative;
  height: 15px;
  width: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.inventory_list .custom-select-wrapper .arrow::after,
.srp-sort .custom-select-wrapper .arrow::after {
  content: "\f107";
  font-family: 'FontAwesome';
  position: absolute;
  width: auto;
  height: auto;
  transition: none;
}

.inventory_list .custom-select-wrapper .arrow::after,
.srp-sort .custom-select-wrapper .arrow::after {
  left: 5px;
}

.inventory_list .custom-select-wrapper .open .arrow::after,
.srp-sort .custom-select-wrapper .open .arrow::after {
  left: 5px;
  transform: rotate(180deg);
}

/* inventory */

.icon-custom-info .fa-info-circle {
    width: 16px;
    height: 16px;
    line-height: 0.5em !important;
}

.icon-custom-info .fa-info-circle::before {
    line-height: 1.0em !important;
    margin: 0 auto;
}

/* grid view */

/* any clicks on vehicle title children need ignore clicks to properly
  fire dealerontrack events when not clicking directly on the a tag
*/
.vehicleTitle * {
  pointer-events: none;
}

.vehicleStateTextLabel {
  text-transform: uppercase;
  font-weight: 700;
}

/* list view */

.inventory_list.list-view .vehiclePricingStack .expandMoreBtn {
  display: none;
}

.modal-close {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    z-index: 1;
    padding: 2em;
    top: 5em;
}

/* sneak peak */
.sneak-peek {
  cursor: pointer;
  position: relative;
}

.sneak-peek:hover .fa {
  display: block;
}

.sneak-peek .fa {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);  
  color: #000;
  display: none;
  pointer-events: none;
  border-radius: 50%;
  padding:  15px 17px;
  background-color: #fff;
}

.sneak-peek img {  
  pointer-events: none;
}
 
/* media query*/

@media (min-width: 992px) {
  .stick-head .stick-head-left .results_num {
    right: 1em;
  }

  .srp-results > .row {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 991px) {  
  body.filterMobileBodySpec {
    overflow: hidden !important;
  }

  .switch-container {
    display: none;
  }

  .sneak-peek:hover i.fa,
  .sneak-peek:active i.fa,
  .sneak-peek:focus i.fa,
  .sneak-peek:focus-within i.fa,
  .sneak-peek:visited i.fa,
  .sneak-peek:focus-visible i.fa,
  .sneak-peek:target i.fa {
    display: none;
  }
}

@media (min-width: 992px) and (max-height: 909px) {
  .inventory_list .custom-options {
    max-height: 302px;
  }
}

@media (max-width: 992px) {
  .srp-sort .custom-select-wrapper .custom-select {
    width: auto;
  }
}

@media (max-width: 767px) {
  .stick-head {
    position: relative;
  }
}

@media (max-width: 539px) {
  .srp-results {
    max-width: none !important;
    margin: 0;
    padding: 10px 10px 20px 20px;
  }
}

.send-mobile {
  font-size: 14px;
  color:#333333
}

.noPointerEvents{
  pointer-events: none;
}

@media (max-width: 300px) {
  :root {
    overflow-x: scroll;
  }
}