@font-face {
    font-family: 'bpg-normal';
    src: url('bpg_nino_mtavruli_normal.ttf') format("truetype");
}

@font-face {
    font-family: "bpg-bold";
    src: url('bpg_nino_mtavruli_bold.ttf') format("truetype");
}

.top-header h2 {
    font-weight: bold;
}

.top-header h2, h6 {
    color: #4577ad;
}

.bg-light-gray {
    background: #eeeeee;
}

.navigation-wrapper {
    background: #4577ad;
}

.navigation-wrapper h1 {
    line-height: 2em;
}

.navigation-wrapper .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: black;
}

.navigation-wrapper .nav {
    display: block;
}

.navigation-wrapper .nav a {
    color: white;
    display: inline-block;
}

.active {
    /*background: rgba(67, 67, 67, 0.96);*/
    font-weight: bold;
    /*border-radius: 10px;*/
    /*padding: 15px;*/
}

.languagepicker {
    border-radius: 10%;
    background-color: #FFF;
    display: inline-block;
    position: absolute;
    height: 38px;
    right: 2%;
    overflow: hidden;
    transition: all .3s ease;
    vertical-align: top;
    float: right;
    font-size: 20px;
}

.languagepicker:hover {
    /* don't forget the 1px border */
    height: 65px;
}

.bottom {
    position: fixed;
    height: 48px;
    line-height: 48px;
    width: 100%;
    bottom: 0;
    color: white;
    background: #4577ad;
}