/*slider*/
/*slide bg colors*/
.slide__overlay-path{
    fill: var(--main-bg-color1);
}
/*pagination*/
.slick-dots li button:before {
    background-color: var(--main-bg-color4);
}
.slick-dots li.slick-active button:before {
    box-shadow: 0px 0px 0px 4px var(--main-bg-color1);
}

.-aside-lines span:before, .-aside-lines span:after{
    background-color: var(--main-bg-color1);
}

/*nav divider symbols*/
.nav__link:after{
    color: var(--main-bg-color1);
}

/*icons size*/
.fa{
    font-size: 20px;
}
/*.theme-colors*/
/*--------text color--------*/

/*accent color. icons and heading in news*/
.theme__text--accent {
    color: var(--main-bg-color2);
}

/*emergency text, icon and content of important-sections__card*/
.theme__text--danger {
    color: #eace33;
}

/*can set as defaul text color, but not now*/
.theme__text--normal {
    color: var(--main-bg-color2);
}

/*color of nav text first level button and block heading*/
.theme__text--dark {
    color: var(--main-bg-color2);
}

/*color of nav text first level button in example-3*/
.theme__text--black {
    color: var(--main-bg-color5);
}

/*light color of text in header, footer and nav second level */
.theme__text--light {
    color: var(--main-bg-color4);
}

/*--------background-colors--------*/

/*accent color. lines in hamburger and bg color in direction card at example-3*/
.theme__bg--accent {
    background-color: var(--main-bg-color1);
}

/*bg-color of logo-company section in header*/
.theme__bg--transparent {
    background-color: transparent;
}

/*free var*/
.theme__bg--danger {
    background-color: var(--main-bg-color1);
}

/*bg color of news card and direction card*/
.theme__bg--normal {
    background-color: var(--main-bg-color3);
}

/*bg color of header, footer and mobile nav*/
.theme__bg--dark {
    background-color: #555555;
}

/*also bg color of mobile nav at example-3*/
.theme__bg--black {
    background-color: var(--main-bg-color5);
}

/*bg color of logo-company shape, nav first level, mobile dropdown second level, news block background, direction card and modal bg color*/
.theme__bg--light {
    background-color: var(--main-bg-color4);
}

/*hamburger border-color*/

.theme__rad--accent {
    border-color: var(--main-bg-color1);
}
.theme__rad--danger {
    border-color: #f33924;
}
.theme__rad--normal {
    border-color: #cecece;
}
.theme__rad--dark {
    border-color: #555555;
}
.theme__rad--light {
    border-color: var(--main-bg-color4);
}
.theme__text--hnews { 
    color: var(--main-bg-color3); 
}
/**/
/**/
    /*just color*/
.theme__text--menu {
    color: white;
}

.theme__bg--textline { background: #313131; }

.theme-text__color--textinline { color: #87CEEB; }

.theme__bg--important-news { background: #f2f2f2; }

.nav__bg{
        background: linear-gradient(120deg, transparent 30px,  #483d8b 30px);
        /*!important;*/
}

.nav__bg:after {
        box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.15);
    }

.nav__link:after{
        content: '\007C'; /*don't forget to use backslash*/
        color: #ffffff;
    }