/* Right margin on iOS fix */
html, body {overflow-x: clip;}
html * {font-family: 'Montserrat', Arial, sans-serif; color: #003165;}
.row:before, .row:after {display: none;}
/* MY RULES */
img.center {display: block; margin: 0 auto;}
p.white {color: #fff;}
p.cyan {color: #00cccc;}
p.big {font-size: 1.5em;}
p.small {font-size: .8em;}
p.tiny {font-size: .65em;}
p.left {text-align: left !important;}
p.right {text-align: right !important;}
p.center {text-align: center;}
.space_above_xt {margin-top: 5px;}
.space_above_t {margin-top: 10px;}
.space_above_s {margin-top: 20px;}
.space_above_m {margin-top: 40px;}
.space_above_l {margin-top: 60px;}
.space_below_xt {margin-bottom: 5px;}
.space_below_t {margin-bottom: 10px;}
.space_below_s {margin-bottom: 20px;}
.space_below_m {margin-bottom: 40px;}
.space_below_l {margin-bottom: 60px;}
.space_left_xt {margin-left: 5px;}
.space_left_t {margin-left: 10px;}
.space_left_s {margin-left: 20px;}
.space_left_m {margin-left: 40px;}
.space_left_l {margin-left: 60px;}
a {text-decoration: none; color: inherit; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
a:hover,
a:focus {-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; color: #003165;}
.main p a,
.main ul li a,
.main ol li a{font-weight: 700; color:#0f5fb3;}
section.news .container a{font-weight: 400;}
.logo {position: relative; display: flex; align-items: center;}
.logo hr {width: 2px; height: 70px; background-color: #003165; margin-right: 10px;}
.logo h1 {font-size: 13px; text-transform: uppercase; font-weight: 900; color: #003165;}
.logo h6 {text-align: center; text-transform: uppercase;}
[class^="fa-"], [class*=" fa-"] {text-transform: none;transition: all .3s ease;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/* Burger button animation */
svg{transition:transform 500ms cubic-bezier(0.4,0,.2,1)}
.active svg{transform:rotate(90deg)}
path{transition:transform 500ms cubic-bezier(0.4,0,.2,1),stroke-dasharray 500ms cubic-bezier(0.4,0,.2,1),stroke-dashoffset 500ms cubic-bezier(0.4,0,.2,1)}
path:nth-child(1){transform-origin:36% 40%}
path:nth-child(2){stroke-dasharray:29 299}
path:nth-child(3){transform-origin:35% 63%}
path:nth-child(4){stroke-dasharray:29 299}
path:nth-child(5){transform-origin:61% 52%}
path:nth-child(6){transform-origin:62% 52%}
#burger-button.active path:nth-child(1){transform:translateX(9px) translateY(1px) rotate(45deg)}
#burger-button.active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}
#burger-button.active path:nth-child(3){transform:translateX(9px) translateY(1px) rotate(-45deg)}
#burger-button.active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}
#burger-button.active path:nth-child(5){transform:translateX(9px) translateY(1px) rotate(-45deg)}
#burger-button.active path:nth-child(6){transform:translateX(9px) translateY(1px) rotate(45deg)}
/* Main menu */
.fixed-menu{position: fixed; top: 0; right: 0; left: 0; z-index: 20; background-color: #fff;}
.menu::before{content:'mobile';display:none}
.menu .main-nav{display:none;}
.menu .menu-wrapper{position:absolute;top:100px;left:0;width:100%;max-height: 700px; background-color: rgba(255, 255, 255, .95);padding: 0 5%; z-index: 11; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 500ms ease-out;}
.menu .menu-wrapper ul{list-style-type: none;}
.menu .menu-wrapper .dropdown-list{overflow: hidden;}
.menu.nav-open .menu-wrapper .dropdown-list{overflow: scroll;}
.menu.nav-open .menu-wrapper{padding: 1.2em 5%; grid-template-rows: 1fr;}
.menu.nav-open .menu-wrapper ul{list-style-type: none; }
.menu.nav-open .menu-wrapper li{color:#4B5675;}
.menu.nav-open .menu-wrapper ul li .fa-arrow-right {display: none;}
.menu .dropdown-list>ul>li>a{margin-top:1.5em; text-transform: uppercase; font-weight: 700;}
.menu .content li::after{clear:both;content:"";display:block}
.menu .menu-wrapper .dropdown-list .dropdown .content{display: none;}
.menu .menu-wrapper .dropdown-list .dropdown a hr{width:90%;}
/* Additional info menu */
#menu-info {position:absolute;top:100px;right:0;width:100%;background-color: #003165; padding: 0 5%; z-index: 11; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 500ms ease-out;}
#menu-info ul.navbar-nav{display: block; overflow: hidden; padding: 0 5%; text-align: right;}
#menu-info.nav-open {grid-template-rows: 1fr;}
#menu-info.nav-open ul.navbar-nav{padding: 1.5rem 5%; text-align: right;}
#menu-info.nav-open ul.navbar-nav li.nav-item {width: 300px;}
#menu-info.nav-open ul.navbar-nav li.nav-item a.nav-link, #menu-info ul.navbar-nav li.nav-item a.nav-link i {color: #fff;}
#menu-info.nav-open ul.navbar-nav hr {border: solid 1px #fff; opacity: 1; width: 100%; margin: 0 auto;}
/* Main navigation arrows animation */
svg.arrow-down{-webkit-transition: all .45s ease-out; -moz-transition: all .45s ease-out; -ms-transition: all .45s ease-out; -o-transition: all .45s ease-out; transition: all .45s ease-out;}
svg.arrow-down.rotate{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .45s ease-out; -moz-transition: all .45s ease-out; -ms-transition: all .45s ease-out; -o-transition: all .45s ease-out; transition: all .45s ease-out;}
svg.arrow-right{transform: rotate(-90deg); -webkit-transition: all .45s ease-out; -moz-transition: all .45s ease-out; -ms-transition: all .45s ease-out; -o-transition: all .45s ease-out; transition: all .45s ease-out;}
svg.arrow-right.rotate{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .45s ease-out; -moz-transition: all .45s ease-out; -ms-transition: all .45s ease-out; -o-transition: all .45s ease-out; transition: all .45s ease-out;}
/* Additional menu button */
.info {font-size: 36px; border: none; background-color: transparent;}
.fa-solid.fa-ellipsis{-webkit-transition: all .45s ease-out; -moz-transition: all .45s ease-out; -ms-transition: all .45s ease-out; -o-transition: all .45s ease-out; transition: all .45s ease-out;}
.fa-solid.fa-ellipsis.active{-webkit-transform: rotate(450deg); -moz-transform: rotate(450deg); -o-transform: rotate(450deg); transform: rotate(450deg); -webkit-transition: all .45s ease-out; -moz-transition: all .45s ease-out; -ms-transition: all .45s ease-out; -o-transition: all .45s ease-out; transition: all .45s ease-out;}
ul.navbar-nav li {margin-left: 20px;}
ul.navbar-nav hr {margin: .5em; border-top: 1px solid #fff; opacity: 1;}
ul.navbar-nav li.nav-item {margin: 0 auto;}
ul.navbar-nav li.nav-item a.nav-link {font-weight: 700; text-transform: uppercase;}
ul.navbar-nav li.nav-item a.nav-link:hover {color: #BFBFBF}
/* ul.navbar-nav li.nav-item a.nav-link i {color: #003165;} */
ul.dropdown-menu {border: none; min-width: 600px; background: #00c6ff;border-image-source: paint(tooltip);border-image-slice: 0 0 100% 0;border-image-width: var(--border-width);border-image-outset: var(--border-width);--border-width: 30px;--tooltip-position: 50%;--tooltip-size: 30px;}
ul.dropdown-menu li {font-style: italic;}
ul.dropdown-menu li a.dropdown-item:hover {background-color: #dbe5ff;}
/* carousel settings */
.splide .splide__arrow svg {fill: #003165;}
.splide .splide__pagination__page.is-active {background: #003165;}
.splide__slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* .splide .splide__pagination__page{height:3px; width: 25px; border-radius: 0px; margin-left:10px;} */
/* .splide__pagination {counter-reset: pagination-num; }
.splide__pagination__page:before {counter-increment: pagination-num; content: counter( pagination-num ); color: #fff;} */
#sliderHeader {padding-top: 90px;}
#sliderHeader .carousel-indicators {bottom: 10%;}
#sliderHeader .carousel-item img{width:100%; object-fit: contain;}
#sliderHeader .carousel-item hr{display: none;}
#sliderHeader .carousel-indicators button {background-color: #003165 !important; width: 40px;}
#sliderHeader .carousel-indicators .active {background-color: #0d6efd !important;}
#sliderHeader .carousel-caption {bottom: 30%; text-align: left;}
#sliderHeader .carousel-caption h2 {color: white; font-weight: 900; font-size: 1.8em;}
#sliderHeader .carousel-caption h4 {color: #7ac3ff;}
.mask{background-color: rgba( 0,0,0,.4);padding:1em; border-radius: 20px;}
.waves_header {margin-left: -1px; margin-top: -30px; position: relative;}
.waves_footer {margin-bottom: -50px;}
/* AKTUELNOSTI */
.container h3, .container-fluid h3 {font-weight: 900; font-size: 2em; margin-bottom: 0; z-index: 5; position: relative;}
.container hr, .container-fluid hr {margin-top: 0; border-top: 5px solid #003165; opacity: 1; width:128px; position:relative;}
.main .card .card-body a{color:#fff;}
.card-title{font-size: 28; font-weight: 700; color: #545454}
.card-text{font-size: 20; color: #727272}
.card{min-height: 450px; background-color: rgba(255,255,255,.7);}
.tns-outer{z-index: 1;}
/* PARTICLES */
html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
canvas{display:block; vertical-align:bottom;}
#particles-js{position:absolute; top:0; left:0; width: 100%;height: 100%;background-image: url("../img/aktuelnosti.1ff8d2f43d04.svg");background-size: contain;background-position: top left;background-repeat: no-repeat;}
/* REC DEKANA */
section.rec_dekana .welcome {background-color: #F5F5F5;}
.welcome h4 {font-weight: 700;}
section .fa-solid.fa-quote-left,
section .fa-solid.fa-quote-right{color: #CECECE; font-size: 35vw;}
section.rec_dekana .first-quote {position: absolute; top: 0; left:8%;}
section.rec_dekana .second-quote {position: absolute; bottom: 25%; right: 5%; z-index: 0;}
section.rec_dekana i.fa-solid.fa-quote-left::before {color: #CECECE; font-size: 35vw; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg);}
section.rec_dekana i.fa-solid.fa-quote-right::before {color: #CECECE; font-size: 35vw; -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg);}
section.dobrodosli .first-quote {position: absolute; top: -3%; left:8%;}
section.dobrodosli .second-quote {position: absolute; bottom: 30%; right: 5%; z-index: 0;}
/* ZAŠTO STUDIRATI KOD NAS */
section.why-study h4{font-weight: 700;}
img.prednosti{height: 500px; width: 100%; object-fit: cover; border-radius: 30px; margin: 2rem 0 3rem 0;}
/* section.why-study img{border-radius: 20px; filter: drop-shadow(0 1rem 0.9rem rgba(0, 0, 0, .4));} */
section.why-study .background-1,
section.why-study .background-2,
section.why-study .background-3{background-repeat: no-repeat; background-size: 80%; background-position: top center;}
section.why-study .background-1{background-image: url("../img/why-study/why_study_2a.f129af39741d.svg");}
section.why-study .background-2{background-image: url("../img/why-study/why_study_2.1269c8181d78.svg"); background-position: bottom center; background-size: 95%;}
section.why-study .background-3{background-image: url("../img/why-study/why_study_3.79663ef7edff.svg");} */
/* img.o-fakultetu{object-position: top 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%) drop-shadow(0 1rem 0.9rem rgba(0, 0, 0, .4)); transition: 500ms all; border-radius: 30px; margin: 2rem 0 3rem 0;} */
#sliderPros i.bi {color: #878787; display: block;}
#sliderPros .carousel-indicators {bottom: -20%;}
#sliderPros .carousel-indicators .active {background-color: #003165;}
#sliderPros .carousel-indicators button {background-color: #727272;}
/* counter */
.counter-section i {display: block; margin: 0 0 10px; font-size: 60px; color: #003165}
.counter-section span.counter {font-size: 40px; color: #000; line-height: 60px; display: block; letter-spacing: 2px}
.counter-title {letter-spacing: 2px; text-transform: uppercase}
/* STIPENDIJA */
.scholarship {background-image: url("../img/background/scholarship.de29011d5645.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top 10px right 35%;}
.scholarship h3 {color: #fff;}
.scholarship hr{border-top-color: #fff;}
.container-fluid+.scholarship hr {border-top: 5px solid #fff;}
/* PACIJENTI */
.patients {background-image: url("../img/background/patients.e9d8121e0d79.jpg"); background-repeat: no-repeat; background-size: cover;}
.patients p {color: #003165; font-weight: 400;}
/* FOOTER */
footer {padding-top: 100px; background: url("../img/footer_background.76271035c7f8.jpg") ; text-align: center;}
footer p, footer a, footer .logo h1 {color: #fff;}
footer .logo h1 {margin-top: 20px; font-size: medium; line-height: 150%;}
footer .logo hr {width: 2px; height: 120px; background-color: #fff; opacity: 1;}
footer .fa-instagram::before, .fa-tiktok::before, .fa-youtube::before, .fa-linkedin::before, .fa-twitter::before, .fa-facebook::before {font-size: 28px; color: #fff;}
/* O FAKULTETU */
section.o-fakultetu img.o-fakultetu{height: 500px; width: 100%; object-fit: cover; object-position: top 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%) drop-shadow(0 1rem 0.9rem rgba(0, 0, 0, .4)); transition: 500ms all; border-radius: 30px; margin: 2rem 0 3rem 0;}
section.o-fakultetu img:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 500ms all;}
/* .heading{padding: .5em; background-color: #003165; width: 100%; margin-bottom: 1em;}
.heading p{color:white; font-size: large; font-weight: 700; margin-bottom: 0;} */
/* NASTAVNICI */
img.nastavnici{width:100%; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 500ms all;}
img.nastavnici:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 500ms all;}
img.ostalo{width: 100%; background-size: cover; margin-bottom:2rem;}
img.studenti{width:100%; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 500ms all;}
img.studenti:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 500ms all;}
.table>th {background-color: rgba(13,110,253,.1) }
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {background-color: rgba(13,110,253,.1) }
.table td{color: #003165}
.table-striped>thead{background-color: red !important;}
/* STUDIJE */
section.studije nav.nav a.nav-link {font-size: 16px; font-weight: 400; text-align: left; padding:2px; vertical-align: middle; margin:0px; color:#0f5fb3;}
#side-menu{background-color: #fff ; z-index: 10; position: relative; max-height:800px;}
#side-menu-collapse{background-color: rgba(13, 110, 253, 0.8) ; z-index: 1000; height: 40px; top:100px; right: 0; left: 0; z-index: 10;}
#side-menu-collapse:hover{cursor:pointer;}
.fa-caret-up::before{color: #fff; -webkit-transition: all .45s ease-out; -moz-transition: all .45s ease-out; -ms-transition: all .45s ease-out; -o-transition: all .45s ease-out; transition: all .45s ease-out;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff !important;}
.sticky{position: -webkit-sticky; position: sticky; top: 140px; z-index: 10;}
/* FORMS */
form input[type=text], form select, form textarea{width:100%; background-color: transparent; border: none; padding: 10px; border-bottom: 1px solid #BFBFBF;}
form select {min-width: 218px; color: #757575}
form .button {padding: 10px; background-color: transparent; border: 2px solid #003165; color:fff; font-size: 14px; text-transform: uppercase; width: 100%;}
form .button:disabled, form .button[disabled]{cursor: not-allowed; border: 2px solid red; color:red;}
label.error{font-size:1em; background-color:rgba(255,0,0,0.6); font-weight:bold; color:white; padding:3px 6px; max-width: 30em; margin-top: 5px;}
/* DRAG-DROP UPLOAD */
.drop-zone {max-width: 1200px; height: 100px; padding: 25px; display: flex; align-items: center; justify-content: center; text-align: center; font-family: "Quicksand", sans-serif; font-weight: 500; font-size: 20px; cursor: pointer; color: #cccccc; border: 4px dashed #0d6efd; border-radius: 10px;}
.drop-zone--over {border-style: solid; }
.drop-zone__input {display: block; height: 1px; width: 1px; }
.drop-zone__thumb {width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background-color: #cccccc; background-size: cover; position: relative; }
.drop-zone__thumb::after {content: attr(data-label); position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 0; color: #ffffff; background: rgba(0, 0, 0, 0.75); font-size: 14px; text-align: center; }
/* VESTI */
.article {background-color: #f3f3f3; border: 1px solid #e1e1e1;}
.article a p{font-weight: 400;}
.article a p strong{color: #0f5fb3;}
.article hr{border-top: 2px solid #003165;}
/* NASTAVNICI */
body > section > div > div.row.navigation > a {font-weight: 700; font-size: 16px;}
.name{font-size: 1.1em; font-weight: 700;}
/* OSNIVAČI */
img.osnivaci{height: 700px; width: 100%; object-fit: cover;}
.back-to-top {position: fixed; bottom: 25px; right: 25px; display: none;}
.back-to-top i{color: #fff;}
#map {height: 600px;}
/* GALLERY */
.gallery-item { position: absolute; text-align: center; font-size: 2em; font-weight: white; color: white; line-height: 1.5em; border-radius: 5px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); background-image: linear-gradient( 135deg, #F761A1 10%, #AC46C8 100%); overflow: hidden; }
.gallery-item img{height: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 500ms all;}
.gallery-item img:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 500ms all;}
.mfp-with-zoom .mfp-title,.touch .gallery-image figcaption,html:not(.touch) .gallery-image figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:rgba(255,255,255,0);padding:1em;transition:all .2s ease;font-weight:600;max-width:calc(100% - 9em);line-height:1.25;text-align:center;box-sizing:border-box}
.mfp-with-zoom .mfp-title:after,.mfp-with-zoom .mfp-title:before,.touch .gallery-image figcaption:after,.touch .gallery-image figcaption:before,html:not(.touch) .gallery-image figcaption:after,html:not(.touch) .gallery-image figcaption:before{content:"";position:absolute;background:rgba(0,0,0,.2);width:100%;height:100%;padding:1em;transition:all .3s ease-in-out;opacity:0;z-index:-1;right:100%;bottom:100%}
.mfp-with-zoom .mfp-title:after,.touch .gallery-image figcaption:after,html:not(.touch) .gallery-image figcaption:after{left:100%;top:100%}
.mfp-with-zoom.mfp-ready .mfp-title,.touch .gallery-image figcaption,html:not(.touch) .gallery-image:hover figcaption{color:#fff;text-shadow:0 0 1px rgba(0,0,0,.2);transition:all .2s ease .3s}
.mfp-with-zoom.mfp-ready .mfp-title:after,.mfp-with-zoom.mfp-ready .mfp-title:before,.touch .gallery-image figcaption:after,.touch .gallery-image figcaption:before,html:not(.touch) .gallery-image:hover figcaption:after,html:not(.touch) .gallery-image:hover figcaption:before{opacity:1}
.mfp-with-zoom.mfp-ready .mfp-title:before,.touch .gallery-image figcaption:before,html:not(.touch) .gallery-image:hover figcaption:before{right:-1.5em;bottom:-1.5em}
.mfp-with-zoom.mfp-ready .mfp-title:after,.touch .gallery-image figcaption:after,html:not(.touch) .gallery-image:hover figcaption:after{left:-1.5em;top:-1.5em}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .3s ease-out}
.mfp-with-zoom.mfp-bg{background-color:rgba(0,0,0,.9)}
.mfp-with-zoom.mfp-ready .mfp-container,.mfp-with-zoom.mfp-ready.mfp-bg{opacity:1}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}
.mfp-with-zoom img.mfp-img{padding:0}
.mfp-with-zoom .mfp-figure:after{top:0;bottom:0}
.mfp-with-zoom .mfp-container{padding:0}
.mfp-with-zoom .mfp-content{overflow:hidden}
.mfp-with-zoom .mfp-bottom-bar{top:auto;bottom:0;margin-top:0}
.mfp-with-zoom .mfp-title{top:auto;bottom:2em}
.mfp-arrow{opacity:1;margin-top:0!important;width:20%;height:30%;transform:translateY(-50%)}
.mfp-arrow:after,.mfp-arrow:before{margin:0;border:none;width:2rem;height:2rem;transform:rotate(-45deg) translate(-50%,-100%);opacity:1;top:50%;left:50%;transition:all .15s}
.mfp-arrow:active{transform:translateY(-50%) scale(0.95)}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left:before{border-top:2px solid #fff;border-left:2px solid #fff}
.mfp-arrow-left:active:before,.mfp-arrow-left:after,.mfp-arrow-left:hover:before{margin-left:2rem}
.mfp-arrow-left:active:after,.mfp-arrow-left:hover:after{margin-left:0}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right:before{border-right:2px solid #fff;border-bottom:2px solid #fff}
.mfp-arrow-right:after,.mfp-arrow-right:hover:before{margin-left:2rem}
.mfp-arrow-right:hover:after{margin-left:0}
button.mfp-close{opacity:1;margin-top:0!important;width:20%;height:30%;font:0/0 serif;text-shadow:none;color:transparent}
button.mfp-close:after,button.mfp-close:before{content:"";position:absolute;top:50%;left:50%;margin:0;border:none;width:2rem;height:2rem;opacity:1;transition:all .15s;transform-origin:0 0;border-top:2px solid #fff;border-left:2px solid #fff}
button.mfp-close:before{transform:rotate(-45deg)}
button.mfp-close:after,button.mfp-close:hover:before{transform:rotate(135deg)}
button.mfp-close:hover:after{transform:rotate(315deg)}
button.mfp-close:active{transform:scale(0.95)}
/* STUDENTSKI KONGRESI */
.event{box-shadow:0 5px 10px 0 rgba(0,0,0,.5)}
.event:hover .event__caption{top:50%;transform:translateY(-50%)}
.event:hover .event__image{transform:translateY(-10px)}
.event:hover .event__thumb::after{top:0}
.event:hover .event__snippet{margin:20px 0}
.event__thumb{position:relative;max-height:400px;overflow:hidden}
.event__thumb::after{position:absolute;top:0;display:block;content:"";width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.5) 40%,rgba(255,255,255,0) 100%);transition:.3s}
.event__image{max-width: 100%; height: 100%; object-fit: contain; transition:.5s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 500ms all;}
.event__caption{position:absolute;top:50%;z-index:1;padding:0 20px;color:#fff;transform:translateY(-50%);text-align:center;transition:.3s; }
.event__title{display:-webkit-box;max-height:85px;overflow:hidden; font-size:23px;line-height:28px;text-shadow:0 1px 5px #000;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical; color: #fff;}
.event__snippet{display:-webkit-box;max-height:150px;margin:20px 0;overflow:hidden; font-size:16px;line-height:20px;text-overflow:ellipsis;transition:.5s ease-in-out;-webkit-line-clamp:5;-webkit-box-orient:vertical; color: #fff;}
.event__button{display:inline-block;padding:10px 20px;color:#fff;border:1px solid #fff;font-family:Roboto,sans-serif;font-size:12px;text-transform:uppercase;text-decoration:none;transition:.3s}
.event__button:hover{color:#000;background-color:#fff}
/* MD BREAKPOINT */
@media (min-width: 768px){
section.why-study .background-2{background-image: url("../img/why-study/why_study_2.1269c8181d78.svg"); background-position: bottom right; background-size: 60%; }
}
/* XXL BREAKPOINT */
@media (min-width: 1200px){
#sliderHeader {padding-top: 0;}
#sliderHeader .carousel-item img{width:100%; height: 970px; object-fit: cover; object-position: top 50% left 0; background-size: auto; }
#sliderHeader .carousel-caption {bottom: 30%;}
#sliderHeader .carousel-item p{font-size: 20px;}
#sliderHeader .carousel-item h2{font-size: 60px;}
body.header_shorten #sliderHeader .carousel-item img{height: 500px;}
body.header_shorten #sliderHeader .carousel-caption {bottom: 15%;}
body.header_shorten .waves_header {display: none;}
.large{font-size:1.5em}
.menu{background-color:transparent}
.menu::before{content:'desktop'}
.nav-trigger{display:none}
.menu .main-nav{display:inline-block}
.menu .main-nav>ul>li{display:inline-block;}
.menu .main-nav>ul>li>a{display:block;padding:0 1.8em;height:70px;line-height:40px;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:opacity .2s;transition:opacity .2s}
.menu.is-dropdown-visible .main-nav>ul>li>a{opacity:.6}
.menu.is-dropdown-visible .main-nav>ul>li.active>a{opacity:1}
.menu .menu-wrapper{display:block;top:58px;width:auto;padding:0;box-shadow:none;background-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.menu.is-dropdown-visible .menu-wrapper{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
/* pozadinski dropdown layer */
.menu .dropdown-list{position:absolute;top:7em;left:0;visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform,width,height;-webkit-transition:visibility .3s;transition:visibility .3s;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.no-csstransitions .menu .dropdown-list{display:none}
.menu .dropdown-list::before{content:'';position:absolute;bottom:100%;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:0;width:0;border:8px solid transparent;border-bottom-color:#fff;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
.menu .dropdown-list>ul{position:relative;z-index:1;height:100%;width:100%;overflow:hidden}
.menu.is-dropdown-visible .dropdown-list{visibility:visible;-webkit-transition:width .3s,height .3s,-webkit-transform .3s;transition:width .3s,height .3s,-webkit-transform .3s;transition:transform .3s,width .3s,height .3s;transition:transform .3s,width .3s,height .3s,-webkit-transform .3s}
.menu.is-dropdown-visible .dropdown-list::before{opacity:1}
.menu .dropdown{position:absolute;left:0;top:0;opacity:0;visibility:hidden;width:100%;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}
/* sadržaj dropdowna */
.menu .dropdown.active{opacity:1;visibility:visible}
.menu .menu-wrapper .dropdown-list .dropdown .content{display: block;}
.menu .dropdown.move-left .content{-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px)}
.menu .dropdown.move-right .content{-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px)}
.menu .label{display:none}
.menu .content{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;text-align:left}
.menu .content hr{border: 1px solid #BFBFBF;}
.menu .content ul{list-style-type: none;}
.menu .content ul li a{font-weight: 400; text-transform: initial;color:#737b92;}
.menu .content ul li i {color:#737b92;}
.menu .content ul li a:hover,
.menu .content ul li a:hover i::before{color:#003165;}
.menu .content ul li a .fa-arrow-right::before{transition: all .3s ease-in-out;}
.menu .content ul li a .fa-arrow-right.move::before{margin-left: -10px;}
.menu .content .submenu{background: #F2F2F2; border-radius: 0 0 10px 10px;}
/* širina prozora ovde mora ručno da se podesi za svaki */
.menu .o_fakultetu .content{width:920px;}
.menu .studije .content{width:890px;}
.menu .upis .content{width:840px;}
.menu .studenti .content{width:750px;}
.menu .pacijenti .content{width:350px;}
.menu .kontakt .content{width:300px;}
/* bela pozadina */
.menu .bg-layer{border-radius:10px; position:absolute;top:0;left:0;height:1px;width:1px;background:#fff;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.menu.is-dropdown-visible .bg-layer{opacity:1;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s}
.logo h1 {color: #fff;}
.logo h6 {color: #fff; text-align: center; text-transform: uppercase;}
.logo hr {background-color: #fff; opacity: 1;}
ul.navbar-nav li.nav-item {width: auto; margin: 0;}
.fade_to_black {background: linear-gradient(0, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); height: 200px; position: absolute; width: 100%; top: 0%; left: 0%; z-index: 10;}
.nav-link, .nav-link i {color: white; text-align: center;}
.waves_header {margin-top: -50px;}
.waves_footer {margin-bottom: -110px;}
.container h3, .container-fluid h3 {font-size: 3em;}
/* .container p{font-size: 1.5em;} */
.scholarship {height: 1273px; width: 100%; object-fit: cover; object-position: top; background-size: auto;}
.patients {height: 1341px; width: 100%; object-fit: cover; object-position: top; background-size: auto;}
section.rec_dekana i.fa-solid.fa-quote-left::before,
section.rec_dekana i.fa-solid.fa-quote-right::before {font-size: 15vw;}
#side-menu{max-height:100%; height: 100% !important;}
.sticky{position: -webkit-sticky; position: sticky; top: 0;}
section.why-study h4{font-weight: 700;}
section.why-study img{border-radius: 20px; filter: drop-shadow(0 1rem 0.9rem rgba(0, 0, 0, .4));}
section.why-study .background-1{padding: 4em 0; background-image: url("../img/why-study/why_study_2a.f129af39741d.svg"); background-repeat: no-repeat; background-size: contain; background-position: top 0 left 20em;}
section.why-study .background-2{padding: 4em 0; background-image: url("../img/why-study/why_study_2.1269c8181d78.svg"); background-repeat: no-repeat; background-size: contain; background-position: top left 15%;}
section.why-study .background-3{padding: 4em 0; background-image: url("../img/why-study/why_study_3.79663ef7edff.svg"); background-repeat: no-repeat; background-size: contain; background-position: top 0 left 10em;}
footer .links a{color: #fff;line-height: 30px;}
footer .links a.main-nav{color:#fff; font-weight: 700;}
footer .links a:hover{color:#c4c4c4;}
footer hr.divider{width: 80%; border-top: 1px solid #fff; margin:0 auto}
img.osnivaci{height: 700px; width: 33%; object-fit: cover;}
video {object-fit: cover; position: absolute; top: 2em; left: 0; height: 100%; width: 100%;}
.video-header hr{border: solid 2px #fff; text-align: right; margin-left: 88%;}
.video-wrapper {width:100%; height: 950px; position: relative; overflow: hidden;}
.video-heading{position: relative; margin-top: 10rem; color: white; text-shadow: 1px 1px 8px rgba(0,0,0,0.6); font-size: 60px; font-weight: 900; color: #fff;}
.var-highlight{
color: #C0AD60;
}
.string-highlight{
color: rgba(253, 149, 90, 0.8);
}
#typewriter{position:relative; font-size: 26px; font-weight: 700; color: #fff; text-shadow: 1px 1px 8px rgba(0,0,0,0.6); &:after{content: "|";animation: blink 500ms linear infinite alternate;}}
@-webkit-keyframes blink{0%{opacity: 0;}100%{opacity: 1;}}
@-moz-keyframes blink{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes blink{0%{opacity: 0;}100%{opacity: 1;}}
/* GALLERY BACKGROUND */
.background-logo{ background-image: url("../img/gallery/bck.caff3e604ee0.jpg"); background-repeat: no-repeat; background-attachment: fixed;}
.event__thumb{max-height:500px}
.event__thumb::after{top:calc(100% - 140px)}
.event__caption{top:calc(100% - 110px);transform:unset}
.event__snippet{margin:60px 0}
}
/* PRIJAVA */
.administration{border:none;background:#fff;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.administration h1{position:absolute;z-index:1;top:40%;left:50%;margin:-70px 0 0 -75px}
.administration .logo{position:absolute;z-index:0;top:-60%;right:-55%; transform:rotate(-45deg)}
.administration .login_form{position:absolute;z-index:1;top:40%;left:42%;width:300px;}
.administration hr.top{position:absolute;top:0;margin:0; width:100%;height:5px;background-color:#003165}
.administration .copyright{position:absolute;width:100%;bottom:15px;text-align:center; font-size:12px}
.administration hr.bottom{position:absolute;bottom:0;width:100%}
.administration hr.divider{border-top:2px solid #003165; background-color:#003165; width:80%; margin:0 auto;}
.administration a{color:#888;text-decoration:none}
.administration a:hover{color:#000}
.administration p{font-size:16px; text-transform:none; letter-spacing:normal;}
.administration h2{text-align: center; font-size:20px; font-weight:bold; letter-spacing: normal;}
.administration .container{width:100%;box-shadow:0 -5px 0 0 #000 inset,0 5px 0 0 #000 inset}
.administration .middle{width:900px;height:111px;position:absolute;top:50%;left:50%;margin:-56px 0 0 -455px;background:#fff}
.administration .middle:before,.administration .not_found_logo:before{content:'';position:fixed;left:30px;right:30px;height:2px;background:#003165;top:50%;z-index:-1}
.administration form input[type=text], .administration form input[type=password], .administration form input[type=number], form select, form textarea{width:100%; background-color: #F9F9F9; border: 1px solid #dee2e6; padding:0; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0; text-indent: 10px; font-size:14px;}
.administration form .button {width:100%; padding: 10px; background-color: #003165; color: #fff; font-size: 14px; text-transform: uppercase; -moz-border-radius: 5px; border-radius: 5px; padding: 10px;}
.administration form .button.button-red {background-color: #bc042c; border: 2px solid #78011b}
.administration form .button:hover {background-color: #000;}
.administration label.error{font-size:1em; background-color:rgba(255,0,0,0.6); font-weight:bold; color:white; padding:3px 6px; max-width: 30em; margin-top: 5px;}
/* .login form select {min-width: 218px; color: #757575} */
/* jQuery Countdown styles 2.0.0. */
.is-countdown { font-size:30px; }
/* 404 NOT FOUND */
body.construction{border:none;background:#fff;font-size:11px;font-weight:400;letter-spacing:2px;line-height:14px;text-transform:uppercase}
.construction_logo{margin:50px auto;height:250px;width:250px;background:url("../img/missing.d29a0f869130.jpg") no-repeat}
.broken_logo{margin:50px auto;height:236px;width:159px;background:url("../img/404/broken.33913c504436.jpg") no-repeat}
.construction hr{height:5px;background-color:#003165;margin:0; padding:0; opacity:1}
.construction .copyright{position:absolute;width:100%;bottom:15px;text-align:center; font-size: 12px;}
.construction hr.bottom{position:absolute;bottom:0;width:100%;}
.construction a{color:#888;text-decoration:none}
.construction a:hover{color:#000}
.construction .container{width:100%;box-shadow:0 -5px 0 0 #000 inset,0 5px 0 0 #000 inset}
.construction .center{width:670px;height:111px;position:absolute;top:50%;left:50%;margin:-56px 0 0 -335px;background:url("../img/404/404.df9da6a92978.jpg") center center no-repeat #fff}
.construction .not_found_logo{width:600px;height:97px;position:absolute;top:50%;left:50%;margin:-56px 0 0 -300px;background:url("../img/404/404.df9da6a92978.jpg") no-repeat}
.construction .backward{width:286px;height:28px;position:absolute;top:60%;left:50%;margin:0 0 0 -143px;background:url("../img/404/back.f49346ceb506.jpg") center center no-repeat #fff}
.construction .center:before,.construction .not_found_logo:before{content:'';position:fixed;left:30px;right:30px;height:1px;background:rgba(207,207,207,.3);top:50%;z-index:-1}