* {
  box-sizing: border-box;
}




@font-face {
font-family: "Foundry Monoline ExtraBold";
src: url("./FoundryMonolineOT3/FoundryMonolineOT3-ExtraBold.otf");

}

@font-face {
font-family: "Rubik Medium";
src: url("./Rubik-Medium/Rubik-Medium.ttf");

}

@font-face {
font-family: "Montserrat regular";
src: url("./fonts/Montserrat/Montserrat-Regular.ttf");

}

@font-face {
font-family: "Montserrat bold";
src: url("./fonts/Montserrat/Montserrat-Bold.ttf");

}

@font-face {
font-family: "Plan Groteque pro Bold";
src: url("./fonts/Plan Grotesque/PlanGrotesquePro-Bold.otf");

}

@font-face {
font-family: "Plan Groteque pro Medium";
src: url("./fonts/Plan Grotesque/PlanGrotesquePro-Medium.otf");

}

html {
        background-color: #221D51 !important;
}

body {
        background-color: #221D51 !important;

}

h1 {
    font-size: 22px;
    color: #2D46A0;
}
h2 {
    font-family: 'Plan Groteque pro Bold', Arial, sans-serif;
    font-size: 24px;
    color: #2D46A0;
}
h3,h4 {
    font-size: 14px;

}

h3 {
    font-family: 'Montserrat bold', Arial, sans-serif;
    color:  #221D51;;
}

h3 a {
    color:  white;
}


h4 {
    font-family: 'Montserrat regular', Arial, sans-serif;
}

strong {
    font-family: 'Montserrat bold', Arial, sans-serif;
    font-size: 16px;
    color: white;
}

/*novo 2020*/

h3.podnaslov-rad {
    text-align: center;
}

.video {
    

    width: 100%;
    height: 400px;
}

h5.roze{
    color: #eb6279 !important;
}
video#myVideo {
    width: 100%;
}

/*
.podnaslov-rad {
    margin-bottom: 50px;
}
*/
.naslov-radionica {
    background: #F9B91A;
    padding: 10px 59px;
    margin-bottom: 50px;
    
}

.naslov-radionica h1 {
    color:  #221D51;
    font-size: 18px;
    font-family: 'Plan Groteque pro Bold', Arial, sans-serif;
    text-align: center;
    padding: 15px 0 0 0;
}
.naslov-rad {
    color:  #221D51;
    font-family: 'Plan Groteque pro Bold', Arial, sans-serif;
    background: #F9B91A;
    text-align: center;
    padding: 10px 0;
}
.naslov-rad:last-child {
    margin: 50px;
}
.izlozba img {
    width: 100%;
}
.online-krug {
    padding: 0;
    margin: 25px;
    width: 290px;
    height: 290px;
    display: inline-block;
}
.online-krug a:hover {
    text-decoration: none;
}
.online-krug a h3 {
    width: 290px;
    height: 290px;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    padding: 117px 0;
}
.ok-1 a h3, .ok-4 a h3 {
    border: #ea5b37 12px solid;
}
.ok-1 a h3:hover {
    background: linear-gradient(90deg, rgba(234,91,55,1) 0%, rgba(252,194,0,1) 100%);
    border: transparent 12px solid;
}
.ok-4 a h3:hover {
    background: linear-gradient(90deg, rgba(252,194,0,1) 0%, rgba(234,91,55,1) 100%);
    border: transparent 12px solid;
}
.ok-2 a h3 {
    border: #f4b5d2 12px solid;
}
.ok-2 a h3:hover {
    background: linear-gradient(90deg, rgba(244,181,210,1) 0%, rgba(127,43,134,1) 100%);
    border: transparent 12px solid;
}

.ok-3 a h3 {
    border: #0e8d3a 12px solid;
}

.ok-3 a h3:hover {
    background: linear-gradient(90deg, rgba(14,141,58,1) 0%, rgba(58,91,106,1) 100%);
    border: transparent 12px solid;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(jakov/mob.png);
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: #4cbab7;
    border-width: 1px;
}

.grad .vir-sadrzaj p {
    margin-top: 0 !important;
}

.vir-sadrzaj.col-md-12.col-xl-8 {
    padding-right: 0;
}

.vir-grad.col-md-12.col-xl-4{
    padding: 0;
}

.dva-reda .vir-sadrzaj h5{
   min-height: 0 !important;

}
.tri-reda .vir-sadrzaj h5{
   min-height: 0 !important;

}

.jedan-red .vir-sadrzaj h5 {
    min-height: 28px;
}

.dots {
  color:   #77CCE8;
}

.disabled {
    cursor: not-allowed;
    pointer-events:none;
}
.disabled h3 {
  pointer-events:none;
  cursor: not-allowed;
  opacity: 0.5;
}

.disabled h3:hover {
   cursor: default;
   background: #4cbab7 !important;
}


.vir-grad h1 {
    font-size: 50px;
    margin-bottom: 150px;
    text-transform: uppercase;

}

.vir-grad h2 {
    font-size: 24px;
    text-transform: uppercase;
    position: absolute;
    bottom: 40px;
    line-height: 20px;
}

.vir-grad h5 {
    font-size: 18px;
    color: white;
    font-family: 'Montserrat regular', Arial, sans-serif;
    position: absolute;
    bottom: 5px;
}


.naslov-tirkizna {
    color: #F9B91A;
    font-family: 'Plan Groteque pro Bold', Arial, sans-serif;
}

.vir-predavanja article img {
    display: inline-block;
}

.vir-sadrzaj {
    display: inline-block;
    padding-left: 30px;
}
.vir-sadrzaj p {
/*    height: 120px;*/
/*    overflow-y: scroll;*/
    padding-right: 10px;
    color: white;
    line-height: 20px;
    margin-top: 22px;
    margin-bottom: 35px;

}

.vir-sadrzaj p::-webkit-scrollbar {
  width: 2px;


}

.vir-sadrzaj p::-webkit-scrollbar-track {
  background: #4cbab7;
}

.vir-sadrzaj p::-webkit-scrollbar-thumb {
  background: #eb6279;


}



.vir-sadrzaj h2 {
    color: #F9B91A;
    text-transform: uppercase;
    margin: 0;
}

.vir-sadrzaj h5 {
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    font-family: 'Montserrat regular', Arial, sans-serif;
    min-height: 46px;
}

.vir-sadrzaj a h3 {
    color: #221D51;
    background: #77CCE8;
    width: 236px;
    padding: 14px;
    margin: 0 auto 25px;
    text-align: center;
}

.dva-dugmeta a h3{
    color: #254998;
    background: #4cbab7;
    display: inline-block;
    width: 40%;
    padding: 14px;
    border-radius: 50px;
    margin: 0 15px 25px;
    text-align: center;
}

.vir-sadrzaj a h3:hover {
    background: #F9B91A;
}

.vir-sadrzaj a {
    text-decoration: none;
    bottom: 0;

}

.vir-predavanja article {
    padding: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid white;
    margin-bottom: 30px;
}
/*
.vir-predavanja article:last-child {
    padding: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid white;
}
*/

.sponzori a img, .arhiva a img {

    width: 100%;


}

.sponzori a, .arhiva a {
    width: 31%;
    margin-bottom: 30px;
}

.margin-none {
   margin: 0 !important;
}


.vir-slika {
    width: 35%;
    margin-bottom: 25px;
}

.vir-slika img {
    width: 100%;
    max-width: 293px;
}

.vir-sadrzaj {
    width: 65%;
}

.priprema {
    background-image: url(priprema/naslovna-01.png);
    widows: 100%;
}


.priprema a {
    display: block;
    width: 25%;
    margin: 78px auto;
}

.priprema a img{
    width: 100%;
}

.priprema h1 {
    display: block;
    text-align: center;
    font-size: 34px;
}

/*novo 2020 kraj*/

.priprema {
    color:  #E64B7D;
    margin: auto;
}

.plinija {
    border-bottom: solid 3px #4cbab7;
    margin-bottom: 56px;
    padding-bottom: 10px;
    margin-left: 50px;

}


.h2obican2{
    color: white;

}


.h2obican{
    color: white;
    margin-bottom: 42px;
    padding-left: 50px;
}

.h2prvi{
    padding: 20px 10px 10px;
    text-align: center;
    margin-bottom: 20px;
    min-height: 58px;
    border-radius: 50px;
    color: white;
    background: rgb(14,141,58);
    background: linear-gradient(90deg, rgba(14,141,58,1) 0%, rgba(58,91,166,1) 100%);
}

.okvirprvi{
    border: solid 1px #0d8d3b;
}

.h2drugi{
    padding: 20px 10px 10px;
    text-align: center;
    margin-bottom: 20px;
    min-height: 58px;
    border-radius: 50px;
    color: white;
    background: rgb(244,180,210);
    background: linear-gradient(90deg, rgba(244,180,210,1) 0%, rgba(127,43,134,1) 100%);
}

.okvirdrugi{
    border: solid 1px #eb6279;
}

.h2treci{
    padding: 20px 10px 10px;
    text-align: center;
    margin-bottom: 20px;
    min-height: 58px;
    border-radius: 50px;
    color: white;
    background: rgb(234,91,55);
    background: linear-gradient(90deg, rgba(234,91,55,1) 0%, rgba(252,194,0,1) 100%);
}

.okvirtreci{
    border: solid 1px #fabe03;
}

.prijavi {
    color: #FAB96E;
}


.marginb {
    margin-bottom: 20px;
    padding: 0 !important;
}

.datum{
    color: white;

}

.sidebars a {
    text-decoration: none;
}

.virtuelno{
    background: #eb6279;
    color: white;
    width: 355px;
    padding: 20px 15px;
    border-radius: 25px;
    font-size: 25px;
    display: block;
    margin: 0 auto;
    position: fixed;
    top: 78px;
    font-family: 'Plan Groteque pro Bold', Arial, sans-serif;

}

.virtuelno:hover {
     background: #4cbab7;
     color: #254998;
}


p {
    font-family: 'Montserrat regular', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: white;
}

section p{
    color: #4cbab7;
}

.text {

    font-size: 12px;
}

.belo {
    background-color: white;
    margin-bottom: 20px;
}

.naziv{
    color: #4cbab7;
}

article {
    padding: 20px;
}

section article {

    padding: 20px 20px 0 20px;
}

/*
section article:last-child {

    padding: 20px;
}
*/

section {

    color: #4cbab7;
}

.kolone {
    margin-right: 30px;
    padding: 0;
    margin-bottom: 20px;

}

.kolone:last-child {
  margin-right: 0;
}

.skolske {
    margin-bottom: 0;
}


.containers {
    background-color: #221D51;
    max-width: 2100px;
    margin: 0 auto;
}



button {
    background-color: transparent;
    border: transparent;
    color:  #77CCE8;
}



#wrapp {
    width: 420px;
    position: fixed;
}

#wrapp img {
    width: 420px;
    position: fixed;
}


.srbija {
    width: 545px;


}
.glavna {
    max-width: 100%;
    margin-bottom: 25px;
}

.izlozba {
    margin-bottom: 20px;
    padding: 0;
    margin-right: 30px;
}

.izlozba p {
    color: white;
}

.izlozba:last-child {

    margin-right: 0;
}


.flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.meni {

    width: 20%;
    margin-left: 40px;
    margin-right: 200px;
    margin-top: 78px;



}

.row {
    width: 100%;
    margin: 0;
}


.sadrzaj {

    width: 60%;
    margin-top: 78px;
    margin-right: 60px;


}

.sidebars {

    width: 25%;
    margin-top: 78px;

}


.navbar {

    background-color: transparent !important;
    padding: 0;

}

.logo {
    
/*    padding: 35px 15px 10px 35px;*/
    padding: 0 !important;
}

.logo img {
    background:  #77CCE8;
    width: 100%;
    margin: 0;
    padding: 0;
/*    margin-bottom: 60px;*/
    display: block;
    padding: 30px 14px 40px 30px;

}


.sponzori {

   background-color: white;
   padding: 15px 0;
   margin: 46px 0;

}

.naslov-beli {
    color: white;
}

.naslov-beli u {
    text-decoration: none;
}

/*
.sponzor {

   background-color: white;


}
*/


.ng {
    background-image: url(LOGO/Medijski/ng.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}



.rts {
    background-image: url(LOGO/Medijski/RTS.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.rbg2 {
    background-image: url(LOGO/Medijski/rbg2.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}


.n1 {
    background-image: url(LOGO/Medijski/n1.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.seecult {
    background-image: url(LOGO/Medijski/SEEcult_logo.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}
.city {
    background-image: url(LOGO/Medijski/city_logo_2014.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}
.designed {
    background-image: url(LOGO/Medijski/DesignedWhite.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.ba {
    background-image: url(LOGO/Medijski/ba.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.danas {
    background-image: url(LOGO/Medijski/DANAS.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.vreme {
    background-image: url(LOGO/Medijski/vreme.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.gradbeograd {
    background-image: url(LOGO/partneri/beograd.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.akademija {
    background-image: url(LOGO/partneri/akademija.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.milankovic {
    background-image: url(LOGO/partneri/milankovic.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.australija {
    background-image: url(LOGO/partneri/australija.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.gsp {
    background-image: url(LOGO/partneri/gsp.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.info {
    background-image: url(LOGO/partneri/info.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.aq {
    background-image: url(LOGO/partneri/aq.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.extreme {
    background-image: url(LOGO/partneri/extreme.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.eset {
    background-image: url(LOGO/partneri/eset.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.ski {
    background-image: url(LOGO/partneri/ski.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.scientix {
    background-image: url(LOGO/partneri/scientix.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.mozak {
    background-image: url(LOGO/partneri/mozak.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.arabic {
    background-image: url(LOGO/partneri/arabic.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}

.sputnik {
    background-image: url(LOGO/partneri/sputnik.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}



.arhiva2018 {

    background-image: url(arhiva/ARHIV-01.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2018:hover{
    background-image: url(arhiva/ARHIVHOVER-01.jpg);

}

.arhiva2017 {

    background-image: url(arhiva/ARHIV-02.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2017:hover{
    background-image: url(arhiva/ARHIVHOVER-02.jpg);

}

.arhiva2016 {

    background-image: url(arhiva/ARHIV-03.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2016:hover{
    background-image: url(arhiva/ARHIVHOVER-03.jpg);

}

.arhiva2015 {

    background-image: url(arhiva/ARHIV-04.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2015:hover{
    background-image: url(arhiva/ARHIVHOVER-04.jpg);

}

.arhiva2014 {

    background-image: url(arhiva/ARHIV-05.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2014:hover{
    background-image: url(arhiva/ARHIVHOVER-05.jpg);

}

.arhiva2013 {

    background-image: url(arhiva/ARHIV-06.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2013:hover{
    background-image: url(arhiva/ARHIVHOVER-06.jpg);

}

.arhiva2012 {

    background-image: url(arhiva/ARHIV-07.jpg);
    background-repeat: no-repeat;
    width: 310px;
    height:310px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}

.arhiva2012:hover{
    background-image: url(arhiva/ARHIVHOVER-07.jpg);

}

ul {
    list-style-type: none;
    padding: 0;
    width: -webkit-fill-available;

}

.nav-item {

    padding: 0;

}


.nav-link {

    padding: 12px 0 8px 0;

}

ul a {

    font-family: 'Plan Groteque pro Medium', Arial, sans-serif;
    margin-top: 20px;
    color: #221D51;
    background: #77CCE8;
    position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
    padding: 0;
    font-size: 18px;
    

}

ul a:hover{

    background-color: #F9B91A;
    color: #221D51;

}


ul a:focus{

    background-color: #F9B91A;

}


.current {

    background-color: #F9B91A;

}



.active {
  background-color: #666;
  color: white;
}

.mali {
    flex: 0 0 46.666667%;
    max-width: 46.666667%;

}

.mali a {

    font-size: 14px;

}


.m3 {
    position: sticky;
    top: 0px;
    margin: 0;
}




.navbar-toggler {



}

.cpn img {

    width: 100%;
}

ul .cpn a{
    background: transparent;
}

.sanu img {

    width: 100%;
}

ul .sanu a{
    background: transparent;
}

.cpn, .sanu {
    margin-top: 40px;
}





.tacka{

    position: fixed;
    font-size: 27px;
    width: 10px;
    height: 10px;
    background-color: transparent;


}

.obrenovac {

    top: 480px;
    margin-left: 187px;

}

.valjevo {

    top: 537px;
    margin-left: 151px;

}


.smederevo {

    top: 481px;
    margin-left: 265px;
}

.cacak {

    top: 598px;
    margin-left: 203px;
}


.bajina-basta {

    top: 586px;
    margin-left: 120px;
}

.gornji-milanovac {

    top: 575px;
    margin-left: 214px;
}

.kanjiza {

    top: 268px;
    margin-left: 171px;
}

.kikinda {

    top: 304px;
    margin-left: 214px;
}

.knjazevac {

    top: 643px;
    margin-left: 409px;
}


.kragujevac {

    top: 581px;
    margin-left: 264px;
}


.krajisnik {

    top: 360px;
    margin-left: 244px;
}


.krusevac {

    top: 644px;
    margin-left: 308px;
}

.kucevo {

    top: 505px;
    margin-left: 346px;
}


.leskovac {

    top: 729px;
    margin-left: 375px;
}

.nis {

    top: 681px;
    margin-left: 369px;
}

.novi-pazar {

    top: 708px;
    margin-left: 221px;
}

.pancevo {

    top: 448px;
    margin-left: 236px;
}

.ranovac {

    top: 513px;
    margin-left: 325px;
}

.ruma {

    top: 427px;
    margin-left: 147px;
}


.ruski-krstur {

    top: 345px;
    margin-left: 104px;
}

.sabac {

    top: 468px;
    margin-left: 133px;
}

.sivac {

    top: 322px;
    margin-left: 100px;
}


.uzice {

    top: 605px;
    margin-left: 149px;
}

.vladicin-han {

    top: 771px;
    margin-left: 388px;
}

.zitoradja {

    top: 702px;
    margin-left: 350px;
}


.zrenjanin {

    top: 372px;
    margin-left: 207px;
}

.b-petrovac {

    top: 374px;
    margin-left: 121px;
}

.beograd {

    top: 461px;
    margin-left: 213px;
}

.blace {

    top: 681px;
    margin-left: 304px;
}

.bor {

    top: 564px;
    margin-left: 392px;
}

.d-strizevac {

    top: 710px;
    margin-left: 426px;
}

.zitkovac {

    top: 651px;
    margin-left: 350px;
}

.k-mitrovica {

    top: 744px;
    margin-left: 262px;
}

.lazarevac {

    top: 520px;
    margin-left: 195px;
}

.priboj {

    top: 642px;
    margin-left: 115px;
}

.prokuplje {

    top: 692px;
    margin-left: 337px;
}


.zajecar {

    top: 595px;
    margin-left: 410px;
}

.kraljevo {

    top: 622px;
    margin-left: 236px;
}

.resavica {

    top: 572px;
    margin-left: 337px;
}

.s-mitrovica {

    top: 435px;
    margin-left: 124px;
}
.s-palanka {

    top: 523px;
    margin-left: 269px;
}


.sefkerin {

    top: 424px;
    margin-left: 218px;

}

.sombor {

    top: 312px;
    margin-left: 71px;
}

.sonta {

    top: 333px;
    margin-left: 67px;
}

.trupale {

    top: 671px;
    margin-left: 359px;
}

.v-gradiste {

    top: 467px;
    margin-left: 327px;
}

.v-banja {

    top: 636px;
    margin-left: 262px;
}











/*Mobilni*/



@media only screen and (min-width: 1px) and (max-width: 575px) {


    ul a {
        font-size: 14px;
    }
    .vir-slika{
         width: 100%;
         max-width: 290px;
         margin: 0 auto 20px;
     }
       .vir-predavanja article img {
    width: 100%;
    margin: 0 auto;
    }
    .vir-sadrzaj {
    width: 100%;
    }

    .dva-dugmeta a h3 {
        width: 39%;
        padding: 10px;
    }

    .vir-grad h2 {
        bottom: 25px;
    }


}




 @media only screen and (min-width: 576px) and (max-width: 991px) {

     .online-krug a h3 {
        width: 250px;
        height: 250px;
        padding: 94px 0;
    }
    .online-krug {
        width: 250px;
        height: 250px;
    }
     
     #wrapp {


    width: 100%;
    position: relative;
}
      video#myVideo{
        width: 100%
    }
     .virtuelno {
         position: relative;
     }

     .vir-slika{
         width: 100%;
         max-width: 290px;
     }
       .vir-predavanja article img {
    width: 100%;
    margin: 0 auto;
    }
    .vir-sadrzaj {
    width: 100%;
    }

.kolone {
    margin-right: 0;

}

.izlozba {

    margin-right: 0;
}



.navbar-toggler {

     margin: 0 0 0 75%;
 }





    .flex {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width:
}

.meni {

    width: 100%;
    padding: 0 10px;
    margin: 0;

}
.sadrzaj {

    width: 100%;
    padding: 10px;
    margin: 0;

}

.sidebars {

    width: 100%;
    padding: 10px;
    margin: 0;
}
     x

#wrapp {


    width: 100%;
    position: relative;
}
      video#myVideo{
        width: 100%
    }

#wrapp img {
    width: 700px;
    position: relative;
}


.srbija {

    width: 700px;


    }

.tacka{

    position: relative;
    font-size: 27px;
    width: 10px;
    height: 10px;
    background-color: transparent;


}


.obrenovac {

    top: -543px;
    margin-left: 241px;

}

.valjevo {

    top: -461px;
    margin-left: 195px;

}


.smederevo {

    top: -554px;
    margin-left: 341px;
}

.cacak {

    top: -413px;
    margin-left: 262px;
}


.bajina-basta {

    top: -439px;
    margin-left: 155px;
}

.gornji-milanovac {

    top: -463px;
    margin-left: 277px;
}

.kanjiza {

    top: -865px;
    margin-left: 221px;
}

.kikinda {

    top: -831px;
    margin-left: 277px;
}

.knjazevac {

    top: -403px;
    margin-left: 526px;
}


.kragujevac {

    top: -495px;
    margin-left: 340px;
}


.krajisnik {

    top: -790px;
    margin-left: 314px;
}


.krusevac {

    top: -435px;
    margin-left: 397px;
}

.kucevo {

    top: -621px;
    margin-left: 446px;
}


.leskovac {

    top: -345px;
    margin-left: 482px;
}

.nis {

    top: -416px;
    margin-left: 475px;
}

.novi-pazar {

    top: -391px;
    margin-left: 285px;

}

.pancevo {

    top: -736px;
    margin-left: 304px;
}

.ranovac {

    top: -662px;
    margin-left: 418px;
}

.ruma {

    top: -782px;
    margin-left: 190px;
}


.ruski-krstur {

    top: -897px;
    margin-left: 135px;
}

.sabac {

    top: -750px;
    margin-left: 171px;
}

.sivac {

    top: -947px;
    margin-left: 129px;
}


.uzice {

    top: -594px;
    margin-left: 192px;
}

.vladicin-han {

    top: -391px;
    margin-left: 499px;
}

.zitoradja {

    top: -491px;
    margin-left: 450px;
}


.zrenjanin {

    top: -923px;
    margin-left: 267px;
}

.b-petrovac {

    top: -929px;
    margin-left: 158px;
}

.beograd {

    top: -827px;
    margin-left: 275px;
}

.blace {

    top: -556px;
    margin-left: 393px;
}

.bor {

    top: -714px;
    margin-left: 504px;
}

.d-strizevac {

    top: -537px;
    margin-left: 548px;
}

.zitkovac {

    top: -625px;
    margin-left: 450px;
}

.k-mitrovica {

    top: -516px;
    margin-left: 336px;
}

.lazarevac {

    top: -812px;
    margin-left: 251px;
}

.priboj {

    top: -665px;
    margin-left: 149px;
}

.prokuplje {

    top: -610px;
    margin-left: 434px;
}


.zajecar {

    top: -756px;
    margin-left: 528px;
}

.kraljevo {

    top: -711px;
    margin-left: 305px;
}



.resavica {

    top: -796px;
    margin-left: 434px;
}

.s-mitrovica {

    top: -982px;
    margin-left: 160px;
}
.s-palanka {

    top: -879px;
    margin-left: 346px;
}


.sefkerin {

    top: -1018px;
    margin-left: 281px;

}

.sombor {

    top: -1171px;
    margin-left: 92px;
}

.sonta {

    top: -1154px;
    margin-left: 87px;
}

.trupale {

    top: -728px;
    margin-left: 463px;
}

.v-gradiste {

    top: -1002px;
    margin-left: 421px;

}

.v-banja {

    top: -795px;
    margin-left: 338px;
}



}

@media only screen and (min-width: 991px) and (max-width: 1353px) {
    
    .online-krug a h3 {
        width: 250px;
        height: 250px;
        padding: 94px 0;
    }
    .online-krug {
        width: 250px;
        height: 250px;
    }

    ul a {
        font-size: 14px;
    }
    .virtuelno {
        font-size: 18px;
        width: 264px;
    }
    #wrapp {


    width: 240px;
    position: fixed;
}
      video#myVideo{
        width: 100%
    }
    #wrapp img {
        width: 320px;
    }
    h2 {
        font-size: 19px;

    }
    h3,h4 {
        font-size: 14px;

    }


    section article {

        padding: 10px 10px 0 10px;
    }

    .mali {
    flex: 0 0 45.666667%;
    max-width: 45.666667%;

}

    .mali a {

        font-size: 14px;
    }

}



@media only screen and (min-width: 1354px) and (max-width: 1601px) {

.online-krug a h3 {
        width: 250px;
        height: 250px;
        padding: 94px 0;
    }
    .online-krug {
        width: 250px;
        height: 250px;
    }
.virtuelno {
        font-size: 22px;
        width: 316px;
    }

h2 {
    font-size: 19px;

}
h3,h4 {
    font-size: 14px;

}


section article {

    padding: 10px 10px 0 10px;
}

/*
section article:last-child {

    padding: 10px;
}
*/




/*
.meni {

    width: 160px;
}

*/

#wrapp {


    width: 295px;

}

#wrapp img {
    width: 360px;
    position: fixed;
}


.srbija {
    width: 435px;



}


ul a {

    font-size: 16px;

    }

    .mali {
    flex: 0 0 45.666667%;
    max-width: 45.666667%;

}

    .mali a {

        font-size: 14px;
    }

/*
    .nav-link {
    padding: 7px 0;
}
*/



.obrenovac {

    top: 391px;
    margin-left: 148px;

}

.valjevo {
    top: 437px;
    margin-left: 119px;

}


.smederevo {

    top: 391px;
    margin-left: 210px;
}

.cacak {

    top: 485px;
    margin-left: 161px;
}


.bajina-basta {

    top: 475px;
    margin-left: 95px;
}

.gornji-milanovac {

    top: 466px;
    margin-left: 171px;
}

.kanjiza {

    top: 223px;
    margin-left: 136px;
}

.kikinda {

    top: 250px;
    margin-left: 171px;
}

.knjazevac {

    top: 523px;
    margin-left: 325px;
}


.kragujevac {

    top: 471px;
    margin-left: 210px;
}


.krajisnik {

    top: 295px;
    margin-left: 194px;
}


.krusevac {

    top: 520px;
    margin-left: 245px;
}

.kucevo {

    top: 411px;
    margin-left: 276px;
}


.leskovac {

    top: 590px;
    margin-left: 298px;
}

.nis {

    top: 552px;
    margin-left: 295px;
}

.novi-pazar {

    top: 574px;
    margin-left: 176px;

}

.pancevo {

    top: 365px;
    margin-left: 187px;
}

.ranovac {

    top: 417px;
    margin-left: 258px;
}

.zajecar {
    top: 483px;
    margin-left: 326px;
}

.kraljevo {
    top: 504px;
    margin-left: 188px;
}

.ruma {

    top: 349px;
    margin-left: 116px;
}


.ruski-krstur {

    top: 284px;
    margin-left: 82px;
}

.sabac {

    top: 381px;
    margin-left: 104px;
}

.sivac {

    top: 264px;
    margin-left: 79px;
}


.uzice {

    top: 490px;
    margin-left: 117px;
}

.vladicin-han {

    top: 623px;
    margin-left: 308px;
}

.zitoradja {

    top: 567px;
    margin-left: 279px;
}


.zrenjanin {

    top: 304px;
    margin-left: 164px;
}

.b-petrovac {

    top: 307px;
    margin-left: 97px;
}

.beograd {

    top: 376px;
    margin-left: 169px;
}

.blace {

    top: 551px;
    margin-left: 242px;
}

.bor {

    top: 459px;
    margin-left: 311px;
}

.d-strizevac {

    top: 575px;
    margin-left: 339px;
}

.zitkovac {

    top: 527px;
    margin-left: 278px;
}

.k-mitrovica {

    top: 601px;
    margin-left: 207px;
}

.lazarevac {

    top: 423px;
    margin-left: 155px;
}

.priboj {

    top: 520px;
    margin-left: 91px;
}

.prokuplje {

    top: 562px;
    margin-left: 268px;
}


.resavica {

    top: 465px;
    margin-left: 268px;
}

.s-mitrovica {

    top: 355px;
    margin-left: 98px;
}
.s-palanka {

    top: 426px;
    margin-left: 214px;
}


.sefkerin {

    top: 346px;
    margin-left: 173px;

}

.sombor {

    top: 258px;
    margin-left: 56px;
}

.sonta {

    top: 274px;
    margin-left: 52px;
}

.trupale {

    top: 542px;
    margin-left: 285px;
}

.v-gradiste {

    top: 380px;
    margin-left: 260px;

}

.v-banja {

    top: 514px;
    margin-left: 208px;
}







}


/*
@media only screen and (min-width: 1290px) and (max-width: 1449px) {


.meni {

    width: 205px;



}




#wrapp {


    width: 490px;

}

#wrapp img {
    width: 490px;
    position: fixed;
}


.srbija {
    width: 490px;



}




.cpn a {
    background-image: url(jakov/cpn.jpg);
    width: 103px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;
}

.sanu a {
    background-image: url(jakov/sanu.jpg);
    width: 102px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;

}


.logo {
    background-image: url(jakov/LOGO200.png);
    background-repeat: no-repeat;
    width: 205px;
    height:288px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}


.logo:hover{
    background-image: url(jakov/LOGO_HOVER200.png);
    transition: 2s;
}

}
*/


/* @media only screen and (min-width: 1602px) and (max-width: 1799px) {


.meni {

    width: 205px;



}


#wrapp {


    width: 510px;

}

#wrapp img {
    width: 510px;
    position: fixed;
}


.srbija {
    width: 510px;



}


.cpn a {
    background-image: url(jakov/cpn.jpg);
    width: 103px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;
}

.sanu a {
    background-image: url(jakov/sanu.jpg);
    width: 102px;
    height: 115px;
    text-indent: -9999px;
    background-color: white;
    color: white;

}



.logo {
    background-image: url(jakov/LOGO200.png);
    background-repeat: no-repeat;
    width: 205px;
    height:288px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;

}


.logo:hover{
    background-image: url(jakov/LOGO_HOVER200.png);
    transition: 2s;
}


ul a {

    font-size: 22px;

    }

    .mali a {

        font-size: 12px;
    }

    .nav-link {
    padding: 7px 0;
}

} */



/*
@media only screen and (min-width: 1600px) and (max-width: 1799px) {


.meni {

    width: 235px;



}


#wrapp {


    width: 517px;

}

#wrapp img {
    width: 517px;
    position: fixed;
}


.srbija {
    width: 517px;



}


}
*/
@media (max-width: 1799px) {


        .vir-grad h1 {
            font-size: 40px;

        }

        .vir-grad h2 {
            font-size: 18px;
        }

        .vir-grad h5 {
            font-size: 14px;
        }
}

@media (max-width: 1199px) {

    .kolone {

    margin-right: 0;
    }


    .izlozba {

    margin-right: 0;
}
}

/*

@media (min-width: 1800px) {

    .vir-slika {

    width: 37%;
}
    .vir-sadrzaj{
        width: 63%;
    }
}
*/



@media (min-width: 1800px) {

    .meni {

    width: 20%;



}
}



@media (min-width: 1599px) {


    body {
        margin: 0 auto;
        }

    .meni {
        width: 17%;
        max-width: 260px;
    }

    .sadrzaj{
        width: 50%;
    }

    .sidebars{
        width: 25%;
    }

}
/*

@media only screen and (min-width: 1633px) and (max-width: 1800px) {
    .vir-predavanja article img {
    width: 200px;
    height: 200px;
    }
    .vir-sadrzaj {
    width: 70%;
    padding-left: 20px;
    }
}
*/

@media only screen and (min-width: 576px) and (max-width: 990px) {
    
    .logo img {
    width: 75%;
    margin: 60px 0px 30px 0px;
    display: block;
    padding: 15px 7px 20px 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 1632px) {

    .meni {
        margin-right: 100px;
/*        margin-top: 40px;*/
    }
    
    
    .cpn, .sanu {
    margin-top: 20px;
    }

    .vir-grad h1 {
        font-size: 32px;
    }

    .vir-grad h2 {
        font-size: 16px;
    }
/*
    .vir-predavanja article img {
    width: 200px;
    height: 200px;
    }
    .vir-sadrzaj {
    width: 65%;
    padding-left: 20px;
    }
*/
    .sponzori a img, .arhiva a img {
/*
    width: 180px;
    height: 180px;
*/
    }
}


@media (min-width: 1750px) {


    .sponzori a img, .arhiva a img {
/*
    width: 220px;
    height: 220px;
*/
    }
}

@media (min-width: 1840px) {

    .sadrzaj {
        width: 60%;
    }

    .sponzori a img, .arhiva a img {
/*
    width: 250px;
    height: 250px;
*/
    }
}

@media (min-width: 2100px) {

    .sadrzaj {
        width: 60%;
    }

    .sponzori a img, .arhiva a img {
/*
    width: 290px;
    height: 290px;
*/
    }
}



@media (min-width: 992px) {

    .hide {

        display: none;
    }



}


@media (min-width: 768px) {
    .logo {
        height: max-content;
    }
}



@media (max-width: 576px) {
    
    .logo img {
    width: 80%;
    margin-bottom: 30px;
    display: block;
    padding: 15px 7px 20px 15px;
    }


.kolone {
    margin-right: 0;

}



.navbar-toggler {

     margin: 0 0 0 75%;
 }


    a.logo.col-4.col-md-4.col-lg-12 {
        margin-top: 60px;
    }



.flex {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width:
}

.meni {

    width: 100%;
    padding: 0 10px;
    margin: 0;

}
.sadrzaj {

    width: 100%;
    padding: 10px;
    margin: 0;
}

.sidebars {

    width: 100%;
    padding: 10px;
    margin: 0;
}

#wrapp {


    width: 100%;
    position: relative;
}
    video#myVideo{
        width: 100%
    }
    
#wrapp img {
    width: 350px;
    position: relative;
    margin: 0 auto;
    display: block;
}

    .virtuelno {
        position: relative;
    }

.srbija {
    width: 387px;

    }

.tacka{

    position: relative;
    font-size: 27px;
    width: 5px;
    height: 5px;
    background-color: transparent;


}


.obrenovac {

    top: -301px;
    margin-left: 134px;

}

.valjevo {

    top: -256px;
    margin-left: 108px;

}

.smederevo {

    top: -305px;
    margin-left: 189px;
}

.cacak {

    top: -227px;
    margin-left: 146px;
}


.bajina-basta {

    top: -241px;
    margin-left: 86px;
}

.gornji-milanovac {

    top: -253px;
    margin-left: 154px;
}

.kanjiza {

    top: -476px;
    margin-left: 122px;
}

.kikinda {

    top: -456px;
    margin-left: 154px;
}

.knjazevac {

    top: -220px;
    margin-left: 291px;
}


.kragujevac {

    top: -270px;
    margin-left: 188px;
}


.krajisnik {

    top: -432px;
    margin-left: 174px;
}


.krusevac {

    top: -235px;
    margin-left: 220px;
}

.kucevo {

    top: -337px;
    margin-left: 247px;
}


.leskovac {

    top: -184px;
    margin-left: 268px;
}

.nis {

    top: -223px;
    margin-left: 263px;
}

.novi-pazar {

    top: -208px;
    margin-left: 158px;

}

.pancevo {

    top: -399px;
    margin-left: 168px;
}

.ranovac {

    top: -358px;
    margin-left: 232px;
}

.ruma {

    top: -424px;
    margin-left: 105px;
}


.ruski-krstur {

    top: -487px;
    margin-left: 75px;
}

.sabac {

    top: -405px;
    margin-left: 95px;
}

.sivac {

    top: -513px;
    margin-left: 72px;
}


.uzice {

    top: -317px;
    margin-left: 107px;
}

.vladicin-han {

    top: -204px;
    margin-left: 276px;
}

.zitoradja {

    top: -259px;
    margin-left: 249px;
}


.zrenjanin {

    top: -498px;
    margin-left: 148px;
}

.b-petrovac {

    top: -501px;
    margin-left: 88px;
}

.beograd {

    top: -444px;
    margin-left: 152px;
}

.blace {

    top: -293px;
    margin-left: 218px;
}

.bor {

    top: -380px;
    margin-left: 279px;
}

.d-strizevac {

    top: -282px;
    margin-left: 303px;
}

.zitkovac {

    top: -330px;
    margin-left: 249px;
}

.k-mitrovica {

    top: -269px;
    margin-left: 186px;
}

.lazarevac {

    top: -432px;
    margin-left: 140px;
}

.priboj {

    top: -350px;
    margin-left: 83px;
}

.prokuplje {

    top: -319px;
    margin-left: 241px;
}


.zajecar {

    top: -399px;
    margin-left: 292px;
}

.kraljevo {

    top: -375px;
    margin-left: 168px;
}

.resavica {

    top: -420px;
    margin-left: 240px;
}

.s-mitrovica {

    top: -523px;
    margin-left: 89px;
}
.s-palanka {

    top: -465px;
    margin-left: 191px;
}


.sefkerin {

    top: -541px;
    margin-left: 156px;

}

.sombor {

    top: -625px;
    margin-left: 51px;
}

.sonta {

    top: -615px;
    margin-left: 48px;
}

.trupale {

    top: -379px;
    margin-left: 257px;
}

.v-gradiste {

    top: -531px;
    margin-left: 233px;

}

.v-banja {

    top: -415px;
    margin-left: 187px;
}








}