body {background: #e7e4e3; font-family: 'Alegreya Sans', sans-serif; color: #061016; }
h1 {margin-top: 0px; text-transform: uppercase; font-size: 28px; line-height: 1.2;}
.mb-50 {margin-bottom: 50px;}
.mb-25 {margin-bottom: 25px;}
.mb-15 {margin-bottom: 15px;}
.pt-25 {padding-top: 25px;}
.art-info strong {padding-left: 20px;}

img {max-width: 100%;}
.slogan {color: #696e88; font-weight: 500;}
.header-name { font-size: 16px; font-weight: 500; line-height: 1.1;}
.header-name a {color: #061016; text-decoration: none; display: block;}
.header-big-name { font-size: 22px;}
.header-big-title {font-size: 36px; padding-left: 60px;}

.nav > li > a:hover, .nav > li.active > a { background: #1f2029; color: #ffffff;}
.menu-left a {color: #061016; text-transform: uppercase; font-weight: bold; padding-top: 8px !important; padding-bottom: 8px !important;}

.main-menu-imgs > div {padding-right: 5px; padding-left: 5px; position: relative;}
.art-prev > div {margin-bottom: 35px; padding-right: 5px; padding-left: 5px;}
.art-prev > div > a {display: block; text-decoration: none; color: #061016;}
.art-prev > div:hover div.art-name {background: #1f2029;}
.art-prev > div:hover > a { color: #ffffff;}
.art-prev > div div.art-name {padding: 5px 8px 0 8px; height: 55px; border-bottom: solid #ffffff 2px; overflow: hidden;}

.top-menu a {color: #061016; padding-top: 3px !important; padding-bottom: 3px !important; font-weight: 400 !important;}
.navbar-toggle {color: #061016; }
.navbar-toggle span {color: #061016; border: solid 1px #061016;}

.sidebar-nav{}

.popover { border-radius: 0px; border: none; box-shadow: none; white-space: nowrap;}
.popover > .arrow {display: none;}


@media (min-width: 992px) {
    .col-my-5 { width: 20%; }
}

@media (max-width: 992px) {
    .header-big-title { padding-left: 0px;}
}


/* make sidebar nav vertical */ 
@media (min-width: 768px) {


    .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }
    .sidebar-nav .navbar ul {
        float: none;
    }
    .sidebar-nav .navbar ul:not {
        display: block;
    }
    .sidebar-nav .navbar li {
        float: none;
        display: block;
    }
    .sidebar-nav .navbar li a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media (max-width: 350px) {
    .col-my-12 {width: 100%;}
}
@media (max-width: 768px) {
    /*.navbar-header{border: solid 1px #061016;}*/
    /* uncomment if you would like the menu to be fixed */
    /* .navbar {
            position: fixed;
            width: 170px;
            z-index: 2;
    } */
}
/*	@media (min-width: 992px) {
          .navbar {
                  width: 212px;
          }
        }
        @media (min-width: 1200px) {
          .navbar {
                  width: 262px;
          }
        }*/
.sidebar-nav .navbar-header{ float: none; }