div.t3-navbar.navbar-collapse.collapse.pull-right.nopadding {
    padding: 0;
    padding-left: 20px;
}

.row{
  margin:0 auto
}

.t3-off-canvas {
  width: 100%!important;
  background-color:#e25c12!important;
  text-align:center;
  font-size:25px;
}

.nav-child {
  list-style-type: none;
  margin:0 0 10PX 0!important;
  padding:0;
}



.nav-child li {
  padding:10px;
  margin-bottom:5px!important;
  background-color:#2f2f2f;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.t3-off-canvas img{
  max-width: 5%!important;
}

body,h1,h2,h3,h4,h5,h6{
   font-family: 'Titillium Web', sans-serif!important;  
}

.article-content{
   font-family: 'Titillium Web', sans-serif; 
   font-size:17px;
   font-weight:300
}

.article-content h1{
   font-family: 'Titillium Web', sans-serif; 
   font-size:45px;
   font-weight:900;
   color:#000000;
   margin-bottom:20px
}

.article-content h2{
   font-family: 'Titillium Web', sans-serif; 
   font-size:30px;
   font-weight:300;
   color:#e25c12;
   margin-bottom:20px
}

.article-content h3{
   font-family: 'Titillium Web', sans-serif; 
   font-size:20px;
   font-weight:600;
   color:#000000;
   margin-bottom:15px
}

.article-content a{
   font-family: 'Titillium Web', sans-serif; 
   font-weight:900;
   color:#ff3716;
   margin-bottom:15px;
   border-bottom: 3px solid #000;
   transition: linear 1s;
}


.article-content a:hover{
   color:#000;
   text-decoration:none;
   border-bottom: 3px solid #000;

}


.article-content li{
   font-family: 'Titillium Web', sans-serif; 
   font-size:15px;
   font-weight:900;
   color:#000;
   margin-bottom:10px
}


.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background: none!important;
}

.t3-megamenu .mega-nav > li,
.t3-megamenu .dropdown-menu .mega-nav > li,
.t3-megamenu .mega-nav > li,
.t3-megamenu .dropdown-menu .mega-nav > li {
  text-decoration: none;
  padding: 15px 5px!important;
  background-color: #000000!important;
  color:#fff!important;
}

.t3-megamenu .mega-nav > li a:hover,
.t3-megamenu .dropdown-menu .mega-nav > li a:hover,
.t3-megamenu .mega-nav > li a:focus,
.t3-megamenu .dropdown-menu .mega-nav > li a:focus {
  text-decoration: none;
  background-color: #000!important;
  color:#fff!important;
}

.t3-navbar {
    left:-30px;
    position:relative;
}



.hamburger{
  top:10px;

  }

  .btn-primary {
    background-color: #e25c12!important;
}

img.hamburger {
  cursor: pointer!important;
  }

div.logo-bar {
    background: #e25c12;
}

div.t3-navbar {
    padding-left: 0;
}



.logo-bar h1{
  margin:0px 0 0 13px;
  font-size:17px;
  font-family: 'Titillium Web', sans-serif; 
}



.logo img{
    z-index:5;
    transition: all 1s;
    }

.logo{
    transition: all 1s;
    }

.logo-bar li a {
    font-size: 14px;
    font-weight: 500!important;
    color: #fff;
    padding: 25px 10px!important;
    border: none;
    border-right-width: 1px;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-color: #000000!important;
    transition:all 1s;
    text-transform: uppercase;
}

.logo-bar li a:focus, .logo-bar li a:hover {
    font-size: 14px;
    font-weight: 500!important;
    color: #000000;
    border-right-width: 1px;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-color: #96989A!important;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background: none;
}

.load-button-active {
    width:50px!important;
    height:5px!important;
    border-style:none!important;
    -webkit-border-radius: 1px!important;
    -moz-border-radius: 1px!important;
    border-radius: 1px!important;
}

.load-button {
    width:10px!important;
    height:10px!important;
    border-style:none!important;
    background-color:#ff3716!important;
    -webkit-border-radius: 1px!important;
    -moz-border-radius: 1px!important;
    border-radius: 1px!important;
}

.banner {
    margin-bottom: 0px!important;
    }


.slide-desc-in {
    text-align: left;
    padding: 0px;
    width:1170px!important;
}

.slide-desc-bg-default {
    background: RGBA(0,0,0,0.0)!important;
}

.djslider-default .slide-desc {
    position: absolute;
    background: RGBA(0,0,0,0.0);
    min-height: 100%;
    display: flex;
    justify-content: left;
    /* align horizontal */
    align-items: center;
    top:-100px;
}

.djslider-default .slide-desc {
    background: RGBA(0,0,0,0.0);
    display: flex;
    justify-content: center;
    /* align horizontal */
}

.slide-text h1 {
    font-weight: 900;
    color: #CED6E0;
    font-size: 30px;
    margin-bottom:0px;
}

.slide-text h2 {
    font-weight: 900;
    color: #fff;
    font-size: 60px;
    margin-bottom:20px;
}

.slide-text p{
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    font-weight: 300;
}

.slide-text a {
    background-color: #ff3716;
    color:#fff;
    border-radius: 0px;
    font-weight: 500;
    line-height: 3;
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
    transition: all 0.5s;
    padding:10px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.slide-text a:hover {
    color: #fff;
    text-decoration:none;
    background-color:#2f3542;
}

.dole {
    font-size: 15px;
    font-weight: normal;
    background-color: #000;
    color: #fff;
    margin-top: 0px;
    padding: 70px 0;
    font-family: 'Titillium Web', sans-serif;
}

.dole img {
    max-width:100%;
    margin-bottom:20px;
}

.dole h1 {
    margin-top: 0px;
    font-weight:900;
    font-size:25px;
    color:#727376;
    margin-bottom:30px  
}

.dole h2 {
    margin-top: 0px;
    font-weight:900;
    font-size:18px;
    color:#727376
}

.dole li {
    display: inline-block;
}

.dole .current.active a {
    background: none!important;
}

.cr{
  font-size:13px;
  margin-top:30px;
}

.cr img{
  top:10px;
  position:relative;
}

.cr span {
  font-size:12px;
  color:#e25c12
}

.dole a {
    color: #fff;
    padding:0;
}

.dole a:hover {
    color: #e25c12;
    text-decoration:none;
}

.dole2 {
    
    color: #000;
    font-size: 12px;
    padding: 50px 10px 0;
    font-family: 'Titillium Web', sans-serif;
    text-align:left;
}

.dole2 a {
    color: #fff;
}

section.article-content.clearfix h1 strong {
    font-weight: normal!important;
}

h1.article-title a {
    color: #000000;
    font-family: 'Titillium Web', sans-serif;
    font-weight:900;

}

section.article-content.clearfix p img {
    max-width: 100%!important;
    padding-top: 5px!important;
    padding-right: 5px!important;
    padding-bottom: 30px!important;
    padding-left: 0!important;
}

div.t3-mainbody {
    background-color:#fff!important;

}

div.t3-sidebar.t3-sidebar-right.col-xs-12.col-sm-4.col-md-5 {
    padding:5px 0;
}


.t3-sidebar .col-md-12 {
    padding-right: 0;
}



h1.article-title {
    margin-top: 20px!important;
}

h3.module-title {
    text-align: center!important;
    font-size: 25px!important;
    font-wight: 300!important;
    border-style: solid!important;
    border-left-width: 0!important;
    border-right-width: 0!important;
    border-top-width: 0!important;
    border-bottom-width: 5px!important;
    border-color: #d6d6d6!important;
    padding-bottom: 10px!important;
}

div.dole2 a:hover {
    color: #fff!important;
}

.waves-light {
    width: 100px!important;
    text-align: center!important;
}

.vertical-align {
    align-items: center;
    display: flex;
}


.vertical-align1 {
    align-items: center;
    display: flex;
}

.logo img {
    margin-left: -15px
}

.off-canvas-effect-4.t3-off-canvas {
    z-index: 1000!important;
}

.padding {
    padding: 50px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    margin-top:-10px!important;
    margin-left:12px!important;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10px;
    padding: 0px 0!important;
    margin: 0px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    border: 0px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-clip: padding-box;
    background:none;  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.0);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.0)!important;
}

.t3-off-canvas-body  {
    font-family: 'Titillium Web', sans-serif;
}


.t3-off-canvas-body .dropdown-menu {
    background: none;
    margin-left: 10px;
    font-family: 'Titillium Web', sans-serif;
}

.module-inner img {
    margin: 0!important;
    padding: 0!important;
    width: 191px!important;
    height:auto!important;
}

.mega-group-title {
    text-align: center!important;
    background-color: #ef4836!important;
    color: #fff!important;
    padding: 5px!important;
}

.mega-dropdown-menu {
    border-style: none!important;
}

.mega-inner {
    padding: 0px 0 0 0!important;
}

.mega-col-nav {
    padding: 0px;
}

.mega-nav li {
    text-align: center!important;
    background-color: #fff!important;
    margin-bottom: 0px;
    padding: 5px 0px;
}

.mega-nav li:hover {
    text-align: center!important;
    background: #none!important;


}

.mega-nav li a {
    text-align: left!important;
    color: #fff!important;
    border-style: none!important;
    padding: 5px 5px 5px 15px!important;
}

.mega-nav li a:hover {
    color: #000!important;
}

.textpadding {
    padding: 30px 0;
}

.t3-off-canvas .t3-off-canvas-body a {
    color: #c0392b;
    !important; text-decoration: none;
}

.nav > li > a {
    padding: 20px 20px;
    font-weight: 300;
    
}

em.caret {
    display: none!important;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #fff;
}

.nopadding {
    padding: 0 ;
    margin: 0 ;
}

:focus {
    outline: 0;
}


.t3-wrapper {
    font-family: 'Titillium Web', sans-serif;
}

.bijelo {
    background-color: #fff;
    padding: 0;
    margin-top: 0px;
}

.mapa {
    padding: 50px 0;
}

.t3-off-canvas .t3-off-canvas-body a {
    color: #fff!important;
    text-decoration: none;
}

.prazno {
    min-height: 70px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #000!important;
    background: none;
}

.cc-message-text a {
    color: #000000;
    font-weight:bold;
}

.cc-message-text {
    font-size:13px;
    line-height:1.3;
    font-family: 'Titillium Web', sans-serif;
}

.cc-message-text a {
    color: #fff;
}

.cc-message-text a:hover {
    color: #ff3716;
}


.novosti{
  background-color:#fff;
  padding:0px;
  z-index:56;
  position:relative;
}

.novosti .row.container.center-block {
    padding: 0;
}


.pocetna .pretraga{
    top:-109px;
    position:relative;
    margin-bottom:-110px;
    }


.srednji  {
    background-color:#000!important
    }

.logotipi{
    background-color:#e6e7e8
}

.pretraga{
    top: -95px;
    position:relative;
    margin-bottom:-110px;
    }

.sivo {
    padding: 20px;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    background-color:#000;
    margin-bottom:20px;
}

.sivo a{
    color: #fff;
}

.slika {
    height: 200px;
    overflow: hidden;
    max-width: 100%;
    text-align:center;
    background-color:#e6e7e8;
}

.slika img {
    min-height: 100%;
    object-fit: cover;
    max-width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.t3-sidebar .slika img {
    min-width: 100%;
}


.vijest {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    background-color: #fff;
    flex-wrap: wrap;
    padding: 0;
}

p.mod-articles-category-introtext {
    color: #FFF;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
}



.novosti p.mod-articles-category-introtext {
    -webkit-line-clamp: 2;
}


a.mod-articles-category-title {
    color: #e25c12;
    font-size: 50px;
    font-weight: 900;
    transition: all 1s;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height:1
}

.novosti a.mod-articles-category-title {
    color: #e25c12;
    font-size: 25px;
    font-weight: 900;
    transition: all 1s;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height:1
}

.t3-sidebar a.mod-articles-category-title {
    font-size: 20px;
}


a.mod-articles-category-title:hover {
    color: #fff;
    text-decoration:none
}

div.mod-articles-category-date {
    color: #a5a5a5;
    margin-bottom:20px
}

.novosti .mod-articles-category-date {
    color: #a5a5a5;
    margin-bottom:5px
}


div.mod-articles-category-category a {
    background-color: #e25c12;
    padding:5px;

}



.mod-articles-category-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
}


.trazi-btn{
  padding-right:20px;
  transition:all 1s;
  }

.trazi-btn:hover{
  opacity:0.5
  }

.trazi input.inputbox {
  width: 100%;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #adaaaa;
  border: none;
  padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
  text-align:left;
  color:#000
}

.trazi input.inputbox::placeholder {
  color:#fff;
  text-align: left
}

.trazi input.button {

  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #000000;
  color:#fff;
  border: none;
  padding-top: 15px;
  padding-right: 40px;
  padding-bottom: 15px;
  padding-left: 40px;
  margin-top:15px;

}

.t3-content.col-xs-12{
  padding:0!important
  
}

.prvired {
    background-color: #000;
    color:#fff;
    padding:20px 0px;

}

.prvired a{
    color:#fff;
    transition: all 1s;
}

.prvired a:hover{
    color:#ff3716;
    text-decoration:none;
}

.prvired .col-md-5 {
    padding-left: 0;
}

div.media-body p {
    padding: 0;
    margin: 0;
}

img.media-object {
    margin-top: 5px;
}

.icn img{
  top:-5px;
  position:relative;
}

.hamburger img{
  cursor: pointer;
}

h4.modal-title {
    font-weight: bold;
    text-align:center;
}

div.modal-body a {
    color:#000
}

div.modal-body {
    text-align:center;
}

.logo-bar .visible-lg {
    display: initial !important;
  }

  .article-content h6 {
    font-size: 50px;
    font-weight: 900;
    color: #000;
    margin-left: 15px;
    margin-bottom: 50px;
}

.in-spec p{
  margin-bottom:20px;
}

.in-spec span.spec {
    background-color: #cc943f;
    color: #fff;
    font-weight: normal;
    margin-left: 0px;
    margin-right: 7px;
    font-size:13px;

}

.in-spec span {
    background-color: #ebeff2;
    color: #4D5656;
    display: inline-block;
    font-weight: 300;
    margin-right: 10px;
    padding: 8px;
    vertical-align: middle;
    font-size:13px;
}

.tezine p {
    display: inline-block;
    background-color: #ebeff2;
    padding: 10px;
    width: 40%;
    margin-right:10px;
    margin-left:-2px;
    font-size:14px;
    border-style:solid;
    border-left-width:0;
    border-top-width:0;
    border-right-width:1px;
    border-color:#fff;
    border-bottom-width:0;
}

div.boxplusx-title {
    display: none;
}

div.boxplusx-description {
    display: none;
}

.kako{
  padding:50px 0;
  font-size:16px;
}

.kako .col-md-9{
  padding:0 50px;
}

.kako h1{
  font-size:50px;
  font-weight:900;
  color:#e25c12;
  margin-bottom:30px
}

.kako a{
  font-size:18px;
  font-weight:600;
  color:#e25c12;
}

.kako a:hover{
  color:#000;
  text-decoration:none;
}


.onama{
  background-color:#E6E7E8;
  padding: 50px 0 30px 0;
  text-align:center;
  font-size:16px;
  color:#8a8a8a
}

.onama img{
  margin-bottom:30px;
  max-width:100%;
  height:auto

}


.onama a{
  background-color:#e25c12;
  margin:40px 0;
  padding:10px 20px;
  line-height:5;
  color:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  transition: all 1s;
}

.djslider-loader a{
  background:none;
  margin:0;
  padding:0px;
  line-height:5;
  color:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  transition: all 1s;
}


.onama a:hover{
  background-color:#06163a;
  color:#fff;
  text-decoration:none;
}

.row.equal-cols {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.equal-cols:before, .row.equal-cols:after {
    display: block;
}

.row.equal-cols > [class*='col-'] {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}


ul.category-module.mod-list {
    padding-left: 0;
}



div.cf-form-wrap.cf-col-16 {
    padding: 0;
}

a.sigplus-image {
    border-style: none;
}

a.sigplus-image:hover {
    border-style: none;
}

.inkontakt .article-content a {
    font-weight: 500!important;
    border-style:none;
    color:#000;
}

.inkontakt .article-content a:hover {
    color:#ff3716;
}

.mobilemenu{
  display:none;
}

.banner .sivo {
    height:500px;
    padding:60px 30px
}

.banner .slika {
    height: 500px;
}

.banner .col-md-12{
    padding: 0;
}

.banner .slika.col-md-8 {
    padding: 0;
}

.banner{
  margin-top:20px
}

div.xslider_caption div {
    max-width:33%;
    height: 500px;
    background-color: #000;
}

div.xslider_caption.moveFromRight  {
    margin-left: 67%;
    height: 500px;
    background-color: #000;
}



.xslider_wrap {
    margin-bottom: 20px;
}

.xslider_title {
    font-weight: 900!important;
    color:#e25c12;
    font-size:50px;
}


div.xslider_commands {
    display: none;
}

div.xslider_next {
    display: none;
}

div.xslider_prev {
    display: none;
}




@media screen and (max-width: 1023px) {


div.t3-mainbody {
    background-color:#fff!important;
    padding:40px 10px
}

.t3-off-canvas {
  width: 100%!important;
  background-color:#e25c12!important;
  text-align:center;
  font-size:15px;
}

  
.pretraga{
    top:50px!important;
    position:relative!important;
    margin-bottom:50px!important;
    }

.pretraga img{
  max-width:50px;
  }

.hammob{
  text-align:right;
  margin-left:-50px;
  }

.hammob img{
  margin-top:-30px;
  }

.prvired {
    padding:10px 10px;
}

.prvired img{
   max-width:100%;
}

.slide-desc-in {
    padding: 0 0px 0 5px;
}

.navigation-container-custom {
  padding: 10px 15px 
}

    .prev-button {
        display: none!important;
    }

    .next-button {
        display: none!important;
    }

    .slide-desc-bg-default {
        border-bottom-width:2px;
        border-color: #000;
    }


    .djslider-default .slide-desc {
        width:100%!important;
        top:0;
    }

   .slide-text h1 {
        font-size: 15px !important;
        margin-bottom: -15px;
    }

    .slide-text p {
        font-size: 0px !important;
        margin:0;
    }

    .slide-text h2 {
        font-size: 35px !important;
        margin-bottom:20px!important;
    }

    .slide-text a {
        font-size: 11px!important;
        padding:3px 10px!important
    }

    .title h1{
      display:none;
    }

    img.trazi-btn{
      width:25px;
      padding:0 5px 0 0;
    }

    .kosarica{
      text-align:right;
    }

    .dole {
        text-align:center;
        margin-top:-9px
    }


.vertical-align {
    align-items: center;
    display: initial;
}

	
.trazi input.inputbox {
    width: 100%;
}

.trazi {
    background-color: #f7f3f3;
    padding: 10px;
}

    input.button {
        margin-top:10px;
        width: 100%;
    }

    .skriveno {
        display:none;
    }

    .t3-wrapper {
        padding-top:0px;
        padding-bottom: 0px;
    }

    .gore {
    padding:10px;
    font-size:12px;
    font-weight:500;
}


.blog {
    background-color: #ededed;
    padding: 0px;
}

span.image-title {
    display: initial;
    padding-left:10px
}

  .row div[class*="width"]{
    width: 100%!important;
    float: left;
    margin-bottom: 15px;
  }

.logo img {
        max-height:40px;
        left:40px;
        top:7px;
    }

.logo {
        text-align:left!important
    }


div.logo-bar {
    padding: 10px 5px;   
    
}

#t3-mainnav{
    display:none;
}

.glavnimeni{
    text-align:right!important;
    }


#djslider-loader97, #djslider-loader134, #djslider-loader135{
  margin-bottom:-15px;
}

.izdvojeni{
  padding:5px!important;
}

.izdvojeni h1{
  font-size:15px;
  margin-top:60px;
}

.izdvojeni h2{
  font-size:25px;
}


.izdvojeni h3{
  font-size:25px;
  margin-bottom:0;
}

.podstranice{
    min-height:130px;
    background-color:#000
}

.izbornik{
  border-bottom: solid 0px #676767;
  padding-bottom:10px;
}

.vline{
    width:0px;
    background-color:#676767;
    padding:0px 0.0px;
    margin-right:0px
    }

.hamburger{
  margin:0;
  cursor: pointer
}

.zakazite{
  font-size:13px;
}



a.mod-articles-category-title {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

p.mod-articles-category-introtext {
    color: #FFF;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.mod-articles-category-article-2 a.mod-articles-category-title, .mod-articles-category-article-3 a.mod-articles-category-title, .mod-articles-category-article-4 a.mod-articles-category-title {
    font-size: 16px;
    margin:0;
}

.row {
  padding:0
}

.onama{
  padding:20px;
  font-size:13px;
}

.onama h1{
  font-size:25px;
  margin-bottom:10px;
}


.mobilemenu{
  display: initial;
}

.banner .sivo {
    height:200px;
    padding:30px 20px
}

.banner .slika {
    height: 300px;
}

.novosti .col-md-4{
  padding:0
}

.banner{
  margin:0
}

.kako img{
  width:33%;
  height:auto
}

.kako{
  text-align:center;

  font-size:14px
}

.kako h1{
  font-size:20px
}

.article-content{
  padding:0 20px;
  font-size:14px
}

.article-content h1{
  font-size:25px
}

.article-content h2{
  font-size:25px
}

div.xslider_caption div {
    max-width:100%;
    height: auto;
}

div.xslider_caption.moveFromRight  {
    margin-left: 0%;
    height: auto;
}

div.xslider_caption.moveFromRight div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

}

@media screen and (min-width: 140px) and (max-width: 530px) {

div.logo-bar {
    position:relative; 
}
}

@media screen and (min-width: 140px) and (max-width: 800px) {
.logo-bar .visible-lg {
    display: none !important;
  }

.banner{
  display:none;

}


.mod-articles-category-article-2 .slika, .mod-articles-category-article-3 .slika, .mod-articles-category-article-4 .slika {
  width:30%;
  float:left;
  height:120px;
}

.mod-articles-category-article-2 .sivo, .mod-articles-category-article-3 .sivo, .mod-articles-category-article-4 .sivo {
  width:70%;
  height:120px;
  float:right;
}

.unutra{
  clear: both;
}
  }

@media screen and (min-width: 1024px) and (max-width: 1240px) {
.slide-text h1 {
    font-size: 50px;
    margin-bottom:0px;
    padding-top:30px!important;
}

.logo-bar li a {
    font-size: 14px;
    font-weight: 500!important;
    color: #fff;
    padding: 25px 10px!important;
    border: none;
    border-right-width: 1px;
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-color: #000000!important;
    transition:all 1s;
    text-transform: uppercase;
}


}


.category-top-menu{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	white-space:nowrap;
	overflow-y:hidden;
	overflow-x:auto;
	-ms-overflow-style:none;
	-webkit-overflow-scrolling:touch;
	width:100%;
	height:40px
	}

.nav-tablet{
	display:block
	}

.slick-izbornik{
  background-color:#e25c12;
  padding:20px 10px 0 10px;
  font-size:15px;
}

.slick-izbornik a{
  color:#fff;
}

.category-top-item{
  padding:0 15px ;
  border-right: solid 1px
}