/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
  max-width: 100%;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}





/* MAIN CSS */
.home-news-tlink {
    color: #23242e;
}
.home-news-tlink:hover {
    color: #23242e;
}
input {
    outline: 0 !important;
}
.container {
    padding: 0px;
}
.langue-box {
    display: inline-block;
    padding-left: 10px;
    z-index: 2;
    position: relative;
    margin-left: 20px;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.ntsans {
  font-family: 'Noto Sans', sans-serif;
}
.ntserif {
  font-family: 'Noto Serif', serif;
}
a {
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  text-decoration: none !important;
}
main {
    float: left;
    width: 100%;
}
.full-container {
    margin: 0 auto;
    float: left;
    width: 100%;
}
.left-navbox h1 {
    margin-top: 16px;
    font-size: 20px;
    color: #0b4596;
    font-weight: bold;
    font-style: italic;
}
.logo {
    display: block;
    padding: 25px 0px;
}
.logo img {
    height: 62px;
    float: left;
    padding-right: 10px;
}
.navbar {
    margin-bottom: 0px;
    border: 0px;
}
.navbar-nav {
    margin: 0px;
}
.pagination-div {
  float: left;
}
.collapse.navbar-collapse.navHeaderCollapse {
    padding-left: 0px;
    padding-right: 0px;
}
.navigation-box li {
    float: left;
}
.navigation-box {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.menu-item a {
    padding: 15px 41px !important; 
    display: block;
    text-decoration: none !important;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
}
.current_page_item {
    background: #0b4596;
}
.current_page_item > a {
    color: #fff !important;
    border-bottom: 1px solid transparent !important;
}
.current-menu-parent {
    background: #fafafb;
    color: #0b4596;
}
.current-menu-parent a {
    color: #0b4596;
}
.menu-item a:hover {
    background: #fafafb !important;
    color: #0b4596;
}
.navbar-toggle {
    background: #24232f;
    z-index: 9999999;
}
.navbar-toggle span {
    background: #fff;
}
span.caret {
    position: absolute;
    right: 15px;
    top: 25px;
}
ul.dropdown-menu {
    padding: 0px;
    border: 0px solid red;
    background: #fafafb;
    border-radius: 0;
    z-index: 999;
}
ul.dropdown-menu li:last-child a {
    border-bottom: 0px solid red !important;
}
ul.dropdown-menu .menu-item {
    width: 100%;
}
.dropdown-menu .menu-item a {
    padding-left: 40px !important;
    border-bottom: 1px solid #e3e3e3;
    padding-right: 40px !important;
    color: #0b4596;
}
.dropdown-menu .menu-category a {
    color: #868792 !important;
    font-size: 12px !important;
    padding-left: 20px !important;
    margin-left: 0px;
    cursor: default;
}
.menu-category:hover {
    background:none !important;
}
.dropdown-menu .menu-item:hover a {
    transition: all ease 0s;
}
.dropdown-menu .menu-item a:hover {
    color: #fff;
    background: #0b4596 !important
}
ul.dropdown-menu .menu-item:hover {
    background: #transparent;
}
ul.dropdown-menu .menu-item:focus {
    background: #0b4596;
}
.right-navbox {
    text-align: right;
    padding: 13px 15px;
}
.header-socials a {
    display: block;
    max-width: 26px;
    margin-left: 10px;
}
      .header-socials {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    margin-top: 20px;
}   
.search-loop {
    display: inline-block;
    position: relative;
}
.search-start{
    padding-top: 3px;
    margin-right: 25px; 
}
.langue-box {
    display: inline-block;
    padding-left: 10px;
    z-index: 2;
}
.langue-box img {
    max-height: 16px;
    padding-right: 10px;
}
.langue-box a {
    color: #7d7b7b;
}

.langue-box a:first-child {
    border: solid #3484F2;
    padding-right: 5px;
    border-width: 0px 2px 0px 0px;
}
.langue-box a:last-child {
   margin-left:15px;
}

.langue-box a {
    color: #3484F2;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Noto Sans';
}
.top-navigation {
    background: url(http://www.zeleznicesrbije.com/wp-content/uploads/2017/02/header_stripes_bckg_img.jpg);
    background-position: center right;
    background-size: cover;
}
.menu-item-38 a {
    padding: 15px 49px !important;
    border-bottom: 0px solid red !important;
}
.menu-item-38 a:hover {
    padding: 15px 49px !important;
    border-bottom: 0px solid red !important;
}
#menu-item-38.current_page_item a {
    background: #fafafb;
    color: #0b4596 !important;
}

.full-container.bottom-header {
    background: #0b4596;
}
.flexslider.full-container {
    border: 0px solid;
    margin-bottom: 30px;   
}
.flexslider {
  overflow: hidden;
}
.slides li {
    min-height: 480px;
}
.slider-bgr {
    width: 100%;
    height: 480px;
}
.slider-wrap {
    text-align: start;
    height: 100%;
    position: relative;
}
.slider-wrap h1 {
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    margin: 0px;
    font-size: 49px;
    font-weight: 900;
    padding-top: 138px;
    width: 670px;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.30);
}

@media screen and (max-width:767px){
    .slider-wrap h1{
    padding-left: 10px;
    padding-right: 10px;
    font-size:38px;
    width:auto;
    }
}

.slider-wrap a {
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    padding: 18px 32px;
    display: inline-block;
    background: #178fff;
    font-size: 18px;
    border-radius: 4px;
    font-weight: 600;
   border: 2px solid transparent;
   border-radius:4px;
}

.rotatingBaner{
    margin-left: 0px;
    margin-right: 0px;
}

.redVoznje{
    display: flex;
    margin-top:48px;
}
@media screen and (max-width:767px) {
    .redVoznje{
        padding-left:10px;
        font-size:16px;
    }
    .redVoznje a{
        padding:18px 14px;
    }
}
.flex-direction-nav a {
  height: 47px;
}
.flex-direction-nav a:before {
  color: #fff;
}
.section-header {
    margin: 0px;
    padding: 15px 14px;
    margin-bottom: 30px;
    font-size: 18px;
    float: left;
    width: 100%;
    background: #0b4596;
    color: #fff;
}
.section-header-inner {
    margin: 0px;
    padding: 0px;
    font-size: 22px;
    float: left;
    width: 100%;
    background: #ffffff;
    color: #0b4596;
    margin-bottom: 20px;
    margin-top: 30px;
}
.new-story {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.news-box {
    margin-bottom: 50px;
    float: left;
    width: 100%;
    border: 1px solid #f6f6f6;
    height: 460px;
    position: relative;
    -webkit-box-shadow: 0px 13px 11px -1px rgba(235,235,235,1);
    -moz-box-shadow: 0px 13px 11px -1px rgba(235,235,235,1);
    box-shadow: 0px 13px 11px -1px rgba(235,235,235,1);

}
.news-box-old {
    margin-bottom: 50px;
    float: left;
    width: 100%;
    border: 1px solid #f6f6f6;
    height: 380px;
    position: relative;
    -webkit-box-shadow: 0px 13px 11px -1px rgba(235,235,235,1);
    -moz-box-shadow: 0px 13px 11px -1px rgba(235,235,235,1);
    box-shadow: 0px 13px 11px -1px rgba(235,235,235,1);
}
.news-old {
    height: 100%;
}
.news-cover {
    height: 170px;
    margin-bottom: 30px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.news-title {
    margin: 0px;
    margin-bottom: 20px;
    color: #23242e;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    max-height: 100px;
    overflow: hidden;
}
.news-description {
    font-size: 14px;
    color: #7d7d7d;
    margin-bottom: 20px;
    max-height: 80px;
    overflow: hidden;
}
.news-date {
    font-size: 12px;
    color: #d7d7d7;
    position: absolute;
    left: 0px;
    bottom: 15px;
}
.news-date p {
    margin-bottom: 0px;
}
.title-more {
    text-align: right;
    position: absolute;
    right: 0px;
    bottom: 15px;
}
.title-more-old {
    text-align: right;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.title-more-old a{
    font-size: 14px;
    color: #2169e2;
}
.title-more a{
    font-size: 14px;
    color: #2169e2;
}
.company-logos {
    margin-bottom: 30px;
}
.cl-box {
    height: 116px;
    padding: 0px;
}
.cl-logo {
    max-width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #0b4596;
    margin: 2px;
    padding: 10px;
    background: #fafafb;
}
.kontakt-forma p {
    height: 0px !important;
    margin: 0px;
}
.kontakt-forma input {
    padding: 10px 15px;
    width: 100%;
    border: 1px solid #0b4596;
    background: #fafafb;
    margin-bottom: 30px;
    outline: 0px !important;
}
.kontakt-forma textarea {
    padding: 10px 15px;
    width: 100%;
    border: 1px solid #0b4596;
    background: #fafafb;
    margin-bottom: 40px;
    max-width: 100% !important;
    outline: 0px !important;
}
.submit {
    text-align: left;
}
input.wpcf7-form-control.wpcf7-submit {
    display: inline-block;
    width: 175px;
    padding: 15px;
    background: #0b4596;
    color: #fff;
    border: 0px;
}
.korisni-linkovi a {
    display: block;
}
#map {
    height: 400px;
    width: 100%;
}
.announcement-list {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}
.announcement-list li {
    margin-left: 30px;
    padding: 20px 0px;
    border-bottom: 1px solid #e3e3e3;
    display: block;
    color: #178fff;
    font-size: 12px;
    margin-right: 20px;
}
.story-title {
    background: #0b4596;
}
.story-title a {
    font-size: 18px;
    padding: 15px 12px;
    display: block;
    color: #fff;
}
.story-des {
    background: #fafafb;
}
.story {
    max-height: 16px;
    overflow: hidden;
    display: block;
}
.story-des span {
    color: #949494 !important;
    margin-right: 10px;
}
.announcement-list li:last-child {
    border-bottom: 0px solid red;
}
.firms {
    float: left;
    width: 100%;
}
.firms img {
    margin-bottom: 30px;
}
.firms a {
    width: 100%;
    height: 100%;
    display: block;
}
.firms .col-md-6 {  
    text-align: right;
}
.dz-levo {  
    text-align: left;
}
@media screen and (max-width: 768px) {
    .dz-levo{
        text-align: center;
    }
    .firms .col-md-6{
        text-align: center; 
    }
}
.firms .col-md-12 {
    text-align: center !important;
}
.firms .col-md-12 h2 {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.video-galerija-side a {
    color: #fff;
    font-size: 18px;
    background: #0b4596;
    padding: 5px 10px;
}
.video-galerija-side a:hover {
    background: #fafafb;
    color: #0b4596;
}
.video-galerija-side {
    float: left;
    width: 100%;
    height: 200px;
    background: url(http://www.zeleznicesrbije.com/wp-content/uploads/2017/03/video-galerija.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 30px;
}
.home-baner {
    margin-bottom: 50px;
}
.newspaper-section {
    background: url(http://www.zeleznicesrbije.com/wp-content/uploads/2017/02/casopisi_bckg_img.jpg);
    background-size: cover;
    background-position: center center;
}
.newspaper-wrapper {
    padding: 50px 0px;
    float: left;
    width: 100%;
}
.newspaper-wrapper img {
    margin-right: 65px;
    -webkit-box-shadow: 10px 10px 30px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 30px -9px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 30px -9px rgba(0,0,0,0.75);
    width: 200px;
    height: 265px;
}
.newspaper-wrapper h1 {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
    color: #23242e;
    margin-top: 50px;
    margin-bottom: 15px;
}
.newspaper-wrapper p {
    color: #959595;
    font-family: 'Noto Serif', serif;
    font-size: 14px;
    margin-bottom: 45px;
}
.newspaper-wrapper a.a-dwl:before {
    content: url(http://www.zeleznicesrbije.com/wp-content/uploads/2017/02/donwload.png);
    padding-right: 5px;
    margin-left: 20px;
}
.slika-galerije {
    height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 0px 30px 0px;
    background-clip: content-box !important;
    background-size: cover !important;
    background-position: center center !important;
}
.slika-galerije-shadow {
    height: 100%;
    width: 100%;
    color: transparent;
    -webkit-box-shadow: 10px 10px 16px -6px rgba(0,0,0,0.69);
    -moz-box-shadow: 10px 10px 16px -6px rgba(0,0,0,0.69);
    box-shadow: 10px 10px 16px -6px rgba(0,0,0,0.69);
    transition: all ease 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
}
.slika-galerije-shadow:hover {
    background: rgba(250,250,251,0.8);
    color: #0b4596;
}
.newspaper-wrapper a {
    font-size: 14px;
    color: #178fff;
    font-family: 'Noto Sans', sans-serif;
}
.blue-skin {
    background: #0b4596;
}
.footer-padding img {
    margin-bottom: 30px;
}
.footer-padding a {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
}
.footer-padding {
    padding: 40px 0px 40px;
}
.footer-right-border {
    min-height: 160px;
    border-right: 1px solid #e1e1e1;
}
@media screen and (max-width: 768px) {
    .footer-right-border{
        border-bottom: 1px solid #e1e1e1;
        border-right: 0px ;
        margin-bottom: 30px;
    }
}


.footer-right-border h2 {
 
}
.second-footer {
    padding: 15px 0px;
    background: #fafafb;
}
.secon-footer-content p {
    font-size: 12px;
    margin-bottom: 0px;
    color: #0b4596;
    font-family: 'Noto Sans', sans-serif;
}
.footer-right-text {
    text-align: right;
}
.footer-right-text a{
    font-size: 12px;
    margin-bottom: 0px;
    color: #0b4596;
    font-family: 'Noto Sans', sans-serif;
}

/* Search animation */

.search-an {
    position: absolute;
    top: 0px;
    right: -2px;
    display: none;
}
button.search-submit {
    position: absolute;
    top: 0px;
    right: 120px;
    width: 20px;
    background: transparent;
    height: 100%;
    border: 0px;
    background: url(http://www.zeleznicesrbije.com/wp-content/uploads/2017/02/search_ico_small.png);
    background-repeat: no-repeat;
    background-position: center center;
}
input.search-input {
    padding-left: 20px;
    width: 140px;
    border: 0px;
    border-bottom: 2px solid #000;
    z-index: -1;
    padding-bottom: 3px;
    padding-right: 20px;
    background: transparent;
}
footer {
    float: left;
    width: 100%;
}
a.flex-next {
    height: 100px;
    width: 35px;
    background: url(http://www.zeleznicesrbije.com/wp-content/uploads/2017/02/arrow-right.png);
    opacity: 1 !important;
}
a.flex-prev {
    height: 100px;
    width: 35px;
    background: url(http://www.zeleznicesrbije.com/wp-content/uploads/2017/02/arrow-left.png);
    opacity: 1 !important;
}
a.flex-next:before {
    display: none;
}
a.flex-prev:before {
    display: none;
}
.flex-direction-nav a {
    margin: -50px 0 0;
}
.flexslider:hover .flex-direction-nav .flex-next {
    right: 0px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    left: 0px;
}
.firms {
    max-width: 360px;
}



/* RESPONSIVE */


@media screen and (max-width: 1260px) {
  .menu-item a {
    padding: 15px 20px !important;
    display: block;
    text-decoration: none !important;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
}
}

@media screen and (max-width: 1024px) {
    .navigation-box li {
    float: left;
    width: 100%;
}
.dropdown-menu .menu-item a {
    padding-left: 0px !important;
    margin-left: 15px;
    border-bottom: 1px solid #e3e3e3;
    padding-right: 40px !important;
    color: #fafafb;
}
button.navbar-toggle {
    float: none;
    display: block;
    margin: 10px auto;

}
.current-menu-parent li {
    background: #0b4596;
    border: 0px solid #0b4596 !important;
}
.current-menu-parent a.dropdown-toggle {
    color: #0b4596;
}
}
@media screen and (min-width: 1200px){
.container-custom {
    width: 1250px;
}
}
@media screen and (max-width: 360px) {
.left-navbox h1 {
    margin-top: 25px;
    font-size: 14px;
    color: #0b4596;
    font-weight: bold;
    font-style: italic;
}
}
@media screen and (max-width: 760px) {
.firms {
    text-align: center !important;
}
.firms div:nth-child(2n+2) {
    text-align: center;
}
}
.javne-box {
    margin-bottom: 25px;
    margin-left: 0px;
    margin-right: 0px;
}
.pdf-fajlovi {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    margin: 5px;
    display: block;
    float: left;
}
.javne-inner {
    float: left;
    width: 100%;
    padding: 10px 0px;
    background: #fafafb;
    color: #0b4596;
    font-size: 12px;
    font-weight: bold;
}
.pokazi {
    display: none;
}
.wp-pagenavi {
    clear: both;
    display: inline-block;
    margin: 0px 0px 20px 0px;
}
.page-template-vesti-arhiva .wp-pagenavi {
    padding-left: 15px;
}
.ar-vest {
    height: 200px;
    background-size: cover !important;
    background-position: center center !important;
    background-clip: content-box !important;
    margin-bottom: 30px;
}
.ar-vest-sh {
    -webkit-box-shadow: 10px 10px 16px -6px rgba(0,0,0,0.69);
    -moz-box-shadow: 10px 10px 16px -6px rgba(0,0,0,0.69);
    box-shadow: 10px 10px 16px -6px rgba(0,0,0,0.69);
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ar-vest h3 {
    color: #fafafb;
    font-size: 60px;
    text-shadow: 4px 5px 7px #000;
    margin: 0px;
}
.wp-pagenavi a {
    background: #0b4596;
    color: #fff;
    border: 0px;
    padding: 5px 10px;
    display: inline-block;
}
.wp-pagenavi span {
    background: #0b4596;
    color: #fff;
    border: 0px;
    padding: 5px 10px;
    display: inline-block;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%; margin-top: 0px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-20px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.page-id-2854 .section-title {
    display: none;
}

.page-numbers {
    padding: 5px 10px;
    background: #0b4596;
    display: inline-block;
    color: #fff;

    margin-bottom: 20px;
}
.page-numbers:hover {
   color: #fff;
}
.col-md-12.naz-col {
    padding-left: 10px;
    padding-right: 10px;
}
.naziv-konkursa {
    margin-bottom: 0px;
    background: #0b4596;
    color: #fff;
    font-size: 26px;
    text-align: center;
    padding: 10px;
}
.lk-slika {
    height: 200px;
    margin-top: 15px;
    background-size: cover !important;
    background-position: center center !important;
}
.lk-box {
    padding: 10px;
    -webkit-box-shadow: 0px 13px 11px -1px rgba(235,235,235,1);
    -moz-box-shadow: 0px 13px 11px -1px rgba(235,235,235,1);
    box-shadow: 7px 12px 11px 0px rgba(235,235,235,1);
}
.opis-konkursa p {
    font-size: 14px;
    line-height: 16px;
    padding-top: 10px;
    min-height: 60px;
    margin-bottom: 0px;
}
.col-md-4.lk-col-box {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.video-iframe iframe {
    width: 100%;
    height: 260px;
}
.text-center {
   text-align: center;
}
.social-footer img {
    max-width: 30px;
    margin-right: 10px;
    margin-top: 20px;
}
.social-footer h3 {
    color: #fff;
    margin-bottom: 0px;
    margin-top: 22px;
    font-size: 20px;
}
.social-footer a {
    display: inline-block;
}

.flip-card-back a{
    height: 100%;
    width: 100%;
    display: grid;
   align-items: center;
}

/*--------------------FLIPING CARD--------------------*/

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    height: 200px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }

  .firstFront{
    background-image: url('/wp-content/uploads/2023/10/cuvarIstorije.png');
    background-position: center;
  }
  .secondFront{
    background-image: url('/wp-content/uploads/2023/10/vozoviufokusu.png');
    background-position: center;
  }
  .thirdFront{
    background-image: url('/wp-content/uploads/2023/10/zeleznicakamere.png');
    background-position: center;
  }
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  /* Style the front side (fallback if image is missing) */
  .flip-card-front {
    background-color: #bbb;
    color: black;
    border-radius:10px;
    display: flex;
    align-items:center;
    justify-content: center;
  }
  
  /* Style the back side */
  .flip-card-back {
    background-color: #0b4596;
    color: white;
    transform: rotateY(180deg);
    border-radius:10px;
    display: flex;
    align-items:center;
    justify-content: center;
  }
  .flip-card-wraper{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 35px;
    padding-bottom: 35px;
    
  }
  .flip-card-container-wrapper{
    background-color: #F7F7F7;
  }
  .flip-card-front-heading{
    color: var(--neutral-white, #FFF);
text-align: center;
font-family: 'Noto Sans';
font-size: 30.716px;
font-style: normal;
font-weight: 700;
line-height: 109.7%; /* 33.696px */
text-transform: uppercase;
  }

@media screen and (max-width: 768px) {
    .flip-card-front-heading{
        font-size: 24px;
    }
    .flip-card{
        margin-bottom:15px;
    }
}

  .flip-card-back-heading{
    font-family: 'Noto Sans';
    font-weight: 600;
    color:white;
  }
  /*--------------------FLIPING CARD END--------------------*/


  .blue-banners-desktop{
    margin:0px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  @media screen and (max-width:767px){
    .blue-banners-desktop{
        display: none;
    }
    
  }
  
  @media screen and (min-width:768px){
    .banners-mobile{
        display:none;
    }
}

  .left-side-inner-column{
    padding:0px;
    background:linear-gradient(to bottom, rgba(131,183,255,1), rgba(60,127,221,1));
    text-align: center; 
    border-radius: 5px 0px 0px 5px;
    padding: 16px;
    width: 30%;
    transition: all 0.3s ease;
  }
  .right-side-inner-column{
    background-color:#3877CF;
    border-radius: 0px 5px 5px 0px;
    width: 70%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    
  }
  .first-col-heading{
    padding-top:19px;
    padding-bottom: 20px;
    padding-left: 10px;
  }
  .second-col-heading, .third-col-heading{
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 10px;
  }
  
   
.left-side-heading{
 color: var(--neutral-white, #FFF);
font-family: 'Noto Sans';
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 130.2%; /* 33.878px */
text-transform: uppercase;
}
  .footer-under-menu{
    color: var(--neutral-white, #FFF);
text-align: center;
font-family: 'Noto Sans';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 109.7%; /* 19.746px */
text-transform: uppercase;
text-align: start;
border: solid red;
border-width: 0px 0px 1px 0px;
padding-bottom: 5px;
  }

  .google-map {
    padding-bottom: 60%;
    position: relative;
    margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
    .google-map{
        margin-bottom: 30px;
    }
    .footer-under-menu{
        margin-bottom:25px;
        margin-top:25px;
    }
}

.google-map iframe {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.logo-footer{
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right:40px;
}

@media screen and (max-width:767px){
    .logo-footer{
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right:0px;
        text-align: center;
    }
    .logo-footer img{
        width: 60%;
    }
    #eapps-instagram-feed-1{
        width:auto!important;
    }
    .secon-footer-content p{
        font-size:11px;
    }
}
.mobile-container{
    padding-left:30px;
    padding-right:30px;
}

/*MOBILNI BLUE BANERI*/
.blue-baner-wrap{
    display: flex;
}
.left-iner-col{
    width:30%;
    background:linear-gradient(to bottom, rgba(131,183,255,1), rgba(60,127,221,1));
    border-radius: 7px 0px 0px 7px;
    text-align: center;
}
.right-iner-col{
    width:70%;
    background-color:#3877CF;
    border-radius: 0px 7px 7px 0px;
}
.right-iner-col h4{
color: var(--neutral-white, #FFF);
font-family: 'Noto Sans';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130.2%; /* 23.436px */
text-transform: uppercase;
padding-left:10px;
}
.blue-baner-wrap{
    margin-bottom:20px;
}
.for-padding{
    padding-top:10px;
    padding-bottom:10px;
}
.left-iner-col img {
    width:70%;
}

/*---------------------BLUE BANNER ANIMACIJA-----------------*/
.column-for-hover1{
 display: flex;
}
.column-for-hover1 {
    display: flex;
    overflow: hidden;
    border-radius: 5px;
    transition: all 0.3s ease; /* Glatki prijelaz za sve svojstva */
}

.column-for-hover1:hover {
    .left-side-inner-column {
        width: 0;
        padding: 0;
        opacity: 0; /* Dodajte opacity da biste napravili glatki prelaz između prikaza i sakrivanja */
    }

    .right-side-inner-column {
        width: 100%;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
    }
    .left-side-heading{
        text-align: center;
    }
    .first-col-heading{
    padding-top: 19px;
    padding-bottom: 20px;
    padding-left: 10px;
    }
}


 
.column-for-hover2 {
    display: flex;
    overflow: hidden;
    border-radius: 5px;
    transition: all 0.3s ease; 
}
.column-for-hover2:hover {
    .left-side-inner-column {
        width: 0;
        padding: 0;
        opacity: 0; 
    }

    .right-side-inner-column {
        width: 100%;
        border-radius: 5px 5px 5px 5px;
    }
    .left-side-heading{
        text-align: center;
    }
    .second-col-heading{
    text-align: center;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 10px;
    }
    .second-col a{
        width: 100%;
    }
}

.column-for-hover3 {
    display: flex;
    overflow: hidden;
    border-radius: 5px;
    transition: all 0.3s ease; 
}
.column-for-hover3:hover {
    .left-side-inner-column {
        width: 0;
        padding: 0;
        opacity: 0; 
    }

    .right-side-inner-column {
        width: 100%;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
    }
    .third-col-heading{
        text-align: center;
        width: 100%;
        padding-top: 32px;
        padding-bottom: 32px;
        padding-left: 10px;
        }
        .third-col a{
            width: 100%;
        }
}
/*---------------------------------------------------*/