/* color scheme */
@red: #ba0a10;
@blue: #205aa2;
@green: #078a3d;
@orange: #e58629;
@lblue: #49b4e1;
@gray: #678596;
@color: @red;
h1 {
    color: @color !important;
}
.header {
    .menu {
        background-color: @color !important;
        &:before, &:after {
            background-color: @color !important;
        }
        .center {
            ul {
                li {
                    a {
                        &:before {
                            @media screen and (max-width: 1023px) {
                                background-color: @color !important;
                            }
                        }
                    }
                }
            }
        }
    }
    .callback {
        color: @color !important;

        border: 1px solid @color !important;

        @media screen and (max-width: 1023px) {
            background-color: @color !important;
        }
        &:hover {
            color: #ffffff !important;

            background-color: @color !important;
        }
    }

}

.search {
    form {
        input[type="submit"], button {
            &:hover {
                svg {
                    fill: @color !important;
                }
            }
        }
    }
}

.img_menu {
    .item {
        &:nth-child(1), &:nth-child(2) {
            a:not([class]) {
                border: 1px solid @color !important;
                background-color: @color !important;

                @media screen and (max-width: 767px) {
                    color: @color !important;

                    background-color: transparent !important;
                }
                &:hover {
                    color: @color !important;

                    background-color: transparent !important;
                }
            }
        }
        &:nth-child(3) {
            
            form {
                input[type="submit"] {
                    border: 1px solid @color !important;
                    background-color: @color !important;
                    
                    &:hover {
                        color: @color !important;

                        background-color: transparent !important;
                    }
                }
            }
        }
        &:nth-child(3), &:nth-child(4) {

            .title {
                border-bottom: 1px solid @color !important;
            }
        }
        &:nth-child(4) {
            .checkout {
                border: 1px solid @color !important;
                background-color: @color !important;
                &:hover {
                    color: @color !important;

                    background-color: transparent !important;
                }
            }
        }
    }

}

.container {
    .leftcol {
        & > ul {
            border-top: 2px solid @color !important;
            & > li {
                & > a {
                    &:hover {
                        color: @color !important;
                        &:before {
                            background-color: @color !important;
                        }
                    }

                    &.highlighted {
                        .sub-arrow {
                            @media screen and (max-width: 1023px) {
                                &:before {
                                    border-left: 6px solid @color !important;
                                }
                            }
                        }
                    }
                }
                & > ul {
                    & > li {
                        & > a {
                            &:hover {
                                color: @color !important;
                            }
                        }
                    }
                }
            }
        }
        .title {
            color: @color;

            @media screen and (max-width: 1023px) {
                border: 1px solid @color !important;
            }
            .arrow-snip {
                border-top: 8px solid @color !important;
            }
            &.-opened {
                @media screen and (max-width: 1023px) {
                    background-color: @color !important;
                }
            }
        }
    }
}

.footer {
    .order_button {
        border: 1px solid @color !important;
        background-color: @color !important;
        &:hover {
            color: @color !important;

            background-color: #f4f2f2 !important;
        }
    }
    .menu {
        ul {
            a {
                &:hover {
                    color: @color !important;
                }
            }
        }
    }
}

#scrollUp {
    border: 1px solid @color !important;
    background-color: @color !important;
    &:hover {
        svg {
            fill: @color !important;
        }
    }
}

.content {
    ul {
        li {
            &:before {
                background-color: @color !important;
            }
        }
    }
    ol {
        li {
            &:before {
                color: @color !important;
            }
        }
    }
    a {
        color: @color;
        &:not(:hover) {
            border-bottom-color: @color !important;
        }
    }
}

.breadcrumbs {
    a {
        &:before, &:after {
            background-color: @color !important;
        }
        &:hover {
            color: @color !important;
        }
    }
}

form.feedback_form {
    .submit {
        border: 1px solid @color !important;
        background-color: @color !important;
        &:hover {
            color: @color !important;

            background-color: transparent !important;
        }
    }
}

.news {
    .item {
        .date {
            color: @color !important;
        }
        .title {
            &:hover {
                color: @color !important;
            }
        }
    }
}

#fancybox-close {
    &:before {
        background-color: @color !important;
    }
    &:after {
        background-color: @color !important;
    }
}

.rightcol .left-menu {
    a {
        &:hover {
            color: @color;
        }
    }
}

.rightcol .query {
    .sendbtn {
        background-color: @color !important;
        &:hover {
            color: @color !important;

            background-color: transparent !important;
        }
    }
}

.rightcol .contacts {
    svg {
        fill: @color !important;
    }
}

.avtopark_l1 {
    .nav {
        a {
            &:hover {
                color: @color !important;
            }
            &.active {
                color: @color !important;

                &:before {
                    background-color: @color !important;
                }
            }
        }
    }
    .item {
        .left {
            .more {
                border-color: @color !important;
                background-color: @color !important;
                &:hover {
                    color: @color !important;

                    background-color: transparent !important;
                }
            }
        }
    }
    .capacity {
        ul {
            li {
                a {
                    border-color: @color !important;
                    background-color: @color !important;
                    &:hover {
                        color: @color !important;

                        background-color: #ffffff !important;
                    }
                }
            }
        }
    }
}

.avtopark_l2 {
    ul {
        .item {
            a {
                &:hover {
                    color: @color !important;
                }
            }
        }
    }
}

.card_avto {
    .order {
        border-color: @color !important;
        background-color: @color !important;
        &:hover {
            color: @color !important;
        }
    }
}

.container .leftcol ul li:active > a, .container .leftcol ul li:hover > a {
    color: @color !important;
}

.header .phone svg, .header .email svg {
    fill: @color !important;
}