.cantusetab {
  border-top: 1px solid #dddbdb !important;
}

.cantusetab tr td {
  border-bottom: 1px solid #dddbdb !important;
}

table tr:hover .cantusetab td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
}

@media screen and (max-width: 1020px) {
        body{
    overflow: auto;
  }
  
  .cantusetab {
      border-top: 1px solid #dddbdb !important;
  }
}

#menu{
  padding: 10px 0;
}

#menu .brand{
  height:32px;
  width:auto;
}

.defaulttxt {
  color: #796f6e;
}

.redtxt {
  color: var(--primary);
}

#steps{
  margin: 1rem 0
}

#steps .actt a {
  background-color: #fff;
}

#steps li span {
  background: var(--primary);
}

@media screen and (max-width: 1020px) {
  .vehicles_list tr td:nth-child(4),
  .vehicles_list tr td:nth-child(5),
  .vehicles_list tr td:nth-child(6) {
      background: #796f6e !important;
  }
}
.complect h2 button,
.complect .colouurs button,
.complect .colouurs .activated,
.fixedinfo button {
  background: transparent;
}

.styled-checkbox:checked + label:before {
  background: var(--secondary);
}


.options .option {
  border: 2px solid #cdcdcd;
}

.maintable td,
.contenttable td {
  border-bottom: 1px solid #dddbdb;
  border-right: 1px solid #dddbdb;
}

.pricetable td {
  border-bottom: 1px solid #dddbdb;
}

.maintable,
.contenttable {
  border-top: 1px solid #dddbdb;
  border-left: 1px solid #dddbdb;
}

.pricetable {
  border-top: 0;
}

.maintable td,
.contenttable td,
.pricetable td {
  border-color: #dddbdb;
}

#steps .staragain a {
  background: var(--primary);
}

#steps .staragain a:hover {
  opacity: 0.8;
}

.fixedinfo button {
  background: #0e6dee;
  color:#fff !important;
  border-radius:2px;
}

.fixedinfo button:hover {
  background: #0b57be;
  color: #fff;
}

.auto24-iframe th.photo,
.auto24-iframe th.make,
.auto24-iframe th.mileage,
.auto24-iframe th.year,
.auto24-iframe th.fuel,
.auto24-iframe th.gearbox,
.auto24-iframe th.price {
  background-color: #796f6e;
}

.auto24-iframe .active {
  background-color: #9d0605;
}

.auto24-iframe .detailContainer .make_and_model_title,
.auto24-iframe .detailContainer .make_and_model {
  background: #796f6e;
}

.submit input {
  background-color: #796f6e !important;
}

.submit input:hover {
  background-color: #615958 !important;
}

.complecting .slick-prev,
.complecting .slick-next {
  background-color: rgba(0,0,0,.2);
}

.complecting .slick-prev:hover,
.complecting .slick-next:hover {
  background-color: #f7ff14;
}

.complecting .slick-dots li button {
  border: 3px solid var(--third) !important;
  background: transparent;
}

.complecting .slick-dots li.slick-active button {
  background: var(--primary);
}

.gallerybtn button {
  background: transparent !important;
  color: #000;
}

.gallerybtn button:hover {
  background: var(--primary) !important;
  color:#fff;
}

.complect .showmore{
  background:#636363;
}

.complect .showmore:hover {
  background: #4f4f4f!important;
}

.showdifference {
  background: #0e6dee !important;

}

.fixedinfo {
  background-color: #ececee;
}

.roundpic {
  transition: all 0.2s linear;
  border: 5px solid #fff;
}

.roundpic:hover {
  border: 5px solid var(--third) !important;
}

.roundpic .enlarge .inner {
  border: 5px solid var(--third);
}

.options .option:hover {
  border: 2px solid var(--secondary) !important;
}

.options .selected,
.options .selected:hover {
  background-color: #f2f2f2;

  border: 2px solid var(--secondary) !important;
}

.options .unactive,
.options .unactive:hover {
  background-color: #fff !important;

  border: 2px solid #c4c3c2 !important;
}

.red {
  background: #0e6dee;
  border: 0;
}

.red:hover {
  background: #0b57be !important;
}

h2 .red {
  margin: -5px 0 0 10px;
}

.pricetable .red{
  margin: -5px 0 0 10px;
}

h2 .red:last-of-type{
  margin-bottom: 12px !important;
}

h2 .red:hover {

}

.pricetable .red:hover{

}

.light-blue {
  margin: -5px 0 0 20px;
  background: var(--secondary) !important;
}

.light-blue:hover {
  background: var(--secondary-hover) !important;
}

.left .red {
  background: #0e6dee;
}

.left .red:hover {
  background: #0669f7
}

.orangebtn a,
.orange {
  background-color: var(--primary) !important;
  color: #fff !important;
}

.orangebtn a:hover,
.orange:hover {
  /* opacity: 0.8 !important; */
}

#second {
  background: transparent !important;
}

#second .left ul .sel a,
.leftmenu ul .sel a {
  font-weight: 700
}

.maintable .headrow td,
.pricetable .headrow td,
.contenttable .headrow td {
  border-right: 1px solid var(--primary) !important;
}

.maintable .headrow,
.pricetable .headrow,
.contenttable .headrow {
  background: var(--primary) !important;
}

.maintable tr:nth-child(2n + 1),
.pricetable tr:nth-child(2n + 1),
.contenttable tr:nth-child(2n + 1) {
  background: XXXrgba(121, 111, 110, 0.1);
}

.maintable tr:hover,
.pricetable tr:hover,
.contenttable tr:hover {
  background: XXXrgba(121, 111, 110, 0.2) !important;
}

.lazy2 .slick-prev,
.lazy2 .slick-next {
  background-color: rgba(0,0,0,.2)
}

.pages .current {
  background-color: #636363;
}

#header {
  background: #f3f2f3 !important;
}

#header.headercontent:has(#steps){
  margin:0 !important
}

#header:has(#steps){
  background: #212121 !important;
}

#second h2,
#header h2,
#header h1 {
  color: var(--primary);
}

#second h2 a,
#header h2 a,
#header h1 a {
  color: var(--primary);
}

.gallery p {
  color: #585858 !important;
}

#second h2,
.right h2,
.sisulehtrightnews h2,
.cke_panel_listItem h2,
h8 {
  color: var(--primary);
}

h8 {
  color: var(--primary) !important;
}


#return-to-top {
  background: #d8d8d8;
}

.gallery .slick-prev,
.gallery .slick-next {
  opacity: 1 !important;
  background-color: var(--third);
}

.gallery .slick-prev:hover,
.gallery .slick-next:hover {
  background-color: var(--third-hover) !important;
}

#return-to-top:hover {
  background:#c5c5c5;

}

#return-to-top:hover::before {
  color:#000;
}

.slick-slider button:before {
  font-family: 'Extra Icons';
  font-size: 24px;
  color: #fff;
  line-height: 48px;
}
.slick-next:before {
content: "\F105";
}
.slick-prev:before {
  content: "\F104";
}

.lazy2 .slick-prev:focus,
.lazy2 .slick-next:focus {
  background-color: #0669f7;
}

a {
  color: #000;
}
a:hover {
  color: var(--secondary);
}

.prettybutton,
.sendbtn {
  color: #fff !important;
  background: #0e6dee !important;
}

.prettybutton:hover,
.sendbtn:hover {
  opacity: 0.8 !important;
}

.shop-btns .prettybutton{
  background: #636363 !important;
  color:#fff !important;
  border-radius: 2px;
}

.shop-btns .prettybutton:hover{
  background: #4f4f4f !important;
}



.sticky-anchor .prettybutton2:hover{

}

.prettybutton2l,
.right a.prettybutton2 {
    text-decoration: none;
    background: #0e6dee;
    border-radius: 2px;
}

.prettybutton2:hover,
.right a.prettybutton2:hover {
    color:#fff;
    background: #0b57be;
}


.ui-dialog .red,
#testdrive2 .red,
.slideTogglebox6 .red {
    background:  #0669f7;
    border-radius:2px;
}

.ui-dialog .red:hover,
#testdrive2 .red:hover,
.slideTogglebox6 .red:hover {
    background: #0b57be !important;
    color: #fff !important;
}

.imagelightbox-arrow {
  background-color: rgba(0,0,0,.2);
}

.imagelightbox-arrow:hover {
  background-color: rgba(0,0,0,.4);
}


#imagelightbox-close {
  background-color: rgba(0,0,0,.2);
  cursor: pointer;
}

#imagelightbox-nav button.active {
  background-color: #0e6dee;
  border: 1px solid #0e6dee;
}
#imagelightbox-loading {
  background-color: rgba(100, 100, 100, 0.5);
}

#imagelightbox-close:hover {
  background-color: rgba(0,0,0,.4);
}

#imagelightbox-close:hover::before, #imagelightbox-close:hover::after {
  background-color:#000
}


@media screen and (max-width: 680px) {
  .everysecond tr td:nth-child(odd) {
      background: var(--tableHighlight);
  }
  .everysecond tr td:nth-child(even) {
      background: #fff;
  }

  .everysecond .headrow td {
      background: var(--primary) !important;
  }

  .testtest tr:nth-child(2n) {
      background: transparent !important;
  }

  .testtest tr:nth-child(2n + 1) {
      background: transparent !important;
  }

  .testtest tr:nth-child(2n) td:nth-child(odd) {
      background: #fff !important;
  }

  .testtest tr:nth-child(2n) td:nth-child(even) {
      background: var(--tableHighlight) !important;
  }

  .testtest tr:nth-child(2n + 1) td:nth-child(odd) {
      background: var(--tableHighlight) !important;
  }

  .testtest tr:nth-child(2n + 1) td:nth-child(even) {
      background: #fff !important;
  }

  .testtest .headrow:nth-child(2n + 1) td:nth-child(2n + 1),
  .testtest .headrow:nth-child(2n) td:nth-child(2n) {
      background: var(--primary) !important;
  }

  .testtest tr.headrow,
  .testtest tr.headrow:hover {
      background: transparent !important;
  }
}

.cantuse .blink {
  animation: ther 2s forwards linear 1;
}

@keyframes ther {
  0% {
      background-color: transparent;
  }

  25% {
      background-color: rgba(183, 27, 7, 0.25);
  }
  50% {
      background-color: transparent;
  }

  75% {
      background-color: rgba(183, 27, 7, 0.25);
  }

  100% {
      background-color: transparent;
  }
}

@media screen and (min-width:680px){
  .sticky-anchor.fixed{
    top:0 !important
  }
}

.list-row-header {
    background: var(--primary) !important;
    color: #fff !important;
}

.list-row-header a {
    color: #fff !important;
}

.cars-grid-header {
    background: var(--primary) !important;
    color: #fff !important;
}