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: #415b9d;
}
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: .5s;
}
header.collapsed .container {
  height: 75px;
}
.logo {
  left: 0;
  top: 15px;
  position: absolute;
}
.collapsed .logo {
  top: 8px;
}
.logo a {
  background: url("../img/logo.svg") no-repeat;
  background-size: 217px 76px;
  width: 217px;
  height: 76px;
  display: block;
  overflow: hidden;
  text-indent: -10000px;
  transition: .5s;
}
.collapsed .logo a {
  background: url("../img/logo.svg") no-repeat;
  background-size: 167px 58px;
  width: 167px;
  height: 58px;
}
.collapsed .logo.logo-sr a,
.logo.logo-sr a {
  background-image: url("../img/logo-sr.svg");
}
.collapsed .logo.logo-en a,
.logo.logo-en a {
  background-image: url("../img/logo-en.svg");
}
.collapsed .logo.logo-de a,
.logo.logo-de a {
  background-image: url("../img/logo-de.svg");
}
.collapsed .logo.logo-tr a,
.logo.logo-tr a,
.collapsed .logo.logo-it a,
.logo.logo-it a,
.collapsed .logo.logo-es a,
.logo.logo-es 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("../img/logo-en.svg");
}
.collapsed .logo.logo-fr a,
.logo.logo-fr a {
  background-image: url("../img/logo-fr.svg");
}
.collapsed .logo.logo-ru a,
.logo.logo-ru a {
  background-image: url("../img/logo-ru.svg");
}

header nav {
  margin-left: auto;
  width: auto;
  float: right;
  position: relative;
  clear: right;
}
header nav.second {
  height: 48px;
  padding-top: 24px;
  transition: .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: .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("../img/instagram.png");
  background-size: 14px 14px;
}
header nav .social-links a.ig:hover {
  background-image: url("../img/instagram-w.png");
  background-color: black;
/*   background-size: 16px 16px; */
}
header nav .social-links a.fb {
  background-image: url("../img/facebook.svg");
}
header nav .social-links a.fb:hover {
  background-image: url("../img/facebook-w.svg");
/*   background-size: 10px 18px; */
}
header nav .social-links a.tw {
  background-image: url("../img/twitter.svg");
}
header nav .social-links a.tw:hover {
  background-image: url("../img/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: relative;
  z-index: 1;
  background: white;
  overflow: hidden;
  padding-top: 24px;
  width: 72px;
  width: 120px;
  background-image: url("../img/dropdown1.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) 10px;
  margin-right: -15px;
}
.lang-selector:hover {
  height: auto;
  box-shadow: 0px 6px 6px rgba(0,0,0,.5);
  padding-bottom: 12px;
  background-image: url("../img/dropdown2.svg");
}
.lang-selector a {
  display: block;
  background: white;
  color: #999;
}
.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;
}
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: .3s;
}
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;
}
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;
/*   font-weight: 600; */
}
header nav.main>ul>li.has-sub>a {
  padding-right: 16px;
  background: url("../img/dropdown1.svg") no-repeat 100% 50%;
}
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;
}
header nav.main>ul>li>ul {
  position: absolute;
  top: 38px;
  left: -38px;
  right: -38px;
  right: 5px;
  background: white;
  padding: 24px;
  box-shadow: 0px 10px 10px rgba(0,0,0,.5);
  min-height: 310px;
  min-height: 220px;
  height: 220px;
  transition: .1s height;
  font-size: 14px;
  font-weight: bold;
  line-height: 32px;
  visibility: hidden;
  z-index: 1;
  transition: .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 .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: .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("../img/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 .foot-nav {
  overflow: hidden;
  padding: 45px 0;
}
footer .foot-nav ul {
  margin-bottom: 0;
  float: left;
  width: 20%;
  font-size: 12px;
  line-height: 24px;
}
@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: black;
}
footer .foot-nav a:hover {
  text-decoration: none;
  color: #425d9b;
}
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;
}
footer .foot-nav ul.main li:first-of-type a:hover {
  border-bottom: 1px solid  #eee;
}
footer .foot-nav ul.ext li {
  font-size: 18px;
  margin-bottom: 24px;
}
.gen-hr {
  border-bottom: 1px solid #eee;
}
.foot-info {
  min-height: 60px;
  padding: 16px 0;
  font-size: 12px;
  color: #999;
  overflow: hidden;
}
.foot-info .copy {
  float: left;
}
.foot-info .devby {
  float: right;
}
.foot-info a {
  color: inherit;
}
.foot-info a:hover {
  text-decoration: none;
  color: #333;
}
.header-spacer {
  height: 100px;
}
.header-spacer.has-subnav {
  height: 155px;
}
.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,.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: .3;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
.box-item .top-img.top-img-map::before {
  display: none;
}
.box-item:hover .top-img::before {
  opacity: .3;
  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: #ccc;
}
.box-item h4 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 8px;
}
.box-item:hover h4 {
  color: #425d9b;
}
.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 {
  font-size: 12px;
  color: #999;
  display: inline-block;
}
.link-more::after {
  width: 53px;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: url("../img/more3.svg") 100% 50% no-repeat;
  background-size: 46px 5px;
}
.box-item:hover .link-more::after {
  background-image: url("../img/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("../img/more.svg");
}
.link-more:hover {
  text-decoration: none;
  color: inherit;
}
.box-item:hover .link-more {
  color: #425d9b;
}
.gal-slider.bi-alt,
.box-items.bi-alt {
  background: #f7f7f7;
}
.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("../img/instagram.png");
  background-size: 14px 14px;
}
.box-social .social-ico.fb {
  background-image: url("../img/facebook.svg");
}
.box-social .social-ico.tw {
  background-image: url("../img/twitter.svg");
}
.box-social .box-item:hover .social-ico.ig {
  background-image: url("../img/instagram-w.png");
  background-size: 14px 14px;
}
.box-social .box-item:hover .social-ico.fb {
  background-image: url("../img/facebook-w.svg");
}
.box-social .box-item:hover .social-ico.tw {
  background-image: url("../img/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: .3s;
  background: rgba(247,192,36,.24);
  background: rgba(66,93,155,.0);
  content: "";
  display: block;
}
.box-social .box-item:hover .social-img::after {
  background: rgba(66,93,155,.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: .3s;
  width: 32px;
  height: 32px;
  border: 1px solid #eee;
  border-radius: 16px;
}
.box-follow .social a.in {
  background-image: url("../img/instagram.png");
  background-size: 14px 14px;
}
.box-follow .social a.fb {
  background-image: url("../img/facebook.svg");
}
.box-follow .social a.tw {
  background-image: url("../img/twitter.svg");
}

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


.box-download {
  padding: 20px 0;
}
.box-download .box-item {
  padding-top: 40px;
  position: relative;
}
.box-download .dl-img {
  position: absolute;
  top: 0;
  left: 20px;
  width: 200px;
  height: 200px;
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid transparent;
  z-index: 1;
  transition: .3s;
}
.box-download.file-download .dl-img {
  width: 130px;
  height: 130px;
  left: 38px;
}
.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 {
  padding-top: 185px;
  border: 1px solid #eee;
  font-size: 18px;
  font-weight: 600;
  padding-right: 51%;
  padding-bottom: 25px;
  line-height: 25px;
  padding-left: 25px;
  position: relative;
  transition: .3s;
}
.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: 12px;
  line-height: 25px;
}
.box-download .box-daddress {
  border: 1px solid #eee;
  transition: .3s;
  border-top: 0px none;
  border-bottom-width: 0px;
  padding: 5px 27px;
  line-height: 20px;
}
.box-download .box-details label,
.acc-box label,
.box-download .box-daddress label {
  color: #425d9b;
  font-weight: bold;
  margin-bottom: 0;
}
.box-download .box-details {
  border: 1px solid #eee;
  transition: .3s;
  border-top: 0px none;
  padding: 5px 27px;
  line-height: 20px;
  flex-grow: 1;
}
.box-download .box-details p {
  margin-bottom: 4px;
  margin-bottom: 0;
}
.box-download .gen-btn {
  display: block;
  position: absolute;
  right: 25px;
  top: 185px;
  transition: .3s;
}
@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,.13);
}
.gen-btn.gb-ext:hover {
  box-shadow: 0px 8px 10px rgba(66,93,155,.13);
  background: #444549;
}
.gen-btn.gb1 {
  border: 1px solid #425d9b;
  background: #eaeef7;
  color: #425d9b;
  box-shadow: 0px 8px 10px rgba(238,238,238,.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,.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,.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,.13);
}
.gen-btn.gb3 {
  border: 1px solid #425d9b;
  background: #eee;
  color: #425d9b;
  box-shadow: 0px 8px 10px rgba(238,238,238,.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,.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,.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,.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,.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,.13);
}
.gen-btn.gb6 {
  border: 1px solid #35bce1;
  background: #e7faff;
  color: #35bce1;
  box-shadow: 0px 8px 10px rgba(238,238,238,.13);
}

.gen-btn.gb6:hover {
  border-color: #35bce1;
  background: #35bce1;
  color: #fff;
  box-shadow: 0px 8px 10px rgba(53,188,255,.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: 1px solid #eee;
  height: 35px;
  font-size: 14px;
  padding: 0 19px;
  -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 #eee;
  min-height: 35px;
  font-size: 14px;
  padding: 10 19px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
form input.form-control.search {
  background: url("../img/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;
}
form .select::after {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 5px;
  background: url("../img/dropdown1.svg") no-repeat 50% 50%;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  content: "";
  display: block;
}
.weather form .select::after {
  background-image: url("../img/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: 1px solid #eee;
  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: .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: #425d9b;
}
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("../img/radio.svg") no-repeat 50% 50% #f8f8f8;
}
form .checkbox input[type="checkbox"]:checked+label::before {
  background: url("../img/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: .14;
}
.main-sf .social a.fb {
  background-image: url("../img/facebook.svg");
}
.main-sf .social a.tw {
  background-image: url("../img/twitter.svg");
}
.main-sf .social a.fb:hover {
  background-image: url("../img/facebook-w.svg");
}
.main-sf .social a.tw:hover {
  background-image: url("../img/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("../img/totop.svg") 100% 50% no-repeat;
}
.main-sf .weather>a:hover {
  text-decoration: none;
  color: black;
  background-image: url("../img/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,.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("../img/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;
}
.pager .per-page span {
  font-weight: bold;
  color: #425d9b;
  font-size: 14px;
  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: 14px;
  background-size: 34px 10px;
  background-repeat: no-repeat;
  opacity: .4;
}
.pager .page-nav .navi.prev {
  left: 0;
  width: 130px;
  padding-right: 15px;
  text-align: right;
  background-image: url("../img/arrow-l.png");
  background-position: 0% 50%;
}
.pager .page-nav .navi.prev:hover {
  background-image: url("../img/arrow-l-h.png");
  opacity: 1;
}
.pager .page-nav .navi.next {
  right: 0;
  width: 117px;
  text-align: left;
  padding-left: 15px;
  background-image: url("../img/arrow-r.png");
  background-position: 100% 50%;
}
.pager .page-nav .navi.next:hover {
  background-image: url("../img/arrow-r-h.png");
  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: 18px;
}
.pager .page-nav a {
  color: black;
}
.pager .page-nav a.active {
  color: #415b9d;
}
.pager .page-nav a:hover {
  text-decoration: none;
}
.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: .3s;
  background: white;
  min-height: 100%;
}
.event-box:hover {
  border-color: #ccc;
/*   background: #d7dff3; */
}
.event-box .title,
.event-box .text-body {
  transition: .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,.4);
}
.acc-box {
  border: 1px solid #eee;
  position: relative;
  padding: 38px 27px;
  margin-bottom: 21px;
  cursor: pointer;
  height: 100%;
}
.acc-box .image {
  margin: -38px -27px 38px;
}
.acc-box .image img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: cover;
}
/*.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("../img/star.svg") no-repeat;
  background-size: 11px 11px;
  margin-left: 5px;
}
.acc-box .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 35px;
}
.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-extbox {
}
.full-ext .eb-img {
  height: 400px;
}
.full-ext .eb-img img {
  display: block;
  height: 400px;
  width: 100%;
  object-fit: cover;
}
.full-ext .text-body {
  line-height: 18px;
  margin-bottom: 60px;
}
.full-ext .title {
  font-size: 24px;
  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;
}
.home-tabs .gal-slider h3 {
  margin-top: -70px;
  margin-right: 33%;
}
.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 {
  width: 370px;
  margin-right: 15px;
  background: #f7f7f7;
  overflow: hidden;
  height: 180px;
  float: left;
  position: relative;
  padding: 30px 35px;
}
.gal-slider .gal-item.image {
  height: 200px;
  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 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(66,93,155,0);
  transition: .3s;
}
.gal-slider .gal-item a:hover {
  background: rgba(66,93,155,.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,.4);
  display: block;
  position: absolute;
  bottom: 15%;
  font-weight: 600;
  left: 0;
  right: 0;
  text-align: center;
}
.gal-slider .gal-item.image.play a {
  background-image: ;
}
.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("../img/arrow-l-w.png");
}
.gal-slider .gal-nav a.next {
  right: -18px;
  background-image: url("../img/arrow-r-w.png");
}
.gal-slider .gal-nav a.prev:hover {
  background-image: url("../img/arrow-l-h.png");
}
.gal-slider .gal-nav a.next:hover {
  background-image: url("../img/arrow-r-h.png");
}
header .subnav {
  background: #777;
  background: #99c63e;
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  top: 105px;
  height: 50px;
  line-height: 50px;
  transition: .5s;
}
header.collapsed .subnav {
  top: 77px;
}
header .subnav ul {
  float: right;
  display: block;
}
header .subnav ul li {
  float: left;
  margin-left: 30px;
  font-size: 14px;
  font-weight: 600;
  height: 50px;
  position: relative;
}
header .subnav a {
  color: white;
}
header .subnav .active::after {
  position: absolute;
  height: 3px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #407306;
  content: '';
}
header .subnav .active a {
  color: #407306;
}
.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: black;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}
.box-items.nabavke ul li a:hover {
  color: #415b9d;
}
.home-tabs {
  background: #f7f7f7;
  padding: 20px 0;
  display: none;
}
.home-tabs.active {
  display: block;
}
.home-tabs-ctl {
  height: 100%;
  margin-right: -15px;
  padding-left: 12px;
  position: relative;
}
.home-tabs-ctl .justify-content-center {
  padding-right: 22%;
  padding-left: 20px;
}
.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,.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: #425d9b;
  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,.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup>div {
/*   margin-top: 30px; */
  transition: .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,.3);
  background-size: 34px 10px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transition: .3s;
}
.popup .img-pop-container .navi:hover {
  background-color: #35bce1;
}
.popup .img-pop-container .navi.prev {
  left: 0;
  background-image: url("../img/arrow-l-w.png");
}
.popup .img-pop-container .navi.next {
  right: 0;
  background-image: url("../img/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;
}
.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: #35bce1;
  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;
}
.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: .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: .3s;
}
.mobile-menu nav.shown .main>li {
  opacity: 1;
  transform: translateX(0px);
}
.mobile-menu nav .main>li:nth-of-type(1) {
  transition-delay: .1s;
}
.mobile-menu nav .main>li:nth-of-type(2) {
  transition-delay: .2s;
}
.mobile-menu nav .main>li:nth-of-type(3) {
  transition-delay: .3s;
}
.mobile-menu nav .main>li:nth-of-type(4) {
  transition-delay: .4s;
}
.mobile-menu nav .main>li:nth-of-type(5) {
  transition-delay: .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 {
  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: white;
  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("../img/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 .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 .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 .3s, visibility .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 .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,.25);
  box-shadow: 0px 10px 10px rgba(53,188,225,0);
  transition: box-shadow .3s;
}
.cal-feed:hover {
  box-shadow: 0px 10px 10px rgba(53,188,225,.40);
}
.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: .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 .5s;
  }
  .mobile-menu.onmobile {
    z-index: 21;
    display: block;
    position: fixed;
    transition: bottom 0s .5s, background-color .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: .3s;
  }
  .mobile-menu .second.shown li {
    opacity: 1;
    transform: translateX(0px);
  }
  .mobile-menu .second li:nth-of-type(1) {
    transition-delay: .6s;
  }
  .mobile-menu .second li:nth-of-type(2) {
    transition-delay: .7s;
  }
  .mobile-menu .second li:nth-of-type(3) {
    transition-delay: .8s;
  }
  .mobile-menu .second li:nth-of-type(4) {
    transition-delay: .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(.8);
    opacity: 1;
    visibility: visible;
    transition: .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%;
  }
  .foot-info .devby {
    float: none;
    padding-top: 10px;
  }
  .foot-info .copy {
    float: none;
  }
  .mobile-menu .close {
    right: 15px;
    transform: scale(.8);
    position: fixed;
  }
  .mobile-menu.onmobile .lang-selector {
    display: none;
  }
  .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: .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 {
    width: calc(100vw - 30px);
  }
  .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: 77px;
    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: .5s;
}
.gal-slider .gal-item.event:hover {
/*   background: white; */
  box-shadow: 0px 10px 10px rgba(53,188,225,.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: 20px 0;
  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: .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, .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: .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: #385f9c;
  z-index: 201;
}
.covid-info .text {
  padding: 0 50px 0 50px;
  font-weight: 600;
  font-size: 16px;
}
.covid-info .text::before {
  position: absolute;
  content: "";
  background: url("../img/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;
}
.covid-info .text a {
  font-weight: normal;
  color: white;
}
.covid-info .close {
  position: absolute;
  top: calc(50% - 13px);
  right: 16px;
}

header {
  transition: .3s top;
}
.covid-info + * + header {
  top: 36px;
}
.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("../img/facebook.svg");
}
.network-links li a.tw::before,
.blog-share a.tw::before {
  background-image: url("../img/twitter.svg");
}
.network-links li a.copy::before,
.blog-share a.copy::before {
  background-image: url("../img/copy-link.svg");
}
.network-links li a.ig::before {
  background-image: url("../img/instagram.svg");
}
.network-links li a.yt::before {
  background-image: url("../img/youtube.svg");
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}
.network-links li a.bl::before {
  background-image: url("../img/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;
}