html {
  min-height: 100%;
  font-size: 18px;
}
html.popup-shown {
  overflow: hidden;
}
body {
  font-family: "AvenirNext", Helvetica, Arial, sans-serif;
  background: white;
  min-height: 100%;
  font-weight: 400;
  font-size: 14px;
  /*   USE FONT WEIGHT 400, 600,700 */
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
h2 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 12px;
}
h3 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 8px;
}
.event-box .intro2 > a,
.event-box .intro > a {
  font-weight: bold;
  color: inherit;
}
.event-box .intro2,
.event-box .intro {
  margin-bottom: 16px;
  /*   max-height: 150px; */
  /*   overflow: auto; */
}
.headline {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.text-body {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.text-body h2,
.text-body h3 {
  color: black;
}
.text-body .intro {
  color: black;
  font-size: 18px;
  line-height: 34px;
}
.home-tabs-ctl p a,
.box-details a,
.text-body a {
  text-decoration: none;
  /*   text-decoration: underline; */
  color: black;
  border-bottom: 1px solid #eee;
}
.home-tabs-ctl p a:hover,
.box-details a:hover,
.text-body a:hover {
  text-decoration: none;
  color: #99001a;
}
header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  border-bottom: 1px solid #eee;
  z-index: 20;
  background: white;
}

header.below-intro {
  position: absolute;
  top: auto;
}
.color-lines {
  height: 2px;
  overflow: hidden;
  z-index: 0;
}
.sticky-footer .color-lines {
  height: 4px;
}
.color-lines > div {
  position: relative;
  height: 4px;
}
.color-lines > div::before,
.color-lines > div::after,
.color-lines > div span::after {
  content: "";
}
.color-lines > div::before,
.color-lines > div::after,
.color-lines > div span::after,
.color-lines > div span {
  display: block;
  height: 4px;
  width: 14.25%;
  position: absolute;
}
.color-lines > div::before {
  background: #e3699d;
  width: 1000%;
  left: 50%;
}
.color-lines > div::after {
  background: #425d9b;
  width: 1000%;
  right: 50%;
}
.color-lines > div span::after {
  background: #ca2537;
  left: 100%;
  width: 100%;
}
.color-lines > div span:first-of-type {
  background: #99c63e;
  left: 17.3%;
  z-index: 1;
}
.color-lines > div span:last-of-type {
  background: #35bce1;
  left: 45.8%;
  z-index: 1;
}
.color-lines > div span:last-of-type::after {
  background: #f7c024;
}
header .container {
  height: 102px;
  position: relative;
  transition: 0.5s;
}
header.collapsed .container {
  height: 75px;
}
.logo {
  left: 0;
  top: 15px;
  position: absolute;
}

.logo a {
  background: url("../svg/logo-sr-red.svg") no-repeat;
  background-size: 146px 60px;
  width: 146px;
  height: 60px;
  display: block;
  overflow: hidden;
  text-indent: -10000px;
  transition: 0.5s;
}
.collapsed .logo a {
  background: url("../svg/logo-sr-red.svg") no-repeat;
  background-size: 167px 48px;
  width: 112px;
  background-position: center;
  height: 48px;
}
.collapsed .logo.logo-sr a,
.logo.logo-sr a {
  background-image: url("../svg/logo-sr-red.svg");
}
.collapsed .logo.logo-en a,
.logo.logo-en a {
  background-image: url("../svg/logo-en-red.svg");
}
.logo-sc a,
.collapsed .logo-sc a {
  background-image: url("../svg/logo-cir-red.svg");
}
.collapsed .logo-sc a {
  background-size: 154px 43px;
  background-image: url("../svg/logo-cir-red.svg");
}
.collapsed .logo.logo-de a,
.logo.logo-de a {
  background-image: url("../svg/logo-de-red.svg");
}
.collapsed .logo.logo-es a,
.logo.logo-es a {
  background-image: url("../svg/logo-es-red.svg");
}
.collapsed .logo.logo-tr a,
.logo.logo-tr a,
.collapsed .logo.logo-jp a,
.logo.logo-jp a,
.collapsed .logo.logo-cn a,
.logo.logo-cn a,
.collapsed .logo.logo-en a,
.logo.logo-en a {
  background-image: url("../svg/logo-en-red.svg");
}
.collapsed .logo.logo-it a,
.logo.logo-it a {
  background-image: url("../svg/logo-it-red.svg");
}
.collapsed .logo:not(.logo-sr) a,
.collapsed .logo:not(.logo-sc) a {
  width: 128px;
}
.collapsed .logo.logo-fr a,
.logo.logo-fr a {
  background-image: url("../svg/logo-fr-red.svg");
}
.collapsed .logo.logo-ru a,
.logo.logo-ru a {
  background-image: url("../svg/logo-ru-red.svg");
}

header nav {
  margin-left: auto;
  width: auto;
  float: right;
  position: relative;
  clear: right;
}
header > .container {
  padding: 0;
}
header nav.second {
  height: 48px;
  padding-top: 24px;
  transition: 0.5s;
  visibility: visible;
  opacity: 1;
}
header.collapsed nav.second {
  padding-top: 0px;
  height: 20px;
  visibility: hidden;
  opacity: 0;
}
header a {
  color: black;
}
header a:hover {
  color: black;
  text-decoration: none;
}
header nav.second ul {
  float: left;
  font-size: 12px;
  line-height: 24px;
  padding-right: 16px;
}
header nav.second ul > li {
  float: left;
  margin-left: 13px;
}
header nav.second > ul > li.active::after,
header nav.second > ul > li:hover::after {
  content: "";
  height: 3px;
  display: block;
  background: black;
  /*   margin-top: 4px; */
  position: relative;
}
/*header nav.second>ul>li:nth-of-type(1):hover a {
  color: #425d9b;
}
header nav.second>ul>li:nth-of-type(2):hover a {
  color: #99c63e;
}
header nav.second>ul>li:nth-of-type(3):hover a {
  color: #ca2537;
}
header nav.second>ul>li:nth-of-type(4):hover a {
  color: #35bce1;
}
header nav.second>ul>li:nth-of-type(5):hover a {
  color: #f7c024;
}
header nav.second>ul>li:nth-of-type(6):hover a {
  color: #e3699d;
}*/
header nav.second > ul > li:hover a,
header nav.second > ul > li.active a {
  color: #99c63e;
}
header nav .social-links {
  height: 24px;
  float: left;
  border-left: 1px solid #eee;
}
header nav .social-links a {
  width: 24px;
  height: 24px;
  box-sizing: content-box;
  padding: 0 2px;
  border-right: 1px solid #eee;
  overflow: hidden;
  text-indent: -10000px;
  display: block;
  float: left;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transition: 0.3s;
}
header nav .social-links a:hover {
  background-color: #425d9b;
  /*   border-radius: 20px; */
  border-right: 1px solid transparent;
}
header nav .social-links a.ig {
  background-image: url("../png/instagram.png");
  background-size: 14px 14px;
}
header nav .social-links a.ig:hover {
  background-image: url("../png/instagram-w.png");
  background-color: black;
  /*   background-size: 16px 16px; */
}
header nav .social-links a.fb {
  background-image: url("../svg/facebook.svg");
}
header nav .social-links a.fb:hover {
  background-image: url("../svg/facebook-w.svg");
  /*   background-size: 10px 18px; */
}
header nav .social-links a.tw {
  background-image: url("../svg/twitter.svg");
}
header nav .social-links a.tw:hover {
  background-image: url("../svg/twitter-w.svg");
  background-color: #1da1f2;
  /*   background-size: 17px 14px; */
}
.lang-selector {
  float: left;
  padding: 0 12px;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-style: normal;
  position: absolute;
  z-index: 1;
  background: white;
  overflow: hidden;
  padding-top: 24px;
  width: 72px;
  width: 200px;
  /* background-image: url(../img/dropdown1.svg); */
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) 10px;
  margin-right: -15px;
  display: none;
  padding: 20px !important;
}
.avaible-languages-to-select:hover ~ .lang-selector,
.lang-selector-wrapper:hover .lang-selector,
.lang-selector:hover,
.lang-active {
  height: auto;
  box-shadow: 0px 6px 6px rgb(0 0 0 / 50%);
  padding-bottom: 12px;
  /* background-image: url(../img/dropdown2.svg); */
  top: 102px;
  padding-top: 10px;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lang-active {
  top: 30px !important;
  left: 0 !important;
  width: 150px !important;
  gap: 2px;
}
header.collapsed .avaible-languages-to-select:hover ~ .lang-selector,
header.collapsed .lang-selector-wrapper:hover .lang-selector,
header.collapsed .lang-selector:hover {
  top: 75px;
}

header .avaible-languages-to-select .lang-selector a {
  display: block;
  background: white;
  color: #999;
  line-height: 1.7;
  text-transform: uppercase !important;
}
.lang-selector:hover a {
  color: black;
}
.lang-selector:hover a.active {
  color: #425d9b;
}
.lang-selector a.active {
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
  background: transparent;
}
.lang-selector a.inactive {
  opacity: 0.33;
}
.lang-selector-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 15px;
}
.lang-selector-wrapper svg {
  width: 15px;
  height: 15px;
}
body > header > div > nav > ul > li:nth-child(4) > a > svg > g {
  fill: black;
}
.menu-right {
  display: flex;
  align-items: center;
  border-left: 1px solid #eee;
  padding-left: 38px;
}
.menu-right {
  font-size: 18px;
}
header nav.main {
  height: 24px;
  margin-top: 16px;
  line-height: 24px;
  font-size: 16px;
}
header nav.main > ul {
  float: left;
  position: relative;
  opacity: 1;
  transition: 0.3s;
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
header nav.main > ul.hidden {
  opacity: 0;
}
header nav.main .search {
  float: left;
  /* border-left: 1px solid #eee; */
}
header nav.main > ul > li {
  float: left;
  height: 38px;
  margin-right: 10px;
  height: 100%;
}
header nav.main > ul > li.active::after,
header nav.main > ul > li:hover::after {
  content: "";
  height: 3px;
  display: block;
  /*   background: black; */
  margin-top: 12px;
  position: relative;
  /*  background: #99c63e;*/
}
header nav > ul > li.active:nth-of-type(1)::after,
header nav > ul > li:nth-of-type(1):hover::after {
  background: #425d9b;
}
header nav > ul > li.active:nth-of-type(2)::after,
header nav > ul > li:nth-of-type(2):hover::after {
  background: #99c63e;
}
header nav > ul > li.active:nth-of-type(3)::after,
header nav > ul > li:nth-of-type(3):hover::after {
  background: #ca2537;
}
header nav > ul > li.active:nth-of-type(4)::after,
header nav > ul > li:nth-of-type(4):hover::after {
  background: #35bce1;
}
header nav > ul > li.active:nth-of-type(5)::after,
header nav > ul > li:nth-of-type(5):hover::after {
  background: #f7c024;
  background: #35bce1;
}
header nav > ul > li.active:nth-of-type(6)::after,
header nav > ul > li:nth-of-type(6):hover::after {
  background: #e3699d;
}
header nav.second > ul > li.active::after,
header nav.second > ul > li:hover::after {
  background: #99c63e;
}
header nav.main > ul > li > a {
  display: block;
  line-height: 102px;
}
header nav.main > ul > li.has-sub > a {
  padding-right: 16px;
  /* background: url("../img/dropdown1.svg") no-repeat 100% 50%; */
  font-family: "Pangea-Bold";
  letter-spacing: -1px;
  line-height: 1.15;
}
header nav.main > ul > li.has-sub.active:nth-of-type(1) > a,
header nav.main > ul > li.has-sub:nth-of-type(1):hover > a {
  /* background-image: url("../img/dropdown2.svg"); */
}
header nav.main > ul > li.has-sub.active:nth-of-type(2) > a,
header nav.main > ul > li.has-sub:nth-of-type(2):hover > a {
  /* background-image: url("../img/dropdown3.svg"); */
}
header nav.main > ul > li.has-sub.active:nth-of-type(3) > a,
header nav.main > ul > li.has-sub:nth-of-type(3):hover > a {
  /* background-image: url("../img/dropdown4.svg"); */
}
header nav.main > ul > li.has-sub {
  font-weight: 600;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
header nav.main > ul > li > ul {
  position: absolute;
  top: 102px;
  left: -197px;
  right: -38px;
  right: 5px;
  background: white;
  padding: 24px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
  min-height: 310px;
  min-height: 220px;
  height: 220px;
  transition: 0.1s height;
  font-size: 14px;
  font-weight: bold;
  line-height: 32px;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s;
}
header nav.main > ul > li:hover > ul {
  visibility: visible;
}
header nav.main > ul > li > ul .image {
  display: none;
  position: absolute;
  right: 8px;
  top: 2px;
}
header nav.main > ul > li > ul > li > ul > li:hover .image {
  display: block;
}
header nav.main > ul > li > ul .image img {
  display: block;
  width: 203px;
  height: 153px;
  object-fit: cover;
  border: 3px solid white;
}
header nav.main > ul > li:nth-of-type(1) > ul .image img {
  border-color: #425d9b;
}
header nav.main > ul > li:nth-of-type(2) > ul .image img {
  border-color: #99c63e;
}
header nav.main > ul > li:nth-of-type(3) > ul .image img {
  border-color: #ca2537;
}
header nav.main > ul > li > ul .image span {
  font-size: 10px;
  font-style: italic;
  color: #ccc;
  display: block;
  text-align: right;
  padding-right: 13px;
}
header nav.main > ul > li ul.inner-container li.heading > a {
  margin-bottom: 30px;
  color: #fff;
  font-weight: 300;
  font-size: 24px !important;
  letter-spacing: -1px;
}
header nav.main .search form {
  /*   display: none; */
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  background: white;
  height: 38px;
}
header nav.main .search form {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
header nav.main .search.shown form {
  opacity: 1;
  visibility: visible;
}
header nav.main .search form input {
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  position: absolute;
  top: 0;
  left: 40px;
  height: 24px;
  right: 64px;
  display: block;
  width: calc(100% - 104px);
}
header nav.main .search form button {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  border-left: 1px solid #eee;
  width: 44px;
  height: 24px;
  background: url("../svg/search.svg") no-repeat 50% 50%;
  background-size: 20px 20px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
header nav.main .search a {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 35px;
  /* background: url("../img/Search.svg") 11px 50% no-repeat; */
}
header nav.main > ul > li > ul > li > ul {
  position: absolute;
  left: 240px;
  left: 265px;
  top: 24px;
  bottom: 24px;
  right: 24px;
  font-weight: normal;
  color: #666;
  display: none;
}
header nav.main > ul > li > ul > li:hover > ul {
  display: block;
}
header nav.main > ul > li > ul > li > a {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  margin-bottom: 4px;
  border: 1px solid transparent;
  padding: 0 10px;
}
header nav.main > ul > li:nth-of-type(1) > ul > li:hover > a {
  border: 1px solid #425d9b;
}
header nav.main > ul > li:nth-of-type(2) > ul > li:hover > a {
  border: 1px solid #99c63e;
}
header nav.main > ul > li:nth-of-type(3) > ul > li:hover > a {
  border: 1px solid #ca2537;
}
header nav.main > ul > li > ul > li > ul > li > a {
  display: inline-block;
  color: #666;
  margin-bottom: 3px;
}
header nav.main > ul > li > ul > li > ul > li:hover > a {
  font-weight: bold;
}
header nav.main > ul > li:nth-of-type(1) > ul > li > ul > li:hover > a {
  color: #425d9b;
}
header nav.main > ul > li:nth-of-type(2) > ul > li > ul > li:hover > a {
  color: #99c63e;
}
header nav.main > ul > li:nth-of-type(3) > ul > li > ul > li:hover > a {
  color: #ca2537;
}
footer .footer-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0 30px;
  border-bottom: 1px solid #000;
  margin-bottom: 52px;
  max-width: 1140px;
  margin: 0 auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  footer .footer-heading {
    margin: 0 24px;
  }
}
footer .footer-heading .footer-logo img {
  position: relative;
  height: 55px;
  transform: none !important;
}
footer .footer-heading .footer-title {
  list-style-type: none;
  margin: 0;
}
footer .footer-heading .footer-title li a {
  color: #000;
  font-size: 16px;
}
footer .footer-heading .footer-title:hover li a {
  color: #fa4752;
}

footer .footer-heading .footer-title li svg {
  transform: rotate(-90deg);
  width: 9px;
  transition: all 0.5s;
}
footer .footer-heading .footer-title:hover li svg {
  transform: rotate(90deg);
  animation-delay: 0.5s;
  animation: 1.4s linear top-top-arrow infinite;
}
footer .footer-heading .footer-title:hover li svg g {
  fill: #fa4752;
}
footer .footer-heading .footer-title li svg g {
  fill: black;
}
footer .footer-heading .footer-title li {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
footer .footer-heading .footer-title li a i.fa {
  font-size: 20px;
}

footer .foot-nav {
  overflow: hidden;
  padding: 45px 0;
  justify-content: space-between;
  display: flex;
}
@media (min-width: 320px) and (max-width: 767px) {
  footer .foot-nav {
    display: block;
  }
  footer .foot-nav .single-nav {
    margin: 0 0 45px;
  }
  footer .foot-nav .single-nav:last-child {
    margin: 0;
  }
}
footer .foot-nav ul {
  margin-bottom: 45px;
  font-size: 12px;
  line-height: 24px;
}
footer .foot-nav ul.ext li {
  font-size: 18px;
  margin-bottom: 24px;
}
footer .foot-nav ul.ext li a {
  color: #000;
  font-size: 24px;
  font-family: "BlackerPro-Bold" !important;
  font-weight: 600;
}
footer .foot-nav ul.ext li a:hover {
  color: #4f38a8 !important;
  border-bottom: 2px solid #4f38a8;
  padding-bottom: 3px;
}
footer .single-nav:nth-child(3) h3 {
  font-family: "BlackerPro-Bold" !important;
  font-weight: 600;
}
footer .single-nav:nth-child(3) input {
  background-color: white;
}
footer .single-nav:nth-child(3) input:focus {
  border: 2px solid;
}
footer .single-nav:nth-child(2) .list-unstyled.norm > li > a {
  color: #666666;
}
footer .foot-nav ul:last-child {
  margin: 0;
}

/* @media screen and (min-width: 1001px) {
  footer .foot-nav {
    display: flex;
  }
  footer .foot-nav ul {
    width: auto;
    float: none;
    flex-grow: 1;
  }
} */
footer .foot-nav ul li {
  margin-bottom: 12px;
}
footer .foot-nav a {
  color: #666666;
  font-size: 16px;
}
footer .foot-nav a:hover {
  text-decoration: none;
  color: #000;
  padding-bottom: 0px;
  /* border-bottom: 1px solid #ff4500; */
}
footer .foot-nav ul.main li:first-of-type {
  font-size: 18px;
  font-weight: 600;
}
footer .foot-nav ul.main li:first-of-type a {
  border-bottom: 1px solid transparent;
  color: #000;
  font-size: 24px;
  font-weight: 500;
  font-weight: bold;
  font-family: "BlackerPro-Bold" !important;
}
footer .foot-nav ul.main li:first-of-type a:hover {
  border-bottom: 1px solid #eee;
  color: #000;
}
footer .foot-nav ul.ext li {
  font-size: 18px;
  margin-bottom: 24px;
}
footer .single-nav ul.social-icons {
  margin: 0 0 25px;
  display: flex;
  grid-gap: 20px;
}
footer .single-nav ul.social-icons li svg {
  width: 25px;
  height: 25px;
  fill: white;
}
footer .single-nav ul.social-icons li {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  display: grid;
  align-items: center;
  text-align: center;
}
footer .single-nav ul.social-icons li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .single-nav ul.social-icons li a:hover {
  border-bottom: none;
}
footer .single-nav h3 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 13px;
}
footer .single-nav span {
  display: block;
  font-size: 16px;
  color: #666666;
  margin-bottom: 27px;
}
footer .single-nav input {
  width: 338px;
  height: 50px;
  display: block;
  border: 1px solid #cccccc;
  padding: 0 10px;
  margin-bottom: 20px;
  line-height: 50px;
}
footer .single-nav button {
  width: 338px;
  height: 50px;
  text-align: center;
  background-color: #000;
  color: #fff;
  border: none;
  cursor: pointer;
}
footer .single-nav button:hover {
  background-color: #444444;
}
@media (min-width: 320px) and (max-width: 1023px) {
  footer .single-nav button,
  footer .single-nav input {
    width: 100%;
  }
}
.gen-hr {
  border-bottom: 1px solid #eee;
}
.foot-info {
  min-height: 60px;
  padding: 16px 0;
  font-size: 12px;
  color: #000;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 767px) {
  .foot-info {
    text-align: center;
  }
}
.foot-info .copy {
  float: left;
  font-size: 14px;
}
.foot-info .devby {
  float: right;
  font-size: 14px;
}
.foot-info a {
  color: inherit;
}
.foot-info a:hover {
  text-decoration: none;
  color: #333;
}
.header-spacer {
  height: 100px;
}
.header-spacer.has-subnav {
  height: 150px;
}
.box-items {
  padding: 20px 0;
}
.box-items .col-md-4,
.box-items .col-sm-4,
.box-social .col-md-4,
.box-social .col-sm-4 {
  padding-left: 7px;
  padding-right: 8px;
}
.box-items.row,
.box-items .row,
.box-social .row {
  margin-left: -7px;
  margin-right: -8px;
}
.box-item {
  position: relative;
  height: 100%;
  border: 1px solid #eee;
  background: white;
  margin-bottom: 30px;
  margin-bottom: 15px;
}
.box-item .link-full {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.bi-alt .col-sm-4 {
  margin-bottom: 30px;
  margin-bottom: 15px;
}
.box-item:hover {
  border-color: #ccc;
}
.box-item.box-item-noborder {
  border: 0px none;
}
.box-item.medium {
  min-height: 400px;
}
.box-item.large {
  min-height: 600px;
}
.bi-alt .box-item:hover {
  box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.4);
}
.box-item .top-img-2,
.box-item .top-img {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 51.28%;
  position: relative;
  margin: -1px -1px 0;
  overflow: hidden;
}
.box-item .top-img-2::before,
.box-item .top-img::before {
  content: "";
  background: #425d9b;
  opacity: 0.3;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.box-item .top-img.top-img-map::before {
  display: none;
}
.box-item:hover .top-img::before {
  opacity: 0.6;
  visibility: visible;
}
.box-item .top-img .inner-wrapper {
  background-size: cover;
}
.box-item.medium .top-img-2,
.box-item.medium .top-img {
  padding-top: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 200px;
}
.box-item.large .top-img-2,
.box-item.large .top-img {
  padding-top: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.box-item .box-icontent {
  padding: 30px 30px 20px;
  /*   border: 1px solid #eee; */
}
.box-item.medium .box-icontent {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 200px;
  background: #425d9b;
  color: white;
  border: 0 none;
}
.box-item.large .box-icontent {
  position: absolute;
  top: 0;
  left: 75px;
  padding-top: 150px;
  padding-bottom: 50px;
  width: 300px;
  background: #425d9b;
  color: white;
  border: 0 none;
  z-index: 1;
}
.box-item.large .box-icontent a,
.box-item.medium .box-icontent a {
  color: white;
}
.box-item.large:hover h4,
.box-item.large:hover a,
.box-item.large .box-intro,
.box-item.medium:hover h4,
.box-item.medium:hover a {
  color: white;
}
.box-item .top-img + .box-icontent {
  border-top: 0 none;
}
.box-item:hover .box-icontent {
  border-color: #ccc;
}
.box-item.medium h4,
.box-item.large h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.box-item .category {
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  color: #f7c024;
  margin-bottom: 5px;
}
.nabavke .box-item .category {
  color: #425d9b;
}
.box-item:hover .category {
  color: #99001a;
}
.box-item h4 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 8px;
  font-family: "BlackerPro-Bold" !important;
}
.box-item:hover h4 {
  color: #99001a;
}
.bi-alt .box-item:hover h4 {
  color: inherit;
}
.box-item .box-intro {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  margin-bottom: 26px;
}
.link-more {
  color: #000;
  font-size: 18px;
  text-decoration: underline;
  font-weight: bold;
  display: inline-block;
}
.link-more::after {
  width: 53px;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: url("../svg/more3.svg") 100% 50% no-repeat;
  background-size: 46px 5px;
}
.box-item:hover .link-more::after {
  background-image: url("../svg/more2.svg");
}
.box-item.large .link-more::after,
.box-item.medium .link-more::after,
.box-item.large:hover .link-more::after,
.box-item.medium:hover .link-more::after {
  background-image: url("../svg/more.svg");
}
.link-more:hover {
  color: #ff4500;
  text-decoration: none;
  color: inherit;
}
.box-item:hover .link-more {
  color: #99001a;
}
.gal-slider.bi-alt,
.box-items.bi-alt {
  background: transparent;
}
.box-items.bi-alt .box-icontent {
  border-color: transparent;
  background: #fff;
}
.box-social {
  padding: 20px 0;
}
.box-social .col-sm-4 {
  /*   margin-bottom: 30px; */
  margin-bottom: 15px;
}
.box-social .box-item {
  position: relative;
  padding-top: 71.8%;
  padding-top: 94%;
  margin-bottom: 15px;
}
.box-social .box-item .social-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
}
.box-social .box-stitle {
  position: absolute;
  left: 0;
  right: 0;
  top: 73.2%;
  transform: translateY(-50%);
  color: white;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  line-height: 24px;
  padding: 0 5%;
}
.box-social .social-ico {
  position: absolute;
  background-color: white;
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-indent: -10000px;
  border-radius: 12px;
  top: 12px;
  right: 12px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.box-social .social-ico.ig {
  background-image: url("../png/instagram.png");
  background-size: 14px 14px;
}
.box-social .social-ico.fb {
  background-image: url("../svg/facebook.svg");
}
.box-social .social-ico.tw {
  background-image: url("../svg/twitter.svg");
}
.box-social .box-item:hover .social-ico.ig {
  background-image: url("../png/instagram-w.png");
  background-size: 14px 14px;
}
.box-social .box-item:hover .social-ico.fb {
  background-image: url("../svg/facebook-w.svg");
}
.box-social .box-item:hover .social-ico.tw {
  background-image: url("../svg/twitter-w.svg");
}
.box-social .box-item:hover .social-ico {
  background-color: #000;
}
.box-social .box-item .social-img::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transition: 0.3s;
  background: rgba(247, 192, 36, 0.24);
  background: rgba(66, 93, 155, 0);
  content: "";
  display: block;
}
.box-social .box-item:hover .social-img::after {
  background: rgba(66, 93, 155, 0.3);
}
.box-social .box-item .full-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.box-social .box-item:hover .social-img::after {
  opacity: 1;
  /*   background: rgba(247,192,36,.24); */
}
.box-follow {
  border-left: 3px solid #f7c024;
  min-height: 250px;
  min-height: 380px;
  padding-left: 46px;
}
.box-follow h4 {
  font-size: 24px;
  font-weight: 600;
  color: #f7c024;
  margin-bottom: 18px;
}
.box-follow .social a {
  width: 24px;
  height: 24px;
  overflow: hidden;
  display: inline-block;
  text-indent: -10000px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-right: 4px;
  transition: 0.3s;
  width: 32px;
  height: 32px;
  border: 1px solid #eee;
  border-radius: 16px;
}
.box-follow .social a.in {
  background-image: url("../png/instagram.png");
  background-size: 14px 14px;
}
.box-follow .social a.fb {
  background-image: url("../svg/facebook.svg");
}
.box-follow .social a.tw {
  background-image: url("../svg/twitter.svg");
}

.box-follow .social a:hover {
  background-color: #425d9b;
  /*   border-radius: 20px; */
}
.box-follow .social a.in:hover {
  background-image: url("../png/instagram-w.png");
  background-color: black;
  /*   background-size: 16px 16px; */
  border-color: black;
}
.box-follow .social a.fb:hover {
  background-image: url("../svg/facebook-w.svg");
  /*   background-size: 10px 18px; */
  border-color: #425d9b;
}
.box-follow .social a.tw:hover {
  background-image: url("../svg/twitter-w.svg");
  background-color: #1da1f2;
  /*   background-size: 17px 14px; */
  border-color: #1da1f2;
}

.box-download {
  padding: 20px 0;
}
.box-download .box-item {
  padding: 20px;
  border: 2px solid black;
  position: relative;
}
.box-download .box-item:hover {
  border-color: #99001a;
}
.box-download .dl-img {
  width: 200px;
  height: 200px;
  padding: 20px;
  border: 2px solid black;
  z-index: 1;
  transition: 0.3s;
}
.box-download .box-item:hover .dl-img {
  border-color: #99001a;
}
.box-download.file-download .dl-img {
  width: 130px;
  height: 130px;
  left: 38px;
}
#info-adress-box-section .box-item:hover .dl-img,
#info-adress-box-section .box-item:hover {
  border-color: transparent;
}
.list-elements.hasnologorows {
  padding-top: 40px;
}
.box-download .rownologo .box-agencija {
  padding-top: 0;
}
.box-download .box-agencija .dl-img {
  width: 128px;
  height: 128px;
  left: auto;
  right: 20px;
}
.box-download .box-agencija .dl-img div {
  background-size: contain;
}
.box-download .box-agencija-fw {
  padding-top: 10px;
}
.box-download .box-agencija-fw .dl-img {
  left: 20px;
  right: auto;
}
.box-download.file-download .box-agencija-fw .box-dtitle {
  padding-top: 26px;
  padding-left: 200px;
  padding-right: 20px;
  height: auto;
}
.box-download .box-agencija-fw .box-daddress {
  padding-left: 200px;
  padding-right: 50%;
  border-bottom-width: 1px;
  /*   min-height: 60px; */
  padding-bottom: 25px;
}
.box-download .box-agencija-fw .box-details {
  position: absolute;
  width: 50%;
  right: 20px;
  right: 8.3333%;
  padding-right: 0;
  bottom: 35px;
  text-align: right;
  border-width: 0px;
}
.file-download .box-item {
  border-color: transparent;
}
.box-social .container {
  padding: 0;
}
/* .box-download .box-item:hover .dl-img {
  border-color: #425d9b;
  background: #d7dff3;
} */
.box-download .dl-img > div {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.box-download .box-dtitle {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  padding-top: 25px;
  transition: 0.3s;
}
.box-download .box-dtitle p {
  font-size: 24px;
  font-family: "BlackerPro" !important;
  font-weight: bold;
}
.box-download .box-dtitle p:hover {
  color: #99001a;
}
/* .box-download .box-item:hover .box-daddress,
.box-download .box-item:hover .box-details,
.box-download .box-item:hover .box-dtitle {
  color: #425d9b;
  border-color: #425d9b;
} */
.box-download.file-download .box-dtitle {
  padding-top: 20px;
  height: 140px;
  padding-right: 50%;
  padding-left: 22%;
}
.box-download .box-agencija .dl-img + .box-dtitle {
  padding-right: 51%;
}
.box-download .box-agencija .dl-img.hidden {
  display: none;
}
.box-download .box-agencija .dl-img.hidden + .box-dtitle {
  padding-left: 8.33333%;
}
.box-download .box-agencija .dl-img.hidden + .box-dtitle + .box-daddress {
  padding-left: 8.33333%;
}
.box-download .box-agencija .box-dtitle {
  padding-top: 40px;
  border-bottom: 0px none;
  padding-right: 27px;
  padding-left: 27px;
}
.box-download .box-daddress,
.box-download .box-details,
.acc-box .text-body {
  font-size: 14px;
  line-height: 2;
}
.box-download .box-daddress {
  /* border: 1px solid #eee; */
  transition: 0.3s;
  border-top: 0px none;
  border-bottom-width: 0px;
  padding: 5px 0px;
  line-height: 20px;
}
.box-download .box-details label,
.acc-box label,
.box-download .box-daddress label {
  color: #000;
  font-weight: normal;
  margin-bottom: 0;
}
.box-download .box-details {
  /* border: 1px solid #eee; */
  transition: 0.3s;
  border-top: 0px none;
  padding: 5px 27px;
  line-height: 2;
  flex-grow: 1;
}
.box-download .box-details p {
  margin-bottom: 4px;
  margin-bottom: 0;
}
.box-download .gen-btn {
  display: block;
  transition: 0.3s;
  width: fit-content;
  background: #000 !important;
  color: #fff !important;
  font-size: 14px;
  text-transform: none;
  font-weight: bold;
  height: unset;
  padding: 3px 23px;
  font-family: "Pangea-Bold";
  border: none !important;
}
.box-download .gen-btn:hover {
  background-color: #99001a !important;
  color: #fff !important;
}
@media screen and (max-width: 990px) {
  .box-download .gen-btn {
    position: static;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
  }
  .box-download .box-dtitle {
    padding-right: 25px;
  }
}
.box-download.file-download .gen-btn {
  top: 60px;
  right: auto;
  left: 62.6%;
}
.button-test .row .col-sm-4 {
  margin-bottom: 8px;
}
.gen-btn {
  height: 30px;
  line-height: 28px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 25px;
  font-weight: 600;
  display: inline-block;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
}
.gen-btn:focus {
  outline: none;
}
.gen-btn:hover {
  text-decoration: none;
  outline: none;
}
.gen-btn.gb-ext {
  height: 70px;
  line-height: 68px;
  background: #425d9b;
  color: white;
  font-size: 14px;
  box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.13);
}
.gen-btn.gb-ext:hover {
  box-shadow: 0px 8px 10px rgba(66, 93, 155, 0.13);
  background: #444549;
}
.gen-btn.gb1 {
  border: 1px solid #425d9b;
  background: #eaeef7;
  color: #425d9b;
  box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.13);
}

.gen-btn.gb1:hover,
.box-download .box-item:hover .gen-btn.gb1 {
  border-color: #425d9b;
  background: #425d9b;
  color: #fff;
  box-shadow: 0px 8px 10px rgba(66, 93, 155, 0.13);
}
.gen-btn.gb2,
html .home-tabs-ctl ul li {
  border: 1px solid #ccc;
  background: #eee;
  color: #666;
  box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.13);
}

.gen-btn.gb2:hover,
.box-download .box-item:hover .gen-btn.gb2,
.home-tabs-ctl li:hover {
  border-color: #425d9b;
  background: #d7dff3;
  color: #425d9b;
  box-shadow: 0px 8px 10px rgba(66, 93, 155, 0.13);
}
.gen-btn.gb3 {
  border: 1px solid #425d9b;
  background: #eee;
  color: #425d9b;
  box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.13);
}

.gen-btn.gb3:hover,
.box-download .box-item:hover .gen-btn.gb3 {
  border-color: #425d9b;
  background: #425d9b;
  color: #fff;
  box-shadow: 0px 8px 10px rgba(66, 93, 155, 0.13);
}
.gen-btn.gb4,
html .tab-upoznajsrbiju .home-tabs-ctl ul li {
  border: 1px solid #ca2537;
  background: #fff4f4;
  color: #ca2537;
  box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.13);
}

.gen-btn.gb4:hover,
.box-download .box-item:hover .gen-btn.gb4,
html .tab-upoznajsrbiju .home-tabs-ctl ul li:hover {
  border-color: #ca2537;
  background: #ca2537;
  color: #fff;
  box-shadow: 0px 8px 10px rgba(202, 37, 55, 0.13);
}
.gen-btn.gb5,
html .tab-dozivisrbiju .home-tabs-ctl ul li {
  border: 1px solid #99c63e;
  background: #f9ffec;
  color: #99c63e;
  box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.13);
}

.gen-btn.gb5:hover,
.box-download .box-item:hover .gen-btn.gb5,
html .tab-dozivisrbiju .home-tabs-ctl ul li:hover {
  border-color: #99c63e;
  background: #99c63e;
  color: #fff;
  box-shadow: 0px 8px 10px rgba(53, 198, 62, 0.13);
}
.gen-btn.gb6 {
  border: 1px solid #35bce1;
  background: #e7faff;
  color: #35bce1;
  box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.13);
}

.gen-btn.gb6:hover {
  border-color: #35bce1;
  background: #35bce1;
  color: #fff;
  box-shadow: 0px 8px 10px rgba(53, 188, 255, 0.13);
}

.text-body ul,
.text-body ol {
  padding-left: 50px;
  color: #000;
}
.text-body ul ul,
.text-body ol ol {
  padding-left: 25px;
  /*   margin-top: 6px; */
}
.text-body ul li,
.text-body ol li {
  list-style-type: none;
  position: relative;
  line-height: 30px;
  font-size: 14px;
  /*   margin-bottom: 6px; */
}
.text-body ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: -30px;
  top: 15px;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background: #ca2537;
  border-radius: 3px;
}
.text-body > ol {
  counter-reset: ol1;
}
.text-body > ol ol {
  counter-reset: ol2;
}
.text-body > ol ol ol {
  counter-reset: ol3;
}
.text-body > ol li::before {
  display: block;
  position: absolute;
  left: -30px;
  top: 0px;
  line-height: 30px;
  color: #ca2537;
}
.text-body > ol > li::before {
  counter-increment: ol1;
  content: counters(ol1, ".") ". ";
}
.text-body > ol ol > li::before {
  counter-increment: ol2;
  content: counters(ol2, ".") ". ";
}
.text-body > ol ol ol > li::before {
  counter-increment: ol3;
  content: counters(ol3, ".") ". ";
}
.text-body p.lead {
  font-size: 1em;
}
.text-body .parallax-wrapper {
  margin-left: -10%;
  margin-right: -10%;
}
.text-body .parallax-wrapper img {
  margin-left: 0;
  margin-right: 0;
  transform: none !important;
}
.text-body .left-img {
  float: left;
  width: 48%;
  margin-right: 30px;
}
.text-body .left-img2 {
  margin: 0 auto;
  max-width: 530px;
}
@media screen and (min-width: 768px) {
  .text-body .left-img2 em {
    display: block;
    margin-left: -10%;
  }
}
.text-body .sbs-embed {
  opacity: 1 !important;
  transform: none !important;
  display: flex;
  justify-content: space-around;
}
.text-body .sbs-embed iframe {
  max-width: 45% !important;
}
@media screen and (max-width: 991px) {
  .text-body .sbs-embed {
    display: block;
  }
  .text-body .sbs-embed iframe {
    max-width: 100% !important;
  }
}
.text-body iframe.instagram-media {
  margin: 20px auto !important;
}
@media screen and (max-width: 991px) {
  .text-body .left-img {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  .text-body .left-img {
    float: none;
    width: auto;
    margin-right: 0;
  }
}
.text-body .left-img .parallax-wrapper {
  margin-left: 0;
  margin-right: 0;
}
.text-body table {
  width: 100%;
  margin: 20px 0;
}
.text-body iframe {
  width: 120%;
  margin-left: -10%;
  height: 675px;
  width: 100%;
  margin-left: 0%;
}
.text-body table th,
.text-body table td {
  padding: 0 40px;
  line-height: 35px;
  border: 1px solid #eee;
}
.text-body table tr:first-child td,
.text-body table th {
  color: #425d9b;
}
.text-body table th.active,
.text-body table td.active {
  background: #f7f7f7;
  border: 1px solid #eee;
}
.text-body table th.active {
  /*  position: relative;*/
}
.text-body table tr:first-child td.active::before,
.text-body table th.active::before {
  content: "";
  height: 2px;
  display: block;
  background: #425d9b;
  /*   position: absolute; */
  /*   top: -2px; */
  /*   left: 0; */
  /*   right: 0; */
  margin: -3px -41px 1px;
  position: relative;
}

.contact-places h3 {
  margin-bottom: 30px;
}

form {
}
.contact-form textarea {
  height: 406px;
  resize: none;
}
form input.form-control {
  border-radius: 0;
  border: 2px solid #666;
  height: 35px;
  font-size: 14px;
  padding: 0 12px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
form input.form-control.date-label {
  padding: 0 5px;
  width: 168px;
}
form textarea.form-control {
  border-radius: 0;
  border: 1px solid #666;
  min-height: 35px;
  font-size: 14px;
  padding: 10 19px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
form input.form-control.search {
  background: url("../svg/search.svg") no-repeat 95% 50%;
}
form input.form-control:hover,
form input.form-control:focus {
  border-color: #425d9b;
  color: #425d9b;
}

form textarea.form-control:hover,
form textarea.form-control:focus {
  border-color: #425d9b;
  color: #425d9b;
}
form textarea.form-control.error,
form input.form-control.error,
form input.form-control.extended.error:hover,
form input.form-control.extended.error:focus,
form input.form-control.extended.error {
  border-color: #ca2537;
  color: #ca2537;
  background: #fff4f4;
}
form .select {
  position: relative;
  height: 35px;
  line-height: 33px;
  font-size: 14px;
  z-index: 1;
}
.filter-pager form .select::after {
  background: url(../svg/chevron-down-white.svg) no-repeat;
}
form .select::after {
  position: absolute;
  z-index: 1;
  width: 5px;
  height: 10px;
  background: url(../svg/chevron-down.svg) no-repeat;
  top: 38%;
  transform: rotate(90deg);
  content: "";
  background-size: contain !important;
  display: block;
}
.weather form .select::after {
  background-image: url("../svg/dropdown2.svg");
}
.weather form .select {
  font-size: 18px;
  color: #425d9b;
}
.weather form .select em {
  font-style: normal;
  font-weight: 600;
}
form .select select {
  visibility: hidden;
}
form .select ul {
  position: absolute;
  top: 0;
  /*   left: 0; */
  right: 0;
  border: 2px solid #000;
  padding-top: 33px;
  height: 35px;
  overflow: hidden;
  background: white;
  width: 100%;
  min-width: 100%;
  white-space: nowrap;
}
form .select.error ul {
  border-color: #ca2537;
  /*   color: #ca2537; */
  background: #fff4f4;
}
form .select li.disabled {
  opacity: 0.5;
}
form .select.open {
  z-index: 2;
}
form .select.open ul {
  height: auto;
  width: auto;
  max-height: 300px;
  overflow: auto;
  padding-bottom: 5px;
  border-color: #425d9b;
}
form .select ul li {
  overflow: hidden;
  padding: 0 20px;
  height: 33px;
  cursor: default;
}
form .select ul li.val {
  position: absolute;
  top: 0;
  transform: translateZ(0);
}
form .select ul li:hover,
form .select.open ul li.val {
  color: black;
  font-weight: bold;
}
form .radio,
form .checkbox {
  line-height: 35px;
  font-size: 14px;
}
form .radio input,
form .checkbox input {
  display: none;
}
form .radio input.form-control,
form .checkbox input.form-control {
  display: inline-block;
  max-width: 400px;
}
form .radio label,
form .checkbox label {
  display: block;
  position: relative;
  padding-left: 55px;
}
form .radio label::before,
form .checkbox label::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  border: 1px solid #eee;
}
/*form .radio label::before {
  border-radius: 5px;
}*/
form .radio input[type="radio"]:checked + label::before,
form .radio label:hover::before,
form .checkbox input[type="checkbox"]:checked + label::before,
form .checkbox label:hover::before {
  border-color: #425d9b;
}
form .radio input[type="radio"]:checked + label::before {
  background: url("../svg/radio.svg") no-repeat 50% 50% #f8f8f8;
}
form .checkbox input[type="checkbox"]:checked + label::before {
  background: url("../svg/check.svg") no-repeat 50% 50% #f8f8f8;
}
form .checkbox input[type="radio"]:checked + label,
form .checkbox label:hover,
form .checkbox input[type="checkbox"]:checked + label,
form .checkbox label:hover {
  color: #425d9b;
}
form input.form-control.extended {
  border: 0 none;
  height: 80px;
  background: #f7f7f7;
  font-size: 18px;
  padding: 0 28px;
}
form input.form-control.extended:hover,
form input.form-control.extended:focus {
  color: #425d9b;
  background: #eaeef7;
}
.main-sf {
  border-top: 1px solid #eee;
  height: 50px;
  padding: 7px 0;
  background: white;
}
.main-sf .container,
.add-sf .container {
  padding: 0;
}
.main-sf .social a {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 18px;
  border: 1px solid #eee;
  overflow: hidden;
  text-indent: -10000px;
  background-color: white;
  margin-right: 6px;
  line-height: 35px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-color: #888;
  opacity: 0.14;
}
.main-sf .social a.fb {
  background-image: url("../svg/facebook.svg");
}
.main-sf .social a.tw {
  background-image: url("../svg/twitter.svg");
}
.main-sf .social a.fb:hover {
  background-image: url("../svg/facebook-w.svg");
}
.main-sf .social a.tw:hover {
  background-image: url("../svg/twitter-w.svg");
  background-color: #1da1f2;
  border-color: transparent;
}
.main-sf .social a:hover {
  border-color: #425d9b;
  background-color: #425d9b;
  opacity: 1;
}
.main-sf .weather {
  text-align: right;
}
.main-sf .weather > a {
  display: inline-block;
  line-height: 35px;
  height: 35px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
  vertical-align: middle;
  padding-right: 15px;
  margin-left: 15px;
  background: url("../svg/totop.svg") 100% 50% no-repeat;
}
.main-sf .weather > a:hover {
  text-decoration: none;
  color: black;
  background-image: url("../svg/totop-b.svg");
}
.main-sf .weather .select {
  display: inline-block;
  width: 200px;
  text-align: left;
}
.main-sf .weather .select ul {
  border-color: transparent;
}
.main-sf .weather .select.open ul {
  border-color: #425d9b;
}
.main-sf .weather form {
  display: inline-block;
  vertical-align: middle;
}
.main-sf .event {
  line-height: 35px;
  text-align: center;
}
.main-sf .event a {
  display: inline-block;
  height: 35px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.main-sf .event a:hover {
  text-decoration: none;
}
.main-sf .event a i {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 18px;
  /*   background: #000; */
  /*   overflow: hidden; */
  vertical-align: middle;
  margin-right: 15px;
}
.main-sf .event a i img {
  width: 35px;
  height: 35px;
}
.main-sf .event a em {
  color: #35bce1;
  font-style: normal;
  margin-right: 12px;
}
.add-sf {
  height: 50px;
  padding: 7px 0;
  background: #f7f7f7;
  border-top: 1px solid transparent;
  line-height: 35px;
}
.add-sf .title {
  font-size: 18px;
  font-weight: 600;
}
.title.t1 {
  color: #425d9b;
}
.title.t2 {
  color: #99c63e;
}
.title.t3 {
  color: #ca2537;
}
.add-sf .dest {
  text-align: right;
}
.add-sf.t1 .select ul {
  border-color: #425d9b;
}
.add-sf.t2 .select ul {
  border-color: #99c63e;
}
.add-sf.t3 .select ul {
  border-color: #ca2537;
}

.add-sf .dest .gen-btn {
  height: 35px;
  line-height: 33px;
  vertical-align: middle;
}
.add-sf .select {
  display: inline-block;
  width: 27%;
  vertical-align: middle;
  text-align: left;
}
.add-sf .select ul {
  border-color: #ccc;
}

.sticky-footer .select ul {
  top: auto;
  bottom: 0;
  margin-bottom: 0;
}

.sticky-footer .select.open ul {
  padding-top: 5px;
  padding-bottom: 33px;
}
.sticky-footer .select.open ul li.val {
  top: auto;
  bottom: 0;
}
.newsletter-box .form-group {
  overflow: hidden;
}
.newsletter-box .form-group input,
.newsletter-box .form-group button {
  display: block;
  float: left;
}
.newsletter-box .form-group input {
  width: 75%;
  margin-right: 1%;
}
.newsletter-box .form-group button {
  width: 24%;
  height: 80px;
  padding: 5px;
}
.newsletter-box .title {
  font-weight: 600;
  font-size: 18px;
}
.newsletter-box .text-body {
  line-height: 18px;
  font-size: 12px;
}
.newsletter-box .container {
  margin-top: 30px;
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);
  padding: 40px;
  padding-top: 0;
}
.newsletter-box .container h3 {
  margin-top: -10px;
}
.filter-items a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #35bce1;
  margin-right: 4px;
  border-radius: 20px;
  overflow: hidden;
}
.filter .title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #425d9b;
  margin-bottom: 20px;
}
form.filter .select ul li {
  padding: 0 12px;
}
form.filter .select ul li.selectsearch input {
  width: 100%;
  border: 0;
  padding: 0 0px 0 15px;
  background: url("../svg/search.svg") no-repeat 0% 50%;
}
form.filter .select::after {
  right: 12px;
}
.pager {
  /*overflow: hidden;*/
}
.filter + .pager {
  padding-top: 38px;
}
.pager form {
  display: inline-block;
  vertical-align: middle;
}
.pager form .select {
  width: 60px;
}
.pager form .select ul li {
  padding: 0 10px;
}
.pager form .select::after {
  right: 10px;
}
.pager .per-page {
  line-height: 35px;
  float: left;
  width: 150px;
  white-space: nowrap;
}
.per-page ul {
  background: black !important;
  color: white;
}
.pager .per-page span {
  font-weight: bold;
  color: #99001a;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: -10px;
}
.pager .page-nav {
  float: left;
  height: 35px;
  line-height: 35px;
  width: calc(100% - 150px);
  position: relative;
  font-weight: bold;
}
.page-nav.hidden {
  visibility: hidden;
}
.pager .page-nav .navi {
  display: block;
  position: absolute;
  top: 0;
  font-size: 16px;
  font-weight: bold;
}
.pager .page-nav .navi.prev {
  left: 0;
  width: 130px;
  padding-right: 15px;
  text-align: right;
  background-position: 0% 50%;
}
.pager .page-nav .navi.prev:hover {
  opacity: 1;
}
.pager .page-nav .navi.next {
  right: 0;
  width: 117px;
  text-align: left;
  padding-left: 15px;
  background-position: 100% 50%;
}
.pager .page-nav .navi.next:hover {
  opacity: 1;
}
.pager .page-nav .pages {
  height: 35px;
  margin: 0 117px 0 130px;
  font-size: 14px;
  padding: 0 8px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.pager .page-nav .pages a {
  display: block;
  text-align: center;
  width: 12.5%;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.pager .page-nav a {
  color: black;
}
.pager .page-nav a.active {
  color: #99001a;
  text-decoration: underline;
}
.pager .page-nav a:hover {
  text-decoration: none;
  color: #99001a;
}
.tfilter {
  min-height: 35px;
  text-align: right;
}
.tfilter .form-group {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-left: 2%;
  line-height: 35px;
  margin-top: 8px;
}
.tfilter .form-group label {
  float: left;
  width: 30%;
}
.tfilter .form-group.wide-label label {
  width: 34%;
}
.tfilter .form-group .select,
.tfilter .form-group input {
  float: left;
  width: 70%;
}
.tfilter .form-group.wide-label .select,
.tfilter .form-group.wide-label input {
  width: 66%;
}
.tfilter .form-group.date-group label {
  width: 44px;
}
.tfilter .form-group.month-group {
  width: 16%;
  margin-left: 0;
}
.tfilter .form-group.month-group label {
  width: 1%;
}
.tfilter .form-group.month-group .select {
  width: 98%;
}
.tfilter .form-group.city-group {
  width: 18%;
  margin-left: 0;
}
.tfilter .form-group.city-group label {
  width: 1%;
  opacity: 0;
}
.tfilter .form-group.city-group .select {
  width: 98%;
}
input.search {
  padding-right: 30px;
  position: relative;
  /*   background: TODO */
}
.event-calendar .col-sm-4 {
  border-top: 1px solid transparent;
  margin-bottom: 14px;
}
.event-box {
  border: 1px solid #eee;
  position: relative;
  padding: 38px 27px;
  margin-top: 21px;
  transition: 0.3s;
  background: white;
  min-height: 100%;
}
.event-box:hover {
  border-color: #ccc;
  /*   background: #d7dff3; */
}
.event-box .title,
.event-box .text-body {
  transition: 0.3s;
}
.event-box:hover .title,
.event-box:hover .text-body {
  /*   color: #425d9b; */
}
.event-box .ico {
  /*   background: #35bce1; */
  background: white;
  position: absolute;
  top: -21px;
  height: 40px;
  width: 40px;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  border-radius: 20px;
}
.event-box .headline {
  color: #425d9b;
}
.event-box .title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 18px;
}
.event-box .text-body {
  font-size: 12px;
  line-height: 25px;
}
.event-box .intro2 img {
  max-width: 100%;
  margin-bottom: 10px;
}
.bi-alt .acc-box {
  background: white;
}
.bi-alt .acc-box:hover {
  box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.4);
}
.acc-box {
  position: relative;
  margin-bottom: 21px;
  cursor: pointer;
  height: 100%;
}
.acc-box .image img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin-bottom: 20px;
}
/*.acc-box .text-body {
  font-size: 12px;
  line-height: 16px;
}*/
.acc-box .text-body a {
  /*   color: #666; */
  /*   text-decoration: none; */
  /*   border-bottom: 0px none; */
}
.acc-box .text-body a:hover {
  text-decoration: none;
  border-bottom: 0px none;
}
.acc-box .type,
.pop-head .type {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.acc-box .type em {
  display: inline-block;
  margin-left: -5px;
}
.pop-head .type span,
.acc-box .type span {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  background: url("../svg/star.svg") no-repeat;
  background-size: 11px 11px;
  margin-left: 5px;
}
.acc-box .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  color: white;
}
.acc-hidden {
  display: none;
}
.full-ext {
  padding: 20px 0;
}
.full-ext .container {
  padding: 0;
}
.full-extbox {
  min-height: 400px;
  margin-bottom: 13px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
.full-extbox .link-full {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.full-ext .eb-img {
  height: 400px;
}
.full-ext .eb-img img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.full-ext .text-body {
  line-height: 1.875;
  margin-bottom: 16px;
}
.full-ext .text-body ~ a.link-more:hover {
  color: #ff4500 !important;
}
.full-ext .title {
  font-size: 32px;
  line-height: 1;
  font-family: "BlackerPro";
  font-weight: 600;
  margin-bottom: 15px;
}
.full-extbox:hover .eb-box {
  border-color: #ccc;
}
.full-ext .eb-box {
  /* border: 1px solid #eee; */
  padding-left: 30px;
  padding-right: 20px;
}
.full-ext .eb-box.eb-cmap {
  border-color: transparent;
  color: white;
  background: #99c63e;
}
.gal-slider {
  padding: 20px 0;
}
.gal-slider .container {
  padding: 0 15px;
}
.gal-slider h3 {
  padding: 0 0 20px 30px;
  text-transform: uppercase;
  color: #425d9b;
  font-size: 14px;
}
.gal-slider .gal-container {
  position: relative;
}
.gal-slider .gal-items-container {
  overflow: hidden;
}
.gal-slider .gal-items {
  width: 10000px;
  overflow: hidden;
}
.gal-slider .gal-item {
  margin-right: 15px;
  background: #f7f7f7;
  overflow: hidden;
  float: left;
  position: relative;
  padding: 30px 35px;
}
.gal-slider .gal-item.image {
  height: 300px;
  padding: 0;
}
.gal-slider .gal-item.image .parallax-wrapper {
  height: 100%;
}
.gal-slider .gal-item.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gal-slider .gal-item a:hover {
  background: rgba(66, 93, 155, 0.3);
}
.gal-slider .gal-item.event a {
  background: transparent;
}
.gal-slider .gal-item a span {
  text-decoration: none;
  color: white;
  font-size: 18px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
  display: block;
  position: absolute;
  bottom: 15%;
  font-weight: 600;
  left: 0;
  right: 0;
  text-align: center;
}
.gal-slider .text-body {
  font-size: 12px;
  line-height: 18px;
}
.gal-slider date {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #35bce1;
  margin-bottom: 10px;
}
.gal-slider .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.gal-slider .gal-nav a {
  width: 36px;
  height: 16px;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -8px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 34px 10px;
}
.gal-slider .gal-nav.hidden a.prev,
.gal-slider .gal-nav.hidden a.next {
  display: none;
}
.gal-slider .gal-nav a.prev {
  left: -18px;
  background-image: url("../png/arrow-l-w.png");
}
.gal-slider .gal-nav a.next {
  right: -18px;
  background-image: url("../png/arrow-r-w.png");
}
.gal-slider .gal-nav a.prev:hover {
  background-image: url("../png/arrow-l-h.png");
}
.gal-slider .gal-nav a.next:hover {
  background-image: url("../png/arrow-r-h.png");
}
header .subnav {
  background: #f6f6f6;
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  top: 102px;
  height: 50px;
  line-height: 50px;
  transition: 0.5s;
}
header.collapsed .subnav {
  top: 75px;
}
header .subnav ul {
  float: right;
  display: block;
}
header .subnav ul li {
  float: left;
  margin-right: 30px;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  position: relative;
}
header .subnav a {
  color: #666;
}
/* header .subnav .active::after {
  position: absolute;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #99001a;
  content: "";
} */

header .subnav .active a {
  color: #000;
}
.box-items > .container {
  padding: 0;
}
.box-items.nabavke ul {
  padding-left: 25px;
}
.box-items.nabavke ul li::before {
  background: #425d9b;
  left: -25px;
}
.box-items.nabavke ul li.more {
  display: none;
}
.box-items.nabavke ul li a {
  color: #666;
  text-decoration: none;
  /* border-bottom: 1px solid #eee; */
}
.box-items.nabavke ul li a:hover {
  color: #99001a;
}
.home-tabs {
  background: #f7f7f7;
  padding: 20px 0;
  display: none;
}
.home-tabs.active {
  display: block;
  opacity: 0;
  animation-delay: 1s;
  -webkit-animation: fadeInFromNone 1.5s ease-out;
  -moz-animation: fadeInFromNone 1.5s ease-out;
  -o-animation: fadeInFromNone 1.5s ease-out;
  animation: fadeInFromNone 1.5s ease-out;
  animation-fill-mode: forwards;
}
.home-tabs-ctl {
  height: 100%;
  margin-right: -15px;
  padding-left: 0;
  position: relative;
}
.home-tabs-ctl .justify-content-center {
  padding-right: 30px;
  padding-left: 0;
}
/* .home-tabs-ctl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-left: 3px solid #425d9b;
  bottom: 30px; 
}*/
/* .tab-dozivisrbiju .home-tabs-ctl::before {
  border-color: #99c63e;
}
.tab-upoznajsrbiju .home-tabs-ctl::before {
  border-color: #ca2537;
} */
.home-tabs-ctl ul {
  padding: 0;
  list-style-type: none;
}
.home-tabs-ctl ul li {
  height: 30px;
  line-height: 28px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
}
.home-tabs-ctl ul li a {
  color: inherit;
  display: block;
  padding: 0 4px;
}
.home-tabs-ctl ul li a:hover {
  text-decoration: none;
}
.home-tabs-ctl ul li.active {
  border: 1px solid #425d9b;
  background: #eee;
  color: #425d9b;
  box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.13);
}
.more-btn {
  text-align: right;
  padding: 20px 0;
}
.home-tabs-ctl h4 {
  font-size: 24px;
  font-weight: bold;
  color: #425d9b;
  margin-bottom: 16px;
  /*   margin-left: 14px; */
}
.home-tabs .box-item .category {
  color: #425d9b;
}
.home-tabs .box-item:hover .category {
  color: #ccc;
}
/* .tab-upoznajsrbiju .home-tabs-ctl h4,
.tab-upoznajsrbiju .box-item .category {
  color: #ca2537;
} */
/* .tab-dozivisrbiju .home-tabs-ctl h4,
.tab-dozivisrbiju .box-item .category {
  color: #99c63e;
} */
.home-tabs-ctl p {
  color: #666;
}
.form-control:focus,
.form-control:active {
  outline: none !important;
  box-shadow: none;
}
.text-body .parallax-wrapper img {
  width: 100%;
}
.text-body img {
  width: 120%;
  /*   height: 400px; */
  margin-left: -10%;
  object-fit: cover;
  margin-bottom: 30px;
}
.text-body .left-img img {
  width: 100%;
  margin: 0 0 20px;
}
.type-content {
  padding: 30px 0;
}
.nabavke .tfilter .form-group label {
  color: #000;
  font-weight: 600;
}
.eb-map {
  height: 400px;
}
.eb-cmap li {
  font-size: 18px;
}
.eb-cmap li ul {
  padding: 18px 0 8px 12px;
  display: none;
}
.eb-cmap li.opened ul {
  display: block;
}
.eb-cmap li.selected > a,
.eb-cmap li.opened > a {
  color: #407306;
}
.eb-cmap li ul li {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}
.eb-cmap a {
  color: inherit;
}
.eb-cmap a:hover {
  text-decoration: none;
}
.eb-cmap li.active {
  color: black;
}

.popup {
  position: fixed;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup > div {
  /*   margin-top: 30px; */
  transition: 0.3s;
}
.popup.shown {
  visibility: visible;
  opacity: 1;
}
.popup.shown > div {
  /*   margin-top: 0; */
}
.popup .img-pop-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  background: white;
}
.popup .img-pop-container.shown {
  visibility: visible;
  opacity: 1;
}
.popup .img-pop-container img {
  display: block;
  max-width: 80vw;
  max-height: 80vh;
  object-fit: cover;
}
.popup .img-pop-container .navi {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 34px 10px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.popup .img-pop-container .navi:hover {
  background-color: #35bce1;
}
.popup .img-pop-container .navi.prev {
  left: 0;
  background-image: url("../png/arrow-l-w.png");
}
.popup .img-pop-container .navi.next {
  right: 0;
  background-image: url("../png/arrow-r-w.png");
}
.popup .closebtn {
  position: absolute;
  right: 0;
  top: -20px;
  color: white;
  font-size: 10px;
  display: block;
  text-transform: uppercase;
}
.popup .closebtn:hover {
  text-decoration: none;
}
.popup .closebtn::before {
  content: "x";
  display: inline-block;
  margin-right: 10px;
  text-transform: lowercase;
  font-family: monospace;
  font-size: 29px;
  font-weight: 400;
}
.popup .pop-content a:hover {
  color: #4f38a8 !important;
  text-decoration: none;
  border-bottom: 1px solid #4f38a8;
  padding-bottom: 3px;
}
.popup .nabavke-pop-outer {
  margin: auto;
  padding: 30px 0 30px;
}
.popup .nabavke-pop-container {
  position: relative;
  /*   position: absolute; */
  /*   top: 50%; */
  /*   left: 50%; */
  /*   transform: translate(-50%, -50%); */
  margin: auto;
  background: white;
  width: 800px;
}
.pop-head {
  color: white;
  background: #4f38a8;
  font-weight: bold;
  font-size: 36px;
  line-height: 40px;
  padding: 15px 70px;
}
.pop-content {
  padding: 25px 70px;
}
.pop-content ul.nabavke-pop-list li {
  font-size: 14px;
  line-height: 20px;
}
.pop-content ul li a {
  color: black;
}
.pop-content ul li a:hover {
  /*   text-decoration: none; */
}
.popup.acc {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
}
.popup.acc .acc-pop-container {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  margin: auto;
}
.popup .acc-pop-container .det a {
  color: black;
  text-decoration: none;
  /*   border-bottom: 1px solid #eee; */
}
.popup .acc-pop-container .det a:hover {
  text-decoration: none;
  color: #415b9d;
}
.popup .acc-pop-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  width: 800px;
  max-width: 97%;
  display: flex;
  flex-direction: column;
}
.pop-head .type {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 12px;
}
.pop-content .det {
  color: #666;
  font-size: 14px;
  line-height: 16px;
  padding-top: 35px;
}
.pop-content .det.advantages {
  padding-top: 0;
  line-height: 20px;
}
.pop-content .det p {
  margin-bottom: 16px;
}
.pop-content .acc-img {
  display: block;
  width: 100%;
}
.pop-content .features {
  padding: 25px 0 0;
}
.pop-content .features li {
  font-size: 18px;
  margin-bottom: 27px;
}
.pop-content .features li span {
  width: 34px;
  height: 34px;
  line-height: 34px;
  line-height: 38px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  background: #eee;
  border-radius: 17px;
  text-align: center;
  color: white;
  font-weight: bold;
}
.pop-content .features li span.large {
  font-size: 10px;
}
/* .pop-content .features  li.det-gen span {
  background: #99c63e;
}
.pop-content .features li.det-det span {
  background: #35bce1;
}
.pop-content .features li.det-cnt span {
  background: #e3699d;
} */
.pop-content .features .features-list-container li span {
  background: #4f38a8;
}
.fullscreen-intro .introText {
  position: absolute;
  top: 50%;
  left: 20%;
  width: 30%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.2);
  transform: translateY(-50%);
  color: white;
}
@media screen and (max-width: 767px) {
  .fullscreen-intro .introText {
    left: 10%;
    width: 80%;
  }
}
.fullscreen-intro {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.fullscreen-intro video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-fit: contain;
  background: black;
}
.mobile-menu nav {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  padding-top: 60px;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}
.mobile-menu nav.shown {
  visibility: visible;
  opacity: 1;
}
.mobile-menu nav .main {
  font-size: 36px;
  text-align: center;
}
.mobile-menu nav .main > li {
  opacity: 0;
  transform: translateX(50px);
  transition: 0.3s;
}
.mobile-menu nav.shown .main > li {
  opacity: 1;
  transform: translateX(0px);
}
.mobile-menu nav .main > li:nth-of-type(1) {
  transition-delay: 0.1s;
}
.mobile-menu nav .main > li:nth-of-type(2) {
  transition-delay: 0.2s;
}
.mobile-menu nav .main > li:nth-of-type(3) {
  transition-delay: 0.3s;
}
.mobile-menu nav .main > li:nth-of-type(4) {
  transition-delay: 0.4s;
}
.mobile-menu nav .main > li:nth-of-type(5) {
  transition-delay: 0.5s;
}
.mobile-menu nav .main > li:nth-of-type(1),
.mobile-menu nav .main > li:nth-of-type(2),
.mobile-menu nav .main > li:nth-of-type(3) {
  font-weight: bold;
}
.mobile-menu nav .main a {
  color: inherit;
}
.mobile-menu nav .main a:hover {
  text-decoration: none;
}
.mobile-menu nav .main ul:not(.sub-menu-list-ustyled) {
  font-size: 24px;
  font-weight: normal;
  padding-top: 20px;
  display: none;
}
.mobile-menu .logo {
  left: 120px;
  top: 60px;
  z-index: 1;
}
.mobile-menu nav .main > li {
  margin-bottom: 30px;
}
.mobile-menu .close {
  position: absolute;
  top: 60px;
  width: 50px;
  height: 50px;
  background-color: black;
  right: 100px;
  opacity: 1;
  z-index: 1;
}
.mobile-menu .close::before,
.mobile-menu .close::after {
  width: 25px;
  height: 3px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -12px;
  content: "";
  background: white;
  position: absolute;
}
.mobile-menu .close::before {
  transform: rotate(45deg);
}
.mobile-menu .close::after {
  transform: rotate(-45deg);
}
.mobile-menu .lang-selector {
  position: absolute;
  top: 75px;
  right: 150px;
  right: 170px;
  font-size: 14px;
  color: #999;
  width: 110px;
  background-position: calc(100% - 15px) 10px;
}
.mobile-menu .lang-selector a {
  background: transparent;
}
.mobile-menu .mobile-handle {
  position: absolute;
  top: 60px;
  width: 50px;
  height: 50px;
  background-color: transparent;
  right: 100px;
  opacity: 1;
  border: 3px solid black;
}
.mobile-menu .mobile-handle span {
  position: absolute;
  display: block;
  width: 25px;
  height: 3px;
  background: black;
  top: 11px;
  left: 50%;
  margin-left: -12px;
}
.mobile-menu .mobile-handle span::before {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 3px;
  background: black;
  top: 9px;
  right: 0;
}
.mobile-menu .mobile-handle span::after {
  content: "";
  position: absolute;
  display: block;
  width: 18px;
  height: 3px;
  background: black;
  top: 18px;
  right: 0;
}
.scroll-down {
  position: absolute;
  bottom: 34px;
  left: 50%;
  margin-left: -31px;
  width: 62px;
  height: 62px;
  display: block;
  background: url("../svg/scroll-down.svg") no-repeat;
}

.main-img-carousel {
  height: 400px;
  overflow: hidden;
  position: relative;
  margin: 0 -10% 20px;
}
.main-img-carousel img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  height: 400px;
  object-fit: cover;
  margin: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.main-img-carousel img.active {
  opacity: 1;
}
.main-img-carousel ul {
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  position: absolute;
}
.main-img-carousel ul li {
  display: inline-block;
  cursor: pointer;
  list-style: none;
  padding: 0;
  margin-left: 3px;
  margin-right: 3px;
}
.main-img-carousel ul li:before {
  display: none;
}
.main-img-carousel ul li span {
  width: 10px;
  height: 10px;
  display: block;
  background: white;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.main-img-carousel ul li.active span {
  background: #d0021b;
}

.home-carousel {
  height: 600px;
  overflow: hidden;
  position: relative;
}
.home-carousel .col-sm-12 {
  padding: 0;
}
.home-carousel > div.item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  height: 400px;
  object-fit: cover;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}
.home-carousel > div.item.active {
  opacity: 1;
  visibility: visible;
}
.home-carousel > ul {
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
}
.home-carousel > ul li {
  display: inline-block;
  cursor: pointer;
  list-style: none;
  padding: 0;
  margin-left: 3px;
  margin-right: 3px;
}
.home-carousel > ul li span {
  width: 10px;
  height: 10px;
  display: block;
  background: white;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.home-carousel ul li.active span {
  background: #d0021b;
}
.parallax-wrapper {
  overflow: hidden;
}
.parallax-wrapper img {
  transform: scale(1.1);
}
.inner-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: scale(1.1);
  background-size: cover;
  background-position: 50% 0%;
}
.text-body > .parallax-wrapper {
  margin-left: -10%;
  width: 120%;
  margin-bottom: 30px;
}
.text-body > .parallax-wrapper img {
  width: 100%;
  margin-left: 0;
}
.filter-pager::after {
  content: "";
  clear: both;
  height: 0;
  display: block;
}

input:focus {
  -webkit-appearance: none;
  box-shadow: 0px 0px transparent;
  outline: none;
}
.cal-feed,
.result,
.acc-box,
.contact-form,
.filter-pager,
.event-box,
.type-content h2,
.type-content h3,
.type-content .text-body p,
.type-content .text-body div,
.type-content ul,
.type-content ol,
.type-content .text-body,
.gal-item,
.full-extbox,
.newsletter-box,
.multicolbox,
.box-item {
  opacity: 0;
  transform: translateY(30px);
  transition-delay: 0s;
  transition: 0s;
}
.cal-feed.animating,
.result.animating,
.acc-box.animating,
.contact-form.animating,
.filter-pager.animating,
.event-box.animating,
.type-content h2.animating,
.type-content h3.animating,
.type-content .text-body p.animating,
.type-content .text-body div.animating,
.type-content ul.animating,
.type-content ol.animating,
.type-content .text-body.animating,
.gal-item.animating,
.full-extbox.animating,
.newsletter-box.animating,
.multicolbox.animating,
.box-item.animating {
  opacity: 1;
  transition: 1s;
  transform: translateY(-0px);
}
.complete-animate {
  opacity: 1 !important;
  transform: none !important;
}
.mobile-menu.onmobile {
  display: none;
}

.cal-feed {
  /*   height: 100%; */
  overflow: hidden;
  margin-left: auto;
  box-shadow: 0px 10px 10px rgba(53, 188, 225, 0.25);
  box-shadow: 0px 10px 10px rgba(53, 188, 225, 0);
  transition: box-shadow 0.3s;
}
.cal-feed:hover {
  box-shadow: 0px 10px 10px rgba(53, 188, 225, 0.4);
}
.cal-feed > div {
  min-height: 100%;
  padding: 0 35px;
}
.cal-feed h3 {
  color: #39bce1;
}
.cal-feed h3 a:hover,
.cal-feed h3 a {
  color: inherit;
  text-decoration: none;
}
.cal-feed date {
  color: #39bce1;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10px;
}
.cal-feed li:hover date {
  color: #ccc;
}
.cal-feed .title {
  font-weight: 600;
  font-size: 16px;
  margin: 8px 0;
  color: #666;
  /*   transition: .3s; */
}
.cal-feed li:hover .title {
  color: black;
}
.cal-feed .title a,
.cal-feed .title a:hover {
  color: inherit;
  text-decoration: none;
}
.cal-feed .text-body {
  font-size: 12px;
  line-height: normal;
}
.cal-feed li {
  padding: 20px 0;
  border-top: 1px solid white;
}
.cal-feed li:first-of-type {
  border-color: transparent;
}

.col-sm-12.cal-feed li {
  float: left;
  width: 33%;
  border-color: transparent;
}
@media screen and (max-width: 760px) {
  .cal-feed > div {
    padding: 0;
  }
  .col-sm-12.cal-feed li {
    float: none;
    width: 100%;
  }
}

.search-results {
  padding: 30px 0 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 0;
}
.search-results .result {
  border-bottom: 1px solid transparent;
  padding-top: 25px;
  border-top: 1px solid #eee;
  padding-bottom: 10px;
  transition: 0.3s;
  padding-left: 15px;
  padding-right: 15px;
}
.search-results .result:hover {
  background: #eaeef7;
}
.search-results .result h3 a {
  color: black;
}
.search-results .result p {
  color: #666;
}
.search-results .result h3 a em,
.search-results .result p em {
  font-style: normal;
  background: #ffa;
}
.legend li {
  float: left;
  margin-right: 8px;
  position: relative;
}

.mob-only {
  display: none;
}

.legend {
  margin-bottom: 12px;
}
.pager {
  margin-bottom: 12px;
}

@media only screen and (max-width: 1200px) {
  header nav.main > ul > li.has-sub > a {
    padding-right: 16px;
  }
  header nav.main > ul > li {
    margin-right: 12px;
  }
  header .logo {
    top: 0px;
  }
  .logo a {
    transform-origin: 0px 0px;
    transform: scale(0.9);
  }
  header nav.main {
    font-size: 14px;
  }
  .mobile-menu nav .main {
    font-size: 30px;
    padding-top: 4vh;
  }
  .mobile-menu nav .main > li {
    margin-bottom: 24px;
  }
  .main-sf .weather .select {
    width: 190px;
  }
  .main-sf .weather .select ul {
    font-size: 14px;
  }
  .add-sf .title {
    font-size: 14px;
  }
  .add-sf .select {
    width: 26%;
  }
}
.search .suggestions .suggestion {
  overflow: hidden;
}
h2 .searchq {
  display: block;
  margin-top: 0.3em;
  font-size: 0.75em;
}
h2 .searchq span {
  background: #ffa;
}
.external-banners-container {
  padding: 0;
}
.lg-banners-container {
  padding: 0;
  text-align: center;
}
.lg-banners-container img {
  max-width: 100%;
}
@media screen and (max-width: 575px) {
  .external-banners-container {
    padding: 0 15px;
  }
}
.external-banners a {
  display: block;
}
.external-banners img {
  width: 100%;
  transform: none !important;
}

@media only screen and (max-width: 1199px) {
  form input.form-control.date-label {
    width: 135px;
  }
}
@media only screen and (max-width: 1000px) {
  .mobile-menu .mobile-handle {
    right: 30px;
  }
  header nav {
    display: none;
  }
  .mobile-menu .logo {
    left: 30px;
  }
  .mobile-menu .close {
    right: 30px;
  }
  .mobile-menu .lang-selector {
    right: 80px;
  }
  .onmobile .container > nav {
    /*     display: none; */
  }
  header .logo {
    top: 15px;
  }
  .mobile-menu {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100%;
    z-index: 1;
    background: transparent;
  }
  .mobile-menu .mobile-handle {
    display: none;
  }
  .mobile-menu.onmobile.shown {
    transition: bottom 0s, background-color 0.5s;
  }
  .mobile-menu.onmobile {
    z-index: 21;
    display: block;
    position: fixed;
    transition: bottom 0s 0.5s, background-color 0.5s;
  }
  .mobile-menu.onmobile > nav {
    background: transparent;
  }
  .mobile-menu.onmobile .mobile-handle {
    display: block;
  }
  .onmobile .logo {
    display: none;
  }
  .onmobile.shown {
    bottom: 0;
    background: white;
  }
  .onmobile.shown .logo {
    display: block;
  }
  .mobile-menu .mobile-handle {
    top: 15px;
  }
  .mobile-menu.onmobile nav {
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    position: relative;
  }
  header .container {
    height: 75px;
  }
  header .logo {
    top: 8px;
  }

  header .logo a {
    /* background: url("../img/logo.svg") no-repeat; */
    background-size: 167px 58px;
    width: 167px;
    height: 58px;
  }
  .mobile-menu .logo a {
    /*     background: url("../img/logo.svg") no-repeat; */
    background-size: 167px 58px;
    width: 167px;
    height: 58px;
  }
  .mobile-menu .logo {
    top: 9px;
  }
  .mobile-menu.onmobile nav.second {
    font-size: 18px;
    text-align: center;
  }
  .mobile-menu.onmobile nav.second li {
    margin-bottom: 12px;
  }
  .mobile-menu.onmobile nav.second li a,
  .mobile-menu.onmobile nav.second li a:hover {
    color: black;
    text-decoration: none;
  }
  .mobile-menu nav .main {
    padding-top: 0;
  }
  .mobile-menu.onmobile .close {
    top: 15px;
  }
  .mobile-menu.onmobile .lang-selector {
    top: 30px;
  }
  .mobile-menu .second li {
    opacity: 0;
    transform: translateX(50px);
    transition: 0.3s;
  }
  .mobile-menu .second.shown li {
    opacity: 1;
    transform: translateX(0px);
  }
  .mobile-menu .second li:nth-of-type(1) {
    transition-delay: 0.6s;
  }
  .mobile-menu .second li:nth-of-type(2) {
    transition-delay: 0.7s;
  }
  .mobile-menu .second li:nth-of-type(3) {
    transition-delay: 0.8s;
  }
  .mobile-menu .second li:nth-of-type(4) {
    transition-delay: 0.9s;
  }
  .mobile-menu .second li:nth-of-type(5) {
    transition-delay: 1s;
  }
  .mobile-menu .second li:nth-of-type(6) {
    transition-delay: 1.1s;
  }
  .mobile-menu .second li:nth-of-type(7) {
    transition-delay: 1.2s;
  }
  footer .foot-nav > ul {
    width: 25%;
  }
  footer .foot-nav > ul.norm {
    width: 100%;
    clear: left;
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .add-sf .title {
    white-space: nowrap;
    font-size: 12px;
  }
  .main-sf .event a {
    font-size: 11px;
    font-weight: bold;
  }
  .main-sf .event a i {
    margin-right: 7px;
  }
  .main-sf .event a em {
    margin-right: 6px;
  }
  footer .foot-nav ul.main li:first-of-type {
    font-size: 16px;
  }
  footer .foot-nav ul.ext li {
    font-size: 16px;
  }
  form .select ul li {
    padding: 0 12px;
  }
  form .select::after {
    right: 9px;
  }
  .add-sf {
    font-size: 2px;
  }
  .add-sf .select {
    width: 24%;
    font-size: 12px;
  }
  .add-sf .twosel {
    display: flex;
    padding: 0 10px;
  }
  .add-sf .twosel .select {
    flex-grow: 1;
  }
  .newsletter-box .form-group input {
    width: 63%;
    margin-right: 1%;
  }
  .newsletter-box .form-group button {
    width: 36%;
    height: 80px;
    padding: 5px;
  }
  .newsletter-box form input.form-control.extended {
    font-size: 15px;
    padding: 0 12px;
  }
  .lang-mobile {
    display: none;
  }
  .popup .nabavke-pop-container {
    width: 700px;
  }
}
@media only screen and (max-width: 990px) {
  form .checkbox {
    line-height: normal;
  }
}
@media only screen and (max-width: 767px) {
  .mob-only {
    display: initial;
  }
  .no-mob {
    display: none;
  }
  .popup.acc {
    padding: 0;
  }
  .mobile-menu .mobile-handle {
    right: 15px;
    transform: scale(0.8);
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
  }
  .mobile-menu .logo {
    left: 15px;
  }
  .mobile-menu.shown .mobile-handle {
    opacity: 0;
    visibility: hidden;
  }
  header .logo {
    left: 15px;
  }
  .box-items + .box-items {
    margin-top: -40px;
  }
  .box-item.large .box-icontent {
    left: 10px;
    width: auto;
    right: 10px;
    padding-top: 50px;
  }
  .box-item.medium h4,
  .box-item.large h4 {
    font-size: 18px;
  }
  .box-item.large {
    min-height: 300px;
  }
  .home-carousel {
    height: 430px;
  }
  .box-social {
    padding: 20px 15px;
  }
  .box-social .col-sm-4 {
    margin-bottom: 15px;
  }
  footer .foot-nav > ul.norm {
    display: block;
    overflow: hidden;
  }
  footer .foot-nav > ul.norm li {
    float: left;
    width: 50%;
  }
  footer {
    padding: 0 15px;
  }
  footer .foot-nav > ul {
    float: none;
    width: 100%;
  }
  footer .foot-nav .single-nav ul {
    margin: 0 0 45px;
  }
  footer .foot-nav .single-nav ul:last-child {
    margin: 0;
  }
  .foot-info .devby {
    float: none;
    padding-top: 10px;
  }
  .foot-info .copy {
    float: none;
  }
  .mobile-menu .close {
    right: 15px;
    transform: scale(0.8);
    position: fixed;
  }
  .mobile-menu nav .main {
    font-size: 18px;
  }
  .mobile-menu nav {
    padding-top: 80px;
  }
  .mobile-menu nav.second {
    padding-top: 10px;
  }
  .mobile-menu nav .main > li {
    margin-bottom: 8px;
  }
  .mobile-menu.onmobile nav.second li {
    margin-bottom: 5px;
  }
  .mobile-menu.onmobile nav.second {
    font-size: 14px;
  }
  .mobile-menu.onmobile.shown {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lang-mobile {
    display: block;
    padding: 15px 0;
    border-top: 1px solid #eee;
  }
  .lang-mobile a {
    display: block;
    color: #666;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .lang-mobile a:first-of-type {
  }
  .lang-mobile a:hover {
    text-decoration: none;
  }
  .mobile-menu .second .lang-mobile a {
    opacity: 0;
    transform: translateX(50px);
    transition: 0.3s;
  }
  .mobile-menu .second.shown .lang-mobile a {
    opacity: 1;
    transform: translateX(0px);
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(1) {
    transition-delay: 1.3s;
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(2) {
    transition-delay: 1.4s;
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(3) {
    transition-delay: 1.5s;
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(4) {
    transition-delay: 1.6s;
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(5) {
    transition-delay: 1.7s;
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(6) {
    transition-delay: 1.8s;
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(7) {
    transition-delay: 1.9s;
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(8) {
    transition-delay: 2s;
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(9) {
    transition-delay: 2.1s;
  }
  .mobile-menu .second .lang-mobile a:nth-of-type(10) {
    transition-delay: 2.2s;
  }
  .home-tabs-ctl ul li {
    display: block;
    margin-bottom: 4px;
    float: left;
    width: 32%;
    margin-left: 1.5%;
    height: auto;
    line-height: 16px;
    padding: 4px 0;
    text-align: center;
  }
  .home-tabs-ctl ul li a {
    height: auto;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .home-tabs-ctl ul li:first-of-type {
    margin-left: 0;
  }
  .box-items .container {
    padding: 0 15px;
  }
  .newsletter-box .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .newsletter-box .form-group {
    margin-top: 15px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 18px;
  }
  .newsletter-box .title {
    font-size: 16px;
  }
  form input.form-control.extended {
    height: 60px;
    font-size: 12px;
  }
  .newsletter-box .form-group button {
    height: 60px;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 5px;
  }
  .main-sf .weather form {
    display: none;
  }
  .main-sf .event {
    display: none;
  }
  .add-sf .title {
    display: none;
  }
  .header-spacer.has-subnav {
    height: 130px;
    /*     height: 100px; */
  }
  .full-extbox .row {
    padding-left: 15px;
    padding-right: 15px;
  }
  .eb-box {
    padding: 10px 0;
  }
  .full-ext .eb-img {
    height: 150px;
  }
  .full-ext .eb-img img {
    height: 150px;
  }
  .full-ext .text-body {
    margin-bottom: 16px;
  }
  .full-extbox {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    min-height: 50px;
  }
  .gal-slider .container {
    padding: 0 15px;
  }
  .gal-slider .gal-nav a.prev {
    left: -12px;
  }
  .gal-slider .gal-nav a.next {
    right: -12px;
  }
  .gal-slider .gal-item.image .parallax-wrapper {
    height: 100%;
  }
  .text-body {
    /*     overflow: hidden; */
  }
  .text-body img {
    height: 200px;
    height: auto;
  }
  header.collapsed .subnav,
  header .subnav {
    /*     display: none;  */
    top: 75px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  header .subnav ul li {
    float: none;
    display: inline-block;
    margin: 0 15px;
  }
  header .subnav ul {
    white-space: nowrap;
  }
  .tfilter .form-group {
    display: block;
    width: 100% !important;
    clear: left;
  }
  .tfilter {
    padding-bottom: 20px;
  }
  .popup .nabavke-pop-container {
    width: calc(100% - 30px);
  }
  .pop-head {
    padding: 15px;
    font-size: 22px;
    line-height: 25px;
  }
  .pop-content {
    padding: 15px;
  }
  .pager .page-nav {
    width: 100%;
  }
  .pager .page-nav .navi.prev,
  .pager .page-nav .navi.next {
    overflow: hidden;
    text-indent: -10000px;
    width: 40px;
    text-align: left;
  }
  .pager .page-nav .pages {
    margin: 0 40px;
  }
  .box-download .box-dtitle {
    font-size: 16px;
  }
  .box-download .box-item.box-agencija {
    padding-top: 0;
  }
  .box-download .box-item.box-agencija.haslogo {
    padding-top: 40px;
  }
  .box-download .box-agencija-fw .dl-img {
    top: -40px;
  }
  .box-download.file-download .box-agencija-fw .box-dtitle {
    padding-right: 15px;
    padding-left: 15px;
  }
  .box-download.file-download .box-agencija-fw .dl-img + .box-dtitle {
    padding-right: 15px;
    padding-left: 160px;
  }
  .box-download .box-agencija-fw .box-daddress {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom-width: 0px;
    padding-top: 20px;
    min-height: 0px;
  }
  .box-download .box-agencija-fw .box-details {
    position: static;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    border-width: 1px;
    border-top-width: 0px;
    width: auto;
  }
  .box-item {
    margin-bottom: 15px;
    height: auto;
  }
  .popup {
  }
  .popup .acc-pop-container {
    width: calc(100% - 30px);
  }
  .popup .acc-pop-container {
    max-height: calc(100% - 60px);
    margin-top: 15px;
  }
  .popup .pop-content {
    overflow: auto;
    -webkit-overflow-scroll: touch;
    max-height: calc(100vh - 150px);
  }
  form .select.open {
    z-index: 100;
  }

  .text-body iframe:not(.instagram-media) {
    width: 100%;
    margin-left: 0%;
    height: 56vw;
  }
  .box-item.medium {
    min-height: auto;
  }
  .box-item.large {
    min-height: auto;
  }
  .box-item.medium .top-img {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 51.28%;
    position: relative;
    margin: -1px -1px 0;
    overflow: hidden;
    left: 0;
    top: 0;
  }
  .box-item.large .top-img {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 51.28%;
    position: relative;
    margin: -1px -1px 0;
    overflow: hidden;
  }
  .box-item.large .top-img-2 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 51.28%;
    position: relative;
    margin: -1px -1px 0;
    overflow: hidden;
  }
  .box-item .box-icontent {
    padding: 30px 30px 20px;
    /*   border: 1px solid #eee; */
  }
  .box-item.medium .box-icontent {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    width: auto;
  }
  .box-item.large .box-icontent {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    width: auto;
  }
  .add-sf .dest .gen-btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .add-sf .select {
    width: 23%;
  }
  .add-sf form .select ul li {
    padding: 0 10px 0 6px;
  }
  .legend {
    margin-bottom: 12px;
  }
  .main-img-carousel {
    height: 220px;
  }
  .main-img-carousel ul {
    padding-left: 0;
  }
  .main-sf .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  html .list-elements > div {
    padding-bottom: 15px;
  }
  html .list-elements .box-item {
    margin-bottom: 0;
  }
  .bi-alt .col-sm-4 {
    margin-bottom: 10px;
  }

  .gal-slider .gal-items-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .gal-slider h3 {
    padding-left: 15px;
  }
  .introText .gen-btn.gb4 {
    margin-top: 14px;
  }
  .box-follow {
    min-height: 180px;
  }
  .box-download .box-agencija .dl-img.hidden + .box-dtitle {
    padding-left: 15px;
  }
  .box-download .box-agencija .dl-img.hidden + .box-dtitle + .box-daddress {
    padding-left: 15px;
  }
  .gal-slider .gal-items-container {
    width: calc(100% - 0px);
  }
  .event-box {
    min-height: 1px;
  }
  .tfilter .form-group.wide-label .select,
  .tfilter .form-group.wide-label input {
    width: 63%;
  }
  form input.form-control.date-label {
    width: calc(100% - 55px);
  }
  .box-items.home-tabs + .box-items.home-tabs {
    margin-top: 0;
  }
}
@media screen and (max-width: 628px) {
  .text-body > .parallax-wrapper {
    margin-left: 0;
    width: 100%;
  }
}

.list-elements > div {
  padding-bottom: 30px;
}
.acc-box .text-body {
  display: block;
}
.acc-box .text-body .col-5,
.acc-box .text-body .col-7 {
  width: 100%;
  max-width: 100%;
}
.acc-box .text-body .col-5 {
  margin-bottom: 12px;
}

.gal-slider .gal-item {
  width: 360px;
}
.gal-slider .gal-item.event {
  transition: 0.5s;
}
.gal-slider .gal-item.event:hover {
  /*   background: white; */
  box-shadow: 0px 10px 10px rgba(53, 188, 225, 0.25);
}
.gal-slider .gal-item.event h5 {
  color: #666;
  font-weight: 600;
  font-size: 14px;
}
.gal-slider .gal-item.event:hover h5 {
  color: black;
}
.gal-slider .gal-item.event:hover date {
  color: #ccc;
}

.gal-slider .gal-items {
  box-sizing: border-box;
  padding: 30px 0;
  padding-top: 50px;
  overflow: visible;
}
.gal-slider .gal-items::after {
  content: "";
  display: block;
  height: 1px;
  clear: both;
}
.gal-slider .gal-items-container {
  margin: -20px -10px;
  padding: 0 10px;
  box-sizing: border-box;
}
.col-sm-4 p.MsoNoSpacing span,
.col-sm-4 p.MsoNormal span,
.col-sm-4 p.MsoNoSpacing,
.col-sm-4 p.MsoNormal {
  text-indent: 0 !important;
  text-align: left !important;
  font-size: 1em !important;
  line-height: 1.5 !important;
  font-family: inherit !important;
}

.main-sf .social a {
  overflow: visible;
  position: relative;
}
.blog-share a:hover > .poptext,
.legend li:hover > .poptext,
.main-sf .social a:hover span {
  visibility: visible;
  opacity: 1;
}
.poptext {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  display: block;
  text-indent: 0;
  position: absolute;
  border-radius: 4px;
  top: -34px;
  height: auto;
  line-height: 1.5em;
  color: white;
  background: rgba(0, 0, 0, 0.8);
  padding: 2px 8px;
  left: 0;
  white-space: nowrap;
  z-index: 8;
}
.poptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 15px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 1300px) {
  .poptext {
    transform: translateX(-50%);
    left: 50%;
  }
  .poptext::after {
    left: 50%;
    margin-left: -6px;
  }
}

.multicolboxes {
  display: flex;
}
.multicolbox {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .home-tabs-ctl ul li {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
  }
  .multicolboxes {
    display: block;
  }
  .multicolbox {
    margin-right: 0;
  }
}
.multicolbox ul {
  padding: 0;
  margin: 0;
}
.multicolbox ul li::before {
  display: none;
}
.multicolbox ul li {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
  border: 1px solid #eee;
  padding: 15px;
}
.multicolbox ul li strong {
  display: block;
}
.multicolbox:last-of-type {
  margin-right: 0;
}

/* datepicker overrides */
.date-picker-wrapper .drp_top-bar .apply-btn {
  background: #425d9b;
  border: 0px none;
  border-radius: 0;
}
.date-picker-wrapper .drp_top-bar .apply-btn:hover {
  background: #444549;
}

/* vue overrides */
.vuedyn {
  opacity: 0;
}

@media screen and (min-width: 1200px) {
  html[data-lang="fr"] .acc-filter-type,
  html[data-lang="en"] .acc-filter-type {
    overflow: hidden;
    text-indent: -1000px;
  }
}
html[data-lang="de"] .tfilter .form-group label.acc-filter-type {
  font-size: 9px;
  white-space: nowrap;
}
html[data-lang="de"] .pager .page-nav .prev {
  font-size: 11px;
}
@media screen and (min-width: 760px) and (max-width: 990px) {
  html[data-lang="de"] .tfilter .form-group label {
    font-size: 12px;
  }
}
html[data-lang="de"] html[data-lang="fr"] .tfilter .form-group label {
  font-size: 12px;
}

.vesti .tfilter .form-group,
.nabavke .tfilter .form-group {
  width: 45%;
}

.popup-msg {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.popup-msg.hidden {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.popup-msg a.close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  background: white;
  opacity: 1;
  font-size: 1rem;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.popup-msg .pop-inner {
  padding: 20px;
  margin: auto;
}
.popup-msg .pop-box {
  width: 80vw;
  max-width: 800px;
  background: white;
  border-radius: 4px;
  padding: 20px;
  position: relative;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}

.popup-msg .pop-box .text p:last-child {
  margin-bottom: 0;
}
.survey h5 {
  margin: 20px 0 16px 0;
}
.survey h5 small {
  display: inline-block;
  font-size: 12px;
}
.survey .checkbox label,
.survey .radio label {
  display: inline-block;
  margin-right: 10px;
}
.survey .buttons {
  margin-top: 24px;
}
/* COVID INFO */

.covid-info {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /*height: 30px;*/
  line-height: 20px;
  /* padding: 8px 0; */
  color: white;
  background: #99001a;
  display: flex;
  align-items: center;
  z-index: 201;
  justify-content: center;
}
.covid-info .container {
  padding: 8px 0;
  position: relative;
}
.covid-info .container .close {
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}
.covid-info .text {
  padding: 0 50px 0 50px;
  font-weight: 600;
  font-size: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
}
@media (max-width: 768px) {
  .covid-info .text {
    font-size: 16px;
  }
}
.covid-info .text::before {
  position: absolute;
  content: "";
  background: url("../svg/ico-covid.svg") no-repeat 50% 50%;
  width: 24px;
  height: 24px;
  left: 13px;
  top: calc(50% - 12px);
  background-size: contain;
}
.covid-info .text p {
  margin-bottom: 0;
  font-family: "BlackerPro" !important;
  color: #fa4752;
}
.covid-info .text a {
  font-weight: normal;
  color: white;
  font-family: "BlackerPro" !important;
}
.covid-info .close {
  position: absolute;
  right: 16px;
  background: #fa4752;
  padding: 0px 7px 3px 7px;
  opacity: 1;
  font-weight: 100;
}

header {
  transition: 0.3s top;
}
@media (max-width: 768px) {
  .covid-info + * + header {
    top: 77px;
  }
}
@media (min-width: 768px) {
  .covid-info + * + header {
    top: 60px;
  }
}
.blogbox .auth,
.text-body .auth {
  display: flex;
  color: #4a4a4a;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  height: 30px;
  align-items: center;
  margin-bottom: 14px;
}

.blogbox .auth img,
.text-body .auth img {
  display: block;
  width: 36px;
  height: 36px;
  object-fit: cover;
  margin-top: -3px;
  margin-left: -3px;
}
.blogbox .auth .parallax-wrapper,
.text-body .auth .parallax-wrapper {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-left: 0;
}
.blog-body {
  position: relative;
}
.blog-share-container {
  position: absolute;
  top: 0;
  left: -10%;
  height: 100%;
  width: 36px;
}
.blog-share {
  position: sticky;
  width: 36px;
  top: 150px;
}
.blog-share a {
  display: block;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  margin-bottom: 16px;
  border-radius: 18px;
  border: 1px solid #eee;
  position: relative;
  background: white;
}
@media screen and (max-width: 760px) {
  .blog-share-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 36%;
  }
  .blog-share {
    width: 100%;
    display: flex;
    position: static;
  }
  .blog-share a {
    margin-right: 16px;
  }
}
.blog-share a::before {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  filter: invert(1);
}
.network-links li a.fb::before,
.blog-share a.fb::before {
  background-image: url("../svg/facebook.svg");
}
.network-links li a.tw::before,
.blog-share a.tw::before {
  background-image: url("../svg/twitter.svg");
}
.network-links li a.copy::before,
.blog-share a.copy::before {
  background-image: url("../svg/copy-link.svg");
}
.network-links li a.ig::before {
  background-image: url("../svg/instagram.svg");
}
.network-links li a.yt::before {
  background-image: url("../svg/youtube.svg");
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}
.network-links li a.bl::before {
  background-image: url("../svg/blog.svg");
}
.network-links li a.tw,
.blog-share a.tw {
  background: #1da1f2;
  border-color: transparent;
}
.network-links li a.fb,
.blog-share a.fb {
  background: #425d9b;
  border-color: transparent;
}
.network-links li a.copy,
.blog-share a.copy {
  background: #666;
  border-color: transparent;
}
.network-links li a.ig {
  background: #d6249f;
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  border: 0 none;
}
.network-links li a.yt {
  background: #ee0000;
  border-color: transparent;
}
.network-links li a.bl {
  background: #666;
  border-color: transparent;
}

.network-links {
  display: flex;
  list-style: none;
  padding-left: 0 !important;
}
.network-links li::before {
  display: none !important;
}
.network-links li {
  margin-right: 16px;
}
.network-links li a {
  display: block;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  margin-bottom: 16px;
  border-radius: 18px;
  border: 1px solid #eee;
  position: relative;
  background: #ccc;
  overflow: hidden;
  text-indent: -10000px;
}
.network-links li a::before {
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  filter: invert(1);
}
.text-body.text-sig {
  color: #385f9c;
}
.blog-post .left-img {
  float: none;
  margin: 15px auto;
}
.blog-post .left-img + em {
  text-align: center;
  margin-top: -10px;
  display: block;
}
.blog-post .left-img em {
  text-align: center;
  margin-top: -10px;
  display: block;
}

.blog-post-slider {
}
.blog-post-slider .gal-item.blog {
  height: 297px;
}
.blog-post-slider .gal-item.blog img {
  margin: -30px -35px 0px;
  width: calc(100% + 70px);
  height: 150px;
  object-fit: cover;
}
.blog-post-slider .gal-item.blog h5 {
  margin: 10px 0;
}

.see-all {
  text-align: right;
}

@font-face {
  font-family: "Pangea-Regular";
  src: url("../otf/pangea-regular.otf");
}
@font-face {
  font-family: "Pangea-Light";
  src: url("../pengea-regular.html");
}
@font-face {
  font-family: "BlackerPro";
  src: url("../otf/blacker-pro-text-regular.otf");
}

@font-face {
  font-family: "Pangea-Bold";
  src: url("../otf/pangea-bold.otf");
}
@font-face {
  font-family: "BlackerPro-Bold";
  src: url("../otf/blacker-pro-text-bold.otf");
}
@font-face {
  font-family: "Avenir-Medium";
  src: url("../ttf/avenirltstd-medium.ttf");
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Pangea-Regular";
}
body {
  font-family: "Pangea-Regular" !important;
}
header nav.main {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  align-items: center;
  margin-top: 0;
}
.logo {
  top: 0;
  position: relative;
}
header nav.main > ul > li {
  margin-right: 26px;
}
header nav.main > ul > li:first-child a {
  /* color: #fa4752; */
  font-size: 24px;
  font-weight: bold;
}
header nav > ul > li.active:nth-of-type(1)::after,
header nav > ul > li:nth-of-type(1):hover::after {
  background: #fa4752;
}

header nav.main > ul > li:nth-child(2) a {
  /* color: #ff4500; */
  font-size: 24px;
  font-weight: bold;
}
header nav > ul > li.active:nth-of-type(2)::after,
header nav > ul > li:nth-of-type(2):hover::after {
  background: #ff4500;
}

header nav.main > ul > li:nth-child(3) a {
  /* color: #ffa300; */
  font-size: 24px;
  font-weight: bold;
}
header nav > ul > li.active:nth-of-type(3)::after,
header nav > ul > li:nth-of-type(3):hover::after {
  background: #ffa300;
}

header nav.main > ul > li:nth-child(4) a {
  color: #000 !important;
  font-size: 18px;
  font-family: "Pangea-Regular";
}
header nav.main > ul > li:nth-child(4) a:hover {
  color: #4f38a8 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}
/* nav.main > ul > li:last-child {
  color: #4f38a8 !important;
} */
header nav > ul > li.active:nth-of-type(4)::after,
header nav > ul > li:nth-of-type(4):hover::after {
  background: #4f38a8;
}
header > .container {
  display: flex;
  align-items: center;
}

/* lang and search */
.lang-selector > a,
.search > a {
  font-size: 18px !important;
  text-transform: capitalize !important;
  color: #666666 !important;
  font-weight: 400 !important;
}
.lang-selector > a:hover,
.search > a:hover {
  color: #0036a3 !important;
  text-decoration: underline;
}
.has-sub > .list-unstyled {
  height: 323px !important;
  overflow-y: auto;
  width: 787px;
  display: flex;
  justify-content: space-evenly;
}
.has-sub > .list-unstyled a {
  color: white !important;
  font-size: 16px !important;
  line-height: 24px;
  padding: 0;
  color: #fff;
}
.has-sub > .list-unstyled > li > ul a:hover {
  text-decoration: underline;
  font-weight: normal;
  color: #000 !important;
}

.has-sub:nth-child(4) > .list-unstyled {
  width: 300px;
  left: 50% !important;
  flex-direction: column;
  gap: 0;
  transform: translateX(-50%);
}
.big-link a {
  font-size: 24px;
}

header nav.main > ul > li > ul > li > ul {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
header nav.main > ul > li > ul > li > ul > li a {
  font-size: 18px !important;
  line-height: 1.875 !important;
  letter-spacing: 0.2px;
  font-weight: normal !important;
}
header nav.main > ul li > a {
  padding-left: 0 !important;
}
header nav.main > ul > li > ul .image {
  display: none !important;
}
header nav.main > ul > li > ul > li:hover > a {
  border: 1px solid transparent !important;
}
.has-sub:nth-child(1) > .list-unstyled {
  background-color: #ffa300;
}
.has-sub:nth-child(2) > .list-unstyled {
  background-color: #00b07d;
}
.has-sub:nth-child(3) > .list-unstyled {
  background-color: #5ca8ff;
}
.has-sub:nth-child(3) > .list-unstyled {
  background-color: #5ca8ff;
}
.lang-selector:hover {
  top: 153px;
  position: relative;
}
@media (min-width: 1000px) {
  header nav.main {
    margin-left: 57.5px;
  }
}
@media (min-width: 769px) {
  header nav.main > ul > li.has-sub:not(:last-child) {
    position: relative !important;
  }
  .lang-selector:hover {
    top: 153px;
    position: relative;
  }
  .container nav.main .menu-right {
    height: 100%;
  }
  .lang-selector-wrapper {
    position: relative;
    height: 100%;
  }
  header nav.main .search.shown form {
    top: 50%;
    transform: translateY(-50%);
    width: 29%;
    left: auto;
    height: 40px;
  }
  header nav.main .search.shown form input,
  header nav.main .search.shown form button {
    top: 50%;
    transform: translateY(-50%);
  }

  .container nav.main .has-sub:nth-child(1):hover {
    background-color: #ffa300;
  }
  .container nav.main .has-sub:nth-child(2):hover {
    background-color: #00b07d;
  }
  .container nav.main .has-sub:nth-child(3):hover {
    background-color: #5ca8ff;
  }
  /* .container nav.main .has-sub:nth-child(4):hover {
    background-color: #000;
  } */
  .container nav.main .has-sub:not(:last-child) {
    padding-left: 15px;
  }
  .container nav.main .has-sub:not(:last-child):hover > a {
    color: white !important;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
  }
  header nav.main > ul > li.has-sub.active {
    text-decoration: underline;
  }
  header nav.main > ul > li.has-sub.active:nth-of-type(1) > a {
    color: #ffa300;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
  }
  header nav.main > ul > li.has-sub.active:nth-of-type(2) > a {
    color: #00b07d;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
  }
  header nav.main > ul > li.has-sub.active:nth-of-type(3) > a {
    color: #5ca8ff;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
  }
  header nav.main > ul > .has-sub > a {
    display: flex;
    align-items: center;
  }
  header nav.main > ul > li.has-sub svg {
    transform: rotate(90deg);
    width: 9px;
    margin-left: 10px;
    margin-top: 8px;
  }
  header nav.main > ul > li.has-sub:last-child svg {
    transform: rotate(90deg);
    width: 7px;
    margin-left: 9px;
    margin-top: 8px;
  }
  header nav.main > ul > .has-sub:not(:last-child):hover svg > g {
    fill: white;
  }
}
@media (max-width: 768px) {
  header nav.main {
    display: none !important;
  }
  .mobile-menu .logo a {
    top: 6px;
    position: relative;
  }
  .covid-info ~ .mobile-menu.onmobile {
    top: 77px;
  }
  .covid-info ~ .mobile-menu.onmobile .main.shown a.close {
    top: 80px;
  }

  /* header mobile */
  .covid-info .close {
    z-index: 99999999;
  }
  .mobile-handle img,
  .mobile-menu.onmobile .main.shown a.close img {
    width: 45px;
    transform: none !important;
  }
  .mobile-menu.onmobile .main.shown a.close {
    background-color: transparent;
    z-index: 10;
  }
  .mobile-menu.onmobile .main.shown a.close::before,
  .mobile-menu.onmobile .main.shown a.close::after {
    content: "";
    display: none !important;
  }
  .mobile-menu .mobile-handle {
    border: none !important;
  }
  .mobile-menu.onmobile .list-unstyled.sub-menu-list-ustyled {
    display: none;
  }

  .mobile-menu nav .main,
  .second.shown .list-unstyled {
    padding-left: 40px;
    text-align: left;
  }
  .mobile-menu nav .main > li:nth-of-type(1),
  .mobile-menu nav .main > li:nth-of-type(2),
  .mobile-menu nav .main > li:nth-of-type(3) {
    font-weight: normal;
    font-size: 24px;
  }
  .mobile-menu nav .main > li:nth-of-type(4) {
    margin-top: 40px;
  }
  .has-sub.mobile-has-sub-component.mobile-submenu-active {
    z-index: 9;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    padding: 30px;
    padding-top: 15px;
  }
  .has-sub.mobile-has-sub-component.mobile-submenu-active
    .list-unstyled.inner-container.mobile-submenu-container {
    display: flex;
    flex-direction: column;
    width: 94%;
    background: transparent;
    color: black;
    gap: 20px;
    justify-content: flex-start;
    height: 100% !important;
  }
  .has-sub.mobile-has-sub-component > a {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 900;
    font-size: 32px;
  }
  .has-sub.mobile-has-sub-component > a > svg {
    width: 8px;
  }
  .has-sub.mobile-has-sub-component:nth-child(1) > a > svg > g {
    fill: #fa4752;
  }
  .has-sub.mobile-has-sub-component:nth-child(2) > a > svg > g {
    fill: #ff4500;
  }
  .has-sub.mobile-has-sub-component:nth-child(3) > a > svg > g {
    fill: #ffa300;
  }
  .has-sub.mobile-has-sub-component.mobile-submenu-active > a {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .has-sub.mobile-has-sub-component.mobile-submenu-active > a > svg {
    transform: rotate(180deg) !important;
    width: 14px;
  }
  .main.shown
    .list-unstyled.main
    li:not(.has-sub.mobile-has-sub-component)
    > a {
    font-weight: bold;
    font-size: 24px;
  }
  .mobile-menu.onmobile.shown .second.shown a {
    color: #929292;
  }
  .covid-info
    ~ .mobile-menu.onmobile.shown
    .has-sub.mobile-has-sub-component.mobile-submenu-active {
    top: 65px;
  }
  .has-sub.mobile-has-sub-component.mobile-submenu-active > .list-unstyled a {
    color: #000 !important;
    font-size: 22px !important;
  }
  .mobile-menu.onmobile.shown .logo {
    display: none !important;
  }
  .mobile-menu.onmobile nav.second li a,
  .mobile-menu.onmobile nav.second li a:hover {
    color: black;
    text-decoration: none;
  }
  /* end header mobile */
}
header.collapsed nav.main > ul > li > ul {
  top: 75px;
}

/* end header */

.home.gal-slider .main-title {
  color: #ff4500 !important;
}
.main-title:hover {
  color: #000 !important;
}
.gal-slider .gal-nav a {
  background-image: none !important;
}
.gal-slider .gal-nav .arrow {
  background-color: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}
.gal-slider .gal-nav .arrow:hover {
  background-color: #ff4500;
}
.gal-slider .gal-nav .arrow:hover svg g {
  fill: #fff;
}
.gal-slider:not(.home) .gal-nav .arrow svg g {
  fill: #000;
}
.gal-slider:not(.home) .gal-nav .arrow:hover svg g {
  fill: #fff;
}
.gal-slider:not(.home) .gal-nav .arrow {
  background-color: #eeeeee;
}
.gal-slider:not(.home) .gal-nav .arrow:hover {
  background-color: #000;
}

.home.gal-slider .gal-item.image {
  width: 100% !important;
  height: auto !important;
  max-width: 100vw;
}
.home .gal-content {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  display: flex;
  width: 480px;
  flex-direction: column;
  justify-content: center;
  padding: 50px;
  padding-left: 60px;
  color: #000;
  z-index: 2;
}
.home .gal-content > div {
  position: relative;
}
.home .gal-content h3 {
  font-size: 24px;
  font-weight: bold;
  padding: 0;
  color: #000;
}
.home .gal-content p {
  font-size: 16px;
  color: #666;
}
.home .gal-content h3 {
  text-transform: none;
}
.home .gal-content > div > a {
  position: relative !important;
  color: #000;
  /* text-decoration: underline; */
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid black;
  padding-bottom: 1.8px;
}
.home .gal-content a:hover {
  background: none !important;
  color: #ff4500;
  border-bottom: 2px solid #ff4500;
  text-decoration: none;
}
.home .gal-background svg {
  position: absolute;
  z-index: 1;
}
.home .gal-background svg g {
  fill: #ff4500;
}
.home .gal-background svg:first-child {
  width: 300px;
  top: 0;
  position: absolute;
  height: 297px;
}
.home .gal-background svg:nth-child(2) {
  width: 500px;
  bottom: 0;
  right: -10px;
  position: absolute;
  height: 286px;
}
.gal-slider:not(.home) .gal-background {
  display: none;
}
.gal-slider:not(.home) .gal-content > div > a {
  display: none;
}
.gal-slider:not(.home) {
  margin: 100px 0;
}
.gal-slider:not(.home) .gal-nav {
  right: 13px;
  left: unset;
  bottom: unset;
  top: -30px;
}
.gal-slider:not(.home) .main-title {
  font-size: 24px;
  width: fit-content;
}
.gal-slider:not(.home) .gal-item.image .parallax-wrapper {
  height: 250px;
}
.gal-slider:not(.home) .gal-item {
  background: none !important;
}
.gal-slider:not(.home) h3 {
  font-family: "BlackerPro-Bold" !important;
  font-weight: bold;
  color: #000 !important;
  font-size: 24px;
  padding: 0;
  margin-top: 18px;
  text-transform: none;
}
.gal-slider:not(.home) h3 > a {
  position: relative;
  color: #000;
}
.gal-slider:not(.home) h3 > a:hover {
  color: #fa4752;
  text-decoration: underline;
  background: none;
  text-underline-offset: 3px;
  text-decoration-thickness: 3px;
}
.gal-slider:not(.home) .main-title:hover {
  color: #fa4752;
}
.gal-slider .gal-content > div h3 a {
  color: #000;
  letter-spacing: -1px;
  font-family: "Pangea-Bold" !important;
}

.newsletter-box {
  display: none !important;
}
.subnav > .container {
  max-width: 700px !important;
}
.subnav a:hover {
  color: #000;
}
.attachment-item,
.attachment-item .image-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 15px;
}
.box-download.file-download .gen-btn {
  position: relative;
  top: unset;
  bottom: unset;
  left: unset !important;
  right: unset;
  font-size: 14px;
  background: #000;
  color: #fff;
  padding: 6px 23px;
  text-align: center;
  text-transform: none;
  height: unset;
}
.box-download.file-download .gen-btn:hover {
  background: #444444;
}
.box-download.file-download {
  background: none;
}
.box-download.file-download img {
  transform: none !important;
  width: 100px;
  height: 100px;
}
.attachment-item p {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  font-family: "BlackerPro-Bold" !important;
}
.box-download .col-sm-12 {
  max-width: 600px;
  margin: 15px auto;
}
.box-download.file-download {
  height: unset !important;
  width: unset !important;
}
@media (min-width: 769px) {
  .attachment-item p {
    min-width: 355px;
  }
}
@media (max-width: 768px) {
  .box-download.file-download {
    width: 70px;
    height: 70px;
    padding: 0;
  }
  .attachment-item {
    flex-direction: column;
    align-items: normal;
  }
}

@media (max-width: 768px) {
  .gal-content {
    padding-left: 100px;
  }
  .gal-slider:not(.home) {
    margin: 50px 0;
  }
  .gal-slider .gal-nav a {
    position: relative;
  }
  .gal-slider:not(.home) .gal-nav {
    position: absolute;
    right: 35px;
    display: flex;
  }
  .gal-slider:not(.home) .gal-nav .prev {
    left: 0;
  }
  .gal-slider:not(.home) .gal-content {
    padding: 0;
  }
  /* home gal slider */
  .gal-slider.home .gal-background {
    display: none;
  }
  .gal-slider.home .gal-content {
    width: 100%;
    position: relative;
    padding: 40px;
  }
  .gal-slider.home .gal-nav {
    display: flex;
    position: absolute;
    bottom: 175px;
    right: 35px;
    z-index: 3;
  }
  .gal-slider.home .gal-nav .prev {
    left: 0;
  }
}
@media (min-width: 769px) {
  .gal-nav {
    position: absolute;
    left: 430px;
    bottom: 55px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    grid-gap: 14px;
  }
  .gal-slider .gal-nav a.next,
  .gal-slider .gal-nav a.prev {
    position: relative !important;
  }
  .gal-slider .gal-nav a.prev {
    left: 0 !important;
    z-index: 3;
  }
  .gal-slider .gal-nav a.next {
    right: 0 !important;
    z-index: 3;
  }
  .lang-selector-wrapper:hover .avaible-languages-to-select > a {
    color: #9191c7 !important;
  }
  .lang-selector-wrapper:hover > svg,
  .lang-selector-wrapper:hover svg:nth-child(2) > g {
    fill: #9191c7 !important;
  }
  .lang-selector-wrapper:hover {
    cursor: pointer;
  }
  .lang-selector-wrapper svg:nth-child(2) {
    transform: rotate(90deg);
    top: 3px;
    position: relative;
    width: 7px;
    margin-left: 7px;
  }
  .has-sub:nth-child(4) > .list-unstyled {
    height: fit-content !important;
  }
  nav.main > ul > li:last-child:hover a {
    color: #9191c7 !important;
  }
  header nav.main > ul > li:nth-child(4) .big-link a {
    font-size: 22px !important;
    font-weight: bold;
    color: #000 !important;
  }
  header nav.main > ul > li:nth-child(4) ul.list-unstyled li:not(.big-link) a {
    color: #666666 !important;
    font-weight: 200;
  }
  header nav.main > ul > li:nth-child(4) .big-link a:hover,
  header
    nav.main
    > ul
    > li:nth-child(4)
    ul.list-unstyled
    li:not(.big-link)
    a:hover {
    color: #4f38a8 !important;
  }
  .container nav.main .has-sub:nth-child(1) > a > svg > g {
    fill: #ffa300;
  }
  .container nav.main .has-sub:nth-child(2) > a > svg > g {
    fill: #00b07d;
  }
  .container nav.main .has-sub:nth-child(3) > a > svg > g {
    fill: #5ca8ff;
  }
  .content-container > section.box-items {
    padding: 0;
  }
}

@media (min-width: 1000px) {
  nav.main .list-unstyled.inner-container {
    min-width: 500px;
    width: fit-content;
    max-width: none;
    height: fit-content !important;
  }
  nav.main .list-unstyled.inner-container li.heading {
    min-width: 160px;
    margin-right: 15px;
  }
}

nav.main
  ul.list-unstyled
  .list-unstyled.inner-container
  > li.heading:hover
  > a {
  text-decoration: underline;
}

.avaible-languages-to-select > a {
  color: #666666;
}
.full-extbox .eb-box {
  position: absolute;
  z-index: 3;
  background: white;
  max-width: 480px;
  bottom: 0;
  padding: 50px;
}
.full-extbox .eb-img {
  height: auto;
}
.link-more::after {
  content: none !important;
}

/* Footer */
footer {
  background: #f6f6f6;
  margin-top: 50px;
}
.main-footer-menu
  > .list-unstyled.main:nth-child(1):hover
  > li:nth-child(1)
  > a {
  color: #ffa300;
}
.main-footer-menu
  > .list-unstyled.main:nth-child(2):hover
  > li:nth-child(1)
  > a {
  color: #00b07d;
}
.main-footer-menu
  > .list-unstyled.main:nth-child(3):hover
  > li:nth-child(1)
  > a {
  color: #5ca8ff;
}

.main-footer-menu
  > .list-unstyled.main:nth-child(1)
  > li:not(:nth-child(1))
  > a:hover {
  border-bottom: 1px solid #ffa300;
  padding-bottom: 2px;
}
.main-footer-menu
  > .list-unstyled.main:nth-child(2)
  > li:not(:nth-child(1))
  > a:hover {
  border-bottom: 1px solid #00b07d;
  padding-bottom: 2px;
}
.main-footer-menu
  > .list-unstyled.main:nth-child(3)
  > li:not(:nth-child(1))
  > a:hover {
  border-bottom: 1px solid #5ca8ff;
  padding-bottom: 2px;
}
footer .single-nav:nth-child(2) .list-unstyled.norm > li > a:hover {
  color: #0036a3 !important;
  border-bottom: 1px solid #0036a3;
  padding-bottom: 3px;
}
/* End of footer */

/*text*/
h1,
h2,
h3 {
  font-family: "BlackerPro" !important;
}
body,
p {
  font-family: "Pangea-Regular" !important;
}

/*smestaj page*/
#smestaj {
  background-color: #00b07d;
  padding: 30px 0;
}
#smestaj h2 {
  color: #fff;
}
#smestaj .bi-alt .acc-box,
#smestaj .box-items.bi-alt {
  background: transparent !important;
}
#smestaj .bi-alt .acc-box:hover {
  box-shadow: none;
}
.svi-smestaji {
  color: #00382b;
  font-size: 18px;
  font-weight: bold;
}
.svi-smestaji:hover {
  color: #fff;
  text-decoration: underline;
}

#smestaj .acc-box .text-body {
  padding-left: 7px;
}
#smestaj .acc-box .text-body .col-5,
#smestaj .acc-box .text-body .col-7 {
  padding-left: 0;
  color: #fff;
  font-size: 16px;
}
#smestaj .acc-box a {
  color: #fff;
}
#smestaj .acc-box label,
#smestaj .acc-box .type {
  color: #00382b;
  font-size: 16px;
}

#smestaj-page .acc-box {
  border: 2px solid black;
}
#smestaj-page .acc-box:hover {
  border: 2px solid #99001a;
}
#smestaj-page .acc-content {
  padding: 0 32px;
}
#smestaj-page .acc-box .title {
  color: #000;
}
#smestaj-page .text-body {
  font-size: 16px;
  color: #666;
}
#smestaj-page .text-body .col-5,
#smestaj-page .text-body .col-7 {
  padding: 0;
  padding-left: 7px;
}
#smestaj-page .text-body label {
  color: #000;
}
@media (max-width: 768px) {
  #smestaj-page .acc-content {
    padding: 0 16px;
  }
}

/* aktuelni dogadjaji */
#aktuelni-dogadjaji-sekcija .event-date-box {
  background: #5ca8ff !important;
  color: #0036a3;
  width: 100px;
  margin-left: auto;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
#aktuelni-dogadjaji-sekcija .gal-item {
  height: 200px;
}
#aktuelni-dogadjaji-sekcija .gal-item.event:hover {
  cursor: pointer;
  background-color: #5ca8ff !important;
}
#aktuelni-dogadjaji-sekcija .gal-item.event:hover .title,
#aktuelni-dogadjaji-sekcija .gal-item.event:hover .text-body {
  color: #0036a3;
}
#aktuelni-dogadjaji-sekcija .gal-item.event:hover .event-date-box {
  background: #0036a3 !important;
  color: #5ca8ff !important;
}

#aktuelni-dogadjaji-sekcija .gal-item.event.gal-item-invert .event-date-box {
  background: #0036a3 !important;
  color: #5ca8ff !important;
}

#aktuelni-dogadjaji-sekcija .gal-item.event {
  background: #0036a3 !important;
  color: white;
  padding-right: 0;
  padding-top: 0;
  padding-left: 20px;
}
#aktuelni-dogadjaji-sekcija .gal-item.event.gal-item-invert {
  background: #5ca8ff !important;
}

#aktuelni-dogadjaji-sekcija h5 {
  color: #5ca8ff;
  padding-left: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 35px;
  letter-spacing: -1px;
  font-size: 20px;
  max-width: 270px;
  font-family: "BlackerPro-Bold" !important;
}

#aktuelni-dogadjaji-sekcija .gal-item.event.gal-item-invert h5 {
  color: #0036a3;
}
#aktuelni-dogadjaji-sekcija {
  margin: 0;
  padding: 41px 0;
  background: linear-gradient(white 35%, #eeeeee 35%);
  width: 100%;
}
#aktuelni-dogadjaji-sekcija .gal-nav.onmobile {
  top: -65px;
}
#aktuelni-dogadjaji-sekcija .gal-nav.onmobile a div:hover,
#aktuelni-dogadjaji-sekcija .gal-nav.onmobile a div:focus {
  background: #0036a3 !important;
}
#aktuelni-dogadjaji-sekcija .text-body {
  position: absolute;
  top: 30px;
  font-size: 16px;
  color: #5ca8ff;
}
#aktuelni-dogadjaji-sekcija .gal-item.event.gal-item-invert .text-body {
  color: #0036a3;
}
#aktuelni-dogadjaj-predsekcija h3 {
  color: #0036a3 !important;
  font-size: 34px;
}

#contact-section form input.form-control {
  border-radius: 0;
  border: 2px solid #666 !important;
  height: 35px;
  font-size: 14px;
  padding: 0 12px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#contact-section form input.form-control.error {
  border-color: #ca2537 !important;
  color: #ca2537;
}

#contact-section form input.form-control:hover,
#contact-section form input.form-control:focus {
  border-color: #000 !important;
  color: #000;
}
#contact-section form textarea.form-control {
  border: 2px solid #666;
}
#contact-section .select.open ul.list-unstyled {
  border: 2px solid #000 !important;
}
#contact-section form .select ul {
  border: 2px solid #666 !important;
}
#contact-section form input.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

#contact-section form input.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666;
}

#contact-section form input.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666;
}
#contact-section form input.form-control.error::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ca2537;
  opacity: 1; /* Firefox */
}

#contact-section form input.form-control.error:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ca2537;
}

#contact-section form input.form-control.error::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ca2537;
}
#contact-info-page #contact-headng {
  margin-left: 0;
}
#contact-section form .select ul {
  border: 1px solid #666;
}
#contact-section form .select.open ul {
  color: #000;
}
#contact-section form .select:after {
  right: 15px;
}
#text-area-section .form-group.col-sm-6.checkbox label {
  padding-left: 30px;
  color: #666;
}
#text-area-section .form-group.col-sm-6.checkbox label:hover {
  color: #000;
}
#text-area-section .form-group.col-sm-6.checkbox label::before {
  width: 20px;
  height: 20px;
  border: 1px solid #eee;
  top: 50%;
  transform: translateY(-50%);
}

#text-area-section .checkbox input[type="checkbox"]:checked + label {
  color: black;
}
#text-area-section .checkbox input[type="checkbox"]:checked + label::before {
  filter: saturate(0);
  border-color: black;
}

#text-area-section .gen-btn.gb1 {
  border: 1px solid #000;
  background: #fff;
  color: #000;
  box-shadow: 0px 8px 10px rgb(238 238 238 / 13%);
}

#text-area-section textarea.form-control:hover,
#text-area-section textarea.form-control:focus {
  border-color: #000;
  color: #000;
}
#aktuelni-dogadjaji-sekcija .gal-slider:not(.home) .gal-nav .arrow svg g {
  fill: #0036a3;
}

@media (max-width: 768px) {
  /* #aktuelni-dogadjaji-sekcija .gal-items,
  #aktuelni-dogadjaji-sekcija .gal-items .gal-item {
    width: 100% !important;
  } */
  header.collapsed .subnav,
  header .subnav {
    overflow-y: hidden;
  }
  #info-adress-box-section .col-sm-8 .box-item.box-agencija.box-agencija-fw {
    width: 100% !important;
  }
}
@media (min-width: 769px) {
  #contact-section form #contact-information-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}

/* sub header */
header .subnav a {
  font-weight: 400;
  font-size: 16px;
}
header .subnav .active a {
  border-bottom: 1px solid #99001a;
  padding-bottom: 3px;
}

#hoteli-popup .closebtn {
  top: 0;
  width: 80px;
  height: 80px;
  background: white;
  opacity: 0.5;
  color: #4f38a8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}
#hoteli-popup .closebtn::before {
  margin: 0;
  margin-right: 0;
}
#hoteli-popup > .acc-pop-container > .pop-head {
  display: flex;
  flex-direction: column;
  font-family: "BlackerPro-Bold";
}

#hoteli-popup > .acc-pop-container > .pop-head .type {
  margin-left: 0;
}

/* info-adress-box-section */
#info-adress-box-section .col-sm-8 {
  width: 100%;
  max-width: none;
  display: flex;
  justify-content: flex-start;
  margin-left: 6%;
  background: #f6f6f6;
  box-shadow: -500px 0px 0 0px #f6f6f6;
}

#info-adress-box-section .col-sm-8 .box-item.box-agencija.box-agencija-fw {
  display: flex;
  flex-direction: column;
  width: 70%;
  background: transparent;
}

#info-adress-box-section
  .col-sm-8
  .box-item.box-agencija.box-agencija-fw
  .dl-img {
  position: static;
  padding: 0;
}

#info-adress-box-section
  .col-sm-8
  .box-item.box-agencija.box-agencija-fw
  .box-dtitle {
  border: none;
  padding: 0;
  margin: 25px 0 40px 0;
  font-size: 24px;
  font-family: "BlackerPro-Bold" !important;
  letter-spacing: -1px;
}

#info-adress-box-section
  .col-sm-8
  .box-item.box-agencija.box-agencija-fw
  .box-daddress {
  padding: 0;
  position: relative;
}

#info-adress-box-section
  .col-sm-8
  .box-item.box-agencija.box-agencija-fw
  .box-details {
  padding: 0;
  position: static;
  text-align: left;
}

/* Citites card fixes */
@media (max-width: 768px) {
  .full-ext > .container > .full-extbox > .row.no-gutters {
    flex-direction: column-reverse;
  }

  .full-ext > .container > .full-extbox > .row.no-gutters > .eb-box {
    position: static;
  }
}
.unclickable {
  pointer-events: none !important;
}

section.type-content h2 {
  color: #fa4752;
  font-family: "BlackerPro" !important;
}
section.type-content .text-body .intro p {
  line-height: 30px;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  padding-bottom: 10px;
}

.get-content-from-div .home-tab-title {
  color: #cccccc;
  font-size: 24px;
  font-family: "BlackerPro-Bold" !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: -1px;
}
.get-content-from-div .home-tab-title svg {
  width: 15px;
  height: 18px;
}
.get-content-from-div .home-tab-title:nth-child(2).active-tab svg g {
  fill: #00b07d;
}
.get-content-from-div .home-tab-title:hover {
  color: #ffa300;
  text-decoration: underline;
  cursor: pointer;
}
.get-content-from-div .home-tab-title:nth-child(3):hover {
  color: #00b07d;
}
.get-content-from-div .home-tab-title:nth-child(3):hover svg g,
.get-content-from-div .home-tab-title:nth-child(3).active-tab svg g {
  fill: #00b07d;
}
.get-content-from-div .home-tab-title:hover svg g {
  fill: #ffa300;
}
.get-content-from-div .home-tab-title:last-child:hover {
  color: #ffa300;
}

.get-content-from-div .home-tab-description {
  display: none;
}
.get-content-from-div .home-tab-title.active-tab {
  font-size: 36px;
  color: #ffa300;
}

.get-content-from-div .home-tab-title.active-tab svg g {
  fill: #ffa300;
}
.get-content-from-div .home-tab-title.active-tab:nth-child(3) {
  color: #00b07d;
}
.get-content-from-div .home-tab-title.active-tab:last-child {
  color: #ffa300;
}

.get-content-from-div .home-tab-title.active-tab + .home-tab-description {
  display: block;
  font-size: 16px;
  line-height: 30px;
}
.home-tab-nav-button {
  display: none !important;
}

.home-tabs-main-single-section .box-item {
  cursor: pointer;
  background: none;
  border: none;
}

.home-tabs-main-single-section .box-item .top-img {
  padding-top: 100%;
}

.home-tabs-main-single-section.box-items.bi-alt .box-icontent {
  height: 0;
  background: none;
  padding-left: 0;
}

.home-tabs-main-single-section.box-items.bi-alt .box-icontent .category,
.home-tabs-main-single-section.box-items.bi-alt .box-icontent .box-intro,
.home-tabs-main-single-section.box-items.bi-alt .box-icontent .link-more {
  display: none !important;
}

.home-tabs-main-single-section.box-items.bi-alt .box-item:hover {
  box-shadow: none;
}

.home-tabs-main-single-section.box-items.bi-alt
  .box-item:hover
  .box-icontent
  h4 {
  color: #fa4752;
  text-decoration: underline;
}
.home-tabs-main-single-section.box-items.bi-alt .box-item .box-icontent h4 {
  font-family: "Pangea-Bold" !important;
  letter-spacing: -1px;
  font-size: 24px;
}
.kalendar-signle-container .event-box {
  border: 2px solid #000;
  padding-top: 28px;
  padding-right: 56px;
}

.kalendar-signle-container .event-box .ico {
  top: 10px;
  right: 20px;
  left: auto;
}

.kalendar-signle-container .kalendar-date-info {
  color: #666666;
}

.kalendar-signle-container .main-title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 18px;
  font-family: "BlackerPro-Bold";
  color: black;
  letter-spacing: -0.67px;
}

.kalendar-signle-container .intro div {
  color: #666666;
  font-size: 16px;
  line-height: 1.52;
}

.search.search-header-section {
  display: flex;
  justify-content: space-evenly;
  gap: 15px;
  align-items: center;
  padding-left: 10px;
}

.search.search-header-section > a {
  padding-left: 0 !important;
}

.box-download .gen-btn:hover {
  border-color: #99001a !important;
  box-shadow: none;
}
.box-download .gen-btn {
  box-shadow: none;
}

header nav.main > ul > li.has-sub:last-child:hover svg > g {
  fill: #4f38a8 !important;
}
.covid-info ~ .content-container {
  padding-top: 65px;
}

#homepage-main-section.home-carousel > div.item {
  height: 100%;
}

#homepage-slider-dots {
  display: none;
}
#homepage-main-section.home-carousel .experience-svg .parallax-wrapper {
  max-width: 85%;
}
@keyframes top-top-arrow {
  0% {
    transform: translateY(12px) rotate(-90deg);
    opacity: 0;
  }
  20% {
    transform: translateY(10px) rotate(-90deg);
  }
  40% {
    opacity: 1;
    transform: translateY(4px) rotate(-90deg);
  }
  60% {
    transform: translateY(-2px) rotate(-90deg);
  }
  80% {
    opacity: 1;
    transform: translateY(-10px) rotate(-90deg);
  }
  100% {
    transform: translateY(-20px) rotate(-90deg);
    opacity: 0;
  }
}
.homepage-box-items-section {
  box-shadow: inset 0px -20px 0 9px #f7f7f7;
}
/* homepage main section */
@media (min-width: 769px) {
  #homepage-main-section.home-carousel {
    height: 0;
    padding-top: 56.25%;
  }
  /* Vesti filtr */
  .tfilter.col-sm-8 .filter {
    display: flex;
    justify-content: flex-end;
  }
  .tfilter.col-sm-8 .filter .form-group {
    display: flex;
    gap: 18px;
    justify-content: flex-end;
    margin: 0;
    margin-top: 8px;
    margin-bottom: 1rem;
  }
  .tfilter.col-sm-8 .filter .form-group label {
    width: auto;
  }
}

@media (max-width: 768px) {
  #homepage-main-section.home-carousel,
  #homepage-main-section.home-carousel .box-item.large .top-img {
    height: 0;
    padding-top: 125% !important;
  }
}

#smestaj .acc-box a {
  border-bottom: none;
}

.avaible-languages-to-select {
  display: flex;
  gap: 7px;
  align-items: center;
}

.full-extbox.blogbox > .row.no-gutters > .col-xl-9.col-md-8.eb-img {
  max-width: 100%;
  flex: 0 0 100%;
}

header.collapsed {
  box-shadow: 0px 1px 20px rgba(153, 153, 153, 0.5);
}

footer .social-icons li:nth-child(1):hover {
  background-color: #4267b2;
}
footer .social-icons li:nth-child(2):hover {
  background-color: #00acee;
}
footer .social-icons li:nth-child(3):hover {
  background: #f09433;
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
footer .social-icons li:nth-child(4):hover {
  background-color: #ff0000;
}

.gal-slider .container .main-title a {
  font-family: "BlackerPro-Bold" !important;
  letter-spacing: -1px;
}

#smestaj-page form .select ul {
  border: 2px solid #666 !important;
}

#smestaj-page form .select.open ul {
  border-color: #000 !important;
}

footer .logo a {
  filter: brightness(0);
}

footer .footer-heading:hover .logo a {
  filter: brightness(1);
}

#contact-section + .full-ext .container .col-sm-9.eb-map {
  min-width: 100%;
  width: 100%;
}

/* #turisticke-organizacije-section.type-content.box-download
  .container
  .col-md-10.offset-md-1
  .row.list-elements {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#turisticke-organizacije-section.type-content.box-download
  .container
  .col-md-10.offset-md-1
  .row.list-elements
  > .col-sm-4 {
  max-width: unset;
  width: 100%;
} */
#turisticke-organizacije-section.box-download .box-agencija .box-dtitle {
  padding-top: 40px;
  border-bottom: 0px none;
  padding-right: 27px;
  padding-left: 27px;
  color: #4f38a8;
  font-size: 20px;
  font-family: "BlackerPro-Bold";
  text-transform: uppercase;
}
#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column {
  background: #9191c7;
  /* display: grid !important; */
  /* grid-template-areas:
    "naslov logo"
    "text1 text1"
    "text2 text2";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto; */
  display: flex;
  flex-direction: column;
  padding-top: 0;
  padding-right: 0;
  border: none;
}
#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .image-title-box {
  display: flex;
}

#turisticke-organizacije-section .box-daddress,
#turisticke-organizacije-section .box-daddress label,
#turisticke-organizacije-section .box-details,
#turisticke-organizacije-section .box-details label,
#turisticke-organizacije-section .box-details p {
  line-height: 2.188;
}
#turisticke-organizacije-section.box-download
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .box-dtitle {
  padding: 0px !important;
  padding-top: 20px !important;
  flex: 1;
}
#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .box-daddress {
  /* border: 1px solid #eee; */
  transition: 0.3s;
  border-top: 0px none;
  border-bottom-width: 0px;
  padding: 5px 0px;
  line-height: 20px;
  color: white;
  grid-area: text1;
  font-size: 16px;
  padding-bottom: 15px;
  padding-top: 8px;
}
#turisticke-organizacije-section.box-download
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .dl-img {
  grid-area: logo;
  right: 0;
  left: unset;
  margin-left: auto;
  border: none;
  background: #4f38a8;
}
#turisticke-organizacije-section.box-download
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .box-dtitle {
  grid-area: naslov;
  padding: 20px;
}

#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .box-daddress
  label {
  color: #4f38a8;
  font-size: 16px;
}

#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .box-details {
  color: white;
  grid-area: text2;
  font-size: 16px;
}
#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .box-details
  p,
#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .box-details
  a {
  color: white;
  font-size: 16px;
}
#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  .box-details
  p
  label {
  color: #4f38a8;
  font-size: 16px;
}

#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  a:hover,
#turisticke-organizacije-section
  .box-item.box-item-noborder.box-agencija.d-flex.flex-column
  a {
  text-decoration: none;
  border-bottom: none;
}
/* 
.turisticke-organizacije-noimage {
  grid-template-areas:
    "naslov naslov"
    "text1 text1"
    "text2 text2" !important;
} */

body:not(.sc, .sr) .gal-background {
  display: none;
}

#turisticke-organizacije-section.box-download .box-details {
  padding-left: 0;
}

#info-adress-box-section.box-download .box-daddress,
#info-adress-box-section.box-download .box-details {
  font-size: 16px;
  line-height: 2.143;
}

#info-adress-box-section.box-download .box-daddress a:hover,
#info-adress-box-section.box-download .box-details a:hover {
  color: #0056b3 !important;
  border-bottom: 2px solid #0056b3;
}

@media (min-width: 769px) {
  .home-carousel .box-item h4 {
    white-space: nowrap;
  }
  #aktuelni-dogadjaji-sekcija .container {
    padding-left: 0;
    padding-right: 30px;
  }
}

.home-carousel .box-item .box-intro {
  line-height: 1.8;
}

.home-carousel .box-item a {
  font-weight: normal;
}

#smestaj-page .row.list-elements .col-sm-4 .title {
  font-family: "BlackerPro-Bold";
}

#smestaj-page .row.list-elements .col-sm-4:hover img,
.box-items > div:hover .image img,
.gal-items > .gal-item:hover img {
  filter: brightness(0.7);
}

#aktuelni-dogadjaji-sekcija .gal-item.event:hover h5 {
  color: #0036a3 !important;
}

/* .home-tabs-container section.home-tabs:not(.active) {
  display: none;
  opacity: 0;
} */

@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-moz-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-o-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

.form-group input,
.form-group ul {
  border: 1px solid #666 !important;
}

.form-group input:focus,
.form-group ul:focus {
  border: 1px solid black !important;
}

.kalendar-signle-container .headline {
  color: #666;
  font-size: 12px;
  text-transform: uppercase;
}

.kalendar-signle-container .event-box .headline:first-child {
  font-size: 14px;
}

/* .kalendar-signle-container .text-body p:nth-child(1) {
  font-size: 18px;
  font-family: "Pangea-Bold" !important;
  letter-spacing: -0.5px;
  color: #000;
} */

.kalendar-signle-container .text-body p {
  margin-bottom: 0;
  line-height: 1.51;
  font-size: 16px;
}

.kalendar-signle-container .text-body p a {
  margin-bottom: 0;
  line-height: 1.51;
  font-size: 16px;
}
.kalendar-signle-container .kalendar-date-info {
  font-size: 14px;
}
.kalendar-signle-container .event-box:hover {
  border: 2px solid #99001a;
}

.kalendar-signle-container .event-box:hover svg {
  fill: #99001a;
}

.kalendar-signle-container .event-box a {
  border-bottom: none;
}
.kalendar-signle-container .event-box a:hover {
  border-bottom: 2px solid #99001a;
  padding-bottom: 3px;
}

body > header > div > nav > ul > li:nth-child(2) > ul {
  left: -312px;
}

body
  > header
  > div.container
  > nav
  > div
  > div.lang-selector-wrapper
  > div.lang-selector {
  left: -38px;
}
.get-content-from-div .home-tab-title:nth-of-type(3):hover,
.get-content-from-div .home-tab-title:nth-of-type(3).active-tab {
  color: #5ca8ff;
}
.get-content-from-div .home-tab-title:nth-of-type(3):hover svg g,
.get-content-from-div .home-tab-title:nth-of-type(3).active-tab svg g {
  fill: #5ca8ff;
}

.box-items.vesti .col-sm-4 .box-item {
  border: 1px solid #000;
}
.box-items.vesti .col-sm-4 .box-item:hover {
  border: 1px solid #99001a;
}

@media (min-width: 769px) {
  .box-items.vesti .tfilter form.filter,
  .box-items.nabavke .tfilter form.filter {
    display: flex;
    justify-content: flex-end;
  }
  .box-items.vesti .tfilter,
  .box-items.nabavke .tfilter {
    padding-right: 10px;
  }
  .box-items.vesti .tfilter form.filter .form-group,
  .box-items.nabavke .tfilter form.filter .form-group {
    display: flex;
    justify-content: flex-end;
    margin-left: 0;
  }
  .box-items.vesti .tfilter form.filter .form-group label,
  .box-items.nabavke .tfilter form.filter .form-group label {
    width: auto;
    margin-right: 15px;
  }
  .box-items.vesti .tfilter form.filter .form-group input,
  .box-items.nabavke .tfilter form.filter .form-group input {
    border: 2px solid #666 !important;
  }
  .box-items.vesti .tfilter form.filter .form-group input:focus,
  .box-items.nabavke .tfilter form.filter .form-group input:focus {
    border: 2px solid #000 !important;
  }
}

.box-items.vesti .box-item .top-img::before {
  background-color: #000;
}

#fies-download-section .col-sm-12 {
  background-color: #f6f6f6;
  margin: 20px 0;
  max-width: 70%;
  box-shadow: -500px 0px 0 #f6f6f6;
  padding: 40px 50px 40px 0;
}

#fies-download-section .col-sm-12 .gen-btn:hover {
  background-color: #444444 !important;
}
#fies-download-section .col-sm-12:hover .image-wrapper p {
  color: #99001a;
}
#fies-download-section .col-sm-12 > .attachment-item {
  grid-gap: 30px;
}

#fies-download-section .attachment-dtitle a {
  padding: 8px 30px;
}

@media (max-width: 768px) {
  #fies-download-section .col-sm-12 {
    max-width: 100%;
  }
}

.vesti .row .box-item .experience-svg {
  display: none;
}

.vesti .row .col-sm-4 {
  margin-bottom: 30px;
}

/* NABAVBkE */
.box-items.nabavke .box-icontent .category span,
.box-items.nabavke .box-item:hover .box-icontent .category span {
  font-family: "Avenir-Medium";
  font-weight: 600;
  font-size: 12px;
  line-height: 2.1;
  color: #666666;
}

.box-items.nabavke .box-item h4 {
  margin-bottom: 32px;
}

.box-items.nabavke ul li a {
  border-bottom: none;
  line-height: 1.71;
}

.box-items.nabavke .box-item a.link-more {
  font-size: 14px;
  letter-spacing: -0.39px;
}

.box-items.nabavke .box-item:hover a.link-more {
  color: #000;
  text-decoration: underline;
}

.box-items.nabavke .box-item a.link-more:hover {
  color: #99001a !important;
  text-decoration: none;
  border-bottom: 2px solid #99001a !important;
}

.box-items.nabavke ul li::before {
  background: #666;
}

.box-items.nabavke form .select ul {
  border: 2px solid #666 !important;
}

.box-items.nabavke .box-item {
  border: 2px solid black;
}
.box-items.nabavke .box-item:hover {
  border: 2px solid #99001a;
}

.gal-slider.home .gal-items {
  padding-top: 20px;
  padding-bottom: 20px;
}

html,
body {
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

@media (max-width: 768px) {
  .lang-selector-wrapper {
    position: absolute;
    top: 20px;
    left: 40px;
  }
  .lang-selector {
    width: 150px !important;
    left: 0;
  }
  .lang-selector-wrapper a {
    font-size: 20px;
  }
}
.disclaimer {
  max-width: 1140px;
  margin: auto;
}
.disclaimer p {
  margin-bottom: 0;
  padding-bottom: 15px;
}

.external-banners {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(355px, 1fr));
  align-items: center;
  grid-gap: 25px;
}
.external-banners > div {
  border: 2px solid #eee;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  flex-direction: column;
}
@media (max-width: 768px) {
  .text-body .parallax-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}