/* info
--------------------------------------------------------
  Start:  14.07.2018.
  Name:   Veterinarski fakultet
  Author: BozooArt, www.bozooart.com
*/

/* Colors
----------------------------------------------- 

#0c4da2 = blue
#f3f3ed = beige
rgba(12,77,162,.1) = lightblue


/* Reset 
----------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body { line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul { list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ol, ul { list-style: none;  }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0;   }

a { text-decoration: none; color: inherit  }
a:hover { text-decoration: none;  color: #0c4da2; }
a:focus { outline: none !important; text-decoration: none; color: inherit !important }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { clear: both; }
.block { display: block; }

.center { text-align: center;  }
.right { text-align: right;  }

.alignleft { float: left; margin-right: 30px;  }
.alignright { float: right; margin-left: 30px;  }
.alignright:after { display: block; content: ''; clear: both; }
.aligncenter { margin:0 auto; display: block;   }
.aligncenter img { margin: 0 auto; display: block;  }

.img-circle { border-radius: 50%; }
.img-responsive { max-width: 100%; height: auto; display:block }

.hide { display: none; }
small { font-size: 75% }


::-moz-selection { color: #000; background: #0c4da2; color: #fff }
::selection { color: #000; background: #0c4da2;  color: #fff }



/* General
----------------------------------------------- */


.lead { font-size: inherit; font-weight: inherit; line-height: inherit;  }


/* General
----------------------------------------------- */

body { font: 16px/1.6em 'Roboto', sans-serif, sans-serif;  }
.container { padding: 0 15px; width: 1170px;   }
#header { background: #0c4da2; height: 150px; width: 100%;  }

.nav  {  float: right; position: relative; top: -22px } 
.nav li {  position: relative; float: left; display: block;}
.nav li:first-child { margin-left: 0 }
.nav li a { padding: 15px 17px;  color: #fff; text-transform: uppercase; font-size: 14px; margin: 0;  width: auto;  }
.nav li>a:hover,
.nav li.current_page_item a { background: rgba(256,256,256,.1); color: #fff !important; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background: none; border:  none;   color: #fff !important; }
#nav li a:focus { color: #fff !important }

.single-usluge #menu-item-87 a,
.single-usluge #menu-item-1703 a,
.single-suradnja #menu-item-1704 a,
.single-znanstveni #menu-item-1705 a,
.single-studiranje #menu-item-1706 a,
.category-187 #menu-item-1705 a,
.category-246 #menu-item-1705 a,
.category-188 #menu-item-1705 a,
.category-247 #menu-item-1705 a { background: rgba(256,256,256,.1); color: #fff !important; border-bottom: 1px solid rgba(256,256,256,.5) ; }



#menu-main { margin: 0; padding: 0; text-align: right;   }
.navbar-default { background: none; border: none;  }
.navbar-collapse { padding: 0; margin: 0; text-align: right }

.search-wrapper { display: inline; position: relative;  }
.search-lnk { margin: 0 15px;   }
.search-holder { position: absolute; right: 0px; top: -6px; display: none;   }
.search-holder button { background: none; border: none; cursor: pointer;   }
.search-holder input {  border: 1px solid #fff; padding: 2px 6px ; width: 600px; border-radius: 3px; margin-right: 10px;    }
.search h1 em {  color: #0c4da2; }

.home #header .logo { top: -10px; position : relative;  width: 650px;}

#header .logo { width: 460px; display: block; clear: both; float: none; position: relative; top: -8px; height: 90px; }
#header .logo img { width: 100px; margin-right: 10px;  }
#header .logo strong { font: 15px 'Roboto', sans-serif;  font-weight: normal; display: inline-block; color: #fff; top: -25px; position: relative;     }
#header .logo strong a { color: #fff;  }
#header .logo a:hover { opacity: .9 }
#header .logo strong span { display: block;  font-size:25px; margin-top: 10px; }
#header .logo a:focus { color: #fff !important;  }

.en #header { display: flex;  }
.en #header .logo strong { position: relative; top: 5px; justify-content: space-between; margin-left: 10px;  }
.en #header .logo span { margin: 5px 0 }

.home #header .logo { clear: both; float: none; height: 120px; top: -16px;   }
.home #header .logo img  { width: 125px !important;  margin-right: 15px; }
.home #header strong { font: 18px 'Roboto', sans-serif; top: -30px;   }
.home #header strong span { display: block;  font-size: 40px; margin-top: 5px; }
.home #header .logo .logo-100 { width: 100% !important;  }


.home .nav {  margin-top: 37px;  }
.hero { height: 550px; background: url(images/hero-1.jpg) no-repeat center; background-size: cover;  }

.hero li  { width: 25%; float: left; padding: 15px;   }
.hero ul { margin-top: 400px;  }
.hero li a { background: #0c4da2; display: block; text-align: center;  color: #fff; text-transform: uppercase; padding: 20px 0; letter-spacing: 1px; font-size: 15px; font-weight: 700; border-bottom: 1px solid rgba(256,256,256,1);   }
.hero li a:hover,
.hero li a:focus { opacity: .94; color: #fff !important; margin-top: 1px  }

.top-nav { padding: 15px 0 0; float: right; position: relative; z-index: 100; top: 0;  }
.top-nav svg { width: 16px;  fill: #7891c1;  position: relative; top: 3px; height: 16px;   }
.top-nav .search-lnk svg:hover { fill: #fff  }
.top-nav .lang { display: none;  }
.top-nav:after { content: ''; width: 30%; }
.top-holder { display: inline; position: relative;  }


.top-holder .menu { display: inline-block;   }
.top-nav li { display: inline; font-size: 14px; margin-right: 20px;    }
.top-nav li a { color: #fff; text-transform: uppercase; color: #7891c1; }
.top-nav li a:hover,
.top-nav li a:focus { color: #fff !important;  }
.top-nav li.active a { border-bottom: 2px solid rgba(256,256,256,.2); padding-bottom: 3px;  }

#news-holder { padding: 30px 0 60px }
#news-holder .section-title { text-align: left; font: 30px 'Markazi Text'; margin: 0 0 15px;  }

.program-banner { background: #0c4da2; display: flex;   height: 75vh; min-height: 500px;   }
.program-banner>div {  justify-content: center; display: flex; flex: 1; flex-direction: column;    }
.program-banner .program-image { background: url(images/program.jpg) no-repeat; height: 100%; background-size: cover;   }
.program-banner .wrapper { margin: 0 auto; padding: 0 5%;  }


.program-banner.narrow,
.program-banner.narrow  .program-image { height: 300px !important;  }
.program-banner.narrow h2 { text-align: center; text-transform: none; font-size: 35px; margin: 20px 0 0; line-height: 1.4em }
.program-banner.narrow .program-content a { margin-top: 30px;  }

.first-banner,
.last-banner { margin-bottom: 30px;  }

.banner { margin-top: 30px;  }
.topbanner,
.bottombanner  { margin-bottom: 30px }

.program-content { color: #fff; padding: 30px 0; font-size: 18px; font-weight: 300;   }
.program-content h2 { font: 40px 'Markazi Text'; text-transform: uppercase; margin-bottom: 40px; line-height: 1em;   }
.program-content ol { margin: 40px 0 0 40px;  }
.program-content li { margin-bottom: 25px; list-style-type: decimal; padding-left: 10px;   }
.program-content li:last-child { margin: 0 }

.program-content p a { width: 300px; border: 1px solid rgba(256,256,256,.2); display: block;  text-transform: uppercase; font-size: 14px; text-align: center; padding: 20px 0; margin: 60px 0 0 30px; color: #fff;   }
.program-content p a:hover { background: rgba(256,256,256,.07);  }
.program-content li a:hover { border-bottom: 1px solid rgba(256,256,256,.3); color: #fff; padding-bottom: 3px; background: rgba(256,256,256,.15);  }


#services { padding: 60px 0  30px }
#quality { background: #f3f3ed; padding: 30px 0 35px }
#quality .logos { margin-top: 40px;  }
#quality .logos .row { margin: 0 -1px; padding: 0 }
#quality .logos .col-md-4 { margin: 0; padding: 0 1px;  }
#quality .survey { text-align: center; border-left: 2px solid #dcdcdc; height: 135px; padding: 0 20px;  }
#quality .survey a { color: #0c4da2; text-transform: uppercase; font-size: 14px; font-weight: bold; display: block ;    }
#quality svg { width: 80px; display: block; margin: 0 auto 5px; fill: #0c4da2;   }
#quality .survey a:hover { color: #000;  }

#quality .entry-lead { line-height: 1.6em; color: #666; padding: 0 30px 0 0;  font-size: 15px;   }
#quality .entry-lead p { display: inline;  } 
#quality .entry-lead a { border-bottom: 2px solid #999 }
#quality .entry-lead a:hover {  color: #0c4da2; border-color:  #0c4da2; }
#quality h4 { font: 30px 'Markazi Text', serif; text-transform: uppercase  }
 
.section-title { font: 45px 'Markazi Text', serif; color: #0c4da2; text-align: center; text-transform: uppercase; margin-bottom: 40px;  }

.offer-box { font-size: 17px;  }
.offer-box .img { margin-bottom: 30px;  }
.offer-box h3 { font: 30px 'Markazi Text', serif; text-transform: uppercase; margin-bottom: 5px; }
.offer-box h3 a { color: #0c4da2;  }
.offer-box h3 a:hover { color: #000;  }
.offer-box .entry-lead { color: #666; line-height: 1.7em }

.home-faq { border-top: 1px solid #f3f3ed; margin: 80px 0 0  }

.home-faq  a { display: block; border: 1px solid #f3f3ed; width: 400px; margin: 50px auto; padding: 25px 0 20px; text-transform: uppercase; position: relative; font-size: 16px;    }
.home-faq  a:hover { background: #0c4da2; color: #fff;   }
.home-faq svg { fill: #999; width: 35px; position: absolute; left: 25px; top: 15px;  }
.home-faq  a:hover svg { fill: #fff;  }
.home-faq .entry-lead { font-size: 18px; padding: 60px 0 0; color: #666; text-align: center;   }

#footer { padding: 60px 0 0;  font-size: 14px; color: #999;  }
#footer .container { border-top: 1px solid rgba(0,0,0,.1); padding-top: 30px;  }
.home #footer .container { border: none; padding-top: 0;  }

#footer .logo { width: 110px;   }
#footer .logo:first-child { margin-right: 15px;  }
#footer .social { margin-top: 20px;  }
#footer .social a svg { width: 24px; fill: #999; margin: 0 25px  }
#footer .social a:hover svg { fill: #0c4da2;   }

#footer a { color: #999 }
#footer a:hover { color: #0c4da2; }
#footer li { line-height: 1.4em; margin-bottom: 10px;   }


.end { border-top: 1px solid rgba(0,0,0,.1); margin: 30px 0 0; padding: 20px 0; color: #999;   }
.end a { color: #ccc; float: right;  }
.end a:hover { color: #0c4da2; }


.news-row .row { margin: 0 -2px }
.news-row .img { border: 1px solid rgba(0,0,0,.1) }

.news-front { margin-bottom: 30px;  }

.news-row h2 { font: 16px 'Roboto', sans-serif; line-height: 1.4em }
.news-row h2 a { color: #000;  }
.news-row .cat  { margin: 5px 0; display: block;}
.news-row .cat a { color: #666; text-transform: uppercase; font-size: 14px }
.news-row .cat a:hover {  color: #0c4da2 }
.news-row h3 { line-height: 1.4em;  }

.news-row .entry-meta { margin-right: 20px;  }


.featured-news .holder { position: relative;  }
.featured-news .post-content { position: absolute; bottom: 0; height: 120px;  padding: 20px 40px; background: #000; width: 100%; 
background: -moz-linear-gradient(top, rgba(256,256,256,0) 10%, rgba(12,76,173,0.99) 99%, rgba(12,76,173,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(256,256,256,0) 00%,rgba(12,76,173,0.99) 99%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(256,256,256,0) 00%,rgba(12,76,173,0.7) 100%,rgba(256,256,256,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0c4da2',GradientType=0 ); /* IE6-9 */ }
.featured-news .post-meta { margin-bottom: 15px;  }

.featured-news h1   { font: 40px 'Markazi Text', serif; line-height: 1em  }
.featured-news h1 a { color: #fff;  }

.side-news h2 { font: 30px 'Markazi Text', serif; text-transform: uppercase;  color: #0c4da2; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 14px;  }
.side-news h2 a:hover,
.news-front h2 a:hover { text-decoration: underline; color: #000;  }
.side-news h3  { font: 16px 'Roboto', sans-serif; line-height: 1.4em;   }
.side-news h3 a { color: #000;  }  
.side-news h3 a:hover { color: #0c4da2; }
.side-news .side { color: #999; font-size: 14px;  }
.side-news ul { margin: 0;  }
.side-news li { border-bottom: 1px solid rgba(0,0,0,.1); padding: 4px 0 16px;  }
.side-news li:last-child { border: none;  }

#main { padding: 30px;  }
#main h1 { font: 40px 'Markazi Text', serif; color: #0c4da2; text-transform: uppercase; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 15px; margin-bottom: 30px; line-height: .8em;   }
#main h1 strong { font-weight: normal;  }
#main .content { font-size: 17px; line-height: 1.6em; color: #666;   }
#main .content p { margin-bottom: 30px;  }
#main .content a { color: #0c4da2;  }
#main .content a:hover { text-decoration: underline;  }
#main .content ul, 
#main .content ol { margin: 0 20px 20px }
#main .content ol li { list-style-type: decimal;  }


#main .content img { max-width: 100%; height: auto;   }

.content.text h2,
.content.text h3 { color: #0c4da2; font-weight: bold;  }

.content.text h2 {  font-size: 25px; margin-bottom: 10px;  }
.content.text h3 { font: 18px 'Roboto', sans-serif; margin-bottom: 5px; line-height: 1.4em;  }
.content.text h4 { font-weight: bold; margin: 15px 0; line-height: 1.4em } 

.news-post .content.text h3 { font: 22px 'Roboto', sans-serif; margin-bottom: 5px; line-height: 1.4em; font-weight: bold; padding-top: 30px; }

.text img { max-width: 100%; height: auto }

.date-post { margin: -20px 0 20px }

#main.article { padding-bottom: 60px;  } 

.featured-image { margin-bottom: 20px;  }
.featured-image img { border: 1px solid rgba(0,0,0,.1) }

#main .post h1 { text-transform: none; border-bottom: none; margin: 30px 0 10px }


#main .study-offer { border: 1px solid rgba(0,0,0,.1); margin-bottom: 60px; position: relative; height: 315px;   }
#main .study-offer h2  { background: ; text-transform: uppercase;  display: table; font: 35px 'Markazi Text', serif; text-shadow: 0 1px 1px 0 rgba(0,0,0,.5);    }
#main .study-offer h2 span { display: table-cell; vertical-align: middle; height: 315px;   }
#main .study-offer h2 a { color: #fff; text-align: center; display: block; background: #0c4da2 url(images/vef-transparent.png) center no-repeat;  padding: 0 50px; }
#main .study-offer h2 a:hover { opacity: .8 }

#main .study-offer .content { font-size: 15px; line-height: 1.6em; padding: 40px 20px 20px 0   }
#main .study-offer .content p { margin: 0;  }
#main .study-offer .more a { background: #f3f3ed; text-transform: uppercase; font; display: inline-block; padding: 5px 15px; font-size: 14px; position: absolute; top: 250px; right: 40px; }
#main .study-offer .more a:hover {  }

.map { width: 100%; height: 400px; margin-top: 60px;   }

.page #tab-content-holder li  { list-style-type : disc  }
.page #tab-content-holder ul { margin: -20px 0 30px 30px !important;  }

.page #tab-content-holder .staff-box ul   { margin: 0 !important }

.institute-info h3 { background: #f3f3ed; padding: 15px 15px; color: #000 !important; text-transform: uppercase; font: 15px 'Roboto', sans-serif !important; font-weight: bold !important  } 
.institute-info .entry-content { margin: 20px; font-size: 15px; line-height: 1.2em;   }
.institute-info .entry-content p { margin-bottom: 10px !important;  }

.institute-content { margin-bottom: 60px;  }

.content-wrapper,
.aside-wrapper { float: right;  }

.aside   {  padding-right: 60px; text-transform: uppercase;  }
.aside  h3 { text-transform: uppercase; font: 14px 'Roboto', sans-serif; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 7px; font-weight: bold   }
.aside ul {  }
.aside li a { line-height: 1.4em; margin: 0 0; padding: 20px 7px;  border-bottom: 1px solid rgba(0,0,0,.1); display: block; font-size: 14px;  display: block;  color: #000;   }

.aside li a:hover,
.aside li.current_page_item a,
.side-menu li.current a,
.aside li.current_page_item li a:hover,
.aside .current-post-ancestor  a { color: #fff !important; background:   #0c4da2 !important;  }
.aside li.current_page_item li a { background: none !important; color: #000 !important;   }

.aside .current_page_ancestor .children li.current_page_item a { color: #fff !important; }

.menu li.active a { background: #0c4da2 !important; color : #fff;  }
.menu li.active a:hover { opacity: .9; color: #fff !important;  }

#nav li.active a,
#nav li a:hover { background:  rgba(256,256,256,.1) !important; border-bottom: 1px solid rgba(256,256,256,.5) ;   }

#footer .active a { background: none !important }
#footer .active a:hover { color: #0c4da2 !important }


.aside .current-menu-ancestor .dropdown-menu { display: block;  }


.aside li li a { border: 0; padding: 5px 14px;  }
.aside ul.menu { margin-bottom: 30px;  }

#djelatnici.table { font-size: 13px; margin-top: 20px; padding-top: 20px }
#djelatnici.table td { vertical-align: middle }
.dataTables_filter input { border: 1px solid rgba(0,0,0,.2); width: 300px; padding: 4px 10px; color: #0c4da2  }

.dataTables_length,
.dataTables_filter,
.dataTables_info { font-size: 14px;  }

#djelatnici_paginate,
.dataTables_info { margin-top: 20px;  }


.grid-box { margin-bottom: 30px;   }
.grid-box img { margin-bottom: 15px;  }
.grid-box h2 { line-height: 1.6em; }


.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus,
.current-menu-parent a,
.current-cat a {  background: none; color: #0c4da2; }
.current-menu-parent a li a,
.current_page_ancestor li a,
.current_page_item li a { color: #000 !important;  }

.current-menu-parent  .active a,
.current_page_item,
.current_page_parent a,
.current_page_ancestor li.current_page_item a {  color: #0c4da2 !important; }


.text ul { margin: 0 0 20px 20px;  }
.text li { list-style-type: disc; margin-bottom: 5px; }

.studium-links { margin-top: 60px;  }
.link-box a { background: #f3f3ed; border-radius: 6px; text-align: center; font: 25px 'Markazi Text', serif; text-transform: uppercase; padding: 30px 0; display: block; 
-ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;  }
.link-box svg { width: 80px; margin: 0 auto; display: block; margin-bottom: 30px; 
-ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.link-box a:hover { background: #0c4da2; color: #fff }
.link-box a:hover svg { fill: #fff;  }

.sidebar {  }
.sidebar h3 { text-transform: uppercase;  font-size: 16px; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 10px;  margin-bottom: 10px; font-weight: bold; line-height: 1.3em;   }
.sidebar h3 a { color: #0c4da2;   }


.post { padding-bottom: 60px;  }

.latest h2 { text-align: left; font: 30px 'Markazi Text'; margin: 0 0 15px; color: #0c4da2; text-transform: uppercase;  }


.entry-post { margin-bottom: 40px;  }
.entry-post h2 {   margin: -5px 0 10px;  }
.entry-post h2 a { color: #0c4da2; font: 35px 'Markazi Text'; line-height: .9em !important; }
.entry-post h2 a:hover { color: #000;  }
.entry-post img { border: 1px solid rgba(0,0,0,.1) }
.entry-post .entry-text { font-size: 15px;  }

.news-entry .date,
.entry-post .date { position: absolute; width: 60px; height: 60px; background:#0c4da2; color: #fff; text-align: center; padding: 10px 0; line-height:1.2em; margin-left: 0px; border: 1px solid rgba(256,256,256,.5);  }
.news-entry .date span,
.entry-post .date span { display: block;  }
.news-entry .date .day,
.entry-post .date .day { font-weight: 700; font-size: 20px;  }




.single-zavodi .news-entry .date { margin: 0 }


.grid-showcase .grid-box {  min-height: 400px;margin-bottom: 50px; background: rgba(12,77,162,.1); -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.grid-showcase .grid-box h2,
.grid-showcase .grid-box h3 { margin: 10px 15px;   }
.grid-showcase .grid-box a {   display: block; color: #0c4da2;   }
.grid-showcase .grid-box:hover { background: rgba(12,77,162,1);   }
.grid-showcase .grid-box:hover h2 { color: #fff !important;  }

.zik.grid-showcase .grid-box { background: none; min-height: auto; margin-bottom: auto;  }
.zik.grid-showcase .grid-box h3 { margin: auto !important;  }
.zik.grid-showcase .grid-box h3 a { font: 30px 'Markazi Text', serif; display: block;  min-height: 300px;  padding: 20px; background: rgb(12, 77, 162); color: #fff;  -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;  }
.zik.grid-showcase .grid-box h3 a:after { content: ''; display: block; border-bottom: 3px solid #fff; margin-top: 20px; width: 30px  }
.zik.grid-showcase .grid-box h3 a:hover { background: rgba(12,77,162,.7); color: #fff !important; }

.zik.grid-showcase.english .grid-box h3 a { font-size: 22px;  }
.zik.grid-showcase.english .grid-box { margin-bottom: 30px;  display: block;  -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid #0c4da2;  }
.zik.grid-showcase .grid-box h3 a { min-height: 175px;  }
.zik.grid-showcase.english .grid-box img { border: none; padding: 60px 0; max-width: auto; height: auto;  }

.grid-showcase a:hover .grid-box.edition {  color: rgb(255, 255, 255);  background: rgb(12, 77, 162);
}

.grid-showcase a .grid-box.edition {   font-size: 14px;background: none; border-width: 1px; border-style: solid;  border-color: rgba(12, 77, 162, 0.1); border-image: initial;}
.grid-showcase a .grid-box.edition {  min-height: 330px;margin-bottom: 30px;}

.pms-offer-wrapper  { margin-bottom: 60px;  }
.pms-intro { margin-bottom: 60px;  line-height: 1.8em; font-size: 19px;    }
.pms-intro a { text-decoration: underline; color: #0c4da2;  }
.pms-intro a:hover { color: #000;  }

.pms-offer-wrapper ul { margin: 20px;  }
.pms-offer-wrapper h3 { font-weight: bold; font-size: 24px;  }
.pms-offer-wrapper li { list-style-type: disc; margin-bottom: 10px;  }

.category-grid.grid-showcase .grid-box { min-height: 430px; }

.showcase-page h2 { font: 40px 'Markazi Text', serif; color: rgba(12,77,162,1);; margin-bottom: 10px   }

.subpages.grid-showcase .grid-box { min-height: 320px;  }
.subpages.zik { margin-bottom: 60px;  } 

#tab-content-holder { clear: both; border-top: none;    }

#tab-holder { margin: -30px 0 0px; background: #f3f3ed;  }
#tab-holder ul { margin: 0 !important;  }
#tab-holder li {  list-style-type: none; margin: 0;    }
#tab-holder .tabs li { text-transform: uppercase;  } 
#tab-holder .tabs li a {  padding: 20px 0; display: block; text-align: center; float: left; padding: 10px 88px; font-size: 14px; font-weight: bold;   }
#tab-holder li a:hover,
#tab-holder li a:focus,
#tab-holder li.current a {  background: rgba(12,77,162,1); color: #fff !important;  }
#tab-holder li svg { width:  20px; position: relative; top: 3px;  }
#tab-holder li a:hover svg,
#tab-holder li.current a svg { fill: #fff !important }
#tab-holder ul:after { clear: both; content: ''; display: block;  }
#tab-holder li.home a { padding: 8px 45px 9px;  }

#tab-holder.master-tabs .tabs li a { padding: 10px 0; width: 20% }
#tab-holder.master-tabs li.home a { padding: 8px 45px 9px;  }

#tab-holder.zavodi-tabs .tabs li a { padding: 10px 56px }

#tab-holder.zavodi-tabs.urkaps-tabs .tabs li a { padding: 10px 44px }
#tab-holder.zavodi-tabs li.home a { padding: 8px 45px 9px;  }

.en #tab-holder.zavodi-tabs .tabs li a { padding: 10px 48px;  }
.en #tab-holder.zavodi-tabs.urkaps-tabs .tabs li a { padding: 11px 44px }
.en #tab-holder.zavodi-tabs.urkaps-tabs .tabs li.home a { padding: 9px 45px 9px;  }

.tab-pane { padding: 30px 0; display: none }
#pocetna.tab-pane,
#overview.tab-pane { display: block;  }

#nastava .entry-content h3  {  text-transform: uppercase; color: rgba(12,77,162,1); font-weight: 700;  font: 30px 'Markazi Text', serif;  }
#nastava .entry-content { border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 30px; width: 80%; padding: 15px 0 }
#nastava .entry-content:last-child { margin-bottom: 0; border: 0;  }


.staff-box { background: rgba(12,77,162,.07); padding: 30px; margin-bottom: 30px; min-height: 210px; color: #000; box-shadow: 2px 2px 0 rgba(12,77,162,.1) }
.staff-box .staff-title { min-height: 55px; }
.staff-box .staff-title h3 { font-size: 20px; margin-bottom: 0; padding-bottom: 0px !important; line-height: 1em   }
.staff-box .staff-title span { color: rgba(12,77,162,1); font-size: 26px;    }
.staff-box .position { font-size: 15px;  }
.staff-box li { font-size: 15px; margin-bottom: 5px; line-height: 1.2em }

#djelatnici .staff-box ul { margin: 0 !important;  }
#djelatnici .staff-box li { list-style-type: none;  } 


.nivo-lightbox-theme-default.nivo-lightbox-overlay { background:  rgba(12,77,162,.7);  }
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { background-color:   rgba(12,77,162,.7);  }

#gallery-1 .gallery-item { width: 25% !important }
.gallery { margin: 40px 0;  }
.gallery img { max-width: 100%; height: auto; border: 4px solid #fff !important;  }
.gallery img:hover { border-color: rgba(12,77,162,1) !important }
.gallery .col-sm-4 { padding: 0 4px;   }
.gallery br { display: none }
.gallery:after { display: block; content: ''; height: 10px;  float: none; clear: both;  }

.post .gallery ul { margin: 0 !important }
.post .gallery li { list-style-type: none !important; margin: 0 !important;  }

.news-post .content { font-size: 18px !important;  }
.news-post .main-title { font-size: 60px !important; text-transform: none !important;  border: none !important; margin-bottom: 15px !important  }

.gallery .col-md-4 { padding: 0;  }


.tml input[type=submit], 
.tml input[type=reset] { background: #0c4da2; border: none; padding: 10px; width: 200px; color: #fff; text-transform: uppercase; font-size: 14px;   }



.tml input[type=submit]:hover, 
.tml input[type=reset]:hover { opacity: .8 }


.user-login { background: rgba(256,256,256,.05); padding: 2px 10px 2px 5px; border-radius: 3px; color: rgba(256,256,256,.5); ; font-weight: 300; font-size: 14px;  position: relative; display: inline-block    }
.user-login div { display: inline }
.user-login span { margin: 0 5px; }
.user-login a { color: rgba(256,256,256,.5); }
.user-login a:hover,
.user-login a:hover svg {  color: rgba(256,256,256,1); fill: #fff  }

.logged-menu svg { width: 10px; position: relative; top: 0px; margin-left: 5px;   }
.logged-menu { display: inline-block; position: relative;   }
.logged-menu ul { display: none; position: absolute; width: 200px;  background:   #fff; z-index: 100; left: 0; top: 27px; margin: 0; padding: 0; padding: 1px; border-top: 3px solid #fff;  }
.logged-menu div {  display: inline;  }
.logged-menu li { display: block; margin: 0;  }
.logged-menu li a { text-transform: none; text-align: left; display: block; padding: 5px 10px; border-bottom: 1px solid rgba(0,0,0,.1); color: #000; font-size: 13px;     }
.logged-menu li:last-child a { border: 0;  }
.logged-menu li a:hover {  color: #0c4da2 !important;  }

.logged-menu .dropdown-apl-btn { border: none; background: inherit; color: #7891c1; text-transform: uppercase; font-size: 14px;   }
.logged-menu .dropdown-apl-btn.current { background: #fff; color: #000; border-radius: 3px 3px 0 0  }
.logged-menu .dropdown-apl-btn:focus { outline: none }


.tab-pane h3 { font-weight: bold; font-size: 20px;  font: 28px 'Markazi Text'; color: #0c4da2; margin-bottom: 10px;   }
.predmet { margin-bottom: 40px;  }
.predmet table { width: 100%;  }
.predmet td { border: 1px solid #f2f2f2; padding: 10px;  }
.predmet td:nth-child(2) { text-align: center; width: 20%  }
.predmet a svg { fill: #0c4da2; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; width: 24px; position: relative; top: 3px;  }
.predmet a:hover svg { fill: #000; }

.projekt-table  { font-size: 14px; margin-bottom: 50px;  }
.projekt-table th { width: 100%; padding: 0 0 20px 0;   }
.projekt-table td:nth-child(1) {  width: 20%  }
.projekt h2 { font: 28px 'Markazi Text'; color: #0c4da2; line-height: 1.2em; margin-bottom: 10px;  }
.projekt-table td { padding: 7px 20px; border: 1px solid rgba(0,0,0,.1) }
.projekt-table a {  color: #0c4da2; }
.projekt-table a:hover { color: #000;  }
.projekt-table h2,
.projekt-table h3 { color: #000; font-size: 25px; line-height: 1em  }
.projekt-table p { margin: 10px 0;  }
.projekt-table br { display: block;  }

.projekt-list .projekt { border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 0;   }
.projekt-list .projekt:last-child { border: none;  }
.projekt-list .projekt h2:hover { cursor: pointer;  }

.projekt-content { display: none }
.page-zavodi .projekt-content { display: block;  }

.pdf-link a {  border-radius: 3px; padding: 15px 15px 15px 40px; font-size: 13px;  background: url(images/pdf-blue.svg) no-repeat 10px;  border: 1px solid rgba(0,0,0,.1); background-size: 24px; }
.pdf-link a:hover { text-decoration: none !important;  color: #fff !important; background: #0c4da2 url(images/pdf.svg) no-repeat 10px; background-size: 24px;  } 

li .pdf-link a { border: none; padding: 2px 0 2px 25px; background-size: 16px;  list-style-type: none;  background: url(images/pdf-blue.svg) no-repeat 0px;  font-size: 14px;   }
li .pdf-link a:hover { background-size: 16px; background: none; color: #000 !important;  background: url(images/pdf-blue.svg) no-repeat 0px;  }

.reg-docs { margin-top: 60px;  }
.reg-docs li { font-size: 14px;  }

.text .pdf-list { margin: 20px 0 !important;  }
.text .pdf-list li  { list-style-type: none !important; margin-bottom: 10px;   }
.text .pdf-list li a { background: none; padding: 0; border: none; margin-left: 25px; display: inline-block; line-height: 1.5em; font-size: 15px; }
.text .pdf-list li a:before { background:  url(images/pdf-blue.svg) no-repeat 10px; content: '';  position: absolute; width: 16px; height: 16px; display: inline-block; margin: 4px 10px 0 -25px; background-size: 16px; background-position: 0   }

.text .pdf-list {  }
.text .pdf-list.small li { margin: 0; list-style-type: decimal !important;  } 
.text .pdf-list.small li a {  font-size: 14px; margin: 0 0 0 30px;  }

.doc-wrapper { border: 1px solid #ccc; padding: 40px; margin: 30px 0;   }

.content.text .doc-wrapper h2 { margin: 60px 0 0 0 !important; font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px;  }
.content.text .doc-wrapper h2:first-child { margin-top: 0 !important }
.content.text .doc-wrapper h3 { border-bottom: 1px solid #ccc; padding-bottom: 15px;  margin-top: 60px }

.btn-document { border-radius: 3px;font-size: 13px;   background: #0c4da2; text-transform: uppercase;  padding: 20px 40px 20px 80px; color: #fff; position: relative   }
.btn-document svg { width: 32px; fill: #fff; margin-right: 20px; position: absolute; left: 25px; top: 12px;    }
.btn-document:hover { color: #fff; opacity: .8  }

.blue-btn { border-radius: 3px;font-size: 13px;   background: #0c4da2; text-transform: uppercase;  padding: 20px 40px; color: #fff; position: relative   }
.btn-document:hover { color: #fff; opacity: .8  }
.blue-btn.center { margin: 0 auto; display: block; width: 250px;  }

.alignright-image { float: right; border: 1px solid rgba(0,0,0,.1); margin:  0 0 5px 20px  }


.cv svg { width: 18px; position: relative; top: 3px;  }

.list { margin: 20px 0 }
.list li  { border-top: 1px solid rgba(0,0,0,.1); padding: 10px 0 }
.list li:first-child { border: none }

.publication h2 { font-size: 14px; margin-top: 20px; font-weight: bold;   }

.sidelist li { padding: 10px 0; line-height: 1.4em; clear: both; margin-bottom: 10px; float: none; border-bottom: 1px solid rgba(0,0,0,.1)   }
.sidelist li img { margin-bottom: 10px; width: 80px !important; float: left; margin-right: 15px;    }
.sidelist li h4 { font-size: 16px; text-transform: none; line-height: 1.4em; margin: 0  }
.sidelist li a { display: block;  }
.sidelist li:after { clear: both; content: ''; display: block;  }


.wp-block-image figcaption {  margin: -7px 0 20px; padding: 10px 0; color: #000; font-size: 14px; text-align: center; font-style: italic;   }

.tags   { border-top: 1px solid rgba(0,0,0,.1); padding-top: 10px; font-size: 14px;  }
.tags a { background: rgba(12,77,162,.1); padding: 3px 6px; margin: 0 3px; border-radius: 3px;  }

.breadcrumbs { font-size: 14px; margin-bottom: 20px;  }
.breadcrumbs a:hover { text-decoration: underline;  }

.header-image {  background: url(images/fakultet-header.jpg) center no-repeat; background-size: cover; height: 150px;  }
.header-image.news { background: url(images/news-header.jpg) center no-repeat; background-size: cover; height: 150px;  }
.header-image.studiranje { background: url(images/studiranje-header.jpg) center no-repeat; background-size: cover; height: 150px;  }
.header-image.znanstveni { background: url(images/znanstveni-header.jpg) center no-repeat; background-size: cover; height: 150px;  }
.header-image.fakultet { background: url(images/fakultet-header.jpg) center no-repeat; background-size: cover; height: 150px;  }
.header-image.usluge { background: url(images/usluge-header.jpg) center no-repeat; background-size: cover; height: 150px;  }
.header-image.zik { background: url(images/zik-header.jpg) center no-repeat; background-size: cover; height: 150px;  }
.header-image.suradnja { background: url(images/suradnja-header.jpg) center no-repeat; background-size: cover; height: 150px;  }




.kontakti-holder { margin-bottom: 60px; }
.kontakti-holder h2 {  font: 30px 'Markazi Text', serif; color: #0c4da2; text-transform: uppercase; margin-bottom: 15px; line-height: .8em;   }
.kontakti-holder h3 { font-weight: bold; color: #0c4da2;  }
.kontakti-holder .col-md-6 { margin-bottom: 30px;   }
.kontakti-holder a {  color: #0c4da2; text-decoration: underline;  }
.kontakti-holder a:hover { color: #000;  }
.kontakti-box { border: 1px solid rgba(0,0,0,.1); padding: 30px; font-size: 14px; min-height: 200px;   }

.bluebox-right { background: rgba(12,77,162,.1); width: 40%; padding: 30px;  color: #0c4da2; float: right; margin: 0 0 30px 30px; line-height: 1em !important; font: 24px 'Markazi Text', serif;    }
.bluebox-right a { border-bottom: 1px solid #0c4da2 }
.bluebox-right a:hover { color: #000 !important; text-decoration: none !important  }
.bluebox-right p { margin: 15px 0 0 0 !important }
.bluebox-right:after { content: ''; display: block; float: none; clear: both;  }


.dropdown-menu { position: static !important; box-shadow: none; border: none; margin: -1px 0 0; width: auto !important; min-width: auto !important; float: none; background:  rgba(12,77,162,.05); padding: 0;    }
.dropdown-menu li a  { width: auto; white-space: normal; padding: 13px 10px !important;  display: block; font-size: 13px;  color: #0c4da2; border-bottom: 1px solid #fff !important;    }
.dropdown-menu li.active a,
.dropdown-menu li a:hover { color: #fff !important; background: #0c4da2 !important;  }
.dropdown-menu .dropdown-menu li {  }
.dropdown-menu .dropdown-menu li a { color: #0c4da2  !important; background: rgba(12,77,162,.05) !important; text-transform: none;  padding: 7px 10px !important; line-height:1.2em !important  }
.dropdown-menu .dropdown-menu li a:hover { background: #0c4da2 !important;  }
.caret { right: 0; }

.gform_heading { display: none;  }
.gform_body .medium { border: 1px solid rgba(0,0,0,.2); padding: 5px;  }


.gform_body ::-webkit-input-placeholder {  font-size: 13px !important; }

.gform_body input[type="text"],
.gform_body textarea { padding: 3px 10px !important;  }
.gform_button.button { border-radius: 3px;font-size: 13px;   background: #0c4da2; text-transform: uppercase;  padding: 10px 40px; color: #fff; border: none }
.gform_button.button:hover { opacity: .9 }
.gfield_label { display: none !important; }

.contact-info { padding: 0 25%;  }
.contact-info ul { margin-bottom: 30px;   }
.contact-info h2 {  font: 30px 'Markazi Text'; color: #0c4da2; margin-bottom: 20px;  }
.contact-info li { margin-bottom: 10px;  }
.contact-info h4 { font-weight: bold }

.postid-441 .text p { clear: inherit !important }



#menu-item-1841 a,
#menu-item-1842 a,
#menu-item-1843 a,
#menu-item-3144 a { background: #f3f3ed  url(images/external.svg) no-repeat 95% 20px; background-size: 14px;  font-size: 13px }

#menu-item-1841 a:hover,
#menu-item-1842 a:hover,
#menu-item-1843 a:hover,
#menu-item-3144 a:hover { background:  rgba(12,77,162,.05)  url(images/external.svg) no-repeat 95% 20px !important; color: #000 !important; background-size: 14px !important; }

.separation { margin-top: 50px; border-top: 1px solid rgba(0,0,0,.1); padding: 25px 50px; background: rgba(0,0,0,.03)  }
.postid-3220 .separation { margin-top: -30px }
.separation h2 { font: 30px 'Markazi Text'; border-bottom: 2px solid #fff; padding-bottom: 20px; text-transform: uppercase  }
.separation ul { margin: 0;  }
.separation li {  border-bottom: 1px solid #fff; padding: 10px;  }
.separation .menu li a { color: #0c4da2; background: none !important }
.separation .menu li a:hover { color: #000 !important;  }
.separation .menu li.current-menu-item a { background: url(images/check.svg) no-repeat left !important; padding-left: 20px; background-size: 12px !important; color: #000;   }
.separation li li { border: none; margin: 0; padding: 0;   }
.separation li li a { font-size: 16px;  }
.separation li.menu-item-has-children { border: none; padding-bottom: 0 }
.separation .dropdown-menu { margin: 10px 0 0; display: block !important;  }
.separation .dropdown-menu li.current-menu-item a {background: url(images/check.svg) no-repeat 10px center !important; color: #000 !important; padding-left: 40px !important; background-size: 12px !important;  }

.zavod-za-anatomiju-histologiju-i-embriologiju #menu-item-1688 ul,
.zavod-za-drustvene-i-humanisticke-znanosti #menu-item-1688 ul,
.zavod-za-fiziku #menu-item-1688 ul,
.zavod-za-fiziologiju-i-radiobiologiju #menu-item-1688 ul,
.zavod-za-kemiju-i-biokemiju #menu-item-1688 ul,
.zavod-za-patofiziologiju #menu-item-1688 ul,
.zavod-za-veterinarsku-biologiju #menu-item-1688 ul { display: block; }

.zavod-za-anatomiju-histologiju-i-embriologiju #menu-item-1689 a,
.zavod-za-drustvene-i-humanisticke-znanosti #menu-item-1690 a,
.zavod-za-fiziku #menu-item-1691 a,
.zavod-za-fiziologiju-i-radiobiologiju #menu-item-1692 a,
.zavod-za-kemiju-i-biokemiju #menu-item-1693 a,
.zavod-za-patofiziologiju #menu-item-1694 a,
.zavod-za-veterinarsku-biologiju #menu-item-1695 a { background: #0c4da2 !important; color: #fff !important }

.zavod-za-biologiju-i-patologiju-riba-i-pcela #menu-item-1682 ul,
.zavod-za-higijenu-ponasanje-i-dobrobit-zivotinja #menu-item-1682 ul,
.zavod-za-lovstvo-i-divlje-zivotinje #menu-item-1682 ul,
.zavod-za-prehranu-i-dijetetiku-zivotinja #menu-item-1682 ul,
.zavod-za-uzgoj-zivotinja-i-stocarsku-proizvodnju #menu-item-1682 ul { display: block; }

.zavod-za-biologiju-i-patologiju-riba-i-pcela #menu-item-1683 a,
.zavod-za-higijenu-ponasanje-i-dobrobit-zivotinja #menu-item-1684 a,
.zavod-za-lovstvo-i-divlje-zivotinje #menu-item-1685 a,
.zavod-za-prehranu-i-dijetetiku-zivotinja #menu-item-1686 a,
.zavod-za-uzgoj-zivotinja-i-stocarsku-proizvodnju #menu-item-1687 a { background: #0c4da2 !important; color: #fff !important }

.zavod-za-bolesti-peradi-s-klinikom #menu-item-1696 ul,
.zavod-za-farmakologiju-i-toksikologiju #menu-item-1696 ul,
.zavod-za-higijenu-tehnologiju-i-sigurnost-hrane #menu-item-1696 ul,
.zavod-za-mikrobiologiju-i-zarazne-bolesti-s-klinikom #menu-item-1696 ul,
.zavod-za-parazitologiju-i-invazijske-bolesti-s-klinikom #menu-item-1696 ul,
.zavod-za-veterinarsku-ekonomiku-i-epidemiologiju #menu-item-1696 ul { display: block; }

.zavod-za-bolesti-peradi-s-klinikom #menu-item-1697 a,
.zavod-za-farmakologiju-i-toksikologiju #menu-item-1698 a,
.zavod-za-higijenu-tehnologiju-i-sigurnost-hrane #menu-item-1699 a,
.zavod-za-mikrobiologiju-i-zarazne-bolesti-s-klinikom #menu-item-1700 a,
.zavod-za-parazitologiju-i-invazijske-bolesti-s-klinikom #menu-item-1701 a,
.zavod-za-veterinarsku-ekonomiku-i-epidemiologiju #menu-item-1702 a {  background: #0c4da2 !important; color: #fff !important } 

.ambulantna-klinika #menu-item-1674 ul,
.klinika-za-kirurgiju-ortopediju-i-oftalmologiju #menu-item-1674 ul,
.klinika-za-porodnistvo-i-reprodukciju #menu-item-1674 ul,
.klinika-za-unutarnje-bolesti #menu-item-1674 ul,
.zavod-za-rendgenologiju-ultrazvucnu-dijagnostiku-i-fizikalnu-terapiju #menu-item-1674 ul,
.zavod-za-sudsko-i-upravno-veterinarstvo #menu-item-1674 ul,
.zavod-za-veterinarsku-patologiju #menu-item-1674 ul {  display: block; }

.ambulantna-klinika #menu-item-1675 a,
.klinika-za-kirurgiju-ortopediju-i-oftalmologiju #menu-item-1676 a,
.klinika-za-porodnistvo-i-reprodukciju #menu-item-1677 a,
.klinika-za-unutarnje-bolesti #menu-item-1678 a,
.zavod-za-rendgenologiju-ultrazvucnu-dijagnostiku-i-fizikalnu-terapiju #menu-item-1679 a,
.zavod-za-sudsko-i-upravno-veterinarstvo #menu-item-1680 a,
.zavod-za-veterinarsku-patologiju #menu-item-1681 a { background: #0c4da2 !important; color: #fff !important }

.article #usluge p { margin-bottom: 20px;  }
.category-znanstveni-laboratorij .date,
.category-istrazivacke-skupine .date,
.category-istaknuti-znanstveni-radovi .date { display: none }

.category-referada .side-menu li#menu-item-2107 ul  { display: block; }

.gridzyContainer { margin-bottom: 30px !important;  }

.pagination { clear: both; margin: 20px 0; font-size: 15px;  }
.pagination span { margin: 0 5px }
.pagination a { clear: both; background: #0c4da2;  padding: 15px 20px;  font-size: 15px; text-decoration: none;  color: #fff;  display: inline;  text-align: center; margin-right: 10px; border: 1px solid #0c4da2;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #0c4da2;  }
.pagination .current { clear: both; padding: 15px 20px;  font-size: 15px; text-decoration: none;  color: #000;  text-align: center;  margin-right: 10px; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pagination a:hover { text-decoration: none; background: #000; color: #fff; border-color: #000;  }

.gform_confirmation_wrapper  {     background: #dff2bf; color: #4f8a10; padding: 20px }
#main .gform_wrapper div.validation_error {   background: #ffbaba; color: #d8000c; border: none; font-weight: normal;  }
#main .gform_wrapper li.gfield.gfield_error,
.gform_wrapper .validation_message { border: none; background: none;   color: #d8000c !important; margin: 0; padding: 0 }

.search-list li { padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,.1) }
.search-list li h2 a {  color: #0c4da2; }
.search-list li h2 a:hover { text-decoration: underline;  }
.search-list li .excerpt { font-size: 15px;  }
.main-title em { color: #000 !important;  }

.note { background: rgba(12,77,162,.1); padding: 20px; color: #0c4da2; margin-bottom: 40px;  }
.note a { border-bottom: 1px solid #0c4da2; padding-bottom: 1px ;  }
.note a:hover { color: #000;  }

.news-row h2 { display: none }

.single-publikacije .dataTables_filter { float: none; clear: both; padding: 30px 0 }
.single-publikacije table.dataTable tbody th, 
.single-publikacije table.dataTable tbody td { font-size: 14px; line-height: 1.4em ;  }

.single-publikacije table.dataTable th { font-size: 14px; line-height: 1.2em;  }
.single-publikacije .dataTables_length { float: right;  }

.single-publikacije #menu-item-1948 ul,
.fakultetsko-vijece #menu-item-1760 a { display: block;  }
.fakultetsko-vijece #menu-item-1760 a {  color: #0c4da2;  }

/*
.side-menu li.current-fakultet-ancestor .dropdown-menu { display: block !important;  }
.current-fakultet-ancestor .current-fakultet-ancestor a { background: #0c4da2; color: #fff;  }

*/

.sjednice { border-bottom: 1px solid rgba(0,0,0,.1);padding-bottom: 30px; margin: -30px 0 30px  }
.sjednice h2 { color: #0c4da2; font-weight: bold; text-transform: uppercase; font-size: 20px; margin: 0 0 10px;  padding-top: 30px;   }
.sjednice table { width: 100%;  }
.sjednice table td {  border-bottom: 1px solid rgba(0,0,0,.1); font-size: 15px; padding: 4px;   }
.sjednice table td.date { width: 12%; font-size: 14px; }
.sjednice table td svg { width: 24px; fill: #0c4da2 }
.sjednice table td a:hover svg { fill: #000 }
.sjednice table td.document { width: 10px }

.sjednice ul { margin: 0 40px !important;  }
.sjednice li { list-style-type: disc  }
.sjednice li .date { font-size: 13px;  }
.sjednice li a { color: #0c4da2  }
.sjednice li a:hover { color: #000;  }

#menu-top-1 { display: none }



/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

.home nav.navbar-fixed-top ul { margin-top: 0; top:0 }

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 240px;
}

#sidebar-wrapper {
    background: rgba(12,77,162,1) !important;
    z-index: 1000;
    left: 240px;
    width: 0;
    height: 100%;
    margin-left: -240px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a1a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 240px;
}

#page-content-wrapper {
    width: 100%;
    padding-top: 70px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -240px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav { 
    position: absolute;
    top: 0;
    width: 240px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li { background: #0c4da2 !important; 
    position: relative; 
    line-height: 20px;
    display: inline-block; 
    width: 100%; 
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}


.sidebar-nav li a { display: block;  color: #fff;   border-bottom: 1px solid rgba(0,0,0,.2) !important; padding: 10px 15px;  text-transform: uppercase !important; font-size: 14px;  }
.sidebar-nav .dropdown-menu li a { font-weight: normal; padding: 10px 15px 10px 30px !important;  background-color: rgba(0,0,0,.2) !important;  color: rgba(256,256,256,.75) !important; font-size: 13px }
.sidebar-nav .dropdown-menu .dropdown-menu li a   { color: rgba(256,256,256,.5) !important; font-weight: normal !important; padding: 10px 15px 10px 45px !important;  background-color: rgba(0,0,0,.4) !important;  font-size: 12px;  }
.sidebar-nav .dropdown-menu.show .dropdown-menu.show a   {  background-color: rgba(0,0,0,.4) !important; text-transform: uppercase;  }
.sidebar-nav .dropdown-menu li a:hover { color: #fff !important;  }

.sidebar-nav #menu-item-1841 a,
.sidebar-nav #menu-item-1842 a,
.sidebar-nav #menu-item-1843 a,
.sidebar-nav #menu-item-3144 a { background-color: rgba(12,77,162,1) !important; background-size: 12px;  font-size: 13px }


.sidebar-nav #menu-item-1841 a,
.sidebar-nav #menu-item-1842 a,
.sidebar-nav #menu-item-1843 a,
.sidebar-nav #menu-item-3144 a { background: #f3f3ed  url(images/external.svg) no-repeat 95% 10px; background-size: 12px;  font-size: 13px }

.sidebar-nav #menu-item-1841 a:hover,
.sidebar-nav #menu-item-1842 a:hover,
.sidebar-nav #menu-item-1843 a:hover,
.sidebar-nav #menu-item-3144 a:hover { background:  rgba(12,77,162,.05)  url(images/external.svg) no-repeat 95% 10px !important; color: #fff !important; background-size: 14px !important; }



.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff !important;
    text-decoration: none;
    background-color: transparent;
}
.sidebar-nav > .sidebar-brand { }
.sidebar-nav > .sidebar-brand a { text-transform: none !important;  font-size: 14px; font-weight: normal;  text-align: center; display: block; padding-bottom: 20px;   }
.sidebar-nav > .sidebar-brand a strong { display: block; font-size: 20px; margin-top: 10px;   }
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: fixed;
  top: 20px;  
  z-index: 999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #c3d4ec
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
    background-color: #5e8acc;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
  background-color: #5e8acc;
}
.hamburger.is-closed:hover .hamb-middle {
  background-color:  #5e8acc;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: rgba(12,77,162,1);
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}



.imp-doc { background: #f3f3ed; padding: 20px 0  }
.imp-doc strong { font: 20px 'Markazi', serif; line-height: 1.6em;  display:block; margin: 5px 0 }
.imp-doc .row:last-child strong { margin-top: 15px;  }
.imp-doc a { width: 100%; padding: 20px 0; background: #fff; display: block; text-align: center; text-transform: uppercase; font-size: 13px; padding-left: 30px; margin-bottom: 10px;   }
.imp-doc a:hover { background: #0c4da2; color: #fff !important;  }
.imp-doc a:before { content: ''; background:  url(images/pdf-blue.svg) no-repeat 0; width: 24px; height: 24px; display: block ; position: absolute; margin-left: -10px    }
.imp-doc a:hover:before { background:  url(images/pdf.svg) no-repeat 0; }

.docs.list li { padding: 7px 10px;  }
.docs.list li a { color: #0c4da2; font-size: 15px;  }
.docs.list li a:hover { color: #000;  }

.pdf-icon:before { background: url(images/icon-pdf.svg) no-repeat; width: 20px; height: 20px; content: ''; display: inline-block; background-size: 20px; margin-right: 5px; position: relative; top: 4px;   }
.doc-icon:before { background: url(images/icon-doc.svg) no-repeat; width: 20px; height: 20px; content: ''; display: inline-block; background-size: 20px; margin-right: 5px; position: relative; top: 4px;   }
.xls-icon:before { background: url(images/icon-xls.svg) no-repeat; width: 20px; height: 20px; content: ''; display: inline-block; background-size: 20px; margin-right: 5px; position: relative; top: 4px;   }

.conf-banner a { height: 188px; background: url(images/eaeve-banner.jpg) no-repeat center; border-bottom: 1px solid rgba(256,256,256,.5); display: block; text-indent: -9999em }
.conf-banner img { display: none;  }
.conf-banner .container { width: 100%; padding: 0;  } 

#lang-menu  { display: inline;}
#lang-menu li { margin: 0 0 0 10px }
#lang-menu li.selected { display: none}
#lang-menu li a {  background: rgba(256,256,256,.1); padding: 2px 5px; border-radius: 3px }

.stotka .projekt {  border-bottom: 1px solid #ccc; padding: 30px 0; }
.stotka h2 {  cursor: pointer; margin: 0  }
.stotka .projekt-content { margin-top: 15px;  }
.stotka .projekt-content a { color: #0c4da2; text-decoration: underline;  }
.stotka .projekt-content a:hover  { color: #000;   }


.wl {  padding: 30px 0 30px; color: #000; position: fixed; width: 100%; bottom: 0; z-index: 10; background: #fff; border-top: 1px solid #ccc;    }
.wl img { }
.wl-text { margin-top: 17px; font-size: 13px; line-height: 1.2em  }
.wl-text a { text-decoration: underline }
.wl-text a:hover { color: #2e3192 }
.wl-text .btn { color: #000; font-weight: bold; text-decoration: none; color: #2e3192;   }
.wl-text .btn:hover {  color: #000; }
.wl-check a { cursor: pointer;  background: #0c4da2; display: block; color: #fff; text-transform: uppercase; padding: 20px 0; font-size: 16px; text-align: center; font-weight: 700;   }
.wl-check a:hover,
.wl-check a:focus  { background: #2e3192; color: #fff;  }
.wl-text .mob { display: none;  }

#fondation {  padding: 20px 0 50px; color: #000; border-bottom: 1px solid #ccc; margin-bottom: 30px;    }
#fondation .wl-text { margin-top: 17px; font-size: 14px; line-height: 1.2em  }
#fondation .wl-text a { text-decoration: underline }
#fondation .wl-text a:hover { color: #2e3192 }
#fondation .wl-text .btn { color: #2e3192 ; text-decoration: none !important;  }
#fondation .wl-text .btn:hover { color: #000; text-decoration: none !important;   }
#fondation .wl-text .mob { display: none;  }

#header .container { position: relative;  }
.logo-350 a { float: right; display: block; height: auto; margin-top: 40px; position: absolute; right: 0;    }
.logo-350 img { display: block; width: 170px;   height: auto ;  transition: all 400ms ease; -webkit-transition: all 400ms ease;  }
.logo-350 a:hover img { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); opacity: .5  }

.home .logo-350 a { margin-top: -105px;  }
.home .logo-350 img { width: 125px; }


.gdpr_content h4 { border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 10px; padding-bottom: 10px; font-size: 16px; color: #0c4da2;  }
.gdpr_content { margin-bottom: 100px;  }


#pojo-a11y-toolbar {  position: absolute }
#pojo-a11y-toolbar.pojo-a11y-toolbar-left { left: auto; right:-180px; -webkit-transition: right 750ms cubic-bezier(.23, 1, .32, 1); overflow: hidden  }
#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle { right: 180px; left: auto;  }
#pojo-a11y-toolbar.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open { left: auto; right: 0 }
.pojo-a11y-toolbar-left.pojo-a11y-.pojo-a11y-toolbar-open a { opacity: 1 !important }

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { background-color: #fff !important; opacity: .3  }
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover { opacity: 1 }
.pojo-a11y-toolbar-link.pojo-a11y-toolbar-toggle-link { width: 45px; height: 45px; ; background: url(images/eye.svg) no-repeat center; background-size: 30px;  }
.pojo-a11y-toolbar-link.pojo-a11y-toolbar-toggle-link svg { display: none }

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 1;
}  


.tml-lostpassword-link { display: none }
body.referada .menu-item-2107 ul  {  display: block }



.responsive-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.responsive-container iframe,
.responsive-container object,
.responsive-container embed,
.responsive-container video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wide-news-box { margin: 30px 0; border-bottom: 1px solid #ccc; padding: 30px 0 60px }
.wide-news-box:last-child { border: none }
.wide-news-box h2 { font: 60px 'Markazi Text'; margin-bottom: 20px;  }
.wide-news-box h2 a { color: #0c4da2 }
.wide-news-box h2 a:hover { color: #000;  }
.wide-news-box .blue-btn { position: static; margin-top: 30px; display: inline-block; padding: 10px 20px;   }
.wide-news-box .blue-btn:hover { background: #000; color: #fff;  }

.back-btn { margin-bottom: 40px;  }
.back-btn input { background: none; border: none;  }
.back-btn svg { margin-top: 3px; position: relative; top: 4px; width: 18px;  }
.back-btn input:hover { color: #0c4da2  }

.wide-post h1 { text-align: center; font-size: 60px !important; text-transform: none !important; border: none !important;  }
.wide-post h1:after { content: ''; display: block; border-bottom: 3px solid #0c4da2; width: 200px; margin: 30px auto 0;    }

.smotra-box { margin-bottom: 120px; padding-bottom: 60px; font-size: 18px; line-height: 1.6em; }
.smotra-box h2 { font: 50px 'Markazi Text';  color: #0c4da2; line-height: 1em;    }
.smotra-box .smotra-title { margin-top: 50px;  }
.smotra-box .smotra-subtitle { font: 35px 'Markazi Text';  }
.smotra-title:after { display: block; content: ''; border-bottom: 1px solid #ccc; width: 200px; margin: 20px 0 }
.smotra-box:last-child { margin: 0; border: none }

.smotra-desc { margin: 30px 0;   }

.smotra-doc a { display: flex; position: relative; font-size: 16px;   justify-content: center;  width: 250px; margin: 0 auto; padding: 15px 0; color: #0c4da2; border: 1px solid #0c4da2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.smotra-doc a:hover { opacity: 0.8; background: #0c4da2; color: #fff }

.smotra-content-list ul { margin-bottom: 60px !important;  }
.smotra-content-list li { font-size: 18px; margin-bottom: 10px;  }

.smotra .content h2  { color: #0c4da2; font: 30px 'Markazi Text'; }







/* responsive */


@media(min-width: 993px) {
    .news-row .col-md-2 { width: 20%; padding: 0 2px;   }
}


@media(max-width: 1600px) {

.program-content { padding: 40px 0 20px 40px !important }

  }

@media(max-width: 1300px) { 

.hamburger { z-index: 1000; left: auto; right: 20px; margin: 0; position: fixed;   }

}


@media(max-width: 1200px) { 

.container { width: 95%   } 
#footer .logo { width: 100px;  } 
.top-holder .menu { display: none }
.side-news ul li:last-child { display: none }

.offer-box { font-size: 16px;  }
.home-faq { margin: 40px; border-top: 3px solid #f3f3ed }
.home-faq .entry-lead { padding-top: 40px;  }

#tab-holder.zavodi-tabs .tabs li a {     padding: 10px 0; width: 20% }

}

@media(max-width: 992px) { 

.container { width: 800px; padding: 0 15px ;  }

#header .logo { top: 5px;  }
#header .logo img { width: 80px;  }
#header .logo strong { top: -15px }

.top-nav { display: none }
.home #header .logo { top: 5px;  }
.nav { float: none; margin-top: 45px;  }
.nav li { margin: 0 15px;  }
.nav li:last-child { margin-right: 0;  }
.nav li a { padding: 15px 10px;  }
.hero { background-position: 80% center }
.hero li a {  }

.hero li.page-item-8 a,
.hero li.page-item-10 a { padding: 32px 0; display: block;  }

.side-news { margin-top: 30px;  } 
.side-news ul li { min-height: 90px; padding-right: 10px; }
.side-news ul li:last-child { display: block; border-bottom: 1px solid rgba(0,0,0,.1) }

.program-banner .program-image { height: 400px }
.program-content h2 { text-align: center; margin-bottom: 15px; font-size: 30px;   }
.program-content ol { padding: 0; font-size: 16px; margin: 20px  }
.program-content li { text-align: left; margin: 0 0 10px  }
.program-content li br { display: none;  }
.program-content a { margin: 30px auto 20px; ;  }
  

#services { padding: 30px 0 0 }
#services .img {  margin-bottom: 15px;  }
#services .offer-box { margin-bottom: 30px;  }
#services .section-title { margin-bottom: 30px }
#services .home-faq { margin: 15px 20% 0 }


#quality { padding: 0 0 30px }
#quality .logos img { margin: 0 auto;  }
#quality .col-md-5 { margin: 30px 0 30px }
#quality .survey { border: none; }
#quality .survey svg { margin-bottom: 20px;  }

#footer { padding: 30px 0 0 }
#footer .footer-logos { text-align: center; margin-bottom: 30px;  }
#footer .footer-logos img { margin: 0 30px; width: 120px;  }
#footer .col-md-4 li { text-align: center;  }

#footer .footer-about { text-align: center; width: 30%; margin: 0 auto 00px; font-size: 15px; padding-top: 30px;    }
#footer .col-sm-12 {  clear: both;  }
#footer svg { width: 30px !important }


#news-holder { padding: 30px 0 0 }
.news-row { padding: }
.news-row .col-sm-4 { margin: 0 0 30px; padding: 0 5px  }
.news-row h2 { font: 30px 'Markazi Text', serif; text-transform: uppercase;  color: #0c4da2; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 14px;  }

#main .study-offer { height: auto;  }
#main .study-offer .content { padding: 20px;  }  
#main .study-offer .more a { position: static;  }
#main .study-offer h2,
#main .study-offer h2 span  { display: block; }
#main .study-offer h2 span  { padding-top: 150px;  }

.link-box svg { margin-bottom: 10px;  }
.link-box a { border-bottom: 1px solid #fff; ;  }

#tab-holder { margin-top: 0 }

.aside { padding-right: 0 }

.program-banner.narrow, .program-banner.narrow .program-image { height: auto !important }
.content-wrapper, .aside-wrapper { float: none;  }

.program-banner { display: block;   height: auto; min-height: auto; margin-top: 30px;    }
.program-banner>div {  justify-content: center; display: block;     }
.program-banner .program-image { background: url(images/program.jpg) no-repeat; min-height: 300px; background-position: 50% 0   }
.program-banner .wrapper { margin: 0 auto; padding: 0; min-height: 300px; display: flex; flex-direction: column; justify-content: center;   }
  

}

@media(max-width: 766px) {

.container { width: 100% !important;   }
#main .content { font-size: 15px;  }  
.home #header .logo { width: auto; top: 3px;   }
.home #header .logo img { width: 90px !important; margin: 0 3px;  }
.home #header strong { margin: 0 0 0 10px; top: -18px; font-size: 15px; font-weight: normal !important ;  }
.home #header strong span { font-size: 30px;  }
#header .logo strong span { font-size: 20px;  }
#header .logo { width: auto;  }
.hr #header .logo { margin-top: 15px;  }
.home #header .logo .logo-100 { width: 60% !important }

.nav { margin: 0;  }
.navbar-default,
.navbar { background: none; position: static; height: auto; min-height: auto;  }
.navbar-default .navbar-collapse, .navbar-default .navbar-form,
.navbar,
.navbar-collapse { box-shadow: none; border: none; }

.navbar-collapse { position: fixed; background: #0c4da2 ;  z-index: 10; width: 100%; height: 100%; margin: 0 -15px; overflow-y: auto; overflow-x: hidden; }

#top-nav { display: none;  }
.nav-holder { margin: 0;  }

#header {  padding: 0px 0 0; height: 100px; position: relative;   }

#header .container { margin-bottom: 20px; min-height: auto;  }
.navbar-toggle { top: 40px; border-radius: 0; position: absolute; right: 0px   }
.navbar-default .navbar-toggle {  background: inherit !important;  } 
.navbar-default .navbar-toggle .icon-bar { background: #fff;  }


.caret:after { top: -19px; right: 9px;  }
.navbar-collapse { text-align: right;   padding: 0  }

.nav li { float: none; display: block; border: none; margin: 0; padding: 0; border-bottom: 1px solid rgba(0,0,0,.1);  }
#nav li.menu-item-has-children { padding-right: 20px;   }
#nav li a { text-transform: uppercase; padding: 10px 15px; display: block; font-size: 15px; float: none;  }
#nav li li a { border-top: 0; font-size: 14px; padding-right: 20px  }
#nav li ul { position: static !important; border: none; box-shadow: none;  border-radius: 0; width: 100%; margin: 0; padding: 0;   }


.hero ul { margin-top: 280px;  }
.hero li  { width: 50%; float: left; padding: 15px;   }
.hero li a { padding: 32px 0 }

.home-faq a { width: auto;  }

.news-row .col-sm-4 { min-height: 350px;   }
.news-row .col-sm-4:last-child { display: none;  }

#main { padding: 15px 0 0;  }

.aside li a { padding: 7px 5px !important }
.aside li .dropdown-menu a { padding: 7px 15px !important }
.aside { padding-right: 0; margin-bottom: 20px;  }

.offer-box h3, #main h1 { padding-bottom: 5px;  }

.postid-3220 .separation { margin: 0 }
.separation { padding: 15px;  }
.separation li { padding: 7px 15px; font-size: 15px;  }
.separation li li a { font-size: 15px;  }

.pdf-link a {  background: none; padding: 0; border: none; margin-left: 25px; display: inline-block; line-height: 1.5em; font-size: 14px;  }
.pdf-link a:before { background: url(images/pdf-blue.svg) no-repeat; content: ''; width: 20px; height: 20px; display: inline-block; position: absolute;  left: 15px; margin-top: -1px   }

#menu-top-1 { display: block } 
.offer-box { margin-bottom: 30px;  }


/*nav */

.overlay { display: none !important; }
#wrapper.toggled { padding: 0; margin: 0; position:relative;  width: 100%; height: 100%;  overflow-y: auto; overflow-x: hidden; z-index: 10 }
.hamburger { top: 20px; z-index: 1000; position: absolute  }
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { background: #fff;  } 
#sidebar-wrapper { background: none !important; left: auto; margin: 0;  }
#wrapper.toggled #sidebar-wrapper,

.sidebar-nav { width: auto !important; position: fixed; height: 100%; width: 100%; bottom: 0 !important; top: 0; left: 0; right: 0;  background: #0c4da2; z-index: 10; overflow-y: scroll  }  
.sidebar-nav > .sidebar-brand a { text-align: left }

.conf-banner a { background: none !important; height: auto !important  }
.conf-banner .container { padding: 0 }
.conf-banner img { display: block !important;  }

.logo-350 a  { right: 15px !important;  }
.home .logo-350  { display: none }

#menu-top-engleski.menu { display: none !important }

.aside { display: none;  }

}





@media(max-width: 480px) {


.container {  padding: 0 15px ; font-size: 15px;   }
.content.text .alignright-image { float: none; width: 100% ; height: auto; margin: 0 0 20px 0  }

.home #header .logo { top: 8px; height: auto; clear: both; float: none  }
.home #header  { height: 120px }
.home #header .logo .logo-100 { width: 95% !important; margin-top: 11px }
.hr.home #header .logo { top: 0 !important }

.hr #header .logo strong span { margin-top: 5px; }
.hr #header strong { margin-top: -20px; display: inline-block; }

.nav { display: block !important;   }

.hero { height: 400px;  }
.hero ul { margin-top: 70px;  }
.hero li { width: 75%; padding: 0; min-height: auto; float: none; margin: 0 auto 10px;  }
.hero li.page-item-8 a, 
.hero li.page-item-10 a,
.hero li a { padding: 15px 0 !important; font-weight: normal; font-size: 14px;  }

.side-news ul li { width: 100% }

.news-row .entry-meta { margin: 0;  }
.news-row .cat { display: none;  }
.news-row .img { margin-bottom: 10px;  }

.program-banner .program-image { height: 200px;  }
.program-content a { width: 100%;  }

#nav li a { padding: 5px 15px; font-size: 13px;  }
.navbar-collapse {   }

#footer .footer-logos img { width: 90px;  }

.navbar-toggle { right: auto; left: 15px !important; top: 125px; z-index: 100 }

.program-content { padding: 30px !important;  }

#services .home-faq { margin: 0 20px }
.home-faq a svg { display: none;  }

#footer .footer-about {  width: 50%;  }
#footer .end { text-align: center;   }
#footer .web a { display: block; float: none; text-align: center; margin: 10px 0 0  }


.section-title,
.featured-news h1 { font-size: 35px; line-height: 1em }

.offer-box h3,
#main h1 { font-size: 30px; line-height: 1em;   }
.news-row .col-sm-4 { min-height: auto;  }
#main .content img { display: block;  }

#footer .footer-about { width: 100%;  }
.side-news ul li { min-height: auto;  }
#tab-holder.zavodi-tabs .tabs li a { float: none; text-align: left; padding: 10px 20px; width: 100% }

.top-nav,
.top-holder .menu { display: block !important;  }
#lang-menu li.selected { display: inline-block !important;  }
#lang-menu li.selected a { background: rgba(256,256,256,1) }


.top-nav { background: #000; float: none; top: -40px; padding: 10px; left: 0; right: 0; margin: 0px; position: absolute; z-index: 1; padding-right: 80px   }

#lang-menu { float: right }
#lang-menu li { font-size: 16px; }
#lang-menu li a {  margin-left: 15px }
.search-wrapper { position: absolute;   right: 100px  }
.top-holder { position: relative; display: block;  }
.search-holder input { width: 250px;  margin: 4px 40px 0 0;  }

.hamburger { top: 7px;  }


#menu-top,
.user-login { display: none !important }

#header { margin-top: 40px;  }

#pojo-a11y-toolbar  { display: none }

.smotra-box img { display: block; margin: 0 auto; }
.smotra-box .smotra-title { margin-top: 20px !important;  }
.smotra-box { margin: 0 0 20px !important }
.wide-news-box h2 { margin: 20px 0 !important; line-height: 1em !important; font-size: 45px !important; }
.wide-news-box h2 a  {   min-height: auto; line-height: auto !important;  }

.wide-news-box { border: none !important; margin: 0 0 60px !important; padding: 0 !important }

#main .study-offer h2 span  { display: flex; align-items: center;   justify-content: center; padding: unset; height: auto; min-height: 315px;  font-size: 30px; color: #fff;   }
#main .study-offer h2 a   {    margin: 0 -15px; color: #fff;   }

.home #news-holder { padding: 0 !important }

.news-row .col-sm-4 { min-height: 280px; margin: 0  }
.banner { margin: 030px 0 }

.news-row h2 { display: block }
.news-front h2 { display: none }

 }


@media(max-width: 420px) {  


#header .logo strong { top: 0;  }
#header .logo strong span {   }
#header .logo img { width: 50px; margin: 0 10px 0 0; display: inline-block;   }
.navbar-toggle { top: 40px; right: 0px !important; left: auto !important;  }

.hr #header .logo strong { top: -5px; margin-left: 5px  }

}

.el-login { text-align: center; margin-top: 30px;  }
.el-login .blue-btn { color: #fff !important; margin: 0 auto !important; width: 75%;  }


.el-login .blue-btn.icon-btn { margin-bottom: 60px !important; display: block; text-transform: none; font-size: 16px;  padding: 20px 60px; font-weight: 300  }
.icon-btn svg { width: 30px; margin: 0 30px 0 -10px; fill: #fff; position: absolute; left: 50px;    }
.el-login .blue-btn.icon-btn:hover { text-decoration: none !important; opacity: .8 }
.icon-btn:hover svg { top: 25px;  }

.cat-desc { margin-bottom: 30px }  
.cat-desc ul { margin: 0 20px; list-style-type: disc }

.urkaps .menu-item-15891 ul { display: block;  }
.urkaps .menu-item-15891 li.menu-item-15890 a {  background: #0c4da2 !important; color : #fff;   }