﻿@charset "UTF-8";
@import "fonts/fontawesome/all.min.css";
@import "fonts.css";
@media (max-width: 575.98px) {
  html {
    font-size: 11px;
  }
}
@media (min-width: 576px) {
  html {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}
/*
html {
    font-size: 16px;
    // Magic:
    @media (max-width: 1000px) {
        font-size: calc(12px + .4vw);
    }
}
*/
.fnt-SirinStencilRegular, #auction-live-video div#video-box div#sold-msg p, #auction-live-video div#video-box div#no-sale-msg p, #auction-live-video div#video-box div#finish-msg p {
  font-family: "SirinStencilRegular";
}

.fnt-RobotoRegular {
  font-family: "RobotoRegular";
}

.fnt-OpenSansCondensedRegular, .std-btn.log-name, .log-name.input-btn-parent, .input-btn-parent input.log-name, .detail-list .item-vin {
  font-family: "OpenSansCondensedRegular" !important;
}

.fnt-OpenSansCondensedSemiBold, .item-detail .item-info, .detail-list td {
  font-family: "OpenSansCondensedSemiBold";
}

.fnt-OpenSansCondensedBold, .page-section {
  font-family: "OpenSansCondensedBold";
}

.fnt-OpenSansCondensedExtraBold, .std-btn, .input-btn-parent input, .input-btn-parent, .navbar-nav li, .navbar-nav li a, .page-title, #footer-donate, #footer-contact-title, #footer-contact-map #map-header-title {
  font-family: "OpenSansCondensedExtraBold" !important;
}

.fnt-OpenSansCondensedExtraBoldItalic, #page-showcase p {
  font-family: "OpenSansCondensedExtraBoldItalic";
}

.fnt-OpenSansCondensedSemiBoldItalic {
  font-family: "OpenSansCondensedSemiBoldItalic";
}

.fnt-OpenSansSemiCondensedBold, .std-btn.dark, .input-btn-parent input.dark, .dark.input-btn-parent, .form-header, #footer-hero #footer-links a {
  font-family: "OpenSansSemiCondensedBold";
}

.fnt-OpenSansSemiCondensedExtraBold {
  font-family: "OpenSansSemiCondensedExtraBold";
}

.fnt-OpenSansSemiCondensedRegular, .form-footer, .form-section, .forms-box input[type=text], .forms-box select, .forms-box textarea {
  font-family: "OpenSansSemiCondensedRegular";
}

.fnt-OpenSansSemiCondensedSemiBold {
  font-family: "OpenSansSemiCondensedSemiBold";
}

.fnt-OpenSansRegular {
  font-family: "OpenSansRegular";
}

.fnt-OpenSansBold {
  font-family: "OpenSansBold";
}

.fnt-OpenSansExtraBold {
  font-family: "OpenSansExtraBold";
}

.fnt-OpenSansExtraBoldItalic, .topper #auction-msg div, .faq-section .faq-title {
  font-family: "OpenSansExtraBoldItalic";
}

.fnt-OpenSansLight, #footer-donate span.id-no, #footer {
  font-family: OpenSansLight !important;
}

.fnt-OpenSansLightItalic {
  font-family: "OpenSansLightItalic";
}

.fnt-OpenSansSemiBold, .nums {
  font-family: "OpenSansSemiBold";
}

.fnt-OpenSansSemiBoldItalic {
  font-family: "OpenSansSemiBoldItalic";
}

.fnt-OpenSansMedium, body {
  font-family: "OpenSansMedium", Helvetica, Arial, sans-serif;
}

.fnt-OpenSansMediumItalic {
  font-family: "OpenSansMediumItalic";
}

a {
  text-decoration: none !important;
}

a:focus, button:focus, input[type=button]:focus, input[type=submit]:focus {
  outline: none !important;
}

.la {
  text-align: left;
}

.ra {
  text-align: right;
}

.ca {
  text-align: center;
}

.cbox {
  margin-left: auto;
  margin-right: auto;
}

.lf {
  float: left;
  width: auto;
}

.rf {
  float: right;
  width: auto;
}

.delf {
  clear: both;
}

.w100 {
  width: 100%;
}

.w50 {
  width: 50%;
}

.h100 {
  height: 100%;
}

.hand {
  cursor: pointer;
}

.hide {
  display: none;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.nobr {
  white-space: nowrap;
}

wbr:after {
  content: "​";
}

.reset {
  clear: both;
  display: block;
  font-size: 0;
  line-height: 0;
}

.trans-slow, .random-number-pushed, .random-pick, .random-number:hover {
  transition: 0.5s ease-out;
  -webkit-transition: 0.5s ease-out;
}

.trans-normal {
  transition: 0.25s ease-out;
  -webkit-transition: 0.25s ease-out;
}

.trans-fast {
  transition: 0.12s ease-out;
  -webkit-transition: 0.12s ease-out;
}

.vertical-center-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}

html {
  overflow-y: scroll;
}

.site-width, #video-list .container-fluid, #vm-page-live-bids .container-fluid, #top-live-bids .container-fluid:nth-child(1), #top-logo-onscroll > div, #header .container-fluid, .sticker > div {
  max-width: 1500px;
  margin: 0 auto;
}

.info-width, #home-donate .container-fluid, #new-banner .container-fluid {
  padding: 0 10rem;
}

@media (max-width: 991.98px) {
  .info-width, #home-donate .container-fluid, #new-banner .container-fluid {
    padding: 0 1rem;
  }
}
#page {
  min-height: 100%;
  margin-bottom: -3.5rem;
  padding-bottom: 3.5rem;
}

#header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 3.7rem;
  background: #000;
  border-bottom: solid 0.25rem #d9b131;
  z-index: 90;
}

#header .navbar {
  line-height: 2.1142857143rem;
  padding: 0;
  text-transform: capitalize;
}

#header .navbar-nav {
  margin: 0 auto;
}

ul.navbar-nav li.nav-sep {
  margin: 0 0.5rem;
  color: #d9b131 !important;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  ul.navbar-nav li.nav-sep {
    margin: 0 0.1rem;
  }
}
@media (max-width: 767.98px) {
  #header .navbar-collapse {
    height: 96vh;
    overflow-y: auto;
  }
  ul.navbar-nav li.nav-sep {
    display: none;
  }
}
@media (min-width: 768px) {
  #header .navbar {
    line-height: 3.7rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  #header .navbar-nav {
    line-height: 3.7rem;
    background-color: #1a1a1a;
    border-radius: 0.5rem;
    white-space: nowrap;
    opacity: 0.85;
  }
}
@media (max-width: 767.98px) {
  #header .navbar-nav > li {
    border-bottom: solid 1px #d9b131;
  }
  #header .navbar-nav li a {
    font-family: OpenSansSemiBold;
    font-size: 1.8rem;
    line-height: 6rem;
  }
}
#header .navbar-toggler {
  height: 3.7rem;
  color: #fff;
}

#header .navbar-nav li.nav-item a {
  display: inline;
  margin: 0 0.8rem;
  padding: 0 0 0.4rem 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #header .navbar-nav li.nav-item a {
    margin: 0 0.3rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #header .navbar-nav li.nav-item a {
    margin: 0 0.5rem;
  }
}
.dropdown > ul {
  margin-left: 1rem;
}

.dropdown-menu {
  border-width: 0;
  margin: 0; /* margin-top: 0; - to avoid flicker on hover */
  line-height: 3.7rem;
  background-color: #1a1a1a;
}

.dropdown:hover .dropdown-menu {
  padding: 0.5rem 0;
}

.dropdown:hover .dropdown-menu {
  opacity: 0.9;
}

#header .navbar-nav .dropdown-menu a.dropdown-item {
  display: block;
  margin: 0;
  padding: 0 1rem;
  color: #fff !important;
  background-color: #1a1a1a;
  border-bottom: solid 1px #d9b131;
  transition: all 0.2s ease-in;
}

#header .navbar-nav .dropdown-menu li:last-child a.dropdown-item {
  border-bottom: 0;
}

@media (max-width: 767.98px) {
  .dropdown-menu {
    display: block;
    margin-left: 2rem !important;
  }
  .navbar .show > .dropdown-toggle:after {
    transform: rotate(-90deg);
  }
}
@media (min-width: 768px) {
  .navbar .dropdown-toggle.dropdown-item:after {
    position: absolute;
    top: 50%;
    right: 8px;
  }
  #header .navbar-nav .dropdown-menu a.dropdown-item:hover {
    color: #000 !important;
    background-color: #fff;
  }
  .navbar .collapse ul li {
    position: relative;
  }
  .navbar .collapse ul li:hover > ul {
    display: block;
  }
  .navbar .collapse ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    display: none;
  }
  .navbar .collapse ul ul li:hover > ul {
    display: block;
  }
  .navbar .collapse ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    display: none;
  }
  .navbar .collapse ul ul ul li:hover ul {
    display: block;
  }
  .navbar .collapse ul ul ul ul {
    position: absolute;
    top: 0;
    left: -100%;
    min-width: 200px;
    display: none;
    z-index: 1;
  }
}
body {
  display: inline-block;
  min-width: 100%;
}

.sticker {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  max-width: 100vw;
  overflow: hidden;
}

@-ms-viewport {
  width: auto !important;
}
.loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #999;
  opacity: 0.25;
}

.loader div {
  position: absolute;
  border: 0.4vw solid #fff;
  opacity: 1;
  border-radius: 50%;
}

@keyframes ripple-mode-1 {
  0% {
    left: 50vw;
    top: 25vw;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    left: 38vw;
    top: 13vw;
    width: 24vw;
    height: 24vw;
    opacity: 0;
  }
}
.loader div:nth-child(1) {
  background: #f96;
  animation: ripple-mode-1 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.loader div:nth-child(2) {
  background: #69f;
  animation: ripple-mode-1 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation-delay: -0.5s;
}

.spinner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #999;
  opacity: 0.25;
}

.spinner div {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 100px;
  margin: auto;
  width: 50px;
  height: 50px;
  animation: rotate-1 0.8s infinite linear;
  border: 6px solid #fff;
  border-top-color: #000;
  border-radius: 50%;
}

@keyframes rotate-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spacer {
  clear: both;
  height: 4rem;
  font-size: 0;
  line-height: 0;
}

.hr-deco {
  margin-bottom: 3rem 0;
  height: 1px;
  border: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.hr-deco-light {
  height: 15px;
  border: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
}

input[type=checkbox] {
  transform: scale(1.4);
}

#footer {
  height: 3.5rem;
  line-height: 3.5rem;
  margin-bottom: -5px;
  background-color: #d9b131;
}

#btn-top {
  position: fixed;
  display: none;
  right: 1rem;
  bottom: 1rem;
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.7rem;
  font-size: 1.4rem;
  border-radius: 50%;
  background: #fff;
  border: solid 1px #000;
  text-align: center;
  opacity: 0.5;
  transition: background 0.5s ease-out, color 0.5s ease-out;
  z-index: 999999;
}
#btn-top:hover {
  background: #000;
  opacity: 1;
}
#btn-top a {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #000 !important;
}
#btn-top:hover a {
  color: #fff !important;
  transition: background 0.5s ease-out, color 0.5s ease-out;
}

#footer-contact-map {
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.1) 90%, rgb(255, 255, 255) 100%), url(img/map_footer_bg.jpg) 0 0/cover no-repeat;
  overflow: visible;
}
#footer-contact-map #map-box {
  margin-top: 8rem;
  background: url(img/hat-top.svg) 0 0/contain no-repeat;
}
#footer-contact-map #map-header-title {
  font-size: 4.4rem;
  line-height: 120%;
}
#footer-contact-map #map-header-title span {
  color: #d9b131;
  white-space: nowrap;
}

#footer-contact-title {
  margin-bottom: 1rem;
  font-size: 3rem;
}

#footer-contact-info .row {
  font-size: 1.5rem;
}
#footer-contact-info .row div p {
  padding: 0.75rem;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#footer-contact-info .row div:nth-child(1), #footer-contact-info .row div:nth-child(2) {
  border-right: solid 1px #000;
}
#footer-contact-info .row div:nth-child(2) {
  font-size: 1.8rem;
}

@media (max-width: 575.98px) {
  #footer-contact-info .row div {
    border-right: 0 !important;
  }
}
#footer-donate {
  color: #000;
  font-size: 3rem;
}
#footer-donate span.id-no {
  display: block;
  font-size: 1rem;
}
@media (max-width: 575.98px) {
  #footer-donate .std-btn, #footer-donate .input-btn-parent input, .input-btn-parent #footer-donate input, #footer-donate .input-btn-parent {
    display: block;
    width: 70% !important;
    margin: 1.5rem auto 0 auto;
    text-align: center;
  }
}

#footer-hero #footer-links a {
  font-size: 1rem;
  padding: 0 0.75rem;
}
@media (max-width: 575.98px) {
  #footer-hero #footer-links a {
    padding: 0 0.1rem;
  }
}
#footer-hero #footer-media table {
  margin: 2.8rem auto;
}
#footer-hero #footer-media table td {
  padding: 0 2.5rem;
}
#footer-hero #footer-media table td img {
  height: 1.6rem;
  transition: all 0.15s ease-out;
}
#footer-hero #footer-media table td img:hover {
  transform: scale(1.1);
  opacity: 0.5;
}
#footer-hero #footer-logo {
  position: relative;
  height: 5.5rem;
  margin-top: 2rem;
}
#footer-hero #footer-logo div {
  position: absolute;
  width: 10rem;
  height: 10rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(img/TcarsLogo-new.png) 0 0/contain no-repeat;
}

body {
  font-size: 1.4rem;
  color: #000;
}

.page-title {
  margin-bottom: 3rem;
  padding: 3rem 0 1rem 0;
  font-size: 4.4rem;
  line-height: 120%;
  color: #000;
  text-align: center;
}
.page-title u {
  color: #d9b131;
  text-decoration: none;
  animation-name: fade-title;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: 1; /* 1 | infinite */
  animation-duration: 1.5s;
}

@keyframes fade-title {
  0% {
    color: #000;
  }
  50% {
    color: #000;
  }
  100% {
    color: #d9b131;
  }
}
.page-section {
  font-size: 2.2rem;
  color: #000;
}
.page-section u {
  color: #d9b131;
  text-decoration: none;
}
.page-section.black {
  color: #000;
}

.nums {
  color: #d4ab27;
}

.req-clr, .high-clr, #msgCaptcha {
  color: #db253c !important;
}

.ok-clr {
  color: #096 !important;
}

.light-clr {
  color: #d9b131;
}

.dark-clr {
  color: #000;
}

.dark-pale-clr, #filter-msg {
  color: #4d4d4d;
}

.site-text-clr {
  color: #000;
}

.gray-bg {
  background-color: #e7e7e7;
}

.light-bg {
  background-color: #d9b131;
}

.dark-bg {
  background-color: #000;
}

.dark-bg-pale {
  background-color: #f9f2dd;
  padding: 0.25rem;
}

.cms-highlight u {
  color: #d9b131;
  text-decoration: none;
}

.live-green-clr {
  color: green;
}

.live-blue-clr {
  color: #3d85fe;
}

.live-orange-clr {
  color: #ffa133;
}

.live-red-clr {
  color: #f53300;
}

.live-purple-clr {
  color: #9939ba;
}

#copyr {
  font-size: 0.875rem;
}

.comment {
  color: #666;
  font-size: 90%;
}

.req-clr {
  color: #ed1c24;
}

.good-luck {
  font-size: 3.5rem;
}

.md-center-right {
  margin-left: auto;
  margin-right: 0;
}

.md-center-left {
  margin-left: 0;
  margin-right: auto;
}

@media (max-width: 991.98px) {
  .md-center-right {
    margin-left: auto;
    margin-right: auto;
  }
  .md-center-left {
    margin-left: auto;
    margin-right: auto;
  }
}
body a {
  color: #965800;
  font-weight: bold;
  transition: color 0.25s ease-out;
}

body a:visited {
  color: #965800;
}

body a:hover {
  color: #d9b131;
}

body a:active {
  color: #000;
} /* must be the last line */
/*
#footer-hero a	        { color: darken($a-clr, 7); }
#footer-hero a:visited  { color: darken($a-clr, 7); }
#footer-hero a:hover	{ color: $site-text-clr; }
#footer-hero a:active	{ color: darken($a-clr, 7); }


#footer-contact-info a	        { color: $site-text-clr; }
#footer-contact-info a:visited  { color: $site-text-clr; }
#footer-contact-info a:hover	{ color: $a-clr; }
#footer-contact-info a:active	{ color: $site-text-clr; }
*/
.navbar-nav li, .navbar-nav li a {
  color: #fff !important;
  font-size: 1.4rem;
}

.navbar-nav a:visited {
  color: #fff !important;
}

.navbar-nav a:hover {
  color: #d9b131 !important;
}

.navbar-nav a:active {
  color: #fff !important;
} /* must be the last line */
.navbar-nav li.active a, .navbar-nav li.input-btn-parent a {
  color: #d9b131 !important;
}

a:focus, button:focus, input[type=button]:focus, input[type=submit]:focus {
  outline: none !important;
}

.form-control, .form-control:focus {
  border: solid 1px #000;
  box-shadow: none;
}

.field-spacer {
  height: 0.75rem;
}

.form-fields {
  padding: 0;
  background-color: #fff;
}

.forms-box .form-control {
  height: 3.5rem;
  font-size: 1.3rem;
}

.forms-box.big .form-control {
  height: 6rem;
  font-size: 2rem;
}

.std-btn.big, .input-btn-parent input.big, .big.input-btn-parent {
  padding: 0.5rem;
  font-size: 1.75rem !important;
}

.forms-box.big textarea.form-control {
  height: 12rem;
}

.forms-box {
  padding: 0 1.5rem;
}
.forms-box div {
  padding: 0 2px;
}
.forms-box .form-group {
  margin-bottom: 0.75rem;
}
.forms-box input[type=text], .forms-box select, .forms-box textarea {
  color: #9b9b94;
  background-color: #e9eae3;
  border: solid 1px #dfdfd7;
  border-radius: 5px;
  text-align: center;
}
.forms-box ::placeholder {
  color: #9b9b94;
}
.forms-box .std-btn, .forms-box .input-btn-parent input, .input-btn-parent .forms-box input, .forms-box .input-btn-parent {
  border-radius: 5px;
}

.form-header {
  background-color: #f4f5f0;
  font-size: 1.4rem;
  margin: 0 0 -0.5rem 0;
  padding: 1rem 0;
  border-bottom: solid 1px #dfdfd7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.form-header u {
  color: #d9b131;
  text-decoration: none;
}

.form-section {
  font-size: 1.3rem;
}

.form-footer {
  font-size: 1.125rem;
  margin-top: 1.5rem;
  padding: 1rem 1rem 0 1rem;
  border-top: solid 1px #dfdfd7;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.form-border {
  border: solid 1px #dfdfd7;
  border-radius: 5px;
}

/* FAQ */
.faq-section {
  padding: 1.5rem 0 1.5rem 3rem;
  border-bottom: solid 1px #000;
}
.faq-section .faq-title {
  padding-block: 1rem;
  font-size: 2.2rem;
  line-height: 100%;
}

@media (max-width: 767.98px) {
  .faq-section {
    padding-left: 0;
    text-align: center;
  }
}
.sticker li::marker {
  color: #d9b131;
}

#tbl-vtype, #tbl-mtype {
  width: 100%;
  border-collapse: collapse;
}
#tbl-vtype tr td p.off, #tbl-mtype tr td p.off {
  cursor: pointer;
}
#tbl-vtype tr td p.off img:hover, #tbl-mtype tr td p.off img:hover {
  filter: invert(100%);
}
#tbl-vtype td, #tbl-mtype td {
  padding: 0;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
#tbl-vtype td div, #tbl-mtype td div {
  padding: 0;
  position: relative;
}
#tbl-vtype td div p, #tbl-mtype td div p {
  margin: 0;
}
#tbl-vtype td div p.placer, #tbl-mtype td div p.placer {
  visibility: hidden;
}
#tbl-vtype td div p img, #tbl-mtype td div p img {
  width: 100%;
  transition: all 0.2s ease-in;
}
#tbl-vtype td div p.on, #tbl-vtype td div p.off, #tbl-mtype td div p.on, #tbl-mtype td div p.off {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#tbl-vtype td div p.on, #tbl-mtype td div p.on {
  display: none;
}

#tbl-rb0, #tbl-rb1, #tbl-rb2, #tbl-rb3, #tbl-rb4, #tbl-rb5 {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.8rem;
  line-height: 130%;
  color: #000;
}
#tbl-rb0 tr td:nth-child(1), #tbl-rb0 tr td:nth-child(2), #tbl-rb1 tr td:nth-child(1), #tbl-rb1 tr td:nth-child(2), #tbl-rb2 tr td:nth-child(1), #tbl-rb2 tr td:nth-child(2), #tbl-rb3 tr td:nth-child(1), #tbl-rb3 tr td:nth-child(2), #tbl-rb4 tr td:nth-child(1), #tbl-rb4 tr td:nth-child(2), #tbl-rb5 tr td:nth-child(1), #tbl-rb5 tr td:nth-child(2) {
  width: 60px;
  vertical-align: top;
}
#tbl-rb0 tr td:nth-child(1) div, #tbl-rb0 tr td:nth-child(2) div, #tbl-rb1 tr td:nth-child(1) div, #tbl-rb1 tr td:nth-child(2) div, #tbl-rb2 tr td:nth-child(1) div, #tbl-rb2 tr td:nth-child(2) div, #tbl-rb3 tr td:nth-child(1) div, #tbl-rb3 tr td:nth-child(2) div, #tbl-rb4 tr td:nth-child(1) div, #tbl-rb4 tr td:nth-child(2) div, #tbl-rb5 tr td:nth-child(1) div, #tbl-rb5 tr td:nth-child(2) div {
  min-width: 3rem;
}
#tbl-rb0 tr td:nth-child(3), #tbl-rb1 tr td:nth-child(3), #tbl-rb2 tr td:nth-child(3), #tbl-rb3 tr td:nth-child(3), #tbl-rb4 tr td:nth-child(3), #tbl-rb5 tr td:nth-child(3) {
  padding-top: 3px;
  vertical-align: top;
}
#tbl-rb0 tr td p.off, #tbl-rb1 tr td p.off, #tbl-rb2 tr td p.off, #tbl-rb3 tr td p.off, #tbl-rb4 tr td p.off, #tbl-rb5 tr td p.off {
  cursor: pointer;
}
#tbl-rb0 tr td p.off img:hover, #tbl-rb1 tr td p.off img:hover, #tbl-rb2 tr td p.off img:hover, #tbl-rb3 tr td p.off img:hover, #tbl-rb4 tr td p.off img:hover, #tbl-rb5 tr td p.off img:hover {
  filter: invert(100%);
}
#tbl-rb0 td, #tbl-rb1 td, #tbl-rb2 td, #tbl-rb3 td, #tbl-rb4 td, #tbl-rb5 td {
  padding: 0;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
#tbl-rb0 td div, #tbl-rb1 td div, #tbl-rb2 td div, #tbl-rb3 td div, #tbl-rb4 td div, #tbl-rb5 td div {
  padding: 0;
  position: relative;
}
#tbl-rb0 td div p, #tbl-rb1 td div p, #tbl-rb2 td div p, #tbl-rb3 td div p, #tbl-rb4 td div p, #tbl-rb5 td div p {
  margin: 0;
}
#tbl-rb0 td div p.placer, #tbl-rb1 td div p.placer, #tbl-rb2 td div p.placer, #tbl-rb3 td div p.placer, #tbl-rb4 td div p.placer, #tbl-rb5 td div p.placer {
  visibility: hidden;
}
#tbl-rb0 td div p img, #tbl-rb1 td div p img, #tbl-rb2 td div p img, #tbl-rb3 td div p img, #tbl-rb4 td div p img, #tbl-rb5 td div p img {
  width: 100%;
  transition: all 0.2s ease-in;
}
#tbl-rb0 td div p.on, #tbl-rb0 td div p.off, #tbl-rb1 td div p.on, #tbl-rb1 td div p.off, #tbl-rb2 td div p.on, #tbl-rb2 td div p.off, #tbl-rb3 td div p.on, #tbl-rb3 td div p.off, #tbl-rb4 td div p.on, #tbl-rb4 td div p.off, #tbl-rb5 td div p.on, #tbl-rb5 td div p.off {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#tbl-rb0 td div p.on, #tbl-rb1 td div p.on, #tbl-rb2 td div p.on, #tbl-rb3 td div p.on, #tbl-rb4 td div p.on, #tbl-rb5 td div p.on {
  display: none;
}

/* @include media-breakpoint-down(sm) {
    #tbl-rb0, #tbl-rb1, #tbl-rb2, #tbl-rb3, #tbl-rb4, #tbl-rb5
    { 
        tr td:nth-child(1), tr td:nth-child(2)
        div            { width: 12%; }
    }
}*/
.btn-light.flat {
  background-color: #fff;
  border: solid 1px #222;
}

.btn.paging {
  margin-top: 0.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  color: #000;
  border: solid 1px #404040;
  outline: none !important;
  box-shadow: none;
}
.btn.paging:hover, .btn.paging.active, .input-btn-parent input.btn.paging, .btn.paging.input-btn-parent {
  border-color: site-dark-clr;
  color: #fff;
  background-color: #cba425;
  font-weight: 900;
}

.input-effect input, .input-effect textarea {
  color: #404040;
  transition: color 0.25s ease-out;
}

.input-effect input:focus, .input-effect textarea:focus {
  color: #000 !important;
  border-bottom: solid 1px #ccc;
}

.input-effect {
  position: relative;
}

.input-effect:before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  right: 50%;
  bottom: 0;
  border-bottom: solid 1px #000;
  width: 0%;
  transform: translateX(-50%);
  opacity: 1;
  pointer-events: none;
}

.input-effect.run:before {
  width: 100%;
  border-bottom: solid 1px #000;
  opacity: 1;
  transition: all 0.5s ease-out;
}

.form-inline .input-effect {
  display: inline-block;
}

@media (max-width: 767.98px) {
  .form-inline.form-inline-including-small select, .form-inline.form-inline-including-small input {
    display: block;
    width: 100%;
  }
}
.col-form-label {
  padding-right: 0;
}

span.invocaNumber {
  display: inline !important;
}

#page {
  padding-top: 3.7rem;
}

#top-logos {
  position: relative;
  height: 0;
  top: -3.7rem;
}

#top-logo-tcars {
  position: absolute;
  width: 5.5rem;
  height: 5.5rem;
  left: 1.5rem;
  top: 0.5rem;
  background: url(img/TcarsLogo-new.png) 0 0/cover no-repeat;
  cursor: pointer;
}

#top-logo-rated {
  float: left;
  width: 5.5rem;
  height: 4rem;
  background: url(img/TopRatedLogo-2023.png) 0 0/contain no-repeat;
  cursor: pointer;
}

#top-logo-platinum {
  float: left;
  width: 4rem;
  height: 4rem;
  background: url(img/Candid2024Badge.png) 0 0/contain no-repeat;
  cursor: pointer;
}

#form-logo-tcars {
  position: absolute;
  width: 9rem;
  height: 9rem;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -3.25rem;
  background: url(img/TcarsLogo-new.png) 0 0/cover no-repeat;
  cursor: pointer;
  z-index: 999;
}

#top-logo-button {
  position: absolute;
  right: 0;
}

@media (max-width: 767.98px) {
  #top-logos #top-logo-button {
    display: none !important;
  }
}
#top-logo-onscroll {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 0;
  z-index: 99999;
}
#top-logo-onscroll > div {
  height: 0;
  opacity: 0;
  transition: opacity 0.7s ease-out;
}
#top-logo-onscroll > div:nth-child(1) div {
  position: relative;
  width: 2.7rem;
  height: 2.7rem;
  left: 2rem;
  top: 0.5rem;
  background: url(img/TcarsLogo-new.png) 0 0/cover no-repeat;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  #top-logo-onscroll > div:nth-child(1) div {
    background-image: url(img/TcarsLogo-sm-new.png);
  }
}
@media (max-width: 767.98px) {
  #top-logo-onscroll > div {
    display: block !important;
    opacity: 1 !important;
  }
}

#page-showcase p {
  padding: 1rem 0;
  font-size: 1.7rem;
  line-height: 120%;
}
#page-showcase img {
  transition: all 0.25s ease-in;
}
#page-showcase img:hover {
  filter: invert(100%);
}

@media (max-width: 991.98px) {
  #page-showcase img {
    height: 12rem;
  }
}
@media (min-width: 992px) {
  #page-showcase div.info-width div:nth-child(2), #page-showcase #home-donate div.container-fluid div:nth-child(2), #home-donate #page-showcase div.container-fluid div:nth-child(2), #page-showcase #new-banner div.container-fluid div:nth-child(2), #new-banner #page-showcase div.container-fluid div:nth-child(2) {
    left: -6%;
  }
  #page-showcase div.info-width div:nth-child(3), #page-showcase #home-donate div.container-fluid div:nth-child(3), #home-donate #page-showcase div.container-fluid div:nth-child(3), #page-showcase #new-banner div.container-fluid div:nth-child(3), #new-banner #page-showcase div.container-fluid div:nth-child(3) {
    left: 6%;
  }
}
#page-testimonials div.row div {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 2.5rem;
  line-height: 130%;
}
#page-testimonials p.img {
  width: 14rem;
  height: 14rem;
  margin-top: -1.5rem;
  margin-left: auto;
  margin-right: auto;
  border: solid 0.6rem #000;
  border-radius: 50%;
  transition: all 0.25s ease-in;
}
#page-testimonials p.img:hover {
  filter: sepia(50%);
}

@media (min-width: 992px) {
  #page-testimonials div.row:nth-of-type(even) div:nth-child(1) {
    padding-left: 15rem;
  }
  #page-testimonials div.row:nth-of-type(odd) div:nth-child(2) {
    padding-right: 15rem;
  }
}
@media (max-width: 991.98px) {
  #page-testimonials div.row:nth-of-type(even) div:nth-child(1) {
    order: 1;
  }
  #page-testimonials div.row:nth-of-type(even) div:nth-child(2) {
    order: 0;
  }
}
.page-deco div.row > div {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 3.5rem;
  line-height: 125%;
}
.page-deco p.img {
  min-height: 10rem;
  transition: all 0.25s ease-in;
}
.page-deco p.img:hover {
  filter: invert(50%);
}
.page-deco p.img, .page-deco p.txt {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#page-numbers div.row-level-1 {
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: solid 1px #000;
}
#page-numbers div.row-level-1:last-child {
  border: 0;
}
#page-numbers div.img {
  width: 14rem;
  height: 14rem;
  margin: auto;
  border: solid 0.6rem #000;
  border-radius: 50%;
  transition: all 0.25s ease-in;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#page-numbers div.img:hover {
  filter: opacity(35%);
}
#page-numbers .page-deco {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#page-numbers .page-deco div.row > div {
  font-size: 2.1rem;
}
#page-numbers .page-deco p.img {
  min-height: 6rem;
}
#page-numbers .page-deco p.img, #page-numbers .page-deco p.txt {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 767.98px) {
  #page-numbers .page-deco p.img, .page-deco p.img {
    min-height: 10rem;
    margin-top: 1rem;
  }
}
#top-live-bids {
  margin-top: -3.7rem;
  background: #000;
}
#top-live-bids .row > div {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-size: 0.8rem;
  color: #ddd;
  overflow: hidden;
  white-space: nowrap;
}
#top-live-bids .row > div span {
  color: #fff;
}
#top-live-bids .row > div:nth-child(2) {
  font-size: 1.2rem;
  line-height: 120%;
  color: #f1e2b2;
  text-align: center;
}
#top-live-bids .row > div:nth-child(2) span {
  font-size: 1rem;
}
#top-live-bids .row > div:nth-child(2) p {
  margin: 0;
}
#top-live-bids .row > div:nth-child(3) {
  text-align: right;
}
#top-live-bids table, #top-live-bids table td {
  height: 100%;
}
#top-live-bids table {
  width: 100%;
}
#top-live-bids td#live-logo {
  padding: 0.4rem;
}
#top-live-bids td#live-logo div {
  background: url(img/TcarsLogo-sm-new.png) 0 50%/contain no-repeat;
  cursor: pointer;
}
#top-live-bids .std-btn.small, #top-live-bids .input-btn-parent input.small, .input-btn-parent #top-live-bids input.small, #top-live-bids .small.input-btn-parent {
  margin-top: 0.2rem;
  padding: 0 0.75rem;
  font-size: 0.9rem;
}
#top-live-bids #payment-info {
  padding: 0.25rem;
  font-size: 80%;
  line-height: 120%;
  color: #000;
  background: #f1e2b2;
  text-align: center;
  white-space: normal;
}
@media (max-width: 575.98px) {
  #top-live-bids {
    height: auto;
  }
  #top-live-bids .row > div:nth-child(2) {
    background: black;
  }
  #top-live-bids .row > div:nth-child(3) {
    text-align: center;
  }
  #top-live-bids .row > div:nth-child(3) div {
    float: none;
    display: inline-block;
    margin: 0 auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  #top-live-bids .row > div {
    font-size: 0.7rem;
  }
  #top-live-bids .row > div:nth-child(2) {
    font-size: 1rem;
  }
  #top-live-bids .row > div:nth-child(2) span {
    font-size: 0.8rem;
  }
  #top-live-bids .std-btn.small, #top-live-bids .input-btn-parent input.small, .input-btn-parent #top-live-bids input.small, #top-live-bids .small.input-btn-parent {
    padding: 0 0.5rem;
    font-size: 0.7rem;
  }
}

#vm-page-live-bids {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#vm-page-live-bids .std-btn.xsmall, #vm-page-live-bids .input-btn-parent input.xsmall, .input-btn-parent #vm-page-live-bids input.xsmall, #vm-page-live-bids .xsmall.input-btn-parent {
  margin: 0 0.3rem;
  padding: 0.4rem 1.2rem;
  font-weight: normal;
}
#vm-page-live-bids a.std-btn.active, #vm-page-live-bids a.input-btn-parent {
  color: #d9b131 !important;
  background-color: #000;
}
#vm-page-live-bids a.std-btn.active:hover, #vm-page-live-bids a.input-btn-parent:hover {
  color: #fff !important;
}
@media (max-width: 767.98px) {
  #vm-page-live-bids .std-btn.xsmall, #vm-page-live-bids .input-btn-parent input.xsmall, .input-btn-parent #vm-page-live-bids input.xsmall, #vm-page-live-bids .xsmall.input-btn-parent {
    margin: 0.4rem 0.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #vm-page-live-bids .std-btn.xsmall, #vm-page-live-bids .input-btn-parent input.xsmall, .input-btn-parent #vm-page-live-bids input.xsmall, #vm-page-live-bids .xsmall.input-btn-parent {
    margin: 0.17rem;
    font-size: 90%;
  }
}
#vm-page-live-bids #vid-carousel-thumbs {
  min-height: 7.0011252813rem;
  margin-top: 0.5rem;
  white-space: nowrap;
}
#vm-page-live-bids #vid-carousel-thumbs span {
  display: inline-block;
  padding: 0.5rem 0.5rem 0 0;
  opacity: 0;
  transition: opacity 0.5s ease-in;
}
#vm-page-live-bids #vid-carousel-thumbs span.active img, #vm-page-live-bids #vid-carousel-thumbs span.input-btn-parent img {
  border: solid 1px #000;
}
#vm-page-live-bids #vid-carousel-thumbs img {
  display: block;
  width: 6rem;
  border: solid 1px #fff;
}

#vehicle-live-desc {
  min-height: 3rem;
  margin: 0.5rem 0;
  overflow: hidden;
}
#vehicle-live-desc #vid-info, #vehicle-live-desc #vid-status {
  color: #000;
}
#vehicle-live-desc #vid-info p, #vehicle-live-desc #vid-status p {
  position: relative;
  top: -20px;
  height: 100%;
  margin: 0;
  padding-left: 0.75rem;
  font-size: 90%;
  line-height: 120%;
  border-left: solid 3px #d9b131;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}
#vehicle-live-desc #vid-info {
  font-size: 1.4rem;
}
#vehicle-live-desc #vid-info p {
  margin-left: -15px !important;
}
#vehicle-live-desc #vid-status {
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  #vehicle-live-desc {
    min-height: 4.2em;
  }
  #vehicle-live-desc #vid-status p {
    margin-left: -15px !important;
  }
}

#auction-live-video div#video-box {
  position: relative;
  overflow: hidden;
}
#auction-live-video div#video-box img {
  width: 100%;
}
#auction-live-video div#video-box div#sold-msg, #auction-live-video div#video-box div#no-sale-msg, #auction-live-video div#video-box div#finish-msg {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  line-height: 100%;
  white-space: nowrap;
  z-index: -1;
}
#auction-live-video div#video-box div#sold-msg p, #auction-live-video div#video-box div#no-sale-msg p, #auction-live-video div#video-box div#finish-msg p {
  font-size: 7rem;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  transform: rotate(0) scale(0);
  opacity: 0;
}
#auction-live-video div#video-box div#sold-msg p.sold-step-in, #auction-live-video div#video-box div#no-sale-msg p.sold-step-in, #auction-live-video div#video-box div#finish-msg p.sold-step-in {
  color: #0f0;
  transform: rotateX(360deg) scale(1.3);
  opacity: 1;
  transition: all 2s ease-in;
}
#auction-live-video div#video-box div#sold-msg p.sold-step-on, #auction-live-video div#video-box div#no-sale-msg p.sold-step-on, #auction-live-video div#video-box div#finish-msg p.sold-step-on {
  color: #0f0;
  transform: rotate(345deg) scale(1);
  opacity: 1;
  transition: all 1s ease-out;
}
#auction-live-video div#video-box div#sold-msg p.sold-step-out, #auction-live-video div#video-box div#no-sale-msg p.sold-step-out, #auction-live-video div#video-box div#finish-msg p.sold-step-out {
  color: #fff;
  transform: rotate(360deg) scale(1.6);
  opacity: 0;
  transition: all 1.6s ease-out;
}
#auction-live-video div#video-box div#no-sale-msg p {
  font-size: 6rem;
}
#auction-live-video div#video-box div#no-sale-msg p.sold-step-in, #auction-live-video div#video-box div#no-sale-msg p.sold-step-on {
  color: #f00;
}
#auction-live-video div#video-box div#finish-msg p {
  font-size: 3.5rem;
}
#auction-live-video div#video-box div#finish-msg p.sold-step-in, #auction-live-video div#video-box div#finish-msg p.sold-step-on {
  color: #00f;
}
#auction-live-video div#video-box div#video-codec {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 3px;
  font-size: 11px;
  color: #fff;
  background-color: #333;
}
#auction-live-video div#video-box div#video-alert {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  top: 30px;
  padding: 5px 10px;
  font-size: 15px;
  color: #fff;
  background-color: #333;
  text-align: center;
  opacity: 0.7;
}

.live-auction-btn {
  text-align: center;
}
.live-auction-btn .std-btn, .live-auction-btn .input-btn-parent input, .input-btn-parent .live-auction-btn input, .live-auction-btn .input-btn-parent {
  min-width: 40%;
}
.live-auction-btn .std-btn.disabled, .live-auction-btn .input-btn-parent input.disabled, .input-btn-parent .live-auction-btn input.disabled, .live-auction-btn .disabled.input-btn-parent {
  background-color: #ccc;
  cursor: default;
}

.list-grid div.grid-cell {
  float: left;
  width: 12.5%;
  min-height: 75px;
}
.list-grid div.grid-cell div {
  position: relative;
  margin: 0 5px 5px 0;
  padding: 0 5px 5px 5px;
  border: solid 2px #e7e7e7;
  overflow: hidden;
  cursor: pointer;
}
.list-grid div.grid-cell div img {
  width: 100%;
}
.list-grid div.grid-cell div.border-green {
  border-color: green;
}
.list-grid div.grid-cell div.border-blue {
  border-color: #3d85fe;
}
.list-grid div.grid-cell div.border-orange {
  border-color: #ffa133;
}
.list-grid div.grid-cell div.border-red {
  border-color: #f53300;
}
.list-grid div.grid-cell div.border-purple {
  border-color: #9939ba;
}
.list-grid div.grid-cell p {
  margin: 0;
  font-size: 12px;
  line-height: 200%;
  white-space: nowrap;
}
.list-grid div.grid-cell p.lot {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px;
  line-height: 120%;
  background-color: #fff;
  opacity: 0.9;
}
.list-grid div.grid-cell p.bid-status {
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 5px;
  font-size: 13px;
  font-weight: bold;
  line-height: 190%;
  opacity: 0.9;
}
.list-grid div.grid-cell .border-green .bid-status {
  color: #004d00;
  background-color: #80ff80;
}
.list-grid div.grid-cell .border-orange .bid-status {
  color: #ff8a00;
  background-color: #ffe8cc;
}
.list-grid div.grid-cell .border-blue .bid-status {
  color: #0a65fe;
  background-color: #d5e5ff;
}
.list-grid div.grid-cell .border-red .bid-status {
  color: #d12c00;
  background-color: #ffbba9;
}
.list-grid div.grid-cell .border-purple .bid-status {
  color: #83319f;
  background-color: #debbea;
}
@media (max-width: 575.98px) {
  .list-grid div.grid-cell {
    width: 50%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .list-grid div.grid-cell {
    width: 33.3%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .list-grid div.grid-cell {
    width: 20%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .list-grid div.grid-cell {
    width: 14.25%;
  }
}
@media (min-width: 1200px) {
  .list-grid div.grid-cell {
    width: 12.5%;
  }
}

#auction-alert, #log-alert {
  letter-spacing: 1px;
  color: #fff;
  line-height: 120%;
}
#auction-alert p, #log-alert p {
  margin: 0;
}
#auction-alert div, #log-alert div {
  margin: 2px 0;
  padding: 0.5rem;
  text-align: center;
  border-radius: 6px;
}
#auction-alert div#alert-green, #log-alert div#alert-green {
  background-color: green;
  border: solid 1px #004300;
}
#auction-alert div#alert-blue, #log-alert div#alert-blue {
  background-color: #3d85fe;
  border: solid 1px #0159ed;
}
#auction-alert div#alert-orange, #log-alert div#alert-orange {
  background-color: #ffa133;
  border: solid 1px #f58400;
}
#auction-alert div#alert-red, #log-alert div#alert-red {
  background-color: #f53300;
  border: solid 1px #b82600;
}
#auction-alert div#alert-purple, #auction-alert div#log-purple, #log-alert div#alert-purple, #log-alert div#log-purple {
  background-color: #9939ba;
  border: solid 1px #722b8b;
}

#log-alert {
  position: fixed;
  width: 100%;
  top: -100px;
  transition: top 0.75s ease-in;
  z-index: 999;
}
#log-alert div {
  border-radius: 0;
}

.live-bid-anim-item {
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

#filter-msg {
  padding: 0.5rem;
  font-size: 110%;
  text-align: center;
  opacity: 0;
  transition: opacity 1s;
}

/*@keyframes anim-alert { 
                            0%   { opacity: 0; }
                            30%  { opacity: 1; }
                            70%  { opacity: 1; }
                            100% { opacity: 0; }
}
span                    { animation: anim-alert 2s infinite cubic-bezier(0, 0.2, 0.8, 1); } // linear*/
.menu-button {
  position: relative;
  display: inline-block;
  float: right;
  top: -1px;
  margin-right: 0.5rem;
  height: 3.7rem; /*border: solid 1px red;*/
}
.menu-button p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.menu-button p a {
  width: 100%;
  padding: 0 40px !important;
}
.menu-button span {
  display: none;
  position: absolute;
  width: 100%;
  top: 50%;
  padding-top: 1.25rem;
  border-bottom-left-radius: 12%;
  border-bottom-right-radius: 12%;
  text-align: center;
  background-color: #d9b131;
}
.menu-button span a {
  float: left;
  width: 100%;
  margin-top: 0.25rem;
}
.menu-button span .std-btn, .menu-button span .input-btn-parent input, .input-btn-parent .menu-button span input, .menu-button span .input-btn-parent {
  padding: 0;
  font-size: 80%;
  background-color: #d9b131;
}

@media (max-width: 575.98px) {
  .menu-button {
    width: auto !important;
    background-image: none !important;
  }
  .menu-button span {
    width: 165px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .menu-button {
    width: auto !important;
    background-image: none !important;
  }
  .menu-button span {
    width: 172px;
  }
}
@media (max-width: 767.98px) {
  .menu-button {
    float: left;
    margin-left: 8rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #menu-button .std-btn, #menu-button .input-btn-parent input, .input-btn-parent #menu-button input, #menu-button .input-btn-parent {
    padding: 0 0.5rem;
  }
}
.arch > div {
  position: relative;
  height: 5.5rem;
  overflow: hidden;
}
.arch div div {
  position: absolute;
  width: 120rem;
  height: 30rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.arch div p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  line-height: 1px;
  margin: 0;
}
.arch.up div p {
  bottom: 0;
}
.arch.down div p {
  top: 0;
}
.arch.light div p {
  background-color: #d9b131;
}
.arch.dark div p {
  background-color: #000;
}
.arch.up div div {
  top: 0;
}
.arch.down div div {
  bottom: 0;
}
.arch.light div div {
  background-color: #d9b131;
}
.arch.dark div div {
  background-color: #000;
}
@media (max-width: 575.98px) {
  .arch div div {
    width: 70rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .arch div div {
    width: 90rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .arch div div {
    width: 105rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .arch div div {
    width: 115rem;
  }
}
@media (min-width: 1200px) {
  .arch div div {
    width: 120rem;
  }
}

.ellipse-mask {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5.5rem;
  overflow: hidden;
}
.ellipse-mask div {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 120rem;
  height: 30rem;
  border-radius: 50%;
  box-shadow: 0 5.5rem 0 0 #fff; /* outside - while border is inside of the container */
}
@media (max-width: 575.98px) {
  .ellipse-mask div {
    width: 70rem;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .ellipse-mask div {
    width: 90rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .ellipse-mask div {
    width: 105rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .ellipse-mask div {
    width: 115rem;
  }
}
@media (min-width: 1200px) {
  .ellipse-mask div {
    width: 120rem;
  }
}

.grad-line-lr, .grad-line-rl {
  height: 1.25rem;
  line-height: 0;
  background: #ccc url(img/grad-lines-lr.png) center center repeat-y;
}

.grad-line-rl {
  background-image: url(img/grad-lines-rl.png);
}

.simple-line {
  height: 1px;
  line-height: 0;
  margin: 2.5rem 0;
  background-color: #222;
}

.spacer-line {
  height: 5rem;
  line-height: 0;
}

.spacer-xline {
  height: 3rem;
  line-height: 0;
}

.spacer-yline {
  height: 1rem;
  line-height: 0;
}

.spacer-wline {
  height: 0.5rem;
  line-height: 0;
}

.spacer-zline {
  height: 0.25rem;
  line-height: 0;
}

#video-list .row {
  background-color: #d9b131;
}
#video-list #movie-title {
  height: 6rem;
  line-height: 6rem;
  padding-left: 3rem;
  font-size: 2.5rem;
  color: #000;
}
#video-list .full-width-bg {
  position: absolute;
  display: none; /* shown in jQ in Master */
  width: 100% !important;
  height: calc(200px + 3rem);
  margin-top: 3rem;
  background-color: #d9b131;
  z-index: -1;
}

#carousel-box {
  margin: 0 1rem;
} /* margin with no decimals for even spaces ! */
#carousel {
  margin: 0 auto;
}

#carousel li {
  width: 30%;
  min-width: 310px;
  height: 240px;
  margin: 0 1rem;
} /* margin with no decimals for even spaces ! */
.movie {
  position: relative;
  width: 310px;
  height: 200px;
  margin: 0 auto;
}

.movie > video {
  width: 100%;
  height: 100%;
}

.movie > p {
  position: absolute;
  height: 40px;
  left: 0;
  right: 0;
  bottom: -56px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-align: center;
  white-space: nowrap;
  transform: scale(1, 1.25);
}

@media (max-width: 575.98px) {
  #carousel li {
    min-width: 290px;
    width: 90%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  #carousel li {
    width: 90%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  #carousel li {
    width: 40%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #carousel li {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  #carousel li {
    width: 30%;
  }
}
#new-banner {
  padding-bottom: 5rem;
}
#new-banner .title {
  font-size: 2.6rem;
  font-weight: bold;
  color: #000;
}

.topper {
  min-height: 15rem;
  _display: flex;
  _flex-flow: wrap-reverse;
}
.topper .btn-links td {
  padding: 0.5rem 0;
  text-align: center;
}
.topper .btn-links td a.std-btn, .topper .btn-links td a.input-btn-parent {
  width: 100%;
  font-size: 3rem;
  line-height: 140%;
}
.topper .btn-links.small.btn-links td {
  padding: 0.3rem 0;
}
.topper #auction-msg {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
  border-radius: 1rem;
}
.topper #auction-msg u {
  color: #d9b131;
  text-decoration: none;
  animation-name: fade-title;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: 1; /* 1 | infinite */
  animation-duration: 1.5s;
}
.topper #auction-msg div {
  font-size: 1.7rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  text-align: center;
}
.topper #auction-msg div:nth-child(2) span {
  position: relative;
  color: transparent;
  letter-spacing: 0.5px;
}
.topper #auction-msg div:nth-child(2) span i {
  position: absolute;
  left: 0;
  color: #000;
  transition: color 0.1s ease-in, font-size 0.1s ease-in;
}
.topper #auction-msg div:nth-child(2) span i.magnified {
  color: #d9b131;
  font-size: 112%;
}

@media (max-width: 767.98px) {
  .topper > div:nth-child(1) {
    order: 1;
  }
  .topper > div:nth-child(2) {
    order: 0;
  }
}
div.birdeye-showcase {
  display: table;
  margin: 7rem auto 0 auto;
  _filter: hue-rotate(-5deg) brightness(101%);
  transform: scale(1.5);
}

@media (max-width: 1199.98px) {
  div.birdeye-showcase {
    margin-top: 5rem;
    transform: scale(1.25);
  }
}
@media (max-width: 767.98px) {
  div.birdeye-showcase {
    margin-top: 3rem;
    transform: scale(1.1);
  }
}
#home-donate {
  color: #fff;
}
#home-donate .row {
  font-size: 1.25rem;
}
#home-donate .container-fluid {
  background-color: #000;
}
#home-donate .row:nth-child(1) {
  height: 12rem;
  background: url(img/home-donation.jpeg) center 0/cover no-repeat;
}
#home-donate h2 {
  font-size: 2.5rem;
  line-height: 4rem;
  color: #d9b131;
}
#home-donate .full-width-bg {
  position: absolute;
  display: none; /* shown in jQ in Master */
  width: 100%;
  max-width: 100%;
  top: 3rem;
  bottom: 5.5rem;
  background-color: #000;
  z-index: -1;
}

#social-media .col-1 {
  font-size: 3rem;
  color: #000;
  background-color: #f9f2dd;
}
@media (max-width: 575.98px) {
  #social-media .col-1 {
    display: table;
  }
}
@media (max-width: 767.98px) {
  #social-media .col-1 {
    font-size: 2rem;
  }
}

.testimonials {
  font-size: 1.5rem;
  color: #fff;
  background-color: #000;
}
.testimonials .carousel-item .row div:first-child {
  padding: 4rem 3rem 3rem 3rem;
}
.testimonials .carousel-item .row div:last-child {
  min-height: 16rem;
}
.testimonials .carousel-img {
  background: url(img/spacer.gif) 50% 0/cover no-repeat;
}
.testimonials p {
  font-size: 2rem;
}
.testimonials a {
  color: #404040;
}
.testimonials a:visited {
  color: #404040;
}
.testimonials a:hover {
  color: #d9b131;
}
.testimonials a:active {
  color: #d9b131;
}

@media (max-width: 991.98px) {
  .testimonials .info-width, .testimonials #new-banner .container-fluid, #new-banner .testimonials .container-fluid, .testimonials #home-donate .container-fluid, #home-donate .testimonials .container-fluid {
    padding: 0;
  }
}
#testimonialsCarousel .carousel-indicators li {
  background-color: #d9b131;
}

.modal {
  z-index: 999999;
}

@media (max-width: 1199.98px) {
  .showcase-mix .info-width, .showcase-mix #new-banner .container-fluid, #new-banner .showcase-mix .container-fluid, .showcase-mix #home-donate .container-fluid, #home-donate .showcase-mix .container-fluid {
    padding: 0;
  }
}
#floating-btns {
  overflow: visible;
  z-index: 9;
}
#floating-btns .col-12 div {
  position: absolute;
  width: 22rem;
  top: 0.75rem;
  right: 1rem;
}
#floating-btns .col-12 div:last-child {
  top: -2.75rem;
}
#floating-btns .col-12 .std-btn, #floating-btns .col-12 .input-btn-parent input, .input-btn-parent #floating-btns .col-12 input, #floating-btns .col-12 .input-btn-parent {
  width: 100%;
  text-align: center;
}

@media (max-width: 767.98px) {
  #floating-btns .col-12 {
    margin-bottom: 6rem;
  }
  #floating-btns .col-12 div {
    width: auto;
  }
  #floating-btns .col-12 div:last-child {
    left: 1rem;
    top: 0.75rem;
    right: auto;
  }
}
.grid-list .detail-list {
  margin-top: 3rem;
}

.item-img img {
  width: 100%;
}

.detail-list {
  width: 100%;
  table-layout: fixed;
}
.detail-list td {
  width: 50%;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}
.detail-list td u {
  color: #d9b131;
  text-decoration: none;
}
.detail-list td:first-child {
  color: #d9b131;
}
.detail-list .item-vin {
  padding: 1rem 0;
  color: #000 !important;
  text-align: center;
}
.detail-list.finale td:first-child {
  width: 40%;
}
.detail-list.finale td:last-child {
  width: 60%;
}
.detail-list.wrap td {
  white-space: normal;
  overflow: visible;
}

@media (min-width: 768px) {
  .bid-info-bg {
    background-color: #f9f2dd;
  }
}
.item-detail {
  margin: 0;
  background-color: #f9f2dd;
}
.item-detail > div {
  padding: 0;
}
.item-detail img {
  display: block;
  width: 100%;
}
.item-detail .item-info {
  padding: 3rem 0.5rem 1rem 2rem;
}
.item-detail .item-vin {
  padding: 0;
}

.data-grid {
  width: 100%;
}
.data-grid th {
  color: #fff;
  font-weight: normal;
  background-color: #d9b131;
  text-align: center;
  vertical-align: middle;
  border-right: solid 1px #fff;
}
.data-grid tr.light th {
  background-color: #d9b131;
}
.data-grid th, .data-grid td {
  padding: 4px 8px;
}
.data-grid td {
  text-align: right;
  vertical-align: top;
}
.data-grid tr:nth-child(even) {
  background-color: #f2f2f2;
}

.carousel-thumbnails {
  margin-top: 1.25rem;
}
.carousel-thumbnails span {
  float: left;
  display: inline-block;
  padding: 1.25rem 0.75rem 0 0;
}
.carousel-thumbnails span.active img, .carousel-thumbnails span.input-btn-parent img {
  border: solid 1px #000;
}
.carousel-thumbnails img {
  display: block;
  width: 9rem;
  border: solid 1px #fff;
}

.price-calculator {
  padding: 0.5rem !important;
}
.price-calculator div:last-child {
  line-height: 3.5rem;
  color: #9b9b94;
}

ul.site-map, ul.site-map ul {
  list-style-type: none;
}

#store-categories {
  text-align: center;
}
#store-categories a.std-btn, #store-categories a.input-btn-parent {
  margin: 1rem;
  font-weight: normal;
  text-transform: none;
}
#store-categories a.std-btn.active, #store-categories a.input-btn-parent {
  color: #d9b131 !important;
  background-color: #000;
}
#store-categories a.std-btn.active:hover, #store-categories a.input-btn-parent:hover {
  color: #fff !important;
}

.captcha-area {
  margin-bottom: 1.25rem !important;
  margin-top: 0.25rem;
}

.random-number {
  padding: 0.7rem 0;
  cursor: pointer;
  color: #9b9b94;
  background-color: #e9eae3;
  border: solid 1px #dfdfd7;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  width: 3.75rem;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
}

.random-number:hover {
  background-color: #d9b131;
  color: #ffffff;
}

.random-pick {
  color: #999;
  padding: 0.7rem 0;
  _cursor: pointer;
  background-color: #fff;
  border: solid 1px #999;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  width: 3.75rem;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
}

.random-number-pushed {
  color: #ffffff;
  background-color: #d9b131;
  border-color: #b2b29e;
}

#spanCaptcha {
  display: flex;
  justify-content: space-between;
}

#msgCaptcha {
  display: none;
  margin-bottom: 2rem;
}

#msgCaptcha span {
  padding: 0.7rem 0;
  color: #222;
  background-color: #d9b131;
  border: solid 1px #999;
}

.std-btn, .input-btn-parent input, .input-btn-parent {
  font-size: 2.25rem;
  line-height: 3rem;
  padding: 0 2rem;
  color: #fff !important;
  text-transform: uppercase;
  text-align: center;
  background-color: #d9b131;
  border: solid 1px transparent;
  border-radius: 3rem;
  transition: color 0.2s ease-in, background 0.2s ease-in;
  white-space: nowrap;
  cursor: pointer;
}

.std-btn span, .input-btn-parent span {
  font-size: 0.875rem;
}

.std-btn:hover, .input-btn-parent input:hover, .input-btn-parent:hover {
  color: #999;
  background-color: #d9b131;
}

.std-btn.active, .input-btn-parent input, .input-btn-parent {
  color: #fff !important;
  background-color: #d9b131;
}

.std-btn.active:hover, .input-btn-parent input:hover, .input-btn-parent:hover {
  color: #fff !important;
}

a.std-btn, a.input-btn-parent {
  display: inline-block;
  color: #fff !important;
}

a.std-btn:visited, a.input-btn-parent:visited {
  color: #fff;
}

a.std-btn:hover, a.input-btn-parent:hover {
  color: #000 !important;
}

a.std-btn:active, a.input-btn-parent:active {
  color: #fff !important;
} /* must be the last line */
.std-btn.small, .input-btn-parent input.small, .small.input-btn-parent {
  font-size: 1.3rem !important;
  line-height: 2.25rem;
  padding: 0 1.25rem;
}

.std-btn.xsmall, .input-btn-parent input.xsmall, .xsmall.input-btn-parent {
  font-size: 1.4rem;
  line-height: 1.5rem;
  padding: 0 1rem;
  text-transform: none;
}

.std-btn.dark, .input-btn-parent input.dark, .dark.input-btn-parent {
  font-size: 1rem;
  background-color: #d9b131;
  color: #000 !important;
}

@media (max-width: 575.98px) {
  .std-btn.dark, .input-btn-parent input.dark, .dark.input-btn-parent {
    display: block;
    width: 70%;
    margin: 0 auto;
  }
}
.std-btn.cash, .input-btn-parent input.cash, .cash.input-btn-parent {
  background-color: #8cc63e;
}

.std-btn.login, .input-btn-parent input.login, .login.input-btn-parent {
  background-color: #000;
}

a.std-btn.login, a.login.input-btn-parent {
  color: #fff !important;
}

a.std-btn.login:visited, a.login.input-btn-parent:visited {
  color: #fff;
}

a.std-btn.login:hover, a.login.input-btn-parent:hover {
  color: #d9b131 !important;
}

a.std-btn.login:active, a.login.input-btn-parent:active {
  color: #d9b131 !important;
}

.input-btn-parent {
  padding: 0;
}

.input-btn-parent input {
  width: 100%;
}

.input-btn-parent.ca {
  display: inline-block;
  margin-top: 2rem;
}

@media (max-width: 575.98px) {
  .input-btn-parent.ca {
    display: block;
  }
}
.std-btn.none, .none.input-btn-parent, .input-btn-parent input.none {
  height: 2.5rem;
  line-height: 2.5rem;
  border: solid 1px #fff;
  font-size: 0.9375rem;
  color: #000 !important;
}
.std-btn.none:hover:before, .none.input-btn-parent:hover:before, .input-btn-parent input.none:hover:before, .std-btn.none:hover:after, .none.input-btn-parent:hover:after, .input-btn-parent input.none:hover:after {
  border-color: #fff;
}

.std-btn.paypal-btn, .paypal-btn.input-btn-parent, .input-btn-parent input.paypal-btn {
  padding-left: 7rem;
  background: #fdc73a url(img/PayPal-Logo.png) 1.3rem 50%/36% no-repeat;
}

.std-btn.btn-tag, .btn-tag.input-btn-parent, .input-btn-parent input.btn-tag, .std-btn.lnk-tag, .lnk-tag.input-btn-parent, .input-btn-parent input.lnk-tag {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 130%;
}

.std-btn.lnk-tag, .lnk-tag.input-btn-parent, .input-btn-parent input.lnk-tag {
  cursor: pointer !important;
}

.std-btn.live-link-btn, .live-link-btn.input-btn-parent, .input-btn-parent input.live-link-btn {
  border-width: 0.2rem;
  color: #666 !important;
  border-color: #d9b131;
  background: none;
}
.std-btn.live-link-btn.dark, .live-link-btn.dark.input-btn-parent, .input-btn-parent input.live-link-btn.dark {
  border-color: #000;
}

.std-btn.log-name, .log-name.input-btn-parent, .input-btn-parent input.log-name {
  padding: 0.1rem 0;
  font-size: 110% !important;
  text-transform: none;
  color: #000 !important;
  background: #fff;
}
.std-btn.log-name u, .log-name.input-btn-parent u, .input-btn-parent input.log-name u {
  color: #d9b131;
  text-decoration: none;
}

@keyframes water-drop {
  /*0%   { transform: scale(1.004); }     0%   { transform: scale(.995); }
  50%  { transform: scale(1.006); }       50%  { transform: scale(.992); }
  75%  { transform: scale(1.008); }       75%  { transform: scale(.987); }
  100% { transform: scale(1.002); }       100% { transform: scale(.997); }*/
  0% {
    transform: scale(0.995);
  }
  50% {
    transform: scale(0.985);
  }
  75% {
    transform: scale(0.99);
  }
  100% {
    transform: scale(0.995);
  }
}
.border-explode-effect, .std-btn:not(.static), .input-btn-parent:not(.static), .input-btn-parent input:not(.static) {
  position: relative;
}

.border-explode-effect:before, .std-btn:not(.static):before, .input-btn-parent:not(.static):before, .input-btn-parent input:not(.static):before, .border-explode-effect:after, .std-btn:not(.static):after, .input-btn-parent:not(.static):after, .input-btn-parent input:not(.static):after {
  content: "";
  position: absolute;
  display: block;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 3px solid transparent;
  border-radius: 3rem;
  opacity: 1;
  pointer-events: none;
}

.border-explode-effect:hover:before, .std-btn:hover:not(.static):before, .input-btn-parent:hover:not(.static):before, .input-btn-parent input:hover:not(.static):before, .border-explode-effect:hover:after, .std-btn:hover:not(.static):after, .input-btn-parent:hover:not(.static):after, .input-btn-parent input:hover:not(.static):after {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  border: 1px solid #d9b131;
  opacity: 0;
  transition: all 0.2s ease-out;
}

.border-explode-effect:hover:after, .std-btn:hover:not(.static):after, .input-btn-parent:hover:not(.static):after, .input-btn-parent input:hover:not(.static):after {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  border-width: 0;
  transition-duration: 0.3s;
  transition-delay: 0.05s;
}

.border-side-effect {
  position: relative;
}

.border-side-effect:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 100%;
  bottom: 0;
  border-left: 100px solid transparent;
  opacity: 1;
  transform: rotate(45deg) skewY(-45deg);
  pointer-events: none;
}

.border-side-effect:hover:before {
  left: -2px;
  border-left: 2px solid #d9b131;
  opacity: 0;
  transform: rotate(0deg) skewY(0deg);
  transition: all 0.4s ease-out;
}

.border-encircle-effect {
  position: relative;
}
.border-encircle-effect:before, .border-encircle-effect:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  transform-origin: center;
}
.border-encircle-effect::before {
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  transform: scale3d(0, 1, 1);
}
.border-encircle-effect::after {
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: scale3d(1, 0, 1);
}
.border-encircle-effect:hover {
  border-color: transparent !important;
}
.border-encircle-effect:hover:before, .border-encircle-effect:hover:after {
  transform: scale3d(1, 1, 1);
  transition: transform 0.6s, z-index 0.6s;
  z-index: -1;
}

.border-encircle-effect.sticker {
  position: -webkit-sticky;
  position: sticky;
}

.border-encircle-effect.inside:before, .border-encircle-effect.inside:after {
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 1;
  z-index: 9;
}
.border-encircle-effect.inside:hover:before, .border-encircle-effect.inside:hover:after {
  opacity: 0;
  z-index: -1;
  transition: transform 0.6s, opacity 1.2s, z-index 1.2s;
}

.vanished-sections-effect {
  transition: transform 0.5s ease-out, opacity 0.5s ease-out, filter 0.5s ease-out !important;
}

@keyframes skew-effect {
  0% {
    transform: skew(0deg, 0deg);
  }
  10% {
    transform: skew(18deg, 0deg);
  }
  100% {
    transform: skew(-22deg, 0deg);
  }
}
@keyframes grayscale-effect {
  0% {
    filter: grayscale(50);
  }
  10% {
    filter: grayscale(100);
  }
  50% {
    filter: grayscale(60);
  }
  100% {
    filter: grayscale(0);
  }
}
.ql-align-left {
  text-align: left;
}

.ql-align-center {
  text-align: center;
}

.ql-align-right {
  text-align: right;
}

pre.ql-syntax {
  margin: 0;
}

/* Layout tester */
/*
@include media-breakpoint-down(xs) {
    body { background: red; } // 10px
}
@include media-breakpoint-up(sm) {
    body { background: blue; } // 12px
}
@include media-breakpoint-up(md) {
    body { background: pink; } // 13px
}
@include media-breakpoint-up(lg) {
    body { background: yellow; } // 15px
}
@include media-breakpoint-up(xl) {
    body { background: teal; } // 16px
}
*/
