.container {
    padding-right: 30px;
    padding-left: 30px;
}
/* PAGINATION */
.pagination {
    display: table;
    margin: 20px auto;
    position: relative;
    clear: both;
}
.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
    color: #fff;
    text-decoration:none;
}

.pagination li {
    display: inline;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
    background-color: #6FB7E9;
    border-radius: 0px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.pagination li a:hover,
.pagination li.active a {
    background-color: #3C8DC5;
}
.side-box.left[style] {
    min-height: 103vh!important;
}

/* MAIN NAVIGATION */
nav#main-navigation {
    background-color: #bcddff;
    /*margin-top: 15px !important;*/
}
#mega-menu-wrap-main-menu{
    float: left;
}
#main-navigation ul#menu-main-menu {
    list-style: none;
    -webkit-padding-start: 0px;
}
#main-navigation ul#menu-main-menu li {
    display: inline-block;
    text-transform: uppercase;
    padding: 15px 20px 7px 20px;
}
#mega-menu-wrap-main-menu{
    background: #BCDDFF !important;
    background-color:  #BCDDFF !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a:focus {
    background: transparent !important;
    color: #306BE0 !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a:focus{
    text-decoration: underline;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{
    color: #337ab7 !important;
}
#mega-menu-wrap-main_menu,
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:focus{
    background: #BCDDFF !important;
    background-color:  #BCDDFF !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{
    background: #BCDDFF !important;
    background-color:  #BCDDFF !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu{
    width: 240px !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #BCDDFF !important;
}
/* FEATURED POST*/
#featured-post{
	/*margin-bottom: 35px;*/
    margin-top: 30px;
    background-color: #e9e9e9;
    padding-right: 20px;
}
#featured-post .media{
	/*background-color: #e9e9e9;*/
}
#featured-post .media-left{
	padding-right: 20px;
}
#featured-post .media-body {
    padding-top: 20px;
    /*padding-right: 15px;*/
}
#featured-post h2.media-heading {
    font-weight: bold;
    /* letter-spacing: 0px; */
    text-align: left;
        color: black;
}
#home-main,
#category,
#page,
#advanced-search,
#ohr-archive,
#single{
    margin-top: 35px;
}
.page-header {
    margin: 0px 0 20px !important;
}
#main-container-home .media{
    margin-bottom: 30px;
}
#main-container-home .media:last-child{
    margin-bottom: 0 !important;
}
/* SIDEBAR */

.sidebar-no-border ul li{
    border: 0 !important;
    padding-bottom: 20px !important;
    padding-top: 0 !important;
}
.sidebar-no-border .sidebar .left,
.sidebar-no-border .sidebar .right{
    /*height: 1052px;*/
}
#category .sidebar .left,
#category .sidebar .right{
    height: auto;
    padding-bottom: 100px;
}
.sidebar ul{
	list-style: none;
	padding: 0;
}
.sidebar ul li{
	padding-bottom: 25px;
}
.sidebar ul li:first-child{
    padding-top: 10px;
}
.sidebar ul li:last-child{
	padding-bottom: 10px;
}
.sidebar ul li a{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
.sidebar ul li a:hover{
	color: white;
	text-decoration: underline;
	font-weight: bold;
}
#right-sidebar ul li a{
	color: #306be0;
}
#left-sidebar ul li:nth-child(6){
	border-bottom: 1px white solid;
	padding-bottom: 30px;
}
#left-sidebar ul li:nth-child(7){
	padding-top: 30px;
}
#left-sidebar ul li:nth-child(9){
	border-bottom: 1px white solid;
	/*padding-bottom: 30px;*/
}
#left-sidebar ul li:nth-child(10){
	padding-top: 30px;
}
#right-sidebar ul li:nth-child(4){
	border-bottom: 1px white solid;
	padding-bottom: 30px;
}
#right-sidebar ul li:nth-child(5){
	padding-top: 30px;
}
#right-sidebar ul li:nth-child(7){
	border-bottom: 1px white solid;
	padding-bottom: 30px;
}
#right-sidebar ul li:nth-child(8){
	padding-top: 30px;
}
#sidebar-biography .media-body{
	display: block;
	width: 100%;
	text-align: center;
	padding: 5px 0 20px 0;
}
#sidebar-biography .media-body h5{
	margin-bottom: 0;
	margin-top: 0;
}
#sidebar-biography .sidebar-biograohy-image{
	min-width: 270px;
    width: 100%;
}
#sidebar-biography {
    border-bottom: 1px solid white;
}
.side-box {
    padding: 15px 15px;
}
.side-box.left{
	background-color: #306be0;
    /*padding-bottom: 70%;*/
}
.side-box.left-superlight{
    background-color: #ECF5FF;
    /*padding-bottom: 70%;*/
}
.side-box.right{
	background-color: #bcddff;
    /*padding-bottom: 33%;*/
}
#home .sidebar .right,
#home .sidebar .left {
    /*height: 1052px;*/
}
#sidebar-komunike-zahtjevi .btn {
    border-radius: 0;
    border: 0;
    margin: 0 auto;
    float: none;
    display: block;
    width: 90%;
    padding: 15px 0px;
    color: white;
    font-weight: bold;
    background-color: #f26522;
}
#sidebar-komunike-zahtjevi {
    border-bottom: 1px white solid;
    padding-bottom: 10px;
    margin-top: 25px;
}
.menu-right-menu-small-container {
    padding-top: 15px;
}
#mc_embed_signup label {
    display: block;
    font-size: 14px !important;
    padding-bottom: 10px;
    font-weight: bold !important;
    /* text-align: center; */
    color: white !important;
    text-transform: uppercase;
    font-weight: normal !important;
}
#mc_embed_signup {
    background: transparent !important;
    clear: left;
    margin-top: 25px;
    font: 14px Helvetica,Arial,sans-serif;
}
#mc_embed_signup input.email {
    display: block;
    padding: 8px 0;
    margin: 0 0 10px 0 !important;
    text-indent: 5px;
    width: 100% !important;
}
#mc_embed_signup  #mce-EMAIL::-webkit-input-placeholder {
    color: #306be0;
}
#mc_embed_signup  #mce-EMAIL:-moz-placeholder {
    /* FF 4-18 */
    color: #306be0;
}
#mc_embed_signup  #mce-EMAIL::-moz-placeholder {
    /* FF 19+ */
    color: #306be0;
}
#mc_embed_signup  #mce-EMAIL:-ms-input-placeholder {
    /* IE 10+ */
    color: #306be0;
}
#mc_embed_signup input#mc-embedded-subscribe {
    background-color: transparent !important;
    border: 2px solid white !important;
    padding: 0px 0px 32px 0px !important;
    border-radius: 0 !important;
    width: 100% !important;
    font-weight: normal !important;
    text-transform: uppercase;
}
#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
     padding: 0 !important;
}
/* HEADER */
#header-background{
    position: absolute;
    top: 0;
    left: 0;
}
header#masthead {
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 181px;
    color: white;
    width: 100%;
    position: relative;
}
a#logo img{
	margin-top: 38px;
}
header ul#menu-lang-menu {
    float: right;
}
header li#search-bar, li#lang-navigation {
    list-style: none;
    width: 100%;
    float: right;
}
header div#search-input {
    float: right;
    /* width: 100%; */
}
header li#lang-navigation ul li {
    list-style: none;
    display: inline-block;
    background-color: #4A4A4A;
}
header li#lang-navigation ul li a{
    color: white;
    padding: 0px 10px;
}
header div#search-input {
    float: right;
    /* width: 100%; */
}
header li#search-input {
	display: inline;
	list-style: none;
 }
header li#search-bar {
    margin-top: 90px;
}
#search-input .input-group-addon {
    padding: 22px 22px;
    font-size: 24px;
    font-weight: 400;
    width: auto;
    line-height: 0;
    color: white;
    text-align: center;
    background-color: #306BE0;
    border: 0 !important;
    border-radius: 4px;
    border-radius: 0;
}
#search-input input {
    height: 44px;
    width: 220px;
    position: relative;
    top: 2px;
    font-size: 14px;
    padding-left: 15px;
    background: #6590e6;
    opacity: 0.7;
    color: white;
    border: 0;
    box-shadow: none;
    border-color: none;
    webkit-box-shadow: none;
    border-radius: 0;
}
#search-input input::-webkit-input-placeholder {
    color: white;
}
#search-input input:-moz-placeholder {
    /* FF 4-18 */
    color: white;
}
#search-input input::-moz-placeholder {
    /* FF 19+ */
    color: white;
}
#search-input input:-ms-input-placeholder {
    /* IE 10+ */
    color: white;
}




/* MAIN CONTENT */
#margina {
	margin-bottom: 10px;
}

div#content {
    padding: 0;
}
.date-publish{
    color: #8a8a8a;
    margin-bottom: 0px;
    display: block;
}
div#featured-post .media-body article.text-content {
    text-align: justify;
}
#right-sidebar input#mc-embedded-subscribe {
    background-color: #306BE0 !important;
    /* border: 0 !important; */
    border-color: #306BE0 !important;
}
.custom-button{
	border-radius: 0;
	background-color: white;
	color: #306be0;
	width: 100%;
}
h4.tw-header {
    color: #306BE0;
    margin-top: 45px;
    text-align: center;
}
span.twetter-text {
    font-size: 120%;
}
.custom-button:hover{
	color: #306be0;
}
.last-news-read-more{
	background-color: #306be0;
	border-radius: 0;
	padding: 10px 30px;
	text-transform: uppercase;
	color: white;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
}
.last-news-read-more:hover,
.last-news-read-more:active,
.last-news-read-more:focus,
.last-news-read-more:active:focus{
	background-color: #487CE2;
	color: white;
}
.title-uppercase{
	text-transform: uppercase;
}
.orange{
	color: #f26522;
}
.no-margin-top{
	margin-top: 0;
    padding-left: 15px;
}
#main-container-home .media h4{
	color: black;
	font-weight: bold;
}

/* FOOTER */
footer#footer {
    background-color: #306BE0;
    margin-top: 25px;
}
a#logo-footer img {
    width: 100%;
    margin-top: 35px;
}
.contact-info-box-right aside.widget_text {
    float: right;
    margin-top: 35px;
    color: white;
}
article#contact-information {
    border-bottom: 1px solid white;
    padding-bottom: 20px;
}
article#copyright {
    color: white;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
#footer-navigation .widget_nav_menu ul li{
	list-style: none;
}
#footer-navigation .widget_nav_menu ul li a{
	color: white;
}
article#footer-navigation ul {
    padding-left: 0;
}
article#footer-navigation{
	margin-top: 30px;
	position: relative;
}
.menu-footer-2col-en-container,
.menu-footer-2col-bs-container,
.menu-footer-2col-hr-container,
.menu-footer-2col-sr-container{
	position: absolute;
    width: 100%;
    top: 60px;
}
.menu-footer-3col-en-container,
.menu-footer-3col-bs-container,
.menu-footer-3col-hr-container,
.menu-footer-3col-sr-container{
    position: absolute;
    top: 80px;
}
.menu-footer-4col-bs-container{
    position: absolute;
    top: 100px;
}
.footer-search-box #search-input {
    position: absolute;
    top: 0;
    right: 0;
}
.footer-search-box #search-input input {
    height: 44px;
    width: 220px;
}
.footer-search-box #search-input input {
    height: 44px;
    width: 505px;
}

/* SINGLE */
#single{
	margin-top:35px;
}
#single .entry-title{
	font-size: 20px;
    margin-bottom: 40px;
	text-align: justify;
	font-weight: bold;
    display: inline-block;
}
#single span.date-publish {
    margin-top: 0px;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
}
#single .entry-content{
	text-align: justify;
    line-height: 25px;
}
img.attachment-single-image.wp-post-image {
    width: 100%;
    height: 100%;
}

/* CATEGORY */
#page .media,
#category .media {
    margin-bottom: 40px;
}
#category .media-body a h4.media-heading{
    color: black;
    margin-bottom: 15px;
}
/* 404 error */
section.error-404.not-found {
    text-align: center;
}
section.error-404.not-found .search-input-box-small,
section.error-404.not-found #search-input{
    margin: 0 auto;
}
/* AUDIO/VIDEO PAGE */
.audio-video .thumbnail {
    border: none;
}
.audio-video .thumbnail .caption {
    padding: 0;
    height: 48px;
}
.audio-video .thumbnail .caption h4 {
    margin: 10px 0 5px 0;
    line-height: 16px;
    font-size: 14px;
}
/* FOTO ALBUM PAGE*/
.image-container-slider-other img {
    width: 100%;
    height: 200px !important;
}


.big-space{
    height: 30px;
}

.featured-image-container{
    position: relative;
}
.featured-image-description{
    position: absolute;
    bottom: 0;
    left: 10px;
    background-color: #737373;
    font-size: 90%;
    color: white;
    padding: 2px 10px;
}

/* galerija */

.article-content div {

/* width: 100% !important; */

}

#gallery section.img {

position: relative;

}

.bx-wrapper {

position: relative;

margin: 0 auto 5px !important;

padding: 0;

}

.bx-wrapper .bx-viewport {

-webkit-transform: translatez(0);

-moz-transform: translatez(0);

-ms-transform: translatez(0);

-o-transform: translatez(0);

transform: translatez(0);

}

.bx-wrapper ol, .bx-wrapper ul {

list-style: none;

}

.thumbnails {

overflow: hidden;

margin-bottom: 0.5rem;

text-align: center;

position: relative;

height: 120px;

padding: 1px 0;

background-color: #F8F7F6;

}

.thumbnails .nav a.previous {

left: 0;

opacity: 1;

}

.thumbnails .nav a {

background-color: #087dc2;

width: 44px;

height: 44px;

position: absolute;

top: 24%;

z-index: 10;

}

.thumbnails .nav a.next {

right: 0;

opacity: 1;

}

.thumbnails .nav a.previous img {

-moz-transform: rotate(-90deg);

-webkit-transform: rotate(-90deg);

-o-transform: rotate(-90deg);

-ms-transform: rotate(-90deg);

transform: rotate(-90deg);

}

.thumbnails .nav a.next img {

-moz-transform: rotate(90deg);

-webkit-transform: rotate(90deg);

-o-transform: rotate(90deg);

-ms-transform: rotate(90deg);

transform: rotate(90deg);

}

.thumbnails ul {

overflow: auto;

width: 600px;

}

.thumbnails li {

float: left;

width: 10%;

margin-right: 1px;

min-width: 120px;

list-style: none;

}

#gallery .nav{
    height: 0 !important;
}
.bx-viewport{
  /*height: 0 !important;*/
}
.slider-gallery-hide{
  display: none !important;
}
.alignnone{
    max-width: 100%;
    height: auto;
}
.ohr-predstavnici tr{
    background: transparent !important;
}
.tos-caption{
    display: none;
}
.media.subfiles-media {
    margin-bottom: 0 !important;
    margin-top: 0;
}
span.fileshare-title {
    display: inline-block;
}
a.btn.fileshare-button {
    background-color: white;
    border-radius: 0;
    /* margin-top: 10px; */
    margin: 0 auto;
    margin-top: 10px;
    display: block;
}

#HR-and-his-deputies p {
    margin: 0 !important;
}

/*social share buttons*/
.social-share-button{
    margin-top: -5px;
}
span.csbuttons-count {
    background-color: #e9e9e9;
    height: 25px;
    /* line-height: 0; */
    padding: 4px 10px;
    margin-top: 0px;
    display: inline-block;
}
article.news-above {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
span.news-information {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 10px;
}
span.social-share-box {
    display: inline-block;
    width: 100%;
    float: right;
    text-align: right;
}
/* sort filter */
form#order-sort {
    margin-bottom: 25px;
    margin-top: 20px;
    display: ;
    width: 100%;
    text-align: right;
}
#order-sort input[type="submit"] {
    background-color: #306BE0;
    border: 1px solid #306BE0;
    color: white;
    padding: 4px 30px;
}
#order-sort select {
    padding: 5px 2px;
}
.menu-ohr-fileshare-container {
    float: left;
    padding: 10px 10px 0 0;
    margin-left: -35px;
    color: #306BE0 !important;
}
.menu-ohr-fileshare-container ul{
    list-style: none;
}
.menu-ohr-fileshare-container ul li a{
    color: #306BE0 !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-child {
    display: none !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-child a {
    color: #BCDDFF !important;
}


/*  RESPONSIVE MENU */

#wpadminbar {
    position: fixed;
    top: 0;
    left: 0;
}
#responsive-menu.admin-bar-showing {
    padding-top: 46px !important;
}
div#click-menu {
    position: fixed;
    top: 10px;
    right: 5px;
    background: #8badcc !important;
    border-radius: 2px;
    box-shadow: 0px 0px 0px 1px #8BADCC;
    margin-top: 0 !important;
}
#click-menu.admin-bar-showing {
    margin-top: 40px !important;
}
div#responsive-menu {
    padding-top: 0 !important;
    position: fixed;
}
div#responsive-menu-title {
    display: none;
}
div#rm-additional-content .menu-lang-menu-container ul li {
    display: inline-block;
    padding: 6px 10px;
    background-color: #4A4A4A;
    color: white;
    width: 32%;
    text-align: center;
}
div#rm-additional-content .menu-lang-menu-container ul li a{
    color: white;
}
div#rm-additional-content .menu-lang-menu-container ul{
    padding:0;
}
#responsive-menu article#search-bar {
    display: table;
    margin: 0 auto;
}
#responsive-menu button#searchsubmit {
    width: 27% !important;
}
#responsive-menu input#s {
    width: 71% !important;
}
#responsive-menu #search-input .input-group-addon {
    margin-top: -1px;
}


/* RESPONSIVE SIDEBAR */
.responsive-side-box-home{
    background: #bcddff;
    min-height: auto !important;
}
.responsive-side-box-other{
    background: #bcddff;
    min-height: auto !important;
}

/* ohr arhiva */
li.ohr_archive_bold {
    font-weight: bold;
}

li.ohr_archive_bold ul {
    font-weight: normal;
}

/* video archive */
span.video-archive-info {
    color: #5F5F5F;
    margin-left: 15px;
    font-style: italic;
}
.media-heading.video-archive-title{
    font-size: 15px;
    line-height: 19px;
}
div#last-news-banner {
    margin-top: 15px;
    margin-bottom: -20px;
}
.wp_bannerize.Last.News img{
    width: 100%;
}
.arve-wrapper {
    display: block;
    margin: 0 auto;
}
iframe{
    display: block;
    margin: 0 auto;
}
.print-icon{
    cursor: pointer;
}

/* bootstrap forms */
.checkbox, .radio {
    position: relative;
    display: block;
     margin-top: 0px;
     margin-bottom: 0px;
}
#request_interview_other_input{
    display: none;
}
.btn-ohr{
    color: #fff;
    background-color: #306BE0 !important;
    border-color: #507EA7 !important;
}
form#interview_bids label.error{
	color: red;
    font-size: 10px;
    font-style: italic;
    line-height: 12px;
}
form#interview_bids .required.error{
	background: rgba(255,0,0,0.08);
}
.foto-gallery .thumbnail .caption {
    padding: 5px;
    position: absolute;
    bottom: 0;
    background: #CECECE;
    height: auto;
    width: 98%;
}
.foto-gallery span.date-publish {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    background: #CECECE;
    color: black;
}
.foto-gallery .thumbnail .caption h4 {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    color: black;
}
#google-interview-form{
    width: 100%;
}
#google-interview-form .freebirdFormviewerViewFormBanner {
    height: 101px !important;
}
.freebirdFormviewerViewFormCard:first-of-type {
    margin-top: -277px !important;
}
.main-side-container .form-group{
    display: inline-flex;
    /*margin-right: 7%;*/
}
.form-group input{
    margin-right: 3px;
    margin-left: 10px;

}
.label-for-categories{
    float: left;
    display: block;
    width: 100%;
    text-align: left;
}
#category .no-results,
#category #search-bar{
    text-align: center;
    display: inline-block;
}