/* fonts
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);

/* default
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html{ overflow-y: scroll;}
body{ background:#FAFAFA; font-family: 'Open Sans', sans-serif;}
.pageHolder{ overflow-x: hidden;}
.small-gutter { margin-left: -5px; margin-right: -5px;}
.small-gutter > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
}

/* fade on slider */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

  /* header
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #header{-webkit-transform: translateZ(0);}
  #header .navbar-default {background-color: #fff;border-color: transparent; border-top: 7px solid #d8e7bd; border-bottom: 1px solid #EEEEEE; margin-bottom: 0; }


  /* home_cat
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #home_cat{ padding-bottom: 120px;}
  #home_cat > .container{ padding-right: 0;}
  #home_cat .bg{ background: #fff}
  #home_cat .bg .section_item{ border-left: 10px solid #d1bbcf;}
  #home_cat .bg .section_item .top{ height: 400px; position: relative;}
  #home_cat .bg .section_item .top .section-link{ position: absolute; width: 100%; height: 100%;display: block; z-index: 5;}
  #home_cat .bg .section_item .top .carousel{ position: absolute; width: 100%; height: 100%;}
  #home_cat .bg .section_item .top .carousel .carousel-inner{ position: absolute; width: 100%; height: 100%;}
  #home_cat .bg .section_item .top .carousel .carousel-inner .item{ position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center;}




  #home_cat .bg .section_item .top .desc{ background: #7a2271; color: #fff; padding: 10px 15px; display: inline-block; width: 83%; margin-top: 20px; position: absolute; z-index: 5;}
  #home_cat .bg .section_item .top .desc .title{ font-weight: bold; font-size: 24px;}
  #home_cat .bg .section_item .top .desc .content{ font-size: 13px;}
  #home_cat .bg .section_item .bottom{ padding: 10px 0px 170px 15px;}
  #home_cat .bg .section_item .bottom .title1{ font-size: 26px; line-height: 26px; color: #751b6b;padding-top: 15px;}
  #home_cat .bg .section_item .bottom .title2{ font-size: 26px; line-height: 26px; color: #751b6b; padding-left: 25px;padding-bottom: 15px;}
  #home_cat .bg .section_item .bottom .desc{ color: #63686a; padding: 8px 0; line-height: 1.5;}
  #home_cat .bg .section_item .bottom .more{}
  #home_cat .bg .section_item .bottom .more a{ color: #7a2271; font-weight: bold;}

  /* col-2 */
  #home_cat .bg .section_item.col-2{ border-left: 10px solid #c5d6da;}
  #home_cat .bg .section_item.col-2 .top .desc{ background: #0089ab; color: #fff;}
  #home_cat .bg .section_item.col-2 .bottom .title1{color: #0089ab;}
  #home_cat .bg .section_item.col-2 .bottom .title2{color: #0089ab;}
  #home_cat .bg .section_item.col-2 .bottom .desc{color: #63686a;}
  #home_cat .bg .section_item.col-2 .bottom .more a{color: #0089ab;}

  /* col-3 */
  #home_cat .bg .section_item.col-3{ border-left: 10px solid #d8e5c3;}
  #home_cat .bg .section_item.col-3 .top .desc{ background: #88b53c; color: #fff;}
  #home_cat .bg .section_item.col-3 .bottom .title1{color: #88b53c;}
  #home_cat .bg .section_item.col-3 .bottom .title2{color: #88b53c;}
  #home_cat .bg .section_item.col-3 .bottom .desc{color: #63686a;}
  #home_cat .bg .section_item.col-3 .bottom .more a{color: #88b53c;}

  /* content
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #content{ padding-bottom: 100px;}
  #content .main_image{ height: 180px; background-color: #333; background-image: url('../images/content_page_bg.jpg'); background-size: cover; background-position: center;}
  #content .content h1{ color: #88b53c; font-weight: 300; padding-top: 6px;}
  #content .submenu{ }
  #content .submenu .title{ font-weight: 200; font-size: 44px; padding-top: 20px; padding-bottom: 15px; }
  #content .submenu ul{ list-style: none; padding: 0; }
  #content .submenu ul li{}
  #content .submenu ul li a{ color: #88b53c; line-height: 34px; text-transform: uppercase; font-weight: 400; text-decoration: none; border-bottom: 1px solid #ccc; display: block; padding: 0 10px; margin-top: -1px;}
  #content .submenu ul li.active a{ color: #fff; line-height: 34px; background: #88b53c; border-bottom: none;}
  #content .submenu ul li:last-child a{  border-bottom: none;}

  #content .content .pagesCategorys{}
  #content .content .pagesCategorys .category{ height: 200px; width: 100%;display: block; margin-bottom: 10px; background-size: cover; position: relative;}
  #content .content .pagesCategorys .category .title{ position: absolute; bottom: 0; width: 100%; background: #88b53c; color: #fff; padding: 0 10px; line-height: 40px;}
  #content .content .main-image{ margin-bottom: 15px; height: 300px;  border: 1px solid #E6E6E6; position: relative;}
  #content .content .main-image div{ top: 10px; left: 10px; right: 10px; bottom: 10px; position: absolute;  background-size: cover; background-position: center;}

  #content .content .zaposleni .col-md-6:nth-child(2n+1){ clear: both;}


  /* footer
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #footer{position: relative; z-index: 100; background: #88b53c;padding: 10px 0;-webkit-transform: translateZ(0); font-size: 12px; margin-top: 50px;}
  #footer.fixed{ position: fixed; bottom: 0; width: 100%;}
  #footer .grass{ position: absolute; width: 100%; height: 89px; top: -89px; background: url('../images/footer_bg.png');}
  #footer .logo{ padding-top: 18px; }
  #footer .epi{ }
  #footer .content{ padding-top: 15px; }
  #footer .author{ padding-top: 50px; }
  #footer a{color: #fff; }

@media (max-width: 768px) { 
  /* header
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #header .navbar-brand img{ width: 150px;}
  #header .navbar-brand {padding: 5px 15px;}

  #home_cat { padding-bottom: 0px;}
  #content .submenu .title {font-size: 24px;}
  #content .content h1 { font-size: 25px;}

  /* footer
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #footer.fixed{ position: relative; bottom: 0; width: 100%;}
}
@media (min-width: 768px) { 
  /* header
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #header .navbar-brand { height: auto; margin-right: 100px;}
  #header .navbar-left{ margin-top: 32px;position: relative;}
  #header .navbar-right{ margin-top: 32px;position: relative;}
  #header .navbar-right li>a{  position: relative;padding: 15px 18px;}
  #header .navbar-right li.active>a{ background: #658d33;}
  #header .navbar-left:before{ content: ""; position: absolute; min-width: 2500px; height: 50px; background: #d8e7bd; top:-10px; left: 15px;}
  #header .navbar-left:after{ content: ""; position: absolute; min-width: 2500px; height: 50px; background: #88b53c;}
  #header .navbar-default .navbar-nav>li>a {color: #fff;z-index: 2;position: relative; font-weight: 600;}

  #header .navbar-default .navbar-nav>.active>a,#header .navbar-default .navbar-nav>.menu-parent>a,#header .navbar-default .navbar-nav>.menu-current>a, #header .navbar-default .navbar-nav>.active>a:focus, #header .navbar-default .navbar-nav>.active>a:hover {color: #fff;background-color: #658d33;}
  .navbar-nav>li:first-child{ margin-left: 20px;}

  /* content
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #content .content{ background: #fff; margin-top: -60px; padding: 0px 15px 250px 15px;    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);}


}
@media (min-width: 768px) and (max-width: 992px) { 
  /* header
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #header #navbar{ margin-top: -30px;}
  #header .navbar-header { float: none;
    width: 100%;}
  #header .navbar-brand {     height: auto;
    margin-right: 100px;
    width: 100%;
    margin: 0;
    text-align: center;
    display: block;}
  #header .navbar-brand>img{ display: inline-block; }
  #header .navbar-left{ margin-top: 13px;position: relative;}
  #header .navbar-right{ margin-top: 13px;position: relative;}

}
@media (min-width: 992px) and (max-width: 1200) { 


}
@media (min-width: 1200) { 


}

.logo-projekt-wrapper {
  text-align: center;
}

@media screen and (min-width: 992px) {
  .logo-projekt {
    height: 45px;
  }
  .logo-projekt-eu {
    height: 45px;
  }
  .logo-div {
    margin-top: 20px;
  }
}

@media screen and (max-width: 992px) {
  .logo-projekt {
    height: 35px !important;
  }
  .logo-projekt-eu {
    height: 30px !important;
  }
}

.logo-div {
  text-align: center;
}