/*#region main variables*/
.clear {
  clear: both;
  content: '';
  display: table;
}
.alert {
  background-color: #f5d8e7;
}
/*#endregion main variables*/
/*#region div templates*/
/*#endregion div templates*/

html {
  height: 100%;
  min-height: 100%;
}
body {
  background: url("../images/pozadina.jpg") center center fixed;
  background-repeat: no-repeat;
  -ms-background-size: cover;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  font-family: 'Ubuntu', sans-serif;
  position: relative;
}
.row {
  padding: 0;
  margin: 0;
}
.listaInner:before,
.gallery:before,
.listaInner:after,
.gallery:after {
  content: '';
  display: table;
  clear: both;
}
/*#region Inner*/

.content {
  padding: 120px 0;
}
.content .col-sm-9 .header {
  background-color: rgba(142, 27, 82, 0.66);
  padding: 20px 20px 0 20px;
  font-size: 18px;
  font-weight: bold;
  color: white;
}
.content .col-sm-9 .header hr {
  border: solid white 1px;
  width: 75px;
  margin: 20px 0 0 0;
}
.zaNas {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px 10px 0 20px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  width: 100%;
}
.zaNas hr {
  border: solid #d2be8c 1px;
  width: 75px;
  margin: 10px 0 0 0;
}
.menu {
  font-size: 15px;
  color: black;
  font-weight: normal;
  line-height: 30px;
  width: 100%;
}
.menu ul {
  font-weight: bold;
  color: black;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu li {
  -webkit-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.menu li:hover,
.menu li.active {
  color: #8f1959;
  background-color: rgba(232, 214, 224, 0.88);
  -webkit-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.menu li:hover a,
.menu li.active a {
  color: #8f1959;
}
.menu li a {
  color: black;
  padding: 10px 10px 10px 20px;
  display: block;
}
.sidebar-menu > ul > li {
  background-color: rgba(255, 255, 255, 0.9);
  border-top: 1px solid #d8d8d8;
}
.sidebar-menu > ul > li > ul {
  background-color: rgba(255, 255, 255, 0.4);
}
.sidebar-menu > ul > li > ul > li {
  font-size: 12px !important;
  font-weight: normal;
  padding-left: 10px;
}
.sidebar-menu > ul > li > ul > li > a {
  color: black !important;
  padding: 3px 10px 3px 20px !important;
}
.sidebar-menu .boxArticles {
  -webkit-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sidebar-menu .boxArticles:hover {
  color: #8f1959;
  background-color: rgba(232, 214, 224, 0.88);
  -webkit-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ie-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sidebar-menu .boxArticles a {
  padding: 10px 10px 10px 20px;
  display: block;
  color: black;
  font-size: 14px;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.9);
  border-top: 1px solid #d8d8d8;
}
.sidebar-menu .col-sm-12 {
  padding: 0 !important;
}
.sidebar-menu .active-submenu {
  background-color: rgba(232, 214, 224, 0.88);
}
.sidebar-menu .active-submenu a {
  color: #8f1959 !important;
}
.listaInner {
  background-color: white !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  margin: 20px 0 0 0;
  font-size: 15px;
  color: black;
  font-weight: normal;
  padding: 40px 50px 40px 50px;
  line-height: 26px;
}
.listaInner p {
  line-height: 25px;
}
.listaInner ul {
  list-style: none;
  margin: 0;
}
.listaInner h4 {
  padding: 0;
}
.listaInner li::before {
  content: "•    ";
  color: #8f1959;
}
.listaInner .tema {
  font-weight: bold;
  color: #8f1959;
}
.listaInner .credits > .row > .col-sm-6 > h6 {
  color: #8f1959;
}
.btn {
  background-color: transparent;
  box-shadow: none;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
}
.news-intro {
  border-bottom: 1px dashed #aca7ab !important;
}
.news-intro h4 {
  color: #8f1959;
  font-size: 13px !important;
  margin-bottom: 10px;
}
.news-intro img {
  max-width: 200px;
  float: left;
  margin-right: 15px;
  padding: 5px;
  border: 1px solid #e2e2e2;
  background: white;
}
.news-intro-title p {
  text-transform: lowercase;
  color: black;
}
.news-intro-title p::first-letter {
  text-transform: uppercase;
}
.news-intro-title h2 {
  color: black;
}
.news-intro-title h2:hover {
  color: #8f1959;
}
.news-intro-title a {
  color: #8f1959;
}
@media screen and (max-width: 767px) {
  .content {
    margin-top: 25px;
    padding-top: 30px;
  }
  .content .col-sm-4 {
    display: none;
  }
  .listaInner,
  .gallery {
    line-height: 20px;
    font-size: 14px;
    padding: 20px;
  }
  .listaInner ul,
  .gallery ul {
    padding-left: 20px;
  }
}
/*#endregion Inner*/

/*#region Search*/

.contentSearch {
  padding: 50px 0;
}
.contentSearch .header {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px 20px 0 20px;
  font-size: 18px;
  font-weight: bold;
  color: white;
}
.contentSearch .header a,
.contentSearch .header span,
.contentSearch .header .breadcrumbs {
  font-size: 24px !important;
}
.contentSearch .header hr {
  border: solid white 1px;
  width: 75px;
  margin: 20px 0 0 0;
}
.listaSearch {
  background-color: rgba(255, 255, 255, 0.9) !important;
  margin: 20px 0 0 0;
  font-size: 15px;
  color: black;
  font-weight: normal;
  padding: 20px 0;
  line-height: 30px;
}
.listaSearch h5 {
  padding: 10px;
  font-weight: bold;
}
.listaSearch ul {
  padding: 10px;
  list-style: none;
  display: block;
}
.listaSearch li {
  border-bottom: 1px dashed gray;
  margin: 10px;
  padding-bottom: 40px;
}
.listaSearch p {
  margin: 10px;
  line-height: 20px;
}
.listaSearch a {
  margin: 10px;
  color: #8f1959;
}
@media screen and (max-width: 767px) {
  .contentSearch {
    margin-top: 25px;
    padding-top: 0;
  }
  .listaSearch {
    line-height: 20px;
    font-size: 14px;
    padding: 20px;
  }
  .listaSearch ul {
    padding-left: 0;
  }
}
/*#endregion Search*/

/*#region SiteMap*/

.contentSitemap {
  padding: 50px 0;
}
.contentSitemap .header {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px 20px 0 20px;
  font-size: 24px;
  font-weight: bold;
  color: white;
}
.contentSitemap .header a,
.contentSitemap .header span,
.contentSitemap .header .breadcrumbs {
  font-size: 24px !important;
}
.contentSitemap .header hr {
  border: solid white 1px;
  width: 75px;
  margin: 20px 0 0 0;
}
.listaSitemap {
  background-color: rgba(255, 255, 255, 0.9) !important;
  margin: 20px 0 0 0;
  color: black;
  font-weight: normal;
  padding: 0 50px 20px 45px;
  line-height: 35px;
}
.listaSitemap > ul {
  padding: 0;
}
.first {
  font-size: 25px;
  margin: 5px 0 5px 0;
  list-style: none;
}
.first > a {
  display: block;
  font-size: 23px !important;
}
.first > ul {
  padding-left: 60px;
}
.first a {
  color: black;
  text-decoration: none;
}
.first a:hover {
  color: black;
  text-decoration: none;
}
.second {
  font-size: 18px;
  list-style: circle !important;
}
.second ul {
  padding-left: 60px;
  list-style: square !important;
}
.second a {
  color: black;
  text-decoration: none;
  font-size: 18px !important;
}
.second a:hover {
  color: black;
  text-decoration: none;
}
.third {
  font-size: 15px;
}
.third a {
  color: black;
  text-decoration: none;
  font-size: 15px !important;
}
.third a:hover {
  color: black;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .contentSitemap {
    margin-top: 25px;
    padding-top: 0;
  }
  .contentSitemap .col-sm-4 {
    display: none;
  }
  .listaSitemap {
    font-size: 14px;
    padding: 20px;
  }
  .listaSitemap ul {
    padding-left: 20px;
  }
}
/*#endregion SiteMap*/

/*#region GalleryInner less*/

.container > .row > .col-sm-12 .header {
  background-color: rgba(142, 27, 82, 0.66);
  padding: 20px 20px 0 20px;
  font-size: 18px;
  font-weight: bold;
  color: white;
}
.container > .row > .col-sm-12 hr {
  border: solid white 1px;
  width: 75px;
  margin: 20px 0 0 0;
}
.item-container {
  text-align: center;
}
.item-container img {
  width: 100%;
  height: 100%;
}
.gallery {
  background-color: white !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  margin: 20px 0 0 0;
  font-size: 15px;
  color: black;
  font-weight: normal;
  padding: 30px;
  line-height: 26px;
}
.gallery .carousel-content {
  background: rgba(0, 0, 0, 0.55);
  border-radius: 20px;
  word-break: break-word;
  padding: 2px 10px 5px 10px;
  margin-bottom: 10px;
}
.gallery .carousel-content p {
  line-height: 20px;
}
.gallery .main-carousel a .ion-ios-arrow-right,
.gallery .main-carousel a .ion-ios-arrow-left {
  font-size: 70px;
  top: 45%;
  position: absolute;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .gallery {
    padding: 3px;
  }
  .gallery .main-carousel a .ion-ios-arrow-right,
  .gallery .main-carousel a .ion-ios-arrow-left {
    font-size: 30px;
  }
  .gallery .carousel-content {
    padding: 5px;
  }
  .gallery .carousel-content h1 {
    font-size: 20px;
    margin: 0;
  }
}
/*#endregion GalleryInner less*/