.small-top{ border-bottom: 1px solid #2b2b2b;float: left; width: 100%; background: #000}
.small-top .social-icon{float: right;}
.small-top .social-icon a {border-left: 1px solid #2b2b2b; color: #ca1b1b; float: left; padding: 6px 13px;}
.small-top .social-icon a:last-child {border-right: 1px solid #2b2b2b;}
.small-top .social-icon a:hover {color:#FD3A13; text-decoration: none;}
.small-top .date-sec {font-size: 13px; font-weight: 600; float: left; margin-top: 4px; color: #898989}
.top-head{background: #141517; width: 100%; float: left; height: 100px;}
.top-head h1 {color: #fff; font-size: 36px; font-weight: 600; margin: 18px 0 0;}
.top-head small{float: left; width: 100%; font-size: 14px; color: #c0c0c0; margin-top: 5px; margin-left: 5px;}
.top-head .admin-bar {text-align: right; margin-top: 22px;}
.top-head .admin-bar a {color: #fff; line-height: 49px; position: relative; padding:0 7px;}
.top-head .admin-bar a:hover{color: #ff0000}
.top-head .admin-bar a i{margin-right: 6px;}
.top-head .admin-bar .ping {background: #ff0000; border: 3px solid #141517; border-radius: 50%; height: 14px; position: absolute; right: 3px;    top: 13px; width: 14px; z-index: 1;}
.top-head .admin-bar img {float: right; height: 50px; width: 50px; margin-left: 18px;}
.top-nav{background: #fff; padding: 0; border-bottom: 1px solid #dbdbdb}
.top-nav .nav-link {padding-bottom: 0.7rem; padding-top: 0.7rem;}
.top-nav .navbar-nav .nav-item + .nav-item{margin-left:0}

.top-nav li a {
    color: #141517;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 0 10px;
    border-bottom: 2px solid #fff
}

.top-nav li a:hover, .top-nav li a:focus, .top-nav li.active a {
    color: #141517;
    border-bottom: 2px solid #ffd400
}

.galleries_index {
    /*padding-left: 15px !important;*/
    /*padding-right: 15px !important;*/
    padding:0;
}
.galleries_index .card {
    background: transparent;
    border-radius: 0;
    padding:0;
    margin-right: 10px;
    margin-bottom: 25px;
    box-shadow: 0 0 20px -10px rgba(0,0,0,0.3);
}
.galleries_index .card:last-child {
    margin-right: 0;
}

.galleries_index .card a {
    display: block;
}

.galleries_index .card a > img {
    width:100%;
    max-height: 138px;
}
.galleries_index .card-body {
    background: #fff;
}
.galleries_index .short-description {
    font-size: 16px;
    line-height: 1.2em;
    height: 62px;
    border-bottom: 1px solid #cfcfcf;
    overflow: hidden;
}
.galleries_index .author-name {
    color: #4c4c4c;
}
.galleries_index .row {
    margin-left: 0;
    margin-right: 0;
}
.galleries_index .row > [class^='col-'] {
    padding-right: 0;
    padding-left: 0;
}

    /* one gallery photos */

.gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: auto;
}

.gallery .gallery-item {
    height: inherit;
    max-width: 100%;
    background: gray;
    border: 2px solid white;
    background-size: cover;
    background-position: center top;
}

.gallery .gallery-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
}

.gallery .gallery-item img {
    height: auto;
    width: 100%;
    max-height: 300px;
    width: auto;
    visibility: hidden;
}

/* Fancy stuff for the gallery */
.gallery-item {
    position: relative;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.gallery-item:focus {
    -webkit-transform: scale(.95);
    transform: scale(.95);
}

.gallery-item:before,
.gallery-item:after {
    position: absolute;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    opacity: 0;
}

.gallery-item:hover:before,
.gallery-item:hover:after {
    opacity: 1;
}

.gallery-item:before {
    content: "";
    width: 100%;
    height: 150px;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(255, 215, 0, 0));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(255, 215, 0, 0));
}

.gallery-item:after {
    font-size: 18px;
    line-height: 1em;
    color: #fff;
    /*content: "\f058";*/
    content: attr(title);
    top: 15px;
    left: 15px;
}

.gallery-item:focus:after {
    color: #42A5FF;
}