.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) {
    .cantusetab {
        border-top: 1px solid #dddbdb !important;
    }
}

.defaulttxt {
    color: #796f6e;
}

.redtxt {
    color: var(--primary);
}

#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;
}

.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: var(--primaryBtn);
}

.fixedinfo button:hover {
    background: #000;
    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 {

}

.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;
    border: 1px solid #000 !important;
}

.gallerybtn button:hover {
    background: var(--primary) !important;
    color:#fff;
}

.complect .showmore{
    border: 1px solid #000;
}

.complect .showmore:hover {
    background: var(--primaryBtn) !important;
    border: 1px solid var(--primaryBtn);
}

.complect .activated:hover,
.complect .showdifference:hover {
    color:#fff;
    background: #000 !important;
    border: 1px solid #000 !important;
}

.complect .activated {
    background: var(--primaryBtn) !important;
    border: 1px solid var(--primaryBtn) !important;
}

.showdifference {
    background: var(--primaryBtn) !important;
    border: 1px solid var(--primaryBtn) !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: var(--primaryBtn);
    border: 0;
}

.red:hover {
    background: var(--primaryBtn-hover);
}

h2 .red {
    margin: -5px 0 0 10px;
}

.pricetable .red{
    margin: -5px 0 0 10px;
}

.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: var(--primaryBtn);
}

.left .red:hover {
    background: var(--primaryBtn-hover)
}

.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: 500
}

.maintable .headrow,
.pricetable .headrow,
.contenttable .headrow {
    background: #fff !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: #c00
}

#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: #c00;
}

.gallery .slick-prev:hover,
.gallery .slick-next:hover {
    background-color: #950809 !important;
}

#return-to-top:hover {
    background:#c00;;

}

a {
    color: #000;
}
a:hover {
    color: var(--secondary);
}

.prettybutton2l,
.right a.prettybutton2 {
    text-decoration: none;
    color: #000;
}

.prettybutton2:hover,
.right a.prettybutton2:hover {
    color:#fff;
    background: var(--secondaryBtn-hover);
}

.ui-dialog .red,
#testdrive2 .red,
.slideTogglebox6 .red {
    background:  var(--primaryBtn);
}

.ui-dialog .red:hover,
#testdrive2 .red:hover,
.slideTogglebox6 .red:hover {
    background: #000 !important;
    color: #fff !important;
}

.imagelightbox-arrow {
    background-color: rgba(0,0,0,.2);
}

.imagelightbox-arrow:hover {

}

.imagelightbox-arrow:hover::before{
    color:#000;
}

#imagelightbox-close {
    background-color: rgba(0,0,0,.2);
    cursor: pointer;
}

#imagelightbox-nav button.active {

}
#imagelightbox-loading {
    background-color: rgba(100, 100, 100, 0.5);
}

#imagelightbox-close:hover {

}

@media screen and (max-width: 680px) {
    .everysecond tr td:nth-child(odd) {
        background: #f6f3f2;
    }
    .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: #f6f3f2 !important;
    }

    .testtest tr:nth-child(2n + 1) td:nth-child(odd) {
        background: #f6f3f2 !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;
    }
}