p.medj-stand { margin-bottom: 0 !important; text-align: center; padding: 20px; background: #FFF; max-width: 270px; border-radius: 8px; margin-top: 35px;}
.content-lista { font-family: 'Fira Sans',sans-serif !important; }
.upper {text-transform:uppercase;}
.content-lista li { font-size: 16px !important; line-height: 24px; font-weight: 200 !important; }
.radna-mesta-lista li { width: 48%; float: left; }
.radna-mesta-lista li:nth-child(odd) { margin-right: 4%; }
.veliki-font p { margin-bottom: 0 !important; }
.veliki-font h3, .text-standard h3 { font-size: 22px !important; color: #FFF; font-weight: 900; }
.akcija-dugme {background: #8b052a;background: linear-gradient(90deg,rgba(139,5,42,1) 0,rgb(247 7 74) 100%);margin-bottom: -40px;padding-top: 50px;padding-bottom: 50px;margin-bottom: 50px;} .akcija-dugme .dugme { margin-left: auto; margin-right: auto; background: #FFF; color: #a70532; font-size: 20px; padding: 20px 40px; font-weight: 600; letter-spacing: -0.5px;margin-top:0; }
.akcija-dugme .dugme:hover {background-color: #a70532;color: #FFF;}
.dugme.centrirano {text-align: center; padding: 20px 40px;}
.grupa-naslova { padding-left: 30px; padding-right: 30px;z-index: 1; }
h1.u-glavni {font-size: 34px !important;line-height: 40px !important;}
h2.u-podnaslov { font-size: 24px !important; line-height: 30px !important; }
h2.u-glavni { text-transform: uppercase;line-height: 34px !important; }
.radovi-studenata .dugme {background-color: #01a9da;}
.radovi-studenata .dugme:hover {background-color: #0291bb !important;}
.fdu-container .radovi-studenata .dugme {background-color: #bd05b3;}
.fdu-container .radovi-studenata .dugme:hover {background-color: #38095f !important;}
p.info { margin-top: 28px; font-weight: 600 !important; font-size: 12px !important; padding: 7px 10px; display: table; border-radius: 6px; background: #fff; color: #222; }

/*Fix*/
.w-content p:last-child {margin-bottom: 0;}
ul.content-lista:after { content: ''; display: block; clear: both; }

.medj-stand { margin-top: 10px !important;}
.medj-stand.cent-stand {max-width: 100%; margin-top: 25px !important; margin-bottom: 15px !important;}
.medj-stand.cent-stand img {max-width: 300px;width: 100%;}
.eu-l {min-height: 100px;}
.eu-l small { font-size: 13px; color: #011d5e; font-weight: 400; display: block; line-height: 18px; margin-top: 14px; padding-top: 10px; border-top: 1px solid #e2e2e2; max-width: 370px; margin-left: auto; margin-right: auto; }
table.cenovnik * { font-family: 'Fira Sans',sans-serif !important;font-size: 16px; }
table.cenovnik, table.cenovnik td, table.cenovnik tr { font-family: 'Fira Sans',sans-serif !important; }
.baner-link { position: absolute !important; content: ''; height: 100%; width: 100%; display: block; top: 0; }
.p70 { padding-bottom: 20px !important; }

/*Full banner*/
.fullbanner { z-index: 0; position: relative; display: flex; flex-direction: column; justify-content: center; height: 500px; resize: vertical; overflow: auto; text-align: center; resize: none; overflow:hidden; }
.fullbanner:before {position: fixed; height: 500px; z-index: 0; top:0; }
.fullbanner video { position: absolute; right: 0; margin-right: auto; top: 0; z-index: 0; max-width: 1920px; left: 50%; margin-left: -960px; }
.fullbanner h1 { position: relative; font-size: 44px !important; }
.fullbanner h2 { z-index: 2; position: relative; margin-left: auto !important; margin-right: auto !important; margin-top: 8px !important; font-size: 30px !important; padding: 16px 20px !important; margin-bottom: 0px !important; border-radius: 6px; }
.sadrzaj-sve { z-index: 2; position: relative; background: #FFF; }
/*POZADINE*/
.sekcijabg { position: relative; }
.sekcijabg:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: rgba(1, 29, 94, .7); z-index: 0; }
.sekcijabg .w-content { z-index: 1; position: relative; }
.prvapozadina, .drugapozadina, .trecapozadina {background-attachment: fixed !important; padding-top: 40px; margin-top: 40px; padding-bottom: 60px;}

/*IT - Pozadine*/
.fit-container .fullbanner{background:#011d5e}
.fit-container.informacione-tehnologije .fullbanner:before { content: url(https://www.metropolitan.ac.rs/files/2020/02/it-background-1920.jpg);}
.fit-container.informacione-tehnologije .prvapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/02/it-background-1920.jpg);}
/*IS - Pozadine*/
.fit-container.informacioni-sistemi .prvapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/04/is-2020.jpg);}
/*SI - Pozadine*/
.fit-container.softversko-inzenjerstvo .fullbanner:before { content: url(https://www.metropolitan.ac.rs/files/2020/04/si-2020-v2.jpg);}
.fit-container.softversko-inzenjerstvo .prvapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/04/si-2020-v2.jpg);}
/*RI - Pozadine*/
.fit-container.racunarske-igre .prvapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/04/fit-ri.jpg);}

/*FIT*/
.bg-fit{background-color:#011d5e;color:#FFF;}
.fit-container .drugapozadina { background: url(https://www.metropolitan.ac.rs/files/2020/02/it-bg-03-1.jpg);}
.fit-container .trecapozadina { background: url(https://www.metropolitan.ac.rs/files/2020/02/it-bg-02.jpg);}

/*FIT - MAS*/
.fit-container rs-fullwidth-wrap {
    background-color: rgb(0, 28, 76);
}

.fit-container.mas-si .fullbanner:before {
    content: url(https://www.metropolitan.ac.rs/files/2021/10/si-bg-1.jpg);
}
.fit-mas ul.stil-lista li {
    font-size: 16px;
}
.fit-mas .bg-fit.sekcijabg.prvapozadina {
    background: url(https://www.metropolitan.ac.rs/files/2021/09/fit-mas-si.jpg);
}
.fit-mas .akcija-dugme {
    padding-top: 20px;
}
h2.u-glavni.nas-centar.mla-nas-h2 {
    color: #FFF !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

h2.u-podnaslov.bg-bela.bg-plava {
    background: #05cae9 !important;
    color: #FFF !important;
    letter-spacing: 3px !important;
}

.mla-jc {
    justify-content: center;
}

.fit-mas .uokvireno {
    padding: 40px 40px;
    position: relative;
    background: url(https://www.metropolitan.ac.rs/files/2021/10/si-bg-1.jpg);
    background-size: cover;
    background-attachment: fixed;
    border-bottom-left-radius: 30px;
    overflow: hidden;
    border-bottom-right-radius: 30px;
}

.fit-mas .uokvireno.bg-fit.is-mas, .fit-mas .bg-fit.sekcijabg.prvapozadina.mas-si {
    background: url(https://www.metropolitan.ac.rs/files/2021/11/softversko-inzenjerstvo-02.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.fit-mas .uokvireno.bg-fit.bi-mas, .fit-mas .bg-fit.sekcijabg.prvapozadina.mas-bi {
    background: url(https://www.metropolitan.ac.rs/files/2021/11/bezbednost-informacija-4.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.fit-mas .uokvireno:before {content: '';width: 100%;height: 100%;position: absolute;background: rgb(1 25 84 / 85%);left: 0;top: 0;z-index: 0;}

.ri-high {
    border: 3px solid #17defd;
    border-radius: 50px;
    padding: 30px 40px;
    text-align: center;
    margin-bottom: 20px;
}

.ri-high p {
    font-size: 22px !important;
    line-height: 28px !important;
    color: #00cbeb !important;
    font-weight: 700 !important;
}


.list-flex {
    display: flex;
    flex-flow: wrap;
	z-index: 2;
    position: relative;
}

.list-flex div {
    width: 29%;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0% 2%;
}

.list-flex div i {
    font-size: 42px;
    display: block;
    text-align: center;
    margin-bottom: 13px;
}

.mla-table-head { background: #a70532; color: #FFF; padding: 10px 20px !important; line-height: 30px; }
.mla-mastbl th {
    font-size: 18px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 300;
    line-height: 22px;
    border: 1px solid #a70532;
}

.prefix-tbl {
    overflow-x: hidden !important;
}

.fit-mas .mla-high {
    background: #07c4e2;
    color: #FFF;
    display: inline-block;
    padding: 20px 30px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 50px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.mla-bold {
    font-weight: 700;
    color: #f31e4c;
}

.mla-lista-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.mla-lista-box .mla-lista-child {
    width: 23%;
    margin: 20px 1%;
    padding: 20px 4%;
    background: rgb(7 196 226 / 9%);
    border: 1px solid rgb(7 196 226 / 30%);
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    min-height: 235px;
    display: flex;
    text-align: center;
    border-radius: 19px;
}

.mla-lista-box .mla-lista-child div {
    align-self: center!important;
}

.tbl-npm {
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    margin: auto;
    margin-top: 20px;
    display: table;
    color: #07c4e2;
}

.mla-txt-npm {
    text-decoration: underline;
    color: #39e4ff;
    font-weight: 600;
}

#main .slide-h1 {
    font-size: 52px !important;
    color: #FFF !important;
}

#main .slide-h2 {
font-size: 52px !important;
    color: #FFF !important;
}


/*FAM*/
.fam-container h2.u-podnaslov.bg-bela {color: #e69d02 !important;}
.fam-container .sekcijabg:before{background-color: rgba(243, 111, 24, .75);background-color: #bf82007a;}
.fam-container .sekcijabg.bgbela h2.u-glavni {color: #f5a908 !important;}
#main .fam-container .prvapozadina h2:after, #main .fam-container .drugapozadina h2:after, #main .fam-container .trecapozadina h2:after {background-color: #FFF !important;}
.fam-container .sekcijabg.bgbela h2.u-glavni:after {background-color: #f5a908 !important;}

/*BIM - Pozadine*/
.fam-container.biznis-marketing .fullbanner:before {content: url(https://www.metropolitan.ac.rs/files/2020/04/bim-fam.jpg);}
.fam-container.biznis-marketing .prvapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/04/bim-fam.jpg);}
.fam-container .drugapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/04/fam-y-2020.jpg);}
.fam-container .trecapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/04/fam-y-2020-2.jpg);}
/*IO - Pozadine*/
.fam-container.inzenjerski-operacioni .fullbanner:before {content: url(https://www.metropolitan.ac.rs/files/2020/05/fam-iom.jpg);}
.fam-container.inzenjerski-operacioni .prvapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/05/fam-iom.jpg);}

/*FAM - Podloge sekcije*/
.bg-fam{color:#FFF;background-color: #f5a908 !important;}

/*FDU*/
.fdu-container h2.u-podnaslov.bg-bela {color: #5a1196 !important;}
.fdu-container .sekcijabg:before{background-color: rgba(90, 17, 150, .70);}
.fdu-container .sekcijabg.bgbela h2.u-glavni {color: #5a1196 !important;}
#main .fam-container .prvapozadina h2:after, #main .fam-container .drugapozadina h2:after, #main .fam-container .trecapozadina h2:after {background-color: #FFF !important;}
.bg-fdu{color:#FFF;background-color: #5a1196 !important;}

/*FDU - Pozadine*/
.fdu-container.interaktivni-mediji .fullbanner:before {content: url(https://www.metropolitan.ac.rs/files/2020/05/fdu-dim.jpg);}
.fdu-container.interaktivni-mediji .prvapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/05/fdu-dim.jpg);}

.fdu-container .drugapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/05/fdu-bg2.jpg);}
.fdu-container .trecapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/05/fdu-bg3.jpg);}

.fdu-container.modni-dizajn .prvapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/06/md-01-1.jpg);}
.fdu-container.modni-dizajn .drugapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/06/md-02.jpg);}
.fdu-container.modni-dizajn .trecapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/06/md-02.jpg);}
.fdu-container.modni-dizajn .cetvrtapozadina {background: url(https://www.metropolitan.ac.rs/files/2020/06/md-03.jpg);}


/*Ikonice*/
.ikonice-cetvrtina {
    width: 25%;
    text-align: center;
    float: left;
	    margin-top: 30px;
}

.ikonice-cetvrtina.polovinac {
    width: 50%;
}

.ikonice-cetvrtina.manja {
    width: 20%;
}

.ikonice-cetvrtina img {
    max-width: 120px;
    margin-bottom: 15px;
}

.ikonice-cetvrtina span {
    font-size: 17px;
    font-weight: 700;
}

.ikonice-cetvrtina span small {
    display: block;
    font-weight: 300;
    letter-spacing: -0.5px;
}

.ikonice-cetvrtina.trecinac { width: 33.333%; }

.sekcijabg.bgbela:before, .trecapozadina:before, .drugapozadina:before { display: none; }
.sekcijabg.bgbela h2.u-glavni { color: #011d5e !important; } .bgbela { padding-top: 15px; padding-bottom: 45px; }

/*Margine Padding*/
.mb__0 {margin-bottom: 0 !important;} .mt__0 {margin-top:0 !important;}
.mb__50 {margin-bottom: 50px !important;} .mt__50 {margin-top:50px !important;}
.mtpt0 {margin-top:0;padding-top:0;}
.mt__10 {margin-top:10px !important;}
.pd__50 { padding: 40px 50px; }
.pd__50_levi { padding-right: 0; }
.pd__50_desni { padding-left: 0; }

.content-lista.transparent-lista { background: transparent; padding-left: 15px; }
.content-lista.transparent-lista li { list-style-type: none; font-size: 15px; font-weight: 300; border-bottom: 1px solid rgba(255,255,255,.25); padding-bottom: 10px; }
.content-lista.transparent-lista li:before { color: #FFF; content: '\f105'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; float: left; margin-left: -15px; }

.tc { text-align: center; }
.uokvireno{padding:40px 40px;position:relative;}
.akreditovano-sert { position: relative; border: 1px solid #FFF; padding: 12px 15px; border-radius: 4px; top: 30px; }
.sertf-small { display: block; margin-left: auto; margin-right: auto; margin-top: 35px; }
.grupa-naslova p { margin-bottom: 0; }
.u-glavni {font-family:'Fira Sans',sans-serif !important;font-weight: 800; }
h1.u-glavni, h2.u-glavni {font-family: 'Fira Sans',sans-serif !important;font-weight: 800;}
.nas-centar {text-align: center;} .nas-centar:after {margin-left: auto;margin-right: auto;}
#main .t-bela{color: #FFF !important;text-align:center !important;}
.bg-bela{background: #FFF !important;}
h2.u-podnaslov { font-family: 'Fira Sans',sans-serif !important; font-weight: 300 !important; padding: 8px 15px; display: table; }
.uokvireno .dugme { display: block; text-align: center; }
.mt__20{margin-top:20px !important;}
ul.stil-lista {list-style-type: none;}
ul.stil-lista li:before{margin-right: 7px;content: '\f105';font-weight: 300;font-family: 'Font Awesome 5 Pro';margin-left: -12px;}
ul.stil-lista li {margin-left: 12px;font-size: 15px;margin-top: 5px;line-height: 22px;font-weight: 300;}
.baner {margin-top: 20px;border-radius: 8px;min-height: 232px;position: relative;background-size: 100% !important;transition: all .5s;background-position: center center !important;}
.baner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(155, 5, 47, .9); border-radius: 8px; }
.baner a { z-index: 1; position: relative; }
.baner span { font-size: 26px; color: #FFF; z-index: 1; position: absolute; font-weight: 200; line-height: 28px; text-align: center; margin-left: auto; margin-right: auto; display: block; letter-spacing: -1px; padding: 20px 20px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; right: 0; }
.post-content p { margin-bottom: 20px; font-weight: 300; font-size: 16px; line-height: 22px; } 
.sekcijabg h2.u-glavni { color: #FFF !important; font-size: 28px !important; font-weight: 800 !important; letter-spacing: 0 !important; }
#main .sekcijabg h2:after { background-color: #a70532; content: ''; width: 130px; height: 4px; display: block; border-radius: 70px; margin-top: 20px; margin-bottom: 20px; }
span.opis-fotke { border: 1px solid rgba(255,255,255,.3); display: block; border-radius: 4px; padding: 16px; max-width: 900px; margin-left: auto; margin-right: auto; }

h5.fit-panel { background-color: #011d5e !important; color: #FFF !important; font-size: 20px !important; padding: 20px; cursor: pointer; border-radius: 8px; font-weight: 300 !important; } h5.toggle.glavni-panel { margin-top: 2px; }
.sekcijabg h5.toggle:after { float: right; color: #FFF; content: '\f105'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; margin-left: -15px; transition: all .5s; }
.sekcijabg h5.toggle.active:after { content: '\f105'; transform: rotate(90deg); }
.bgbela .toggle-content h5 { font-size: 16px !important; font-weight: 400 !important; padding: 14px 15px; background: #f2f2f2 !important; margin-top: 3px; border-radius: 8px; cursor: pointer; } .bgbela .toggle-content p { margin: 20px; margin-bottom: 10px; font-size: 15px; }
.bgbela .toggle-content h5:after { color: #011d5e; margin-right: 9px; }

/*Liste*/
.nabrajanje li { font-size: 16px !important; line-height: 24px; font-weight: 200 !important; margin-bottom: 10px; } .nabrajanje { padding-left: 15px; }

/*Gde su zaposleni*/
.carousel-gdesuzaposleni { margin-bottom: 85px; }

/*Novosti slide*/
.carousel-novosti h4.wp-post-title a {font-size: 14px;}
.carousel-novosti h4.wp-post-title {line-height: 20px !important;}

/*Cinjenice*/
.nmr { margin-right: 0 !important; }
.cinjenica {width: 32%;float: left; margin-right: 2%; height: 265px; background: rgba(255,255,255,.7); background-color: rgba(2, 85, 150, .20); border-radius: 12px; margin-bottom: 20px; display: table; }
.cinjenica p { padding: 30px; text-align: center; display: table-cell; vertical-align: middle; font-size: 17px; font-weight: 100; line-height: 24px; }
.cinjenica.cinjenica-full { width: 100%;height: 150px; }
.cinjenica p span { font-size: 30px; font-weight: 900; }

/*FAM*/
.fam-container h5.fit-panel {background-color: #f5a908 !important;}
/*FDU*/
.fdu-container h5.fit-panel {background-color: #5a1196 !important;}



#footer, .footer-area { z-index: 3; position: relative; }

/*RESPONSIVE*/
@media only screen and (max-width: 900px) {
.ikonice-cetvrtina, .ikonice-cetvrtina.trecinac { width: 48%; margin-right: 4%; }
.ikonice-cetvrtina.manja { width: 48%; margin-right: 4%; }
.ikonice-cetvrtina:nth-child(even), .ikonice-cetvrtina.manja:nth-child(even) { margin-right: 0; }
.ikonice-cetvrtina.trecinac:last-child { width: 100%; }
.ikonice-cetvrtina.polovinac {
    width: 50%;
}
.ikonice-cetvrtina.polovinac {
    width: 46%;
}

#main .slide-h1 {
    font-size: 40px !important;
    color: #FFF !important;
}

#main .slide-h2 {
font-size: 40px !important;
    color: #FFF !important;
}
}

@media only screen and (max-width: 720px) {
.grupa-naslova { padding-left: 30px; padding-right: 30px; }
.fullbanner h1 {font-size: 34px !important;line-height: 40px !important;}
h2.u-podnaslov { font-size: 24px !important; line-height: 30px !important; }
.akreditovano-sert { max-width: 220px; }
.medj-stand { margin-top: 10px !important; }
.uokvireno .dugme {margin-top: 0 !important;}
.fix-responsive{padding-left:20px; padding-right:20px;-webkit-overflow-scrolling: touch;}
.fix-responsive .one_third { margin-bottom: 0; }
.radna-mesta-lista li { width: 100%; margin-right: 0 !important; } .content-lista.transparent-lista { padding-right: 0; }
.cinjenica { width: 100%;height: 150px; }
.sert-2 { margin-top: -35px; }
.medj-stand.cent-stand img { margin-top: 0 !important; }
.medj-stand.cent-stand { min-height: auto; }

/*MAS*/
.list-flex div {width: 46%;}
.mla-lista-box .mla-lista-child { width: 100%; margin-top: 10px; margin-bottom: 10px; }

#main .slide-h1 {
    font-size: 32px !important;
    color: #FFF !important;
}

#main .slide-h2 {
font-size: 24px !important;
    color: #FFF !important;
}

.prefix-tbl {
    overflow-x: scroll !important;
}

}

@media only screen and (max-width: 478px) {
.akreditovano-sert {width: 100%;}
h1.u-glavni.t-bela { font-size: 38px !important; line-height: 44px !important; }
h2.u-podnaslov.bg-bela {font-size: 20px !important;}
}