@charset "UTF-8";
/* SASS CSS
===================================================== */
/* MIXINS
===================================================== */
/* GENERAL CSS
===================================================== */
/* General Typography
===================================================== */
/* Defined in html element when using rem unit */
@media only screen and (min-width: 0) {
  html {
    font-size: 13.6px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.4px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}
html, body {
  line-height: 1.4;
  font-weight: 400;
}

body {
  font-size: 1rem;
  padding-top: 80px;
  min-height: 800px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
a {
  color: #004a23;
}

a:hover {
  color: #f44336;
}

li > a {
  font-weight: bold;
}

.navbar, h1, h2, h3, h4, h5, h6, p {
  font-weight: inherit;
}

*, :before, :after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*
:before, :after {
  display: table;
  content: ' ';
}
:after {
  clear: both;
}
*/
/* Styles
===================================================== */
a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

ul {
  padding-left: 2rem;
}
ul,
ul li {
  list-style-type: disc;
}

/* General classes for usage
===================================================== */
.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin {
  background-color: #fff;
}

.bootstrap-datetimepicker-widget ul,
.bootstrap-datetimepicker-widget li {
  list-style-type: none;
}

/* HEADER
===================================================== */
/* NAVBAR
===================================================== */
.navbar {
  background-color: #004a23;
  margin-bottom: 0;
}
.navbar .dropdown-menu,
.navbar .dropdown-menu li {
  list-style-type: none;
}
.navbar .navbar-brand {
  display: inline-block;
  padding: 0 15px;
  width: 90px;
  height: 100%;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-brand img {
  height: auto;
}
.navbar.top-nav-collapse {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.navbar.top-nav-collapse .navbar-brand {
  padding: 5px 20px;
}
.navbar a {
  font-weight: bold;
  color: #fff;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
  color: rgba(255, 255, 255, 0.84);
  background-color: rgba(233, 255, 243, 0.25);
}
.navbar .navbar-nav > li.active > a, .navbar .navbar-nav > li.active > a:hover, .navbar .navbar-nav > li.active > a:focus {
  color: rgba(255, 255, 255, 0.84);
  background-color: rgba(233, 255, 243, 0.25);
}
@media only screen and (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu .active a, .navbar .navbar-nav .open .dropdown-menu .active a:focus, .navbar .navbar-nav .open .dropdown-menu .active a:hover {
    background-color: #006830;
  }
  .navbar .navbar-nav .open .dropdown-menu li a {
    padding: 10px 15px 10px 25px;
  }
  .navbar .navbar-nav .open .dropdown-menu li a:hover {
    background-color: #006830;
  }
}
.navbar-fixed-top .navbar-nav > li a,
.navbar .top-nav-collapse .navbar-nav > li a {
  font-size: 1rem;
}
.navbar .dropdown-menu > li > a {
  color: #004a23;
}
.navbar .dropdown-menu > li > a:focus, .navbar .dropdown-menu > li > a:hover {
  background-color: #e9fff3;
}
.navbar .dropdown-menu > li.active > a, .navbar .dropdown-menu > li.active > a:hover, .navbar .dropdown-menu > li.active > a:focus {
  background-color: #006830;
  color: #fff;
}
.navbar .dropdown-menu li > a,
.navbar .dropdown-menu li > span {
  color: #004a23;
}
.navbar .dropdown-menu li:hover {
  background-color: transparent;
}

.pocetna > .navbar {
  background-color: rgba(255, 255, 255, 0.5);
}
.pocetna > .navbar .navbar-nav > li > a {
  color: rgba(0, 74, 35, 0.84);
}
@media only screen and (max-width: 1999px) {
  .pocetna > .navbar .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.pocetna > .navbar .navbar-nav > li.active a {
  color: rgba(0, 74, 35, 0.84);
}
.pocetna > .navbar.top-nav-collapse {
  background-color: #004a23;
}
.pocetna > .navbar.top-nav-collapse .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.84);
}
@media only screen and (max-width: 767px) {
  .pocetna > .navbar {
    background-color: #004a23;
  }
  .pocetna > .navbar a {
    font-weight: bold;
    color: rgba(255, 255, 255, 0.84) !important;
  }
  .pocetna > .navbar .navbar-nav > li > a:hover, .pocetna > .navbar .navbar-nav > li > a:focus {
    color: rgba(255, 255, 255, 0.84);
    background-color: rgba(233, 255, 243, 0.25);
  }
  .pocetna > .navbar .navbar-nav > li.active > a, .pocetna > .navbar .navbar-nav > li.active > a:hover, .pocetna > .navbar .navbar-nav > li.active > a:focus {
    color: rgba(255, 255, 255, 0.84);
    background-color: rgba(233, 255, 243, 0.25);
  }
  .pocetna > .navbar .dropdown-menu li:hover {
    background-color: #006830;
  }
}

/* PAGE
===================================================== */
#program {
  min-height: 600px;
}

.card {
  margin-top: 15px;
  margin-bottom: 15px;
}
.card .card-image h3 {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 74, 35, 0.84);
}
@media only screen and (max-width: 767px) {
  .card .card-image {
    display: none;
  }
  .card .card-image.visible {
    display: block;
  }
}
.card .card-data {
  z-index: 2;
  text-align: center;
  color: #fff;
  background-color: #004a23;
  height: 2rem;
  line-height: 2rem;
}
.card .card-data .fa {
  margin-right: 1rem;
}
.card .card-body {
  z-index: 3;
  padding: 0 15px;
}
.card .card-title {
  color: #004a23;
}

.panel-image {
  padding: 0px;
}
.panel-image > a {
  padding: 1px;
}
.panel-body {
  padding: 0px;
}

.btn-brand {
  background-color: #004a23;
  color: #fff;
}
.btn-brand:hover {
  background-color: #00642f;
  color: #fff;
}

.btn-border-brand {
  background-color: transparent;
  border: 1px solid #004a23;
  color: #004a23;
}
.btn-border-brand:hover {
  border-color: #00642f;
  color: #007d3b;
}

.kp-zelena {
  background-color: #009545 !important;
}

.kp_zelena, .kp_zelena:hover, .kp_zelena:focus, .kp_zelena:active {
  background-color: #004a23;
}

.kp_shadow {
  font-weight: bold;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.75);
}

.kontakt .podaci {
  margin: 1.78rem 0 1.424rem;
}

.select-wrapper input.select-dropdown {
  color: #9e9e9e;
  font-weight: bold;
}
.select-wrapper ul,
.select-wrapper li {
  list-style-type: none;
  padding: 0;
}
.select-wrapper ul.select-dropdown li > span {
  color: #009545;
}
.select-wrapper ul.select-dropdown li.disabled > span {
  color: rgba(0, 0, 0, 0.3);
}
.select-wrapper ul.select-dropdown li.active > span {
  color: #004a23;
}

/* POČETNA
===================================================== */
body.pocetna {
  padding-top: 0;
}

#pocetna .pocetna_vijesti {
  background-color: #e9fff3;
}
#pocetna .parallax {
  background-image: url("../img/panorama1.jpg");
}
#pocetna .top_intro {
  height: auto;
  position: relative;
  overflow: hidden;
}
#pocetna .top_intro_img {
  width: 100%;
  height: auto;
}
#pocetna .top_intro_msg {
  z-index: 1;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  text-align: center;
  color: #009545;
  font-weight: bold;
  font-size: 3rem;
}
@media only screen and (max-width: 767px) {
  #pocetna .top_intro_msg {
    top: 25%;
    font-size: 2rem;
  }
}
#pocetna .kartica > a {
  display: block;
  color: #fff;
  background-color: #009545;
  padding: 15px;
  font-weight: bold;
}
#pocetna .kartica > a .fa.rounded {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 3rem;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 15px 0px;
  color: #fff;
  background-color: #009545;
  margin-top: -50px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#pocetna .kartica > a:hover {
  color: #009545;
  background-color: #fff;
}
#pocetna .kartica > a:hover .fa {
  color: #009545;
  background-color: #fff;
  border-color: #009545;
}
@media only screen and (max-width: 991px) {
  #pocetna .kartica {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  #pocetna {
    padding-top: 60px;
  }
}

/* VIJESTI
===================================================== */
#vijesti {
  padding-top: 2rem;
}

#vijest {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  #vijest {
    background-color: transparent;
  }
  #vijest > .row {
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
  }
}
#vijest .datum_objave {
  display: block;
  font-style: italic;
  margin-bottom: 1rem;
}

#tekst {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: #fff;
}
#tekst ul {
  padding-left: 25px;
}
#tekst ul, #tekst ul li {
  list-style-type: disc;
}
#tekst ul li li {
  list-style-type: circle;
}
@media only screen and (max-width: 767px) {
  #tekst {
    background-color: transparent;
  }
  #tekst > .row {
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
  }
}
#tekst .tekst-sadrzaj a:before,
#tekst .tekst-sadrzaj a[href]:before {
  content: "\f016";
  /* generic file icon */
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 1.5rem;
  text-align: right;
  margin-right: 0.5rem;
}
#tekst .tekst-sadrzaj a[href$=".txt"]:before {
  content: "\f0f6";
  /*Text*/
}
#tekst .tekst-sadrzaj a[href$=".pdf"]:before,
#tekst .tekst-sadrzaj a[href$=".PDF"]:before {
  content: "\f1c1";
  /*PDF*/
}
#tekst .tekst-sadrzaj a[href$=".doc"]:before,
#tekst .tekst-sadrzaj a[href$=".docx"]:before,
#tekst .tekst-sadrzaj a[href$=".DOC"]:before,
#tekst .tekst-sadrzaj a[href$=".DOCS"]:before {
  content: "\f1c2";
  /*Word*/
}
#tekst .tekst-sadrzaj a[href$=".xls"]:before,
#tekst .tekst-sadrzaj a[href$=".xlsx"]:before,
#tekst .tekst-sadrzaj a[href$=".XLS"]:before,
#tekst .tekst-sadrzaj a[href$=".XLSX"]:before {
  content: "\f1c3";
  /*Excel*/
}

.pagination > li > a {
  color: #004a23;
  background-color: #fff;
  border-color: #fff;
}
.pagination > li > a:hover, .pagination > li > a:focus {
  color: #fff;
  background-color: #007637;
  border-color: #007637;
}
.pagination > li.active > a, .pagination > li.active > a:focus, .pagination > li.active > a:hover {
  color: #fff;
  background-color: #004a23;
  border-color: #004a23;
}

/* TEKST2
===================================================== */
/* ROTATOR
===================================================== */
.btn-rotator-edit {
  position: absolute;
  z-index: 995;
  right: 0;
  top: 100px;
}

.rotator .slide {
  height: auto;
  position: relative;
}
.rotator .slide img {
  width: 100%;
  height: auto;
}
.rotator .slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding-left: 2rem;
  background-color: rgba(0, 74, 35, 0.72);
  color: #fff;
  font-size: 1.5rem;
}
.rotator .slide .title a, .rotator .slide .title a:hover, .rotator .slide .title a:focus {
  color: #fff;
}
.rotator .slick-dots {
  bottom: 0;
  right: 0;
  width: auto;
  height: 50px;
  margin: 0;
  padding: 0;
  padding-right: 2rem;
  z-index: 995;
}
.rotator .slick-dots > li {
  width: 2rem;
  height: 100%;
  background-color: transparent;
  padding: 13px 0;
}
.rotator .slick-dots > li > button {
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.72);
}
.rotator .slick-dots > li > button:before {
  content: ' ';
  width: 100%;
  height: 100%;
  line-height: 100%;
}
.rotator .slick-dots > li.slick-active {
  background-color: transparent;
}
.rotator .slick-dots > li.slick-active > button {
  background-color: #004a23;
}
.rotator .slick-prev, .rotator .slick-next {
  width: 50px;
  height: 50px;
  z-index: 995;
}
@media only screen and (max-width: 767px) {
  .rotator .slick-prev, .rotator .slick-next {
    display: none !important;
  }
}
.rotator .slick-prev:before, .rotator .slick-next:before {
  font-size: 50px;
  opacity: .25;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.rotator .slick-prev:focus:before, .rotator .slick-prev:hover:before, .rotator .slick-next:focus:before, .rotator .slick-next:hover:before {
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.rotator .slick-prev {
  left: 25px;
}
.rotator .slick-next {
  right: 25px;
}

.carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 75px;
  background-color: rgba(0, 74, 35, 0.35);
  color: #fff;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.carousel-caption > div {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.carousel-caption h1 {
  color: #fff;
}
.carousel-caption p {
  width: 50%;
  margin: 0 auto;
  font-size: 125%;
}
.carousel-caption .btn {
  font-size: 125%;
}
.carousel-caption .btn.btn-border-white:hover {
  color: #004a23 !important;
  background-color: #fff;
  border-color: #fff;
}

/* GALERIJA
===================================================== */
.galerija a[data-gallery] {
  padding: 1px;
}

/* FOOTER
===================================================== */
footer {
  background-color: #004a23;
  color: #fff;
  padding: 3rem 0;
}
footer h4 {
  color: #fff;
}

/* UNIVERSAL HELPERS
===================================================== */
/* Position
===================================================== */
.display-container {
  position: relative;
}

.display-tl {
  position: absolute;
  top: 0;
  left: 0;
}

.display-tc {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.display-tr {
  position: absolute;
  top: 0;
  right: 0;
}

.display-cl {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.display-cc {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.display-cr {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.display-bl {
  position: absolute;
  bottom: 0;
  left: 0;
}

.display-bc {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.display-br {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* Display
===================================================== */
.display-show, .display-show-block {
  display: block !important;
}
.display-show-inline {
  display: inline-block !important;
}
.display-hide {
  display: none !important;
}

/* Borders
===================================================== */
.border {
  border: 1px solid #ccc;
}

.border-t {
  border-top: 1px solid #ccc;
}

.border-r {
  border-right: 1px solid #ccc;
}

.border-b {
  border-bottom: 1px solid #ccc;
}

.border-l {
  border-left: 1px solid #ccc;
}

.border-0 {
  border: none;
}

/* Shadow
===================================================== */
.shadow-0 {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.shadow-1 {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
          box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.shadow-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
          box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

.shadow-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,.24), 0 17px 50px 0 rgba(0,0,0,.19);
          box-shadow: 0 12px 15px 0 rgba(0,0,0,.24), 0 17px 50px 0 rgba(0,0,0,.19);
}

.shadow-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0,0,0,.22), 0 25px 55px 0 rgba(0,0,0,.21);
          box-shadow: 0 16px 28px 0 rgba(0,0,0,.22), 0 25px 55px 0 rgba(0,0,0,.21);
}

.shadow-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0,0,0,.2), 0 40px 77px 0 rgba(0,0,0,.22);
          box-shadow: 0 27px 24px 0 rgba(0,0,0,.2), 0 40px 77px 0 rgba(0,0,0,.22);
}

.hover-shadow {
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
}
.hover-shadow:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
          box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

/* Efects
===================================================== */
.blur, .hover-blur:hover {
  -webkit-filter: blur(0.5rem);
          filter: blur(0.5rem);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.blur-min {
  -webkit-filter: blur(0.25rem);
          filter: blur(0.25rem);
}

.blur-max {
  -webkit-filter: blur(0.75rem);
          filter: blur(0.75rem);
}

.blur-none, .hover-blur-none:hover {
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.opacity, .hover-opacity:hover {
  -webkit-filter: opacity(60%);
          filter: opacity(60%);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.opacity-min {
  -webkit-filter: opacity(75%);
          filter: opacity(75%);
}

.opacity-max {
  -webkit-filter: opacity(25%);
          filter: opacity(25%);
}

.opacity-none, .hover-opacity-none:hover {
  -webkit-filter: opacity(100%);
          filter: opacity(100%);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.grayscale, .hover-grayscale:hover {
  -webkit-filter: grayscale(75%);
          filter: grayscale(75%);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.grayscale-min {
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
}

.grayscale-max {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.grayscale-none, .hover-grayscale-none:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.sepia, .hover-sepia:hover {
  -webkit-filter: sepia(75%);
          filter: sepia(75%);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.sepia-min {
  -webkit-filter: sepia(50%);
          filter: sepia(50%);
}

.sepia-max {
  -webkit-filter: sepia(100%);
          filter: sepia(100%);
}

.sepia-none, .hover-sepia-none:hover {
  -webkit-filter: sepia(0%);
          filter: sepia(0%);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.grow {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.grow:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

/* Media Queries
===================================================== */
/* High def devices
===================================================== */