nav{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     padding-top:20px;
     padding-bottom:0px;
     z-index:1;
     transition:0.3s;
}
 nav.sticky{
     background-color:rgba(12,12,40,0.85);
     position:fixed;
}
 nav button{
     display:none;
}
a{
    text-decoration:none !important;
}
 nav .logo-wrap{
     color:white;
     margin-left:75px;
     float:left;
     text-align:center;
}
 nav .logo-wrap h1{
     font-weight:bold;
     font-size:40px;
     margin:0;
}
 nav .logo-wrap img{
     width:90px;
}
 nav .int-wrap{
     float:left;
}
 nav .title-vmiddle-center{
     float:left;
     line-height:83px;
}
 nav ul{
     float:right;
     font-size:25px;
     margin-right:70px;
}
 nav li{
     display:inline-block;
     color:white;
     padding-left:15px;
     padding-right:15px;
     padding-top:15px;
     padding-bottom:15px;
     transition:0.3s;
     border-radius:8px;
}
 nav .active{
     background-color:rgba(75, 179, 117, 0.7);
}
 nav li:hover{
     background-color:rgba(75, 179, 117, 0.7);
}
/* LANGUAGE */
 nav .lang{
     font-size:24px;
     position:absolute;
     left:50%;
     top:50%;
     transform:translate(-50%,-50%);
     color:white;
     text-align:center;
     line-height:42px;
}
 nav .lang a{
     color:white;
     text-decoration:none;
}
 nav .lang .srb{
     padding:10px;
     margin-right:15px;
     transition:0.3s;
}
 nav .lang .eng{
     padding:10px;
     margin-left:15px;
     transition:0.3s;
}
 nav .lang .l{
     font-weight:bold;
     font-size:25px;
}
 nav .lang .srb:hover{
     border-bottom:none;
     background-color:rgba(75, 179, 117, 0.7);
     border-radius:8px;
}
 nav .lang .eng:hover{
     border-bottom:none;
     background-color:rgba(34, 146, 187, 0.79);
     border-radius:8px;
}
 nav .srb.act{
     border-bottom:none;
     background-color:rgba(75, 179, 117, 0.7);
     border-radius:8px;
}
 nav .eng.act{
     border-bottom:none;
     background-color:rgba(34, 146, 187, 0.79);
     border-radius:8px;
}
/* ---------||--------- */
/* ---------| RESPONSIVE |--------- */
 @media screen and (max-width:2100px){
     nav{
         padding-top:5px;
         padding-bottom:2px;
    }
     nav .logo-wrap{
         margin-left:55px;
         margin-top:14px;
    }
     nav .logo-wrap h1{
         font-size:25px;
    }
     nav .logo-wrap img{
         width:70px;
    }
     nav ul{
         font-size:20px;
         margin-right:40px;
    }
     nav .title-vmiddle-center{
         line-height:59px;
    }
    /* LANGUAGE */
     nav .lang{
         font-size:20px;
         line-height:42px;
    }
     nav .lang .srb{
         margin-right:10px;
    }
     nav .lang .eng{
         margin-left:10px;
    }
     nav .lang .l{
         font-size:22px;
    }
    /* ---------||--------- */
}
 @media screen and (max-width:1750px){
     nav .logo-wrap h1{
         font-size:22px;
    }
     nav .logo-wrap img{
         width:65px;
    }
     nav ul{
         font-size:19px;
    }
     nav .title-vmiddle-center{
         line-height:56px;
    }
    /* LANGUAGE */
     nav .lang{
         font-size:19px;
    }
     nav .lang .l{
         font-size:21px;
    }
    /* ---------||--------- */
}
 @media screen and (max-width:1600px){
     nav .logo-wrap{
         margin-top:7px;
    }
     nav .logo-wrap h1{
         font-size:20px;
    }
     nav .logo-wrap img{
         width:62px;
    }
     nav .title-vmiddle-center{
         line-height:52px;
    }
     nav ul{
         font-size:13px;
    }
     nav li{
         padding:10px;
         border-radius:5px;
    }
    /* LANGUAGE */
     nav .lang{
         font-size:13px;
         line-height:28px;
    }
     nav .lang .l{
         font-size:20px;
    }
     nav .lang .srb{
         padding:7px;
         margin-right:8px;
         transition:0.3s;
    }
     nav .lang .eng{
         padding:7px;
         margin-left:8px;
         transition:0.3s;
    }
     nav .lang .srb:hover{
         border-radius:5px;
    }
     nav .lang .eng:hover{
         border-radius:5px;
    }
     nav .act{
         border-radius:5px !important;
    }
    /* ---------||--------- */
}
 @media screen and (max-width:1400px){
     nav .logo-wrap{
         margin-top:8px;
    }
     nav .logo-wrap h1{
         font-size:17px;
    }
     nav .logo-wrap img{
         width:46px;
    }
     nav .title-vmiddle-center{
         line-height:40px;
    }
     nav ul{
         font-size:13px;
    }
     nav li{
         padding:10px;
         border-radius:5px;
    }
    /* LANGUAGE */
     nav .lang{
         font-size:13px;
         line-height:27px;
    }
     nav .lang .l{
         font-size:17px;
    }
     nav .lang .srb{
         padding:7px;
         margin-right:4px;
         transition:0.3s;
    }
     nav .lang .eng{
         padding:7px;
         margin-left:4px;
         transition:0.3s;
    }
     nav .act{
         border-radius:5px !important;
    }
     nav .lang .srb:hover{
         border-radius:5px;
    }
     nav .lang .eng:hover{
         border-radius:5px;
    }
    /* ---------||--------- */
}
 @media screen and (max-width:1000px){
     nav{
         padding-bottom:0px;
         height:auto;
         background-color:rgba(12,12,40,0.85);
    }
     nav .eng.act{
         background-color:transparent;
         color:rgb(34, 146, 187);
    }
     nav .srb.act{
         background-color:transparent;
         color:rgb(75, 179, 117);
    }
    nav .lang{
        top:20px;
        left:50%;
        transform:translateX(-50%);
    }
     nav .lang .srb:hover{
         background-color:transparent;
         color:rgb(75, 179, 117);
    }
     nav .lang .eng:hover{
         background-color:transparent;
         color:rgb(34, 146, 187);
    }
     nav .logo-wrap{
         margin-left:10px;
    }
     #jmenu{
         display:block;
         position:absolute;
         right:40px;
         top:22px;
         z-index:1000009;
         width:30px;
         height:25px;
         cursor:pointer;
         background-color:transparent;
         border:none;
         outline:none;
         transition:background 0.5s;
    }
     .open-navigation{
         height:120px;
    }
     nav ul{
         height:0px;
         overflow:hidden;
         transition:0.5s;
         margin-bottom:0px;
         float:none;
         margin-top:82px;
         margin-right:0px;
         width:100%;
         text-align:right;
         padding:0;
         padding-bottom:10px;
    }
     nav .active{
         background-color:transparent;
         color:rgba(75, 179, 117, 0.9);
    }
     nav ul li{
         display:block;
         border-bottom:solid 1px rgba(255, 255, 255, 0.09);
         border-radius:0px;
         padding-right:30px;
    }
     nav ul li:hover{
         background-color:transparent;
         color:rgba(75, 179, 117, 0.9);
    }
     nav ul a{
         text-decoration:none;
    }
     .topm{
         background: #fff;
         height: 2px;
         width: 100%;
         position: absolute;
         top: 8px;
         left: 0;
         transition:all 0.15s ease;
    }
     .acttop{
         opacity:0;
    }
     .midm{
         background: #fff;
         height: 2px;
         width: 100%;
         position: absolute;
         top: 16px;
         left: 0;
         transition:all 0.30s ease;
    }
     .actmid{
         -webkit-transform:translateY(0px) translateX(0) rotate(-45deg);
         -moz-transform:translateY(0px) translateX(0) rotate(-45deg);
         -o-transform:translateY(0px) translateX(0) rotate(-45deg);
         -ms-transform:translateY(0px) translateX(0) rotate(-45deg);
         transform:translateY(0px) translateX(0) rotate(-45deg);
    }
     .botm{
         background: #fff;
         height: 2px;
         width: 100%;
         position: absolute;
         top: 0;
         left: 0;
         transition:all 0.30s ease;
    }
     .actbot{
         -webkit-transform:translateY(16px) translateX(0) rotate(45deg);
         -moz-transform:translateY(16px) translateX(0) rotate(45deg);
         -o-transform:translateY(16px) translateX(0) rotate(45deg);
         -ms-transform:translateY(16px) translateX(0) rotate(45deg);
         transform:translateY(16px) translateX(0) rotate(45deg);
    }
     nav.sticky{
         position:absolute;
    }
}
 @media screen and (max-width:550px){
     nav{
         padding-top:2px;
    }
     nav ul{
         margin-top:12px;
    }
     nav .lang{
         position:relative;
         top:0px;
    }
     nav .logo-wrap{
         overflow:auto;
         float:none;
         width:145px;
         margin-left:auto;
         margin-right:auto;
         margin-top:0px;
         margin-bottom:10px;
    }
     nav .logo{
         float:none;
    }
     #jmenu{
         right:30px;
    }
}