/*slider*/
/*slide bg colors*/
.slide__overlay-path{
    fill: #483D8B;
}
/*pagination*/
.slick-dots li button:before {
    background-color: #ffffff;
}
.slick-dots li.slick-active button:before {
    box-shadow: 0px 0px 0px 4px #483D8B;
}

.-aside-lines span:before, .-aside-lines span:after{
    background-color: #4682B4;
}

/*nav divider symbols*/
.nav__link:after{
    color: #483D8B;
}

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

/*background colors of odd and even card at inner page managment */

.managment__item {
    background-color: #f8f8f8;
    border: 1px solid white; }

/*nechetnoe*/
.managment__item:nth-child(even) {
    background-color: #ededed; }

/*accent color. icons and heading in news*/
.theme__text--accent {
    color: #483D8B;
}

/*accent color. icons and heading in news*/
.theme__text--accent {
    color: #87CEEB;
}

/*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: #483D8B;
}

/*color of nav text first level button and block heading*/
.theme__text--dark {
    color: #81c3de;
}

/*color of nav text first level button in example-3*/
.theme__text--black {
    color: #000000;
}

/*light color of text in header, footer and nav second level */
.theme__text--light {
    color: #ffffff;
}

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

/*accent color. lines in hamburger and bg color in direction card at example-3*/
.theme__bg--accent {
    background-color: #483D8B;
}

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

/*free var*/
.theme__bg--danger {
    background-color: #4682B4;
}

/*bg color of news card and direction card*/
.theme__bg--normal {
    background-color: #87CEEB;
}

/*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: #000000;
}

/*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: #ffffff;
}

/*hamburger border-color*/

.theme__rad--accent {
    border-color: #483D8B;
}
.theme__rad--danger {
    border-color: #f33924;
}
.theme__rad--normal {
    border-color: #cecece;
}
.theme__rad--dark {
    border-color: #555555;
}
.theme__rad--light {
    border-color: #ffffff;
}
.theme__text--hnews { 
    color: #343434; 
}

    /*just color*/
.theme__text--menu {
    color: white;
}

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

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

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

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

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

    .slide__content h1, .slide__content h2 {
        background: #483D8B;
        color: #fff;
    }
    .navbar .book, .navbar .cabinet {
        background: #483D8B;
    }
    .navbar .book:hover, .navbar .cabinet:hover {
        background: #2a2352;
    }
    .inf > div > div {
        border-left: 9px solid #483D8B;
    }
    .inf .news__attribute {
        color: #fff;
    }
    .news__description {
        color: #808080;
    }
    .news .news__title {
        border-left: 3px solid #483D8B;
    }
    .inform h2 span:last-child:before {
        background: #483D8B;
    }
    .inf .news__attribute {
        background: #483D8B;
    }
    .inf > div > div:before {
        border-left: 2px dotted #483D8B;
    }
    .inf > div > div:after {
        border-bottom: 2px dotted #483D8B;
    }
    footer #menu-footer .sub-menu li:before {
        background-color: #483D8B;
    }
    footer #menu-footer .sub-menu li a:hover, ul li::marker, .card-body a:hover {
        color: #483D8B;
    }
    .reset-link {
        color: #483D8B;
    }
    .one-block{
        background-color: #343434;
    }
    .one-block > div img, .two-block > div img {
        border: 2px dotted #483D8B;
    }
    .one-block:before, .one-block:after, footer .book {
        background: #483D8B;
    }
    footer .book {
        color: #fff;
    }
    @media screen and (min-width: 320px) and (max-width: 667px) {
        .navbar .book {
            background:transparent;
            color: #483D8B;
        }
    }