body {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
}


#scrollBtn.fade-in {
    opacity: 1 !important;
}
.main-level > li:first-child {
    display: none !important;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}
.first-level a {
    color: #fff;
}
.first-level a {
    color: #fff;
}
.first-level ul ul a {
    color: #333;
}
.back_ink {
    float: right;
    font-size: 12px;
    color: #fff !important;
    background: #28436a;
    padding: 5px 20px;
}
.description ul {
    padding-left: 20px;
}
.structure h1,
.structure h3,
.structure h4 {
    padding-bottom: 30px;
}

.description {
    padding: 20px 20px 20px 30px;
    border: 1px solid #666;
    margin-bottom: 30px;
}

.description.l1 {
    border: 1px solid #28436a;
}

.description.l2 {
    /* margin-left: 20px; */
    border: 1px solid #c7c6c6;
    /* border-left: 1px solid #c7c6c6;
        border-bottom: 1px solid #bdbdbd; */
}

.structure li:hover {
    opacity: 1;
}

/* .structure a {
        color: #fff
    } */

.col-lg-2 {
    width: 20%;
}

ul {
    padding-left: 0px;
}

.first-level li {
    list-style: none;
    padding: 10px 10px;
    background: #c6363c;
    color: #fff;
    font-size: 14px;
    max-width: 350px;
    margin: 10px;
}
#spisak .first-level li {
    list-style: none;
    padding: 10px 10px;
    background: #c6363c;
    color: #fff !important;
    font-size: 14px;
    max-width: 350px;
    margin: 10px;
}
#spisak .first-level li a{
    color: #fff !important;
}
#spisak .sectors-first li {
    list-style: none;
    padding: 10px 20px;
    background: #28436a;
    color: #fff;
    font-size: 14px;
    max-width: 350px;
    margin: 10px;
    opacity: 0.8;
}
#wrap_all{
    overflow: hidden
}
#spisak .sectors-first li:hover {
    opacity: 1;
}
.active>.page-link, .page-link.active{
    background: #28436A !important;
    color: #fff !important
}
.page-item:not(:first-child) .page-link{
    color: #28436A
}
.sectors-first li,
.classes-second-1 li,
.groups-second-1 li {
    list-style: none;
    padding: 10px 20px;
    background: #28436a;
    color: #fff;
    font-size: 14px;
    max-width: 350px;
    margin: 10px;
    opacity: 0.8;
}

.sectors-second-1 li,
.sectors-second-2 li {
    list-style: none;
    padding: 10px 20px;
    background: #dedede;
    color: #333;
    font-size: 14px;
    max-width: 350px;
    margin: 10px;
    opacity: 0.6;
}
.zoom {
    padding: 30px 0;
}
.zoom:hover {
    /* transform: scale(1.5); */
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.b-blue {
    background: #28436a;
}
.white {
    color: #fff;
}
.white:hover {
    color: #ddd;
}
.top-nav li {
    display: inline-block;
}
table .w-30 {
    width: 33%;
}
/* #myTab .nav-link{
    font-size: 19px !important
} */
.top-nav {
    border-bottom: 1px solid #fff;
}
.top-nav ul {
    margin-bottom: 7px;
    margin-top: 7px;
}
.logo {
    display: inline;
    float: left;
    margin-right: 20px;
}
.title {
    display: inline;
}
.title h2 {
    font-size: 1.2vw;
    color: #fff;
    margin-bottom: 5px;
}
.title h1 {
    font-size: 1.4vw;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
}
#org_struktura .first-level a{
    color: #fff
}
#org_struktura .sectors-second-1 a{
    color: #000
}
#org_struktura .sectors-second-2 a{
    color: #000
}
.member .member-img img{
    max-width: 100%
}
.nav-link {
    letter-spacing: 1px;
    color: #fff !important;
    font-size: 0.85rem;
    font-weight: 400;
}
.top-links a:visited {
    color: #fff;
}
.dropdown-menu {
    width: fit-content;
    max-width: 90vw;
    top: 75% !important;
    left: auto !important;
    /* text-align: left */
}
.topnav:last-child .dropdown-menu {
    right: 0% !important;
}

.navbar-expand-lg {
    position: relative;
    top: 55px;
}
.top-links {
    font-size: 13px;
    text-align: right;
}
.top-links li:not(:last-child) {
    border-right: 1px solid #fff;
}
.top-links li {
    padding: 0 10px;
    font-weight: 500;
}
.logo-container .title {
    position: relative;
    top: 20% !important;
}
a {
    text-decoration: none;
}
/* header */
header {
    background: #28436a;
    min-height: 160px;
    border-bottom: 8px solid #c6363c;
}
footer {
    border-top: 8px solid #c6363c;
    background: #28436a;
    color: #fff;
    font-size: 12px;
}
.footer-top {
    min-height: 95px;
}
.footer-bottom {
    background: #353535;
    min-height: 50px;
}
footer .title h2 {
    font-size: 12px;
}
footer .title h1 {
    font-size: 16px;
}
footer .title {
    position: relative;
    top: 22px;
}
footer ul {
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
}
footer a {
    color: #fff !important;
}
footer a:hover {
    color: #ddd !important;
}
footer .btn {
    font-size: 12px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 0 !important;
    /* margin-right: 2%; */
    width: 48%;
}
footer .btn:hover {
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0);
}
footer .logo-row {
    position: relative;
    top: 30px;
}
.t-white {
    color: #fff;
}
.medjunarodna img {
    width: 100%;
    height: auto;
    margin: 15px auto;
}
.medjunarodna ul li {
    list-style: none;
    padding: 3px 0px;
    font-weight: 500;
}

.medjunarodna .sub {
    padding-left: 20px;
}

.medjunarodna .sub li {
    padding-left: 20px;
    font-weight: 300;
}

.medjunarodna .pdf-file,
.medjunarodna .doc-file,
.medjunarodna .xlsx-file {
    line-height: 42px;
    display: block;
    width: 100%;
    clear: both;
    margin: 5px 0px;
}

.medjunarodna .pdf-file::before {
    background: url(/images/pdf-ico.png) no-repeat left top;
    border: 0px;
    height: 50px;
    display: block;
    float: left;
    width: 45px;
    margin-right: 15px;
    vertical-align: middle;
    content: "";
}
.breadcrumbs {
    background: no-repeat top center url("/images/breadcrumbs.png");
    min-height: 198px;
    background-size: cover;
    overflow: hidden
}
.breadcrumbs-list li {
    list-style: none;
    color: #fff !important;
    position: relative;
    font-size: 20px;
    top: 50px;
    display: inline-block;
    text-shadow: 3px 3px 3px #222;
}
.breadcrumbs-list li:not(:last-child) {
    padding-right: 30px;
    background: no-repeat url("/images/breadcrumb_separator.png");
    background-position: right 8px;
}
.breadcrumbs-list li a {
    color: #fff;
}
.breadcrumbs h1 {
    color: #fff !important;
    position: relative;
    top: 50px;
    text-shadow: 2px 2px 2px #222;
    /* left: 40px; */
}
.hp-separator {
    background: no-repeat top center url("/images/separator.png");
    background-size: cover;
    height: 57px;
}
.hp-separator span {
    font-size: 24px;
    font-weight: 500;
    margin-top: 18px;
    display: inline-flex;
}
.hr-blue {
    width: 100%;
    border: 3px solid #004274;
}
.events h1 {
    color: #004274;
}
.b-tabs .active {
    background: #21385b !important;
}
.b-red {
    background: #c6363c !important;
}
.r-tabs .active {
    background: #982c30 !important;
}
.hp-post-list {
    list-style: none !important;
}
.events .nav-tabs .nav-link {
    border-radius: 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
}
.events .nav-tabs .nav-link .active {
    border-radius: 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
}
.events .r-tabs .nav-link {
    font-size: 12px;
    font-weight: 500;
}
.events .b-tabs .nav-link {
    font-weight: 500;
}
.events .nav-tabs {
    border: none !important;
}
.hp-post-list .post_date {
    background: #28436a;
    color: #fff;
    padding: 8px 5px 8px 20px !important;
    width: 140px !important;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.hp-post-list .post_icon {
    padding: 5px 15px;
    width: 140px !important;
    display: inline-block;
}
.hp-post-list .post_date img {
    margin-right: 5px;
}
.hp-post-list .single-post {
    padding: 15px 0px;
    font-size: 20px;
}
.hp-post-list {
    padding-left: 0px;
}
.post_icon .rounded-circle {
    background: #f00;
    padding: 8px;
    width: 35px;
    height: 35px;
}
.post_icon {
    text-align: center;
}

.links h1 {
    color: #004274;
}
.links .carousel-control-prev {
    left: -120px;
}
.links .carousel-control-next {
    right: -120px;
}
.calendar-flag {
    background: no-repeat top center
        url("/images/zastava-srbije-serbian-flag-srpska-zastava.png");
    background-size: cover
}
.slide-button a{
    color: #fff !important
}
#maincontent a{
    color: #28436A
}
.b-red span{
    color: #fff

}
@media (max-width: 1280px) {
    .nav-link {
        letter-spacing: 1px;
        color: #fff !important;
        font-size: 0.85rem;
        font-weight: 400;
    }
}
@media (min-width: 1281px) {
    .nav-link {
        letter-spacing: 1px;
        color: #fff !important;
        font-size: 16px;
        font-weight: 400;
    }
}
@media (max-width: 991px) {
    .breadcrumbs-list{
        padding-left: 0px;
    }
    .breadcrumbs h1{
        padding-left: 0px;
    
    }
    #maincontent .container,#maincontent .container-md, #maincontent .container-sm{
            max-width: 95vw !important;
            padding: 3px;
        }
    .container.page-content{
        max-width: 100vw !important;
            padding: 0px;
    }
    .container.sessions .col-md-8{
        width: 100%;
    }
    .container.sessions .col-md-10{
        width: 100%;
    }
    .container.footer-top{
        max-width: 95vw
    }
    .ft-icon{
        padding-right: 5px !important;
    }
    .ft-adress li{
        padding: 3px 0px !important
    }
    .ft-adress{
        margin-top: 10px;
    }
    footer ul {
        padding-left: 2px;
        padding-right: 2px;
    }
    .pdf-file::before, .doc-file::before, .xlsx-file::before{
        background-size: 30px !important;
        width: 28px !important;
    }
    body{
        font-size: 14px
    }
    .pagination a{
        font-size: 14px !important

    }
    .col-lg-2{
        width: 100%;
    }
    .dropdown-menu .submenu{
        border: none
    }
    #center-content .p-3{
        padding: 5px !important
    }
    .event .container-header{
        padding-left:3px;
        padding-right:3px;
    }
    .event .title-div{
        width: 100%;
        padding-left:3px;
        padding-right:3px;
    }
    .event .title-div .p-3{

        padding-left: 3px !important;

    }
    .event .content .p-3{

        padding-left: 3px !important;

    }
    .event .content .col{

        padding-left: 0px !important;

    }
    .event .go-back {
        font-size: 14px !important
    }
    .event .container-header img{
        height: 33px
    }
    .accordion-body{
        padding: 10px;

    }
    .members .p-4{
        padding: 15px 0px !important;
    }
    .res-nested{
        padding: 0px;
    }
    .res-nested .p-3{
        padding: 0px !important;
    }
    .row{
        margin: 0px !important
    }
    .mb-5{
        margin-bottom: 1.5rem !important;
    }
    .mt-5{
        margin-top: 1.5rem !important;
    }
    .pb-5{
        padding-bottom: 1.5rem !important;
    }
    .pt-5{
        padding-top: 1.5rem !important;
    }
    .hp-post-list .single-post {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 0px;
    }
    .hp-post-list .single-post {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 0px;
    }
    footer .logo-row {
        top: 5px;
    }
    .page-title{
        text-align: left !important;
        padding-left: 0.3rem;
        padding-top: 1rem;
        padding-bottom: 1rem !important;
        font-size: 1.5rem
    }
    .carier ul{
        padding-left: 20px;
    }
    .xs-none{
        display: none !important
    }
    .breadcrumbs-list li:not(:last-child) {
        background-position: right 6px;
        background-size: 15px;

    }
    .medjunarodna{
        padding: 10px;
    }
    .medjunarodna a{
        color: #28436a !important;
    }
    .description .back_ink {
        color: #fff !important;
    }
    .description{
        padding: 15px;
    }
    .description ul{
        padding-left: 10px;
    }
    .medjunarodna .pdf-file, .medjunarodna .doc-file, .medjunarodna .xlsx-file, .pdf-file, .doc-file, .xlsx-file, .zip-file{
        line-height: inherit !important;
    }
    .medjunarodna li{
        margin-bottom: 10px;
    }
    .single-file {
        padding: 5px 5px !important;
    }
    .page-content{
        padding: 0px !important;
    }
    .page-content p{
        padding: 10px !important;
        max-width: 90vw
    
    }
    .container, .container-md, .container-sm{
         max-width: 95vw
    }
    .b-red {
        background: #c6363c !important;
        font-size: 12px;
        padding: 5px;
        height: 32px !important
    }
    .b-red img{
            margin-top: 0px !important;
    }
    .b-red span{
        padding: 0 4px !important;
        padding-top: 5px !important;
    }

    .hp-post-list .post_date {
        padding: 7px 10px !important;
    }
}
.pdf-file, .doc-file, .xlsx-file, .zip-file {
    color: #28436A !important
}
.pdf-file:hover, .doc-file:hover, .xlsx-file:hover, .zip-file:hover {
    color: #C6363C !important
}
@media (max-width: 768px) {
    .mob-hid{
        display: none !important
    }
    header{
        min-height: auto
    }
    .footer-bottom {
        padding: 15px 15px 15px 1.5rem !important;
    }
}
@media (max-width: 390px) {
        
    .top-links a{
        font-size:12px;
    }
    .top-links img{
        height:11px !important
    }
    .top-links li {
        padding: 0 5px;
    }
    #searchterm{
        height: 20px;
        font-size: 12px;
    }
    .input-group-text{
        height: 20px !important;
    }
    .input-group-text img{
        height: 15px !important;
    }
    .searchbt2{
        right: 10px !important;
        top: 122px !important;
    }
    .navbar-expand-lg{
        right: -3px !important
    
    }
}