@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

body {
    background-image: url("/img/light-board-1.jpg");
    /*margin-bottom: 70px;*/
}

<<<<<<< HEAD
/*.navbar {*/
    /*height: 60px;*/
    /*border-radius: 0px;*/
    /*!*background-image: url("/img/8-temnyy-fon-tkani.png");*!*/
/*}*/
=======
nav {
    margin-bottom: 15px;
}
>>>>>>> 60ccba40973624db4e3dcf48e55ae2d7182c7110

.login {
    display: inline-block;
}

.login > li > a {
    color: lightgrey;
}

.login li > a:hover {
    display: block;
    color: whitesmoke;
    background-color: #2f2f2f;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.logo {
    font-family: 'Raleway', sans-serif;
    position: absolute;
    padding: 5px;
    float: left;
    min-width: 120px;
}

#btn_add {
    width: 40px;
    overflow: hidden;
    text-align: right;
    color: transparent;
}

#btn_add:hover {
    width: auto;
    color: whitesmoke;
}

#btn_add > span {
    color: whitesmoke;
}

#btn_add > span:after {
    content: ' ';
    margin-left: 5px;
}

.logo a {
    width: 120px;
    float: left;
    left: 20px;
    font-size: 1.4em;
    font-weight: 600;
    color: whitesmoke;
}

#footer a {
    font-size: 15px !important;
}

/*--------------------------------------------------------*/
.hero-bkg-animated {
    background: whitesmoke url("/img/geometry2.png") repeat 0 0;
    /*background: whitesmoke url("https://webfon.top/wp-content/uploads/2017/10/tools.png") repeat 0 0;*/
    width: 100%;
    margin: 0;
    text-align: center;
    /*height: 300px;*/
    /*padding-top: 60px;*/
    box-sizing: border-box;
    -webkit-animation: slide 20s linear infinite;
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -400px 0;
    }
}

/*--------------------------------------------------------*/

footer {
    background-color: #efefef;
    padding: 15px;
    border-top: solid 1px grey;
    border-bottom: solid 1px grey;
    clear: both;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

/*--------------------------------------------------------*/
/*SIDEBAR*/

.list-links li {
    border-top: 1px dotted #d4d4d4;
    padding: 10px 10px 10px;
    border-bottom: 1px dotted #d4d4d4;
    list-style: none;
    margin: 0px;
}

.sidebar-box {
    background: #fff;
    box-shadow: 0 0 .5px 0 rgba(50, 50, 50, 0.95);
}

.sidebar-box ul {
    margin: 0px;
    padding: 0px;
}

.sidebar-box ul a {
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
}

.sidebar-box li:hover {
    background: #e2e2e2;
    box-shadow: 0px 0px .5px 0px rgba(50, 50, 50, 0.95);
}

.sidebar-box ul a:hover {
    list-style: none;
    text-decoration: none;
}

/*END -> SIDEBAR*/
/*--------------------------------------------------------*/
