/*@import "/css/blueprint/reset_clearfix.min.css";*/

/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
.active-item {
  background: url('/images/icon/activeItem.svg') no-repeat center center;
  width: 100%;
  height: 20px;
  display: inline-block;
  position: absolute;
  bottom: -30px;
}
* {
  /*font-family: 'Inter', sans-serif;*/
  font-family: 'Fira Sans', sans-serif;
}
html {
  scroll-behavior: smooth;
}
.center {
  margin: 0 auto;
  text-align: center;
}
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */

}
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin: 0;
}
IMG {
  display: block;
}
i,
em {
  font-style: italic;
  color: inherit;
}
.gm-style .place-card {
  display: none !important;
}
.gm-style .place-card-large {
  display: none !important;
}
.uk-link,
a {
  color: #e62f0e;
}
.vrtuljak {
  overflow: hidden;
}
.outer-wrapper {
  padding-top: 100px;
}
BODY {
  /*info window google mapa*/

  /*navbar*/
  font-family: 'Fira Sans', sans-serif;
  /*  .click-for-dd {
    .sub-menu-second {
      .drop-down-bg {
        height: 0;
        transition: height ease 1s;
      }
    }

    &.opened {
      .drop-down-bg {
        height: auto;
      }
    }
  }*/

  /*search navbar*/

  /*documents*/

  /*hero*/

  /*footer*/

}
BODY:not(.naslovna) {
  background-image: url("/images/_theme/main-body-bg.svg");
  background-repeat: no-repeat;
  background-position: right top;
  z-index: -2;
}
BODY #ui-datepicker-div {
  border-radius: 16px;
  border: 1px solid #6750a4;
  background: linear-gradient(0deg, rgba(113, 90, 174, 0.11) 0%, rgba(113, 90, 174, 0.11) 100%), #fffbfe;
  margin-top: 20px;
  min-width: 360px;
  padding: 8px;
}
BODY #ui-datepicker-div .ui-datepicker-title {
  display: flex;
  justify-content: space-evenly;
}
BODY #ui-datepicker-div .ui-datepicker-title select {
  border: unset;
  background: unset;
  text-align: center;
  width: fit-content;
  padding: 10px 8px;
}
BODY #ui-datepicker-div .ui-datepicker-title select option {
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
BODY #ui-datepicker-div .ui-datepicker-buttonpane {
  display: flex;
  flex-direction: row-reverse;
  background: unset;
  border: unset;
  color: black;
  margin: unset;
  padding: unset;
}
BODY #ui-datepicker-div .ui-datepicker-buttonpane button {
  border: unset;
  background: unset;
  color: #6750a4;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 10px 12px;
  text-align: center;
  opacity: 1;
  border-radius: unset;
  margin: unset;
}
BODY #ui-datepicker-div .ui-datepicker-header {
  border-radius: unset;
  border: unset;
  background: unset;
  color: black;
}
BODY #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
BODY #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  border-radius: unset;
}
BODY #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover,
BODY #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover {
  border: unset;
  background: unset;
  left: unset;
  top: 2px;
}
BODY #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon,
BODY #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon {
  background-image: url('/images/_theme/thin-arrow.svg');
  background-position: center;
  width: 24px;
  height: 24px;
  margin-top: -6px;
}
BODY #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon {
  transform: rotate(180deg);
}
BODY #ui-datepicker-div .ui-datepicker-calendar {
  margin: unset;
}
BODY #ui-datepicker-div .ui-datepicker-calendar tr th {
  padding: 12px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  font-weight: 400;
}
BODY #ui-datepicker-div .ui-datepicker-calendar tr th span {
  font-family: 'Roboto', sans-serif !important;
}
BODY #ui-datepicker-div .ui-datepicker-calendar tr td {
  padding: unset;
  width: fit-content;
}
BODY #ui-datepicker-div .ui-datepicker-calendar tr td a {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  font-family: 'Roboto', sans-serif;
  border: unset;
  background: unset;
  color: black;
  text-align: center;
  font-weight: 400;
  padding: 8px 11px;
  border-radius: 50%;
  width: 40px;
  margin: 0 auto;
  transition: 0.2s all;
}
BODY #ui-datepicker-div .ui-datepicker-calendar tr td a.ui-state-active {
  background-color: #6750a4;
  color: white;
}
BODY #ui-datepicker-div .ui-datepicker-calendar tr td a:hover {
  background-color: #6750a4;
  color: white;
}
BODY .fancybox-overlay {
  background: unset;
  background: linear-gradient(180deg, rgba(0, 57, 118, 0.92) 0%, rgba(0, 57, 118, 0.93) 100%);
  overflow: hidden !important;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin {
  padding: 0 !important;
  background: unset;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav {
  background: none;
  visibility: visible;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav span {
  visibility: visible;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next {
  right: -60px;
  top: 0px;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next span {
  background-image: url('/images/_theme/chevron-right-white.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 47px;
  opacity: 0.5;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next span:hover {
  opacity: 1;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev {
  left: -60px;
  top: 0px;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev span {
  background-image: url('/images/_theme/chevron-left-white.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 47px;
  opacity: 0.5;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev span:hover {
  opacity: 1;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner {
  max-height: 750px;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-image {
  display: block;
  max-width: unset;
}
BODY .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-close {
  background-image: url('/images/_theme/close-search.svg') !important;
  width: 56px;
  height: 56px;
  right: -100px;
  top: -56px;
}
BODY .supermap {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 130px;
  display: flex;
}
BODY .supermap #map {
  margin-bottom: 0;
  width: 67%;
}
BODY .supermap .picker {
  width: 33%;
  background: #15407b;
  padding: 60px 80px;
}
BODY .supermap .picker .accord h3 {
  background: none;
  color: white;
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: bold;
  border: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  margin-bottom: 30px;
  background-image: url("/images/_theme/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: center right;
  padding-left: 0;
  padding-right: 0;
  transition: 0.2s;
}
BODY .supermap .picker .accord h3.ui-state-active {
  background-image: url("/images/_theme/chevron-up.svg");
  color: #1a99d8;
  margin-bottom: 0px;
}
BODY .supermap .picker .accord > div {
  background: none;
  border: none;
  font-size: 20px;
  color: white;
}
BODY .supermap .picker .accord > div ul {
  list-style: none;
  padding-left: 0;
}
BODY .supermap .picker .accord > div ul li {
  margin-bottom: 15px;
}
BODY .supermap .picker .accord > div ul li a {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
BODY .supermap .picker .accord > div ul li a:hover {
  color: #1a99d8;
}
BODY .no-margin-bottom {
  margin-bottom: unset !important;
}
BODY .news-details-slider-card {
  margin-right: -60px;
}
BODY .news-details-slider-card .slick-track .slick-slide .slide-margin {
  display: block;
  margin-right: 60px;
}
BODY .gm-style-iw-d {
  overflow: unset !important;
}
BODY .slick-track {
  margin-left: 0;
}
BODY .slick-disabled {
  opacity: 1;
  pointer-events: none;
}
BODY .slick-list {
  margin: unset;
}
BODY .slide {
  transition: all 1s ease-in-out;
}
BODY .slider-count {
  display: inline-block;
  position: relative;
  left: 1191px;
  bottom: 35px;
}
BODY .slider-count span {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #4b4b4b;
}
BODY .map-routes-slider .slick-slide {
  width: 1636px;
}
BODY .map-routes-slider .slick-list {
  margin: 0;
}
BODY .header {
  position: relative;
}
BODY .menu-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #d3ecf9;
  /*z-index: 2;*/
  z-index: 3;
}
BODY .menu-background.opened {
  display: block;
}
BODY .mobile-navbar .mobile-icons {
  display: none;
}
BODY.naslovna .background-naslovna {
  font-family: 'Fira Sans', sans-serif;
}
BODY.naslovna .navbar.naslovna {
  margin-top: 85px;
  z-index: 4;
}
BODY.naslovna .navbar.naslovna.small-top {
  margin-top: 25px;
}
BODY .logo {
  display: flex;
  align-items: center;
}
BODY .logo.logo-destination:hover img:first-of-type {
  animation: rotation 4s infinite linear;
}
BODY .navbar {
  transition: 0.2s;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
  position: fixed;
  margin: 25px 133px 0;
  background: white;
  /*width: 100%;*/
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
  z-index: 4;
  border: 1px solid transparent;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.75);
  padding: 5px 40px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  margin-top: 85px;
}
BODY .navbar.small-top {
  margin-top: unset !important;
  border-radius: 0px 0px 30px 30px;
  border: 1px solid rgba(195, 219, 231, 0.29);
  background: white;
  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(10px);
}
BODY .navbar .navbar-logo-links {
  display: flex;
  gap: 94px;
}
BODY .navbar .navbar-logo-links .links {
  display: flex;
  gap: 68px;
  align-items: center;
  margin-right: 76px;
  list-style-type: none;
  padding-left: 0;
}
BODY .navbar .navbar-logo-links .links.sub-menu-list {
  gap: 0;
  overflow-x: unset;
  align-items: start;
  margin-right: 0;
  margin-left: 470px;
  /*margin-left: 553px;*/

}
BODY .navbar .navbar-logo-links .links.sub-menu-list li {
  display: flex;
  gap: 180px;
  /*gap: 207px;*/

}
BODY .navbar .navbar-logo-links .links.sub-menu-list li:last-child {
  margin-bottom: 190px;
}
BODY .navbar .navbar-logo-links .links.sub-menu-list li a {
  font-size: 32px;
  line-height: 38px;
  padding-bottom: 20px;
  padding-top: 0;
  color: #003976;
  text-align: left;
  margin-bottom: 0;
  /*max-width: 228px;*/
  max-width: 320px;
  min-width: 260px;
}
BODY .navbar .navbar-logo-links .links.sub-menu-list li a:hover {
  color: #38b2e7;
  text-decoration: unset;
}
BODY .navbar .navbar-logo-links .links.sub-menu-list li a.selected {
  color: #e62f0e;
}
BODY .navbar .navbar-logo-links .links.sub-menu-list .content {
  margin-left: -97px;
}
BODY .navbar .navbar-logo-links .links.sub-menu-list .content li:last-child {
  margin-bottom: unset;
}
BODY .navbar .navbar-logo-links .links.sub-menu-list .content li a {
  color: #003976;
  font-size: 28px;
  font-weight: 900;
  line-height: 32px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  padding-top: 0;
  max-width: 350px;
  /*max-width: 435px;*/

}
BODY .navbar .navbar-logo-links .links.sub-menu-list .content li a:hover {
  color: #38b2e7;
  text-decoration: unset;
}
BODY .navbar .navbar-logo-links .links li a {
  font-size: 18px;
  font-weight: 700;
  min-width: fit-content;
  color: black;
  text-decoration: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
BODY .navbar .navbar-logo-links .links li a:hover {
  color: #e62f0e;
}
BODY .navbar .navbar-logo-links .links li a.selected {
  color: #e62f0e;
}
BODY .navbar .navbar-logo-links .links li.opened a {
  color: #e62f0e;
}
BODY .navbar .navbar-logo-links .links.sub-menu-list li a {
  color: #003976;
  line-height: 35px;
  border-bottom: 1px solid transparent;
  margin-bottom: 10px;
  padding-bottom: 15px;
}
BODY .navbar .navbar-logo-links .links.sub-menu-list li a:hover {
  border-bottom: 1px solid #15407b;
}
BODY .navbar .arr-back-mob {
  visibility: hidden;
  display: none;
}
BODY .navbar .navbar-btns {
  display: flex;
  gap: 35px;
  align-items: center;
}
BODY .navbar .navbar-btns .navbar-social {
  display: flex;
  gap: 15px;
  align-items: center;
  /*border: 1px solid transparent;
				border-radius: 23px;
				background: rgba(195, 219, 231, 0.30);*/
  padding: 17px 16px;
}
BODY .navbar .navbar-btns .navbar-social .social-icon {
  min-width: 23px;
  min-height: 19px;
  transition: all 0.3s;
}
BODY .navbar .navbar-btns .navbar-social .social-icon:hover {
  transform: scale(1.2);
}
BODY .navbar .navbar-btns .navbar-lang {
  display: flex;
  /*border: 1px solid transparent;
				border-radius: 23px;*/
  padding: 17px 16px;
  /*background: rgba(195, 219, 231, 0.30);*/

}
BODY .navbar .navbar-btns .navbar-lang a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  color: black;
}
BODY .navbar .navbar-btns .navbar-lang a.active {
  font-weight: 700;
}
BODY .navbar .navbar-btns .navbar-lang a:hover {
  text-decoration: none;
  font-weight: 700;
}
BODY .navbar .navbar-btns .navbar-lang p {
  font-size: 12px;
  font-weight: 300;
  color: black;
}
BODY .navbar .navbar-btns .navbar-search {
  /*border: 1px solid transparent;
				border-radius: 23px;*/
  padding: 16px 16px;
  /*background: rgba(195, 219, 231, 0.30);*/

}
BODY .navbar .navbar-btns .navbar-search img {
  min-width: 20px;
  min-height: 20px;
}
BODY .input-search {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 10px;
}
BODY .mobile-navbar .mobile-logo {
  display: none;
}
BODY .mobile-navbar .mobile-navbar-btns {
  display: none;
}
BODY .click-for-dd .sub-menu-second {
  /*display: none;*/
  transform: scale(0);
  visibility: hidden;
  pointer-events: none;
}
BODY .click-for-dd .sub-menu-second .sub-menu-list li .content {
  /*display: none;*/
  max-height: 0 !important;
  overflow: hidden;
  transition: max-height 0.8s cubic-bezier(0.42, 0, 0.15, 1.4) !important;
}
BODY .click-for-dd .sub-menu-second .sub-menu-list li.displayed > a:hover {
  border-bottom: unset;
}
BODY .click-for-dd .sub-menu-second .sub-menu-list li.displayed .content {
  max-height: 600px !important;
  max-width: 360px;
}
BODY .click-for-dd.opened .sub-menu-second {
  /*display: block;*/
  transform: unset;
  visibility: unset;
  pointer-events: unset;
}
BODY .drop-down-bg {
  /*background: white;*/
  border-radius: 0px 0px 20px 20px;
  /*background: rgba(211, 236, 249, 1);*/
  height: auto;
  position: absolute;
  top: -22px;
  left: -158px;
  right: -158px;
  z-index: -1;
  margin-top: -85px;
}
BODY .drop-down-bg .menu-close {
  right: 291px;
  position: absolute;
  top: 220px;
  z-index: 1;
}
BODY .drop-down-bg .menu-close img {
  width: 55px;
  height: 55px;
}
BODY .drop-down-menu {
  max-width: 100%;
  margin-top: 296px;
  position: relative;
  min-height: 556px;
}
BODY .drop-down-menu a {
  text-decoration: none;
}
BODY .drop-down-menu .links {
  display: flex;
  flex-direction: column;
  float: left;
  gap: 10px;
  margin-right: 255px;
}
BODY .drop-down-menu .links a {
  font-size: 32px;
  font-weight: 900;
  line-height: 38px;
  margin-bottom: 9px;
  color: #003976;
}
BODY .drop-down-menu .links a:hover {
  color: #38b2e7;
}
BODY .drop-down-menu .links.sub-menu-list {
  float: unset;
}
BODY .drop-down-menu .content {
  display: flex;
  gap: 60px;
  /*.img-1 {
				background-image: url("/images/_theme/drop-down-1.png")
			}

			.img-2 {
				background-image: url("/images/_theme/drop-down-2.png")
			}

			.img-3 {
				background-image: url("/images/_theme/drop-down-3.png")
			}*/

}
BODY .drop-down-menu .content div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-width: 170px;
  min-height: 179px;
  border-radius: 20px;
  margin-bottom: 37px;
}
BODY .drop-down-menu .content p {
  font-size: 16px;
  font-weight: 800;
  line-height: 19px;
  color: #003976;
}
BODY .drop-down-menu .drop-down-img {
  position: absolute;
  right: 344px;
  top: 0;
  border-left: 1px solid white;
  padding-left: 50px;
}
BODY .drop-down-menu .drop-down-img .image-holder {
  width: 338px;
  height: 315px;
  margin-bottom: 20px;
}
BODY .drop-down-menu .drop-down-img .image-holder img {
  width: 100%;
  max-height: 100%;
  border-radius: 20px;
}
BODY .drop-down-menu .drop-down-img h4 a,
BODY .drop-down-menu .drop-down-img h5 a {
  color: #003976 !important;
  font-family: 'Fira Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 35px !important;
  margin-top: 18px;
  margin-bottom: 8px;
}
BODY .drop-down-menu .drop-down-img h4 a:hover,
BODY .drop-down-menu .drop-down-img h5 a:hover {
  color: #38b2e7 !important;
}
BODY .search-dropdown {
  background: #c3dbe7;
  position: absolute;
  inset: 0;
  height: 1080px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
BODY .search-dropdown.search-dropdown-2 {
  display: flex;
  align-items: start;
  justify-content: start;
  position: unset;
  background: unset;
  height: unset;
  margin-top: 115px;
  margin-bottom: 83px;
}
BODY .search-dropdown.search-dropdown-2 .page-q-search .input-text {
  border: none;
}
BODY .search-dropdown.search-toggle {
  display: flex;
}
BODY .search-dropdown .close-search {
  position: absolute;
  right: 233px;
  top: 175px;
}
BODY .search-dropdown .page-q-search h3 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 55px;
  margin-bottom: 108px;
  text-transform: inherit;
  color: black;
}
BODY .search-dropdown .page-q-search > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
BODY .search-dropdown .page-q-search > div > div {
  position: relative;
}
BODY .search-dropdown .page-q-search > div > div img {
  position: absolute;
  right: 37px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
BODY .search-dropdown .page-q-search .input-text {
  background: #054791;
  border-radius: 20px;
  border: 2px solid white;
  width: 723px;
  height: 98px;
  color: white;
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
  padding-left: 38px;
}
BODY .search-dropdown .page-q-search .input-btn,
BODY .search-dropdown .page-q-search .input-btn-bnd {
  background: #e62f0e;
  border-radius: 20px;
  border: none;
  width: 207px;
  height: 98px;
  text-decoration: none;
  color: white;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
BODY .search-dropdown .page-q-search .input-btn:hover,
BODY .search-dropdown .page-q-search .input-btn-bnd:hover {
  background: #a92108;
}
BODY .dokumenti h1 {
  margin-bottom: 90px;
}
BODY .dokumenti .doc-box {
  padding-left: 90px !important;
  padding-right: 90px !important;
}
BODY .dokumenti .doc-box .main-info {
  padding-right: 52px;
}
BODY .dokumenti .doc-box .summary-btn.no-show {
  display: none !important;
}
BODY .dokumenti .doc-box .lower {
  display: none;
  max-width: 730px;
  margin-top: 45px;
}
BODY .dokumenti .doc-box .lower p {
  color: #15407b;
  font-family: Inter;
  font-size: 25px;
  font-style: normal;
  font-weight: 300;
  line-height: 35px;
}
BODY .dokumenti .doc-box .lower.no-show {
  display: none !important;
}
BODY .dokumenti .results-btn-wrapper {
  margin-top: 90px;
}
BODY .hero-img-container {
  background-image: url("/images/video/Video-2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  overflow: visible;
  position: relative;
  z-index: 0;
  /*.cookie-container {
			width: 601px;
			height: 240px;
			padding: 40px 44px 31px 35px;
			position: absolute;
			right: 29px;
			bottom: 37px;
			background: @blue;
			z-index: 2;
			border-radius: 20px;

			h4, p {
				font-family: 'Inter', sans-serif;
				color: @white;
				font-size: 25px;
				line-height: 20px;
				font-weight: 700;
				margin-bottom: 17px;
			}

			p {
				font-size: 16px;
				line-height: 22px;
				font-weight: 400;
				margin-bottom: 32px;
			}

			div {
				display: flex;
				gap: 28px;
			}

			a {
				font-family: 'Inter', sans-serif;
				font-size: 16px;
				line-height: 24px;
				font-weight: 400;
				color: #15407b;
				width: 156px;
				height: 46px;
				text-align: center;
				background: white;
				border-radius: 15px;
				display: flex;
				justify-content: center;
				align-items: center;
				text-decoration: none;

				&:nth-of-type(1) {
					&:hover {
						background: #D3ECF9;
					}
				}

				&:nth-of-type(2) {
					&:hover {
						background: @white;
					}
				}

				&:nth-of-type(3) {
					background: @red;
					color: @white;

					&:hover {
						background: @red-darker-hover;
						color: @white;
					}
				}
			}
		}*/

}
BODY .hero-img-container .hero-video-play {
  right: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
}
BODY .hero-img-container .video-modal {
  z-index: 4;
  display: none;
}
BODY .hero-img-container .video-modal .video-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  background: black;
  width: 100%;
  height: 100vh;
  opacity: 0.9;
  z-index: 10;
}
BODY .hero-img-container .video-modal.show {
  display: block;
}
BODY .hero-img-container .video-modal .video-container {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition: all 0.3s;
}
BODY .hero-img-container .video-modal .video-container .close-video {
  position: absolute;
  top: 100px;
  right: 134px;
}
BODY .hero-img-container .video-modal .video-container.show {
  pointer-events: all;
}
BODY .hero-img-container .video-modal .video-container video {
  width: 90%;
  max-width: 800px;
  outline: none;
  transform: scale(0);
  transition: all 0.3s;
}
BODY .hero-img-container .video-modal .video-container video.show {
  transform: scale(1);
}
BODY .hero-img-container .hero-overlay {
  /*background-image: url("/images/_theme/hero-background-new.png");*/
  background-repeat: no-repeat;
  background-size: contain;
  /*background-position: left bottom;*/
  background-position: left top;
  min-width: 100%;
  height: 64vh;
  position: absolute;
  top: unset;
  bottom: 0;
  /* background: #FFF; */
  background: linear-gradient(0deg, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
}
BODY .hero-img-container .hero-content-container {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-left: 141px;
  padding-right: 141px;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}
BODY .hero-img-container .hero-content-container .heading-primary {
  z-index: 1;
  max-width: 850px;
  margin-bottom: 10px;
}
BODY .hero-img-container .hero-content-container .heading-primary h1 {
  color: #15407b;
  font-family: 'Fira Sans', sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 75px;
  /*max-width: 590px;*/
  margin-bottom: 20px;
}
BODY .hero-img-container .hero-content-container .heading-primary p {
  color: #15407b;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  /*max-width: 370px;*/

}
BODY .hero-img-container .hero-content-container .heading-primary-mobile {
  display: none;
}
BODY .hero-img-container .hero-content-container .hero-video {
  color: white;
  font-size: 20px;
  display: flex;
  align-items: center;
  z-index: 0;
  margin-bottom: 20px;
}
BODY .hero-img-container .hero-content-container .hero-video:hover {
  text-decoration: none;
}
BODY .hero-img-container .hero-content-container .hero-video .hero-video-img {
  background: black;
  width: 53px;
  height: 53px;
  border: 3px solid #15407b;
  border-radius: 50%;
  position: relative;
  left: 40px;
  z-index: 2;
}
BODY .hero-img-container .hero-content-container .hero-video .hero-video-img div {
  background-image: url("/images/_theme/video-hero.svg");
  background-repeat: no-repeat;
  min-width: 16px;
  min-height: 21px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  width: fit-content;
  top: 50%;
  transform: translateY(-50%);
}
BODY .hero-img-container .hero-content-container .hero-video .hero-video-content {
  background: #15407b;
  border: 1px solid transparent;
  border-radius: 30px;
  padding: 7px 30px 7px 55px;
  z-index: 1;
  font-size: 15px;
}
BODY .heading-primary-mobile {
  display: none;
}
BODY .main {
  /*TEST CONTAINER*/

  /*CAROUSEL SLICK SLIDER*/

  /*TRAVEL SLIDER*/

  /*PROMJENITI!!!*/

  /*cards*/

  /*naslovna*/
  max-width: 1636px;
  padding: unset;
  /*card-1*/

  /*card-2*/

  /*feature-1*/

  /*feature-2*/

  /*map*/

  /*logo-grid*/

  /*activities*/

  /*routes*/

  /*routes-details*/

  /*travel-info*/

  /*news-details*/

  /*archive*/

  /*accomodation*/

  /*search control*/

  /*planinarenje detalji*/

  /*documents*/

  /*press*/

}
BODY .main.narrow {
  max-width: 1217px;
}
BODY .main .test-container {
  max-width: 1217px;
  margin: auto;
}
BODY .main .carousel .slick-slide {
  margin: 0 29px;
  /*margin: 0 57px;*/
  width: 364px;
}
BODY .main .carousel .slick-slide:first-child {
  width: 788px;
  /*width: 678px;*/

}
BODY .main .carousel .slick-slide:nth-of-type(4n) {
  width: 788px;
  /*width: 678px;*/

}
BODY .main .carousel .slick-slide .card-img .card-overlay {
  background-image: url("/images/_theme/advent-lg-bg.png");
}
BODY .main .carousel .slick-slide .card-img .card-overlay.card-overlay-blue {
  background-image: url("/images/_theme/card-overlay-blue.png");
}
BODY .main .travel-text {
  margin-bottom: 70px !important;
}
BODY .main .travel-gallery-container .gallery-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  max-width: 100%;
  width: 100%;
  min-height: 752px;
}
BODY .main h4 {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-transform: inherit;
  color: black;
}
BODY .main h3 {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 10px;
  color: #0054b1;
}
BODY .main h2 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 72px;
  margin: 0;
  color: black;
}
BODY .main h2.price-naslov-rotatora {
  margin-bottom: 50px;
}
BODY .main h1 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 85px;
  font-weight: 700;
  line-height: 85px;
  max-width: 800px;
  color: black;
}
BODY .main h1.module-margin {
  margin-top: 60px;
}
BODY .main .card-text-1 h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
  text-transform: inherit;
  margin: 0;
  margin-bottom: 10px;
  color: white;
}
BODY .main .card-text-1 h3 {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 3px;
  color: white;
}
BODY .main .card-text-2 h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  max-width: 400px;
  margin-bottom: 5px;
  color: white;
}
BODY .main .card-text-2 h3 {
  color: white;
}
BODY .main .card-text-2 h3.hidden {
  display: none;
}
BODY .main .card-text-2 p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  display: inline;
  border-right: 1px solid white;
  padding-right: 5px;
  color: white;
}
BODY .main .card-text-2 p:last-child {
  border-right: none;
}
BODY .main .card-text-2 p.hidden {
  display: none;
}
BODY .main .card-text-3 h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  margin-bottom: 81px;
  color: white;
}
BODY .main .card-text-3 p {
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: white;
  line-height: 36px;
  margin-bottom: 142px;
}
BODY .main .card-text-4 {
  padding-right: 201px;
}
BODY .main .card-text-4 h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  color: black;
}
BODY .main .card-text-4 p {
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  color: #15407b;
}
BODY .main .card-text-5 h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 5px;
  color: white;
}
BODY .main .card-text-5 h3 {
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  text-transform: none;
  color: white;
  margin-bottom: 15px;
}
BODY .main .card-text-5 p {
  color: white;
}
BODY .main .card-text-5 .location-title {
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  color: white;
}
BODY .main .card-text-5 .location-title span {
  display: inline-block;
  margin-left: 5px;
  color: white;
  font-weight: 300;
}
BODY .main .card-text-5 .location-title span:empty {
  display: none;
}
BODY .main .card-text-6 h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}
BODY .main .card-text-7 h2 {
  font-size: 36px;
  font-weight: 800;
  line-height: 43px;
  margin-bottom: 19px;
  color: white;
}
BODY .main .card-text-7 h3 {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase;
  color: white;
}
BODY .main .card-text-8 h3 {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: black;
}
BODY .main .card-text-8 h2 {
  font-family: 'Inter', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 43px;
  margin-bottom: 30px;
  color: black;
}
BODY .main .card-text-8 p {
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 35px;
  margin-bottom: 95px;
  color: black;
}
BODY .main .card-text-9 h2 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  margin-bottom: 20px;
  color: black;
}
BODY .main .card-text-9 h3 {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-transform: inherit;
  max-width: 935px;
  color: black;
}
BODY .main .static-content {
  margin: 0 auto;
  margin-bottom: 140px;
}
BODY .main .static-content:empty {
  display: none;
  margin-bottom: unset;
}
BODY .main .static-content iframe {
  /*margin: 0 auto;*/
  display: block;
  /*min-height: 810px;
				width: 600px !important;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;*/
  /*margin: 70px auto 70px auto !important;*/
  margin: 30px auto 30px auto !important;
  /*width: 100%;
				height: 540px;*/
  min-height: 100%;
  /*width: fit-content;*/

}
BODY .main .static-content h2 {
  font-size: 60px;
  margin-left: 207px;
  margin-bottom: 55px;
}
BODY .main .static-content h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  max-width: 1217px;
  margin: 0 auto;
  color: #15407b;
  text-transform: initial;
  margin-bottom: 18px;
}
BODY .main .static-content p,
BODY .main .static-content h4,
BODY .main .static-content h5,
BODY .main .static-content h6,
BODY .main .static-content li,
BODY .main .static-content a {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  max-width: 1217px;
  margin: 0 auto;
  color: #15407b;
  margin-bottom: 18px;
  /*&:not(:last-child) {
					margin-bottom: 30px;
				}*/

}
BODY .main .static-content img {
  /*margin: 94px 0;*/
  margin-bottom: 60px;
}
BODY .main .static-content a {
  text-decoration: underline;
}
BODY .main .static-content a:hover {
  color: #15407b;
  text-decoration: underline;
}
BODY .main .static-heading {
  margin-left: 205px;
  margin-bottom: 98px;
}
BODY .main .hero-wrap.no-image-content {
  display: none;
}
BODY .main .hero-image {
  background-image: url("/images/_theme/destinacije-hero.png");
  max-width: 100%;
  border-radius: 20px;
  margin-bottom: 182px;
  min-height: 752px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
}
BODY .main .hero-image h1 {
  margin-bottom: 23px;
  margin-left: 90px;
  color: white;
  z-index: 1;
}
BODY .main .hero-image h4 {
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0;
  color: white;
  z-index: 1;
}
BODY .main .hero-image .img-lg {
  position: absolute;
  right: 68px;
  bottom: 57px;
}
BODY .main .hero-image.destinacije-hero-place {
  background-image: url("/images/_theme/destination-detail-img.png");
  margin-bottom: 133px;
  margin-top: 56px;
}
BODY .main .hero-image.destinacije-hero-place.activities-hero {
  background-image: url("/images/_theme/activities-hero.png");
  margin-bottom: 246px;
}
BODY .main .hero-image.destinacije-hero-place.accommodation-hero {
  background-image: url("/images/_theme/accommodation-hero.png");
}
BODY .main .hero-image.destinacije-hero-place .destinacije-content {
  font-size: 35px;
  font-weight: 400;
  line-height: 43px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 626px;
  color: white;
}
BODY .main .hero-image.destinacije-hero-place .destinacije-content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 51px;
  width: 100%;
  padding: 0 94px 0 68px;
}
BODY .main .hero-image.destinacije-hero-place .destinacije-content-wrapper a {
  position: relative;
}
BODY .main .hero-image.destinacije-hero-place .destinacije-content-wrapper a.no-fancy {
  display: none;
}
BODY .main .hero-image .hero-overlay {
  background-image: url("/images/_theme/destinacije-hero-overlay.png");
  min-width: 100%;
  min-height: 100%;
  border-radius: 20px;
  position: absolute;
}
BODY .main .hero-image .destinacije-heading {
  color: white;
  font-size: 85px;
  font-weight: 700;
  line-height: 85px;
  position: relative;
  margin-bottom: 51px;
  width: 100%;
}
BODY .main .hero-image .destinacije-heading.destinacije-heading-details {
  margin-left: unset;
  margin-bottom: 23px;
}
BODY .main .fancy-opener.no-fancy {
  display: none;
}
BODY .main .dest-hero-txt-container {
  margin-bottom: 55px;
  margin-top: 25px;
  position: relative;
}
BODY .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings {
  position: relative;
  bottom: 51px;
  left: 93px;
  z-index: 1;
}
BODY .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings .static-subheading {
  position: unset;
}
BODY .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings .static-heading {
  position: unset;
  margin-bottom: 23px;
  margin-left: 0;
  color: white;
}
BODY .main .dest-hero-txt-container.dest-headings .dest-title-subtitle {
  position: absolute;
  bottom: 51px;
  left: 93px;
}
BODY .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .destinacije-heading.static-heading {
  margin-bottom: 23px;
  position: relative;
  line-height: 85px;
  left: 0;
  margin-left: 0;
}
BODY .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .static-subheading {
  position: relative;
  left: unset;
  bottom: unset;
}
BODY .main .dest-hero-txt-container .destinacije-hero-img {
  margin-bottom: 0;
}
BODY .main .dest-hero-txt-container .destinacije-hero-img .info-blue {
  right: 52px;
  bottom: 52px;
}
BODY .main .dest-hero-txt-container .destinacije-heading {
  position: relative;
  bottom: unset;
  color: white;
  line-height: 102px;
  /*&.static-heading {
			left: 73px;
					bottom: 73px;
			left: 93px;
					bottom: 89px;
					margin-left: 0;
					margin-bottom: 0;
				}*/

}
BODY .main .dest-hero-txt-container.no-image {
  margin-bottom: 100px;
}
BODY .main .dest-hero-txt-container.no-image:empty {
  display: none;
}
BODY .main .dest-hero-txt-container.no-image .static-heading {
  color: black;
  position: unset;
  margin-top: 90px;
  /*margin-left: 210px;*/
  margin-bottom: 30px;
}
BODY .main .dest-hero-txt-container.no-image .static-subheading {
  color: black;
  text-transform: initial;
  position: unset;
  margin-left: 210px;
}
BODY .main .dest-hero-txt-container.no-image .destinacije-hero-img {
  display: none;
}
BODY .main .dest-hero-txt-container .static-subheading {
  color: white;
  font-size: 22px;
  text-transform: uppercase;
  position: absolute;
  left: 93px;
  bottom: 51px;
}
BODY .main .dest-hero-txt-container .static-subheading:empty {
  display: none;
}
BODY .main .details-info {
  display: flex;
  justify-content: space-between;
  align-items: start;
  align-items: end;
  margin: 0 auto;
  max-width: 1217px;
  margin-bottom: 60px;
  position: relative;
}
BODY .main .details-info h1 {
  line-height: 100px;
}
BODY .main .margin-news-details {
  margin-left: 210px;
}
BODY .main .page-path {
  display: flex;
  list-style-type: none;
  gap: 4px;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-left: 0;
}
BODY .main .page-path li {
  padding-left: 0;
}
BODY .main .page-path li a {
  color: #0054b1;
  font-size: 18px;
  line-height: 32px;
  text-transform: uppercase;
}
BODY .main .page-path li a:hover {
  text-decoration: underline;
}
BODY .main .destinacije-details-main-content {
  max-width: 1384px;
  display: flex;
  gap: 82px;
  margin: 0 auto;
  margin-bottom: 140px;
}
BODY .main .destinacije-details-main-content p {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #15407b;
}
BODY .main .destinacije-details-main-content p:not(:last-child) {
  margin-bottom: 30px;
}
BODY .main .destinacije-details-main-content a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
BODY .main .destinacije-details-main-content a img {
  width: 28px;
}
BODY .main .destinacije-details-main-content a p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
BODY .main .destination-card-container.destination-card-container-detail {
  margin-bottom: 342px;
}
BODY .main .destination-card-container .card-img .card-overlay {
  background-image: url("/images/_theme/advent-sm-bg.png");
  position: absolute;
  border-radius: 20px;
}
BODY .main .destination-card-container .card-img .card-overlay.card-overlay-blue {
  background-image: url("/images/_theme/card-overlay-blue.png");
}
BODY .main .image-holder .card-overlay {
  bottom: 0;
}
BODY .main .image-holder .badge {
  bottom: unset;
}
BODY .main .card-content.details-content {
  margin-bottom: 41px;
}
BODY .main .card-content p b {
  font-weight: 600;
}
BODY .main .destination-card-1 {
  margin-bottom: 140px;
  position: relative;
}
BODY .main .destination-card-1 .istrazi-staze {
  position: absolute;
  top: 0;
}
BODY .main .destination-card-1.dest-card-detail {
  margin-bottom: 150px;
}
BODY .main .destinations-container {
  margin-bottom: 150px;
}
BODY .main .destinations-container:last-of-type {
  margin-bottom: unset;
}
BODY .main .destinations-container .destination-card-1 {
  margin-bottom: 65px;
}
BODY .main a {
  text-decoration: none;
}
BODY .main .image-holder {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
BODY .main .image-holder .card-overlay {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
}
BODY .main .headline {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 50px;
}
BODY .main .headline.news-list-headline {
  margin-bottom: 59px;
}
BODY .main .headline.headline-details {
  align-items: end;
}
BODY .main .headline .headline-btns {
  display: flex;
  gap: 77px;
  margin-bottom: 16px;
}
BODY .main .headline .headline-btns a:hover {
  transform: scale(1.2);
  transition: all 0.5s ease-in-out;
}
BODY .main .headline .headline-btns.headline-btns-destination {
  margin-top: 18px;
  margin-bottom: 0;
}
BODY .main .headline .headline-btns.headline-btns-destination.headline-btns-activities {
  margin-top: 0;
}
BODY .main .destination-headline {
  align-items: start;
}
BODY .main .destination-headline.activities-headline-slider {
  margin-bottom: 117px;
}
BODY .main .read-more-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
BODY .main .read-more {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 34px;
  width: fit-content;
  margin-left: auto;
}
BODY .main .read-more:hover {
  text-decoration: none;
  transform: scale(1.1);
  transition: all 1s ease-in-out;
}
BODY .main .read-more.read-more-2 {
  margin-left: unset;
}
BODY .main .read-more.read-more-news-list {
  margin-left: unset;
}
BODY .main .read-more .read-more-img {
  border: 1px solid transparent;
  border-radius: 50%;
  background: red;
  display: inline-block;
  padding: 14px 20px;
}
BODY .main .read-more .read-more-destination {
  padding: 14px;
}
BODY .main .read-more .read-more-content {
  font-family: 'Inter', sans-serif;
  color: #0054b1;
  font-size: 22px;
}
BODY .main .read-more .read-more-feature {
  font-family: 'Inter', sans-serif;
  color: white;
  font-size: 22px;
}
BODY .main .badge {
  background-image: url("/images/_theme/top-shape.png");
  min-height: 59px;
  min-width: 80px;
  position: absolute;
  top: 0;
  right: 0;
}
BODY .main .badge.hidden {
  display: none;
}
BODY .main .card-img {
  min-height: 527px;
  border-radius: 20px;
  display: flex;
  align-items: end;
  overflow: hidden;
}
BODY .main .card-img:hover .image-scale {
  transform: scale(1.1);
}
BODY .main .card-img .image-scale {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  transition: all 0.2s ease-in-out;
}
BODY .main .card-img .card-overlay {
  min-height: 100%;
  min-width: 100%;
  border-radius: 20px;
  bottom: -2px;
}
BODY .main .card-img .card-content {
  z-index: 1;
  margin-left: 38px;
  margin-right: 25px;
  margin-bottom: 38px;
  width: 100%;
}
BODY .main .card-1 {
  margin-bottom: 241px;
}
BODY .main .card-1 .card-container-1 {
  margin-top: 105px;
}
BODY .main .card-1 .card-container-1 .card-grid-1 {
  position: relative;
}
BODY .main .card-1 .card-container-1 .card-grid-2 {
  position: relative;
}
BODY .main .card-1 .card-container-1 .card-grid-3 {
  position: relative;
}
BODY .main .news-section {
  margin-bottom: 150px;
}
BODY .main .news-section.uk-container {
  max-width: 1636px;
}
BODY .main .news-section .news-section-container {
  height: 779px;
  margin-bottom: 20px;
}
BODY .main .news-section .news-section-container.news-section-spacing {
  margin-bottom: 48px;
}
BODY .main .news-section .news-section-container.news-list-container {
  margin-left: 0;
}
BODY .main .news-section .news-section-container.news-list-container > div:first-child {
  border-top: 1px solid black;
}
BODY .main .news-section .news-section-container.news-list-container > div:nth-child(2) {
  border-top: 1px solid black;
}
BODY .main .news-section .news-section-container.news-section-container {
  height: unset;
}
BODY .main .news-section .news-section-container .slick-slide > div:first-child .news-section-grid {
  border-top: 1px solid black;
  padding-top: 40px;
}
BODY .main .news-section .news-section-container .news-section-grid {
  border-bottom: 1px solid black;
  padding-bottom: 40px;
  padding-top: 40px;
}
BODY .main .news-section .news-section-container .news-section-grid .news-section-img.placeholder-img {
  background-image: url("/images/_theme/logo.svg") !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-width: 312px;
  min-height: 242px;
  height: 242px;
}
BODY .main .news-section .news-section-container .news-section-grid.news-section-grid-2 {
  width: 100%;
}
BODY .main .news-section .news-section-container .news-section-grid.news-list-grid {
  border-top: none;
}
BODY .main .news-section .news-section-container .news-section-grid .flex-wrapper {
  display: flex;
  gap: 60px;
}
BODY .main .news-section .news-section-container .news-section-grid .image-size {
  min-width: 312px;
  min-height: 242px;
  border-radius: 20px;
  height: 242px;
}
BODY .main .news-section .news-section-container .news-section-grid .news-section-content {
  padding-right: 30px;
}
BODY .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 32px;
  color: black;
}
BODY .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}
BODY .main .news-section .news-section-container .news-section-grid .news-section-content h2:hover {
  color: #15407b;
}
BODY .main .card-2 {
  margin-bottom: 245px;
}
BODY .main .card-2 .slick-slide .card-img .card-overlay {
  background-image: url("/images/_theme/advent-lg-bg.png");
}
BODY .main .card-2 .card-container-2 {
  height: 527px;
}
BODY .main .card-2 .card-container-2 .content {
  margin-bottom: 42px;
}
BODY .main .feature-1 {
  margin-bottom: 150px;
}
BODY .main .feature-1 .headline {
  margin-bottom: 65px;
}
BODY .main .feature-1 .feature-container-1 {
  background: #15407b;
  border-radius: 20px;
  padding-top: 86px;
  padding-bottom: 86px;
  overflow: visible;
}
BODY .main .feature-1 .feature-container-1 .feature-slider {
  width: 100%;
  margin-left: 60px;
}
BODY .main .feature-1 .feature-container-1 .feature-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-height: 602px;
}
BODY .main .feature-1 .feature-container-1 .feature-content {
  margin-right: 160px;
  margin-left: 57px;
}
BODY .main .feature-1 .feature-container-1 .feature-img {
  background-image: url("/images/_theme/aktivan-odmor.png");
  min-width: 902px;
  min-height: 602px;
  position: relative;
  border-radius: 20px;
}
BODY .main .feature-1 .feature-container-1 h2 {
  text-align: left;
}
BODY .main .feature-1 .feature-container-1 .description {
  text-align: left;
}
BODY .main .feature-2 {
  margin-bottom: 150px;
  max-height: 505px;
}
BODY .main .feature-2.feature-2-price {
  margin-bottom: 140px;
  max-height: unset;
}
BODY .main .feature-2 .feature-container-2 {
  display: flex;
  gap: 60px;
  max-height: 505px;
}
BODY .main .feature-2 .feature-container-2.feature-container-2-price {
  max-height: unset;
  margin-bottom: 36px;
}
BODY .main .feature-2 .feature-container-2 .feature-grid-1.placeholder-img {
  background-image: url("/images/_theme/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
BODY .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img {
  min-width: 797px;
  min-height: 528px;
  border-radius: 20px;
}
BODY .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img.feature-img-news-list {
  min-height: 505px;
  min-width: 1008px;
  margin-bottom: 0;
  border-radius: 20px;
}
BODY .main .feature-2 .feature-container-2 .feature-grid-1 .read-more {
  justify-content: start;
}
BODY .main .feature-2 .feature-container-2 .feature-grid-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
BODY .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue {
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 64px;
  background: #15407b;
  color: white;
  min-width: 419px;
  text-align: center;
  min-height: 69px;
  border-radius: 20px;
  display: block;
  width: fit-content;
}
BODY .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue:hover {
  background: #e62f0e;
}
BODY .main .map {
  background-image: url("/images/_theme/map.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 867px;
  margin-bottom: 245px;
}
BODY .main .logo-grid {
  margin-bottom: 0;
}
BODY .main .logo-grid .uk-grid div:first-child .wrapper .image-holder {
  width: 88%;
  margin-left: 12%;
}
BODY .main .logo-grid .image-holder {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100% !important;
  height: 100%;
  display: block;
  text-decoration: none !important;
  margin: unset !important;
}
BODY .main .logo-grid .wrapper {
  background: white;
  border: 1px solid black;
  border-radius: 20px;
  max-width: 100%;
  height: 149px;
  /*margin-bottom: 85px;*/
  display: block;
  box-sizing: border-box;
  overflow: auto;
  transition: all 0.2s ease-in-out;
  /*provjera*/

}
BODY .main .logo-grid .wrapper:hover {
  transform: scale(1.1);
}
BODY .main .logo-grid .wrapper:nth-of-type(4),
BODY .main .logo-grid .wrapper:nth-of-type(5),
BODY .main .logo-grid .wrapper:nth-of-type(6),
BODY .main .logo-grid .wrapper:nth-of-type(7) {
  margin-bottom: 0;
}
BODY .main .activities-video {
  left: 46%;
  position: absolute;
  top: 309.5px;
}
BODY .main .activities-video.activities-video-travel {
  margin: 0 auto;
  width: fit-content;
  display: block;
  transform: translateY(304%);
  position: unset;
}
BODY .main .activities-video div {
  background-image: url("/images/_theme/video.png");
  min-width: 118px;
  min-height: 113px;
}
BODY .main .activities-video div div {
  background-image: url("/images/_theme/video2.png");
  min-width: 47px;
  min-height: 59px;
  position: absolute;
  top: 29px;
  left: 37px;
}
BODY .main .activities-video div div.img-lg-icon {
  background-image: url("/images/_theme/lg-icon.png");
  min-width: 34px;
  min-height: 34px;
  top: 43px;
  left: 43px;
}
BODY .main .activities-text {
  max-width: 1217px;
  margin: 0 auto;
  margin-bottom: 312px;
}
BODY .main .activities-text p {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: black;
}
BODY .main .activities-text p:not(:last-child) {
  margin-bottom: 30px;
}
BODY .main .activities-text a {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: black;
}
BODY .main .activities-text a:hover {
  color: #15407b;
  text-decoration: underline;
}
BODY .main .activities-grid {
  margin-bottom: 20px;
}
BODY .main .activities-grid.dest-card-grid {
  margin-bottom: 50px;
}
BODY .main .activities-grid .activities-card-grid {
  min-height: 506px;
}
BODY .main .activities-grid .activities-card-grid.activities-card-grid-details {
  height: 527px;
}
BODY .main .activities-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  height: 100%;
  min-height: 527px;
  border-radius: 20px;
  padding: 44px 24px 37px 37px;
  background-color: #15407b;
  position: relative;
}
BODY .main .activities-card .img-hover {
  position: absolute;
  opacity: 0.4;
  transition: opacity 0.6s linear;
}
BODY .main .activities-card .overlay-hover {
  position: absolute;
}
BODY .main .activities-card:hover .img-hover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-width: 100%;
  min-height: 100%;
  border-radius: 20px;
  position: absolute;
  inset: 0;
  opacity: 1;
}
BODY .main .activities-card:hover .overlay-hover {
  background-image: url("/images/_theme/overlay-activities.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-width: 100%;
  min-height: 100%;
  border-radius: 20px;
  position: absolute;
  inset: 0;
}
BODY .main .activities-card:hover .card-content {
  z-index: 1;
}
BODY .main .activities-card .image-holder {
  background-size: contain;
  min-width: 201px;
  min-height: 149px;
}
BODY .main .activities-headline {
  max-width: 1217px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 65px;
}
BODY .main .activities-headline .activities-headline-text h1 {
  margin-bottom: 0;
  margin-left: 0;
}
BODY .main .activities-headline .activities-headline-images {
  display: flex;
  gap: 48px;
  margin-bottom: 13px;
}
BODY .main .activities-headline .activities-headline-images h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  max-width: 125px;
  color: white;
}
BODY .main .activities-headline .activities-headline-images .img-1 {
  display: inline-block;
  padding: 30px 23px;
  border-radius: 20px;
  background: #0054b1;
}
BODY .main .activities-headline .activities-headline-images .img-1 div {
  background-image: url("/images/_theme/biciklizam-img-1.png");
  background-size: contain;
  min-width: 68px;
  min-height: 39px;
  margin-bottom: 17px;
}
BODY .main .activities-headline .activities-headline-images .img-2 {
  display: inline-block;
  padding: 30px 23px;
  border-radius: 20px;
  background: #0054b1;
}
BODY .main .activities-headline .activities-headline-images .img-2 div {
  background-image: url("/images/_theme/biciklizam-img-2.png");
  background-size: contain;
  min-width: 68px;
  min-height: 39px;
  margin-bottom: 17px;
}
BODY .main .activities-details-text {
  max-width: 1217px;
  margin: 0 auto;
  /*margin-bottom: 140px;*/
  margin-bottom: 100px;
}
BODY .main .activities-details-text b,
BODY .main .activities-details-text strong {
  display: inline-block;
  margin-top: 30px;
}
BODY .main #tabs {
  background: transparent;
  border: none;
}
BODY .main #tabs .ui-widget-header {
  border: none;
  background: transparent;
  color: transparent;
  font-weight: unset;
}
BODY .main #tabs .ui-tabs-nav li {
  border: none;
  background: transparent;
  color: white;
  font-weight: 400;
}
BODY .main #tabs .ui-tabs-nav li:not(:last-child) {
  border-bottom: 1px solid #49454f;
}
BODY .main #tabs .ui-tabs-nav li:last-child {
  padding-bottom: 0;
}
BODY .main .map-routes {
  margin-top: 56px;
  margin-bottom: 100px;
  /*infoWindow default*/

  /*infoWindow custom*/

}
BODY .main .map-routes .height-value {
  min-height: 800px;
}
BODY .main .map-routes .gm-style,
BODY .main .map-routes .gm-style-iw-c {
  background-color: transparent;
  padding: 0;
  -webkit-box-shadow: none;
}
BODY .main .map-routes .gm-style-iw-tc {
  display: none;
}
BODY .main .map-routes .gm-ui-hover-effect {
  opacity: 0;
}
BODY .main .map-routes .info-window {
  background: #0054b1;
  padding: 15px;
  text-align: center;
  display: inline-block;
  border-radius: 20px;
  min-width: 130px;
}
BODY .main .map-routes .info-window img {
  display: inline-block;
}
BODY .main .map-routes .info-window p,
BODY .main .map-routes .info-window h4 {
  color: white;
}
BODY .main .map-routes .info-window p {
  margin-bottom: 0;
  margin-top: 15px;
  font-size: 20px;
  font-weight: 700;
}
BODY .main .map-routes .info-window h4 {
  font-size: 30px;
  font-weight: 700;
  margin-top: 15px;
}
BODY .main .map-routes-img {
  background-image: url("/images/_theme/map.svg");
  height: 100%;
  min-width: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
BODY .main .map-routes-img .overlay {
  background-image: url("/images/_theme/map-overlay.png");
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
BODY .main .blue-overlay {
  background: #0054b1;
  /*height: 100%;*/
  /*height: 1044px;*/
  height: auto;
  min-width: 100%;
  padding: 44px 44px 61px 51px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  position: relative;
  /*dodano*/
  overflow: hidden;
}
BODY .main .blue-overlay.press-dd {
  overflow: unset;
}
BODY .main .blue-overlay.accomodation-show-dd {
  overflow: unset;
}
BODY .main .blue-overlay .uk-accordion-content {
  min-width: 312px;
  top: 203px;
}
BODY .main .blue-overlay .uk-accordion-content.accomodation-dd {
  top: 72px;
}
BODY .main .blue-overlay.accomodation-sans-overlay {
  background: unset;
  min-height: unset;
  height: unset;
  min-width: unset;
  padding: unset;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
BODY .main .blue-overlay .headline-btns {
  position: absolute;
  right: 40px;
  top: 0;
  z-index: 1;
}
BODY .main .blue-overlay .headline-btns .prev-btn {
  transform: rotateY(180deg);
  position: relative;
  top: 53px;
  right: 95px;
}
BODY .main .blue-overlay h2 {
  margin-bottom: 25px;
}
BODY .main .blue-overlay h4,
BODY .main .blue-overlay h3,
BODY .main .blue-overlay p,
BODY .main .blue-overlay li {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 19px;
  color: white;
}
BODY .main .blue-overlay h4 {
  margin-bottom: 25px;
}
BODY .main .blue-overlay p,
BODY .main .blue-overlay li {
  font-weight: unset;
}
BODY .main .blue-overlay label {
  font-size: 16px;
  padding: 15px 0;
  cursor: pointer;
}
BODY .main .blue-overlay a {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  max-width: 320px;
  margin-top: 3px;
  display: block;
  color: white;
}
BODY .main .blue-overlay .routes-list {
  overflow-y: scroll;
  height: 556px;
}
BODY .main .blue-overlay .routes-content p {
  margin-left: 30px;
}
BODY .main .blue-overlay .routes-content p:hover {
  text-decoration: underline;
}
BODY .main .blue-overlay .routes-content a {
  margin-bottom: 48px;
}
BODY .main .blue-overlay .show-locations {
  max-width: 312px;
  top: 0;
  background: linear-gradient(0deg, rgba(208, 188, 255, 0.11), rgba(208, 188, 255, 0.11)), #1c1b1f;
  border-radius: 20px;
  margin-top: -51px;
  margin-bottom: 50px;
}
BODY .main .blue-overlay .show-locations ul {
  padding: 0 27px;
}
BODY .main .blue-overlay .show-locations ul li {
  display: flex;
  align-items: baseline;
  width: 100%;
  padding: 0;
}
BODY .main .blue-overlay .show-locations ul li.checkbox-active a .checkbox {
  display: inline-block;
}
BODY .main .blue-overlay .show-locations ul li .checkbox {
  display: none;
}
BODY .main .blue-overlay .show-locations ul li:not(:last-child) {
  border-bottom: 1px solid #49454f;
}
BODY .main .blue-overlay .show-locations ul li:last-child {
  padding-bottom: 0;
}
BODY .main .blue-overlay .show-locations ul li .loc-short {
  background: #4f378b;
  padding: 9px 14px;
  border-radius: 50%;
}
BODY .main .blue-overlay .show-locations ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  width: 100%;
}
BODY .main .blue-overlay .show-locations.open {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
BODY .main .blue-overlay .show-locations-header {
  background: #054791;
  position: relative;
  border-radius: 20px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  max-width: 312px;
  margin-bottom: 30px;
}
BODY .main .blue-overlay .show-locations-header.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
BODY .main .blue-overlay h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}
BODY .main .blue-overlay .removing-checkbox::before {
  content: none;
}
BODY .main .map-routes-details {
  /*min-height: 100vh;*/
  margin-top: 56px;
  margin-bottom: 82px;
}
BODY .main .map-routes-details hr {
  margin-top: 244px;
  margin-bottom: 27px;
}
BODY .main .map-routes-details h2,
BODY .main .map-routes-details h3,
BODY .main .map-routes-details h4,
BODY .main .map-routes-details h5,
BODY .main .map-routes-details p {
  font-family: 'Inter', sans-serif;
  color: white;
}
BODY .main .map-routes-details h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  max-width: 300px;
}
BODY .main .map-routes-details p.hidden,
BODY .main .map-routes-details h2.hidden,
BODY .main .map-routes-details h3.hidden,
BODY .main .map-routes-details h4.hidden {
  display: none;
}
BODY .main .map-routes-details h3,
BODY .main .map-routes-details h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  max-width: 309px;
  margin: 0;
}
BODY .main .map-routes-details h4 {
  margin-bottom: 91px;
}
BODY .main .map-routes-details h5 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 17px;
}
BODY .main .map-routes-details p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}
BODY .main .map-routes-details .opis-rute-hidden {
  display: none;
}
BODY .main .map-routes-details .city-names {
  font-size: 26px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 74px;
  max-width: 250px;
}
BODY .main .map-routes-details .flex-wrapper {
  display: flex;
  align-items: baseline;
  gap: 50px;
  margin-bottom: 30px;
}
BODY .main .map-routes-details .flex-wrapper-2 {
  margin-bottom: 65px;
}
BODY .main .map-routes-details .flex-wrapper-btn {
  display: flex;
  gap: 40px;
  border: 1px solid white;
  border-radius: 20px;
  align-items: center;
  min-width: 326px;
  height: 51px;
  padding-left: 29px;
}
BODY .main .map-routes-details .flex-wrapper-btn-1 {
  margin-bottom: 16px;
}
BODY .main .map-routes-details .flex-wrapper-btn-2 {
  margin-bottom: 47px;
}
BODY .main .map-content {
  position: relative;
  max-width: 1217px;
  margin: 0 auto;
}
BODY .main .map-content .map-weather-wrapper {
  margin-bottom: 158px;
}
BODY .main .map-content .map-weather-wrapper h2 {
  font-size: 85px;
  font-weight: 700;
  line-height: 102px;
  margin-bottom: 0;
  color: black;
  display: inline;
}
BODY .main .map-content .map-weather-wrapper h3 {
  color: black;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
  max-width: 892px;
}
BODY .main .map-content .map-weather-wrapper.map-weather-wrapper-2 h2 {
  font-size: 60px;
  line-height: 72px;
  display: inline-block;
  max-width: 1053px;
}
BODY .main .map-content .map-weather-wrapper.map-weather-wrapper-details h2 {
  font-size: 60px;
  line-height: 72px;
  max-width: 1053px;
  display: inline-block;
}
BODY .main .map-content .weather-widget {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 320px;
  border-radius: 20px;
}
BODY .main .map-content p {
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  color: black;
  max-width: 1217px;
}
BODY .main .map-content p:not(:last-child) {
  margin-bottom: 30px;
}
BODY .main .map-content .weatherwidget-io {
  border-radius: 20px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
BODY .main .travel-video {
  background-image: url("/images/_theme/travel-video.png");
  min-width: 1634px;
  min-height: 752px;
  margin-bottom: 120px;
}
BODY .main .travel-slider-container {
  max-width: 1217px;
  margin: 0 auto;
  position: relative;
}
BODY .main .travel-slider-container .prev-btn-travel {
  position: absolute;
  bottom: 469px;
  z-index: 10;
  left: -62px;
}
BODY .main .travel-slider-container .next-btn-travel {
  position: absolute;
  bottom: 469px;
  z-index: 10;
  right: -61px;
}
BODY .main .travel-slider-container .headline-btns {
  display: flex;
  gap: 50px;
}
BODY .main .travel-slider-container .headline-btns.headline-news-details {
  justify-content: space-between;
}
BODY .main .travel-slider-container .travel-slide-img {
  max-width: 100%;
  min-height: 752px;
  border-radius: 20px;
  margin-bottom: 54px;
  position: relative;
}
BODY .main .travel-slider-container .travel-slide-img .lg-icon-news {
  position: absolute;
  right: -11px;
  top: 14px;
}
BODY .main .travel-slider-container .travel-slide-img .lg-icon-news img {
  max-width: 76%;
}
BODY .main .travel-slider-container .travel-slide-img-1 {
  background-image: url("/images/_theme/travel-slide-1.png");
}
BODY .main .travel-slider-container p {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #4b4b4b;
}
BODY .main .headline-news-details .prev-btn-news-details {
  position: absolute;
  bottom: 469px;
  z-index: 10;
  left: -62px;
}
BODY .main .headline-news-details .next-btn-news-details {
  position: absolute;
  bottom: 469px;
  z-index: 10;
  right: -62px;
}
BODY .main .datepicker-headline-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-top: 201px;
  margin-bottom: 63px;
  position: relative;
  /*z-index: 1;*/
  z-index: 2;
}
BODY .main .datepicker-headline-container.filter-margin {
  margin-top: 90px;
}
BODY .main .datepicker-headline-container h2 {
  margin-bottom: 45px;
}
BODY .main .datepicker-headline-container p,
BODY .main .datepicker-headline-container div,
BODY .main .datepicker-headline-container a {
  font-family: 'Inter', sans-serif;
}
BODY .main .datepicker-headline-container .datepicker-wrapper {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  justify-content: space-between;
}
BODY .main .datepicker-headline-container .datepicker-wrapper.datepicker-wrapper-accommodation {
  gap: 40px;
}
BODY .main .datepicker-headline-container .datepicker-wrapper.accomodation-choose-loc {
  gap: 107px;
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-from-to {
  display: flex;
  gap: 20px;
}
BODY .main .datepicker-headline-container .datepicker-wrapper p {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
  color: black;
}
BODY .main .datepicker-headline-container .datepicker-wrapper div {
  font-size: 20px;
  line-height: 32px;
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-btn {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  padding: 18px;
  border-radius: 20px;
  background: #0054b1;
  color: white;
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-input {
  position: relative;
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .hasDatepicker {
  padding: 8px 50px 8px 16px;
  /*width: 315px;*/
  width: 170px;
  height: 56px;
  border-block-color: purple;
  border-color: #6750a4;
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  font-family: 'Roboto', sans-serif;
  margin-left: 9px;
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-input p {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .date {
  top: -7px;
  left: 62px;
  color: #6750a4;
  background: #fffbfe;
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .date-char {
  bottom: -19px;
  left: 45px;
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .ui-datepicker-trigger {
  position: absolute;
  height: 35px;
  width: 35px;
  right: 8px;
  top: 9px;
  padding: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(73, 69, 79, 0.12);
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .townpicker-icon {
  position: absolute;
  right: 8px;
  bottom: 6px;
  background: rgba(73, 69, 79, 0.12);
  border-radius: 50%;
  padding: 12px 6px;
}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-date-sets {
  display: flex;
  align-items: center;
  gap: 20px;
  /*          margin-left: 35px;
          margin-right: 60px;*/

}
BODY .main .datepicker-headline-container .datepicker-wrapper .datepicker-date-sets .datepicker-btn {
  background-color: #302d38;
  padding: 23px 25px 18px 25px;
}
BODY .main .datepicker-headline-container .datepicker-wrapper #resetFilters {
  padding: 23px 42px 18px 42px;
  margin-left: 34px;
}
BODY .main .datepicker-headline-container.datepicker-headline-accommodation-container {
  max-width: 1217px;
  margin: 0 auto;
  margin-bottom: 121px;
  margin-bottom: 60px;
}
BODY .main .accommodation-container {
  max-width: 1217px;
  margin: 0 auto;
  margin-bottom: 65px;
}
BODY .main .accommodation-container.hiking-details h2 {
  font-family: 'Fira Sans', sans-serif;
  font-size: 60px;
  line-height: 72px;
  font-weight: 700;
  max-width: fit-content;
  color: black;
  margin-bottom: 60px;
}
BODY .main .accommodation-container .card {
  padding: 35px 40px 30px;
  border-radius: 20px;
  background: linear-gradient(0deg, rgba(208, 188, 255, 0.11), rgba(208, 188, 255, 0.11)), #1c1b1f;
  position: relative;
  /*transition: all 0.4s linear;*/
  margin-top: 40px;
  /*&:hover {*/

  /*background: unset;*/

  /*transition: all 0.4s linear;

          h3 {
            color: @white;
          }

          .bg-img-overlay {
            opacity: 0.6;
            transition: all 0.4s linear;
          }
        }*/

}
BODY .main .accommodation-container .card h3 {
  color: white;
}
BODY .main .accommodation-container .card .card-text {
  position: relative;
  z-index: 1;
}
BODY .main .accommodation-container .card h4 {
  color: #e6e1e5;
  font-weight: 500;
  font-size: 16px;
  margin-top: -20px;
  padding-bottom: 16px;
}
BODY .main .accommodation-container .card img {
  margin-bottom: 14px;
  max-width: 49px;
  max-height: 49px;
}
BODY .main .accommodation-container .card .bg-img-overlay {
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*opacity: 0.2;*/

  /*transition: all 0.4s linear;*/

}
BODY .main .accommodation-container .card .bg-dark-overlay {
  position: absolute;
  inset: 0;
  border-radius: 20px;
  /*background: linear-gradient(180deg, rgba(28, 27, 31, 0) 0%, rgba(28, 27, 31, 0.8) 100%);*/
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #302d38 100%);
  opacity: 1;
}
BODY .main .accommodation-container h3 {
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-transform: unset;
  margin-bottom: 16px;
  max-width: 315px;
  color: #e6e1e5;
}
BODY .main .accommodation-container ul {
  list-style-type: none;
  padding-left: 0;
}
BODY .main .accommodation-container ul li,
BODY .main .accommodation-container ul a {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  color: #e6e1e5;
}
BODY .main .accommodation-container ul li.hidden {
  display: none;
}
BODY .main .accommodation-container .bed-icon {
  background-image: url("/images/_theme/bike-icon.png");
  background-size: contain;
  min-width: 48px;
  min-height: 27px;
  width: fit-content;
}
BODY .main .uk-accordion-content {
  position: absolute;
  margin-top: 0;
}
BODY .main .datepicker-wrapper-accommodation,
BODY .main .tag-dd-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
BODY .main .datepicker-wrapper-accommodation .uk-accordion-title::before,
BODY .main .tag-dd-wrapper .uk-accordion-title::before {
  content: none;
}
BODY .main .datepicker-wrapper-accommodation .hasDatepicker,
BODY .main .tag-dd-wrapper .hasDatepicker {
  width: 350px;
  min-width: 350px;
  padding: 15px 50px 15px 8px;
}
BODY .main .datepicker-wrapper-accommodation .accordion-title,
BODY .main .tag-dd-wrapper .accordion-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 6px 4px 8px;
  border-radius: 4px;
  border: 2px solid #6750a4;
  color: black;
  width: 350px;
  min-width: 350px;
  position: relative;
}
BODY .main .datepicker-wrapper-accommodation .accordion-title::after,
BODY .main .tag-dd-wrapper .accordion-title::after {
  content: url("/images/_theme/chevron-container.png");
  display: inline-block;
  max-height: 40px;
  width: fit-content;
  margin-left: auto;
}
BODY .main .datepicker-wrapper-accommodation .accordion-title .town,
BODY .main .tag-dd-wrapper .accordion-title .town {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: -8px;
  left: 48px;
  z-index: 1;
  color: #6750a4;
  background: #fffbfe;
}
BODY .main .datepicker-wrapper-accommodation .show-locations,
BODY .main .tag-dd-wrapper .show-locations {
  margin-top: unset;
  padding: 24px 24px 1px;
}
BODY .main .datepicker-wrapper-accommodation .show-locations h4,
BODY .main .tag-dd-wrapper .show-locations h4 {
  font-size: 24px;
  font-weight: 400;
}
BODY .main .datepicker-wrapper-accommodation .show-locations p,
BODY .main .tag-dd-wrapper .show-locations p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  color: white;
}
BODY .main .datepicker-wrapper-accommodation .show-locations .input-wrapper,
BODY .main .tag-dd-wrapper .show-locations .input-wrapper {
  /*overflow-y: scroll;
					height: 324px;*/
  /*height: 185px;*/
  padding: 0;
}
BODY .main .datepicker-wrapper-accommodation .show-locations .input-wrapper.scroll,
BODY .main .tag-dd-wrapper .show-locations .input-wrapper.scroll {
  overflow-y: scroll;
  max-height: 250px;
  /*height: 324px;*/

}
BODY .main .datepicker-wrapper-accommodation .show-locations .input-wrapper li,
BODY .main .tag-dd-wrapper .show-locations .input-wrapper li {
  padding-bottom: 5px;
  gap: 20px;
}
BODY .main .tag-dd-wrapper .accordion-title {
  width: 312px;
  min-width: 312px;
}
BODY .main .search-results {
  margin-bottom: 135px;
}
BODY .main .results-btn-wrapper {
  list-style-type: none;
  margin-bottom: 73px;
  padding-left: 0;
}
BODY .main .results-btn-wrapper .doc-box {
  border-top: 1px solid black;
  padding: 64px 0;
  max-width: 1212px;
}
BODY .main .results-btn-wrapper .doc-box:last-child {
  border-bottom: 1px solid black;
}
BODY .main .results-btn-wrapper .doc-box .upper-main {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
BODY .main .results-btn-wrapper .doc-box .upper-main .open-desc {
  color: #15407b;
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
  font-weight: 600;
  text-decoration: none;
}
BODY .main .results-btn-wrapper .doc-box .upper-main .open-desc:hover {
  text-decoration: underline;
}
BODY .main .results-btn-wrapper .doc-box .upper-main .buttons-wrapper {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 23px;
}
BODY .main .results-btn-wrapper .doc-box .upper-main .summary-btn,
BODY .main .results-btn-wrapper .doc-box .upper-main .download-btn {
  display: inline-block;
  width: 138px;
  height: 73px;
  background: #15407b;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 70px;
  color: white;
  text-align: center;
  text-decoration: none;
}
BODY .main .results-btn-wrapper .doc-box .upper-main .summary-btn.active {
  background: #e62f0e;
}
BODY .main .results-btn-wrapper .doc-box .upper-main .download-btn {
  width: 192px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: row-reverse;
}
BODY .main .results-btn-wrapper .doc-box .upper-main .download-btn:hover {
  background: #e62f0e;
}
BODY .main .results-btn-wrapper .doc-box .upper-main .download-btn img {
  width: 41px;
  height: 42px;
}
BODY .main .results-btn-wrapper .search-naslov {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 38px;
}
BODY .main .results-btn-wrapper .search-naslov a {
  color: black;
  text-decoration: none;
}
BODY .main .results-btn-wrapper .search-sazetak {
  font-family: 'Inter', sans-serif;
  color: #15407b;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  max-width: 1064px;
}
BODY .main .results-btn-wrapper a {
  text-decoration: underline;
}
BODY .main .results-btn-wrapper .document-dwld {
  display: flex;
  gap: 10px;
  width: 257px;
  height: 98px;
  background: #15407b;
  justify-content: space-evenly;
  align-items: center;
  border-radius: 20px;
  text-decoration: none;
}
BODY .main .results-btn-wrapper .document-dwld p {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: white;
}
BODY .main .results-pager {
  position: relative;
  margin-bottom: 195px;
}
BODY .main .results-pager:empty {
  display: none;
}
BODY .main .results-pager div div:last-child span:first-child {
  padding-left: 0 !important;
}
BODY .main .results-pager div div:last-child span:nth-of-type(2) a {
  line-height: 34px;
  width: 36px;
  display: inline-block;
  height: 36px;
  background: #f1f5f9;
  text-align: center;
  color: #003976;
}
BODY .main .results-pager div div:last-child span:nth-of-type(2) b {
  line-height: 34px;
  width: 36px;
  display: inline-block;
  height: 36px;
  background: #003976;
  text-align: center;
  color: #f1f5f9;
}
BODY .main .results-pager > div div:nth-of-type(2) span:nth-of-type(4) {
  font-family: 'Inter', sans-serif !important;
  margin-right: 134px;
  color: #003976;
}
BODY .main .results-pager > div div:nth-of-type(2) span:nth-of-type(4) a:first-child {
  font-family: 'Inter', sans-serif;
}
BODY .main .hiking-intro .static-content {
  margin-bottom: 123px;
}
BODY .main .hiking-intro p {
  color: #15407b;
}
BODY .main .hiking-details p {
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  color: white;
  line-height: 20px;
  font-weight: 400;
}
BODY .main .spacing {
  margin-bottom: 219px;
}
BODY .main .spacing-2 {
  margin-bottom: 153px;
}
BODY .main .prev-next-page {
  display: flex;
  justify-content: space-between;
  color: #003976;
  border-top: 1px solid black;
  padding-top: 66px;
  margin-bottom: 343px;
}
BODY .main .doc-heading {
  margin-bottom: 98px;
}
BODY .main .year-filter-wrap {
  position: relative;
}
BODY .main .year-filter-wrap .prev-btn {
  position: absolute;
  top: 14px;
  left: 2px;
}
BODY .main .year-filter-wrap .prev-btn img {
  max-width: 85%;
}
BODY .main .year-filter-wrap .next-btn {
  position: absolute;
  top: 14px;
  right: 124px;
}
BODY .main .year-filter-wrap .next-btn img {
  max-width: 85%;
}
BODY .main .year-filter-wrap .year-slider {
  max-width: 988px;
  margin-left: 51px;
}
BODY .main .year-filter-wrap .year-slider .slick-slide {
  margin: 0 15px;
}
BODY .main .year-filter-wrap .year-slider .year-btn {
  font-family: 'Inter', sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 72px;
  text-align: center;
  height: 74px;
  border: 1px solid #003976;
  border-radius: 20px;
  background: white;
}
BODY .main .year-filter-wrap .year-slider .year-btn .slide-margin {
  margin-right: 29px;
}
BODY .main .year-filter-wrap .year-slider .year-btn.active {
  background: #e62f0e;
}
BODY .main .year-filter-wrap .year-slider .year-btn.active p {
  color: white;
}
BODY .main .year-filter-wrap .year-slider .year-btn p {
  color: #15407b;
}
BODY .main .formal-search {
  margin-left: 56px;
  margin-top: 253px;
}
BODY .main .formal-search ul {
  list-style-type: none;
  padding-left: 0;
}
BODY .main .formal-search ul li {
  margin-bottom: 26px;
}
BODY .main .formal-search ul li a {
  font-family: 'Global User Interface', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #15407b;
  text-align: left;
}
BODY .main .formal-search ul li a.active {
  color: #e62f0e;
}
BODY .main .press-headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 114px;
}
BODY .main .press-headline .press-cat {
  color: black;
  font-family: 'Fira Sans', sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  margin-right: 30px;
}
BODY .main .press-headline .show-locations {
  position: relative;
  z-index: 1;
}
BODY .main .press-grid .img-download-wrapper {
  position: relative;
}
BODY .main .press-grid .press-img {
  background: url("/images/_theme/press.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 280px;
  margin-bottom: 29px;
}
BODY .main .press-grid h4,
BODY .main .press-grid p {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
BODY .main .press-grid p {
  font-weight: 400;
}
BODY .main .press-grid .press-download {
  position: absolute;
  right: 9px;
  bottom: 105px;
}
BODY .cookie-container {
  width: 601px;
  height: 240px;
  padding: 40px 44px 31px 35px;
  position: absolute;
  background: #15407b;
  z-index: 2;
  border-radius: 20px;
  position: fixed;
  bottom: 3vh;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
BODY .cookie-container h4,
BODY .cookie-container p {
  font-family: 'Inter', sans-serif;
  color: white;
  font-size: 25px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 17px;
}
BODY .cookie-container p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 32px;
}
BODY .cookie-container div {
  display: flex;
  gap: 28px;
}
BODY .cookie-container a {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #15407b;
  width: 156px;
  height: 46px;
  text-align: center;
  background: white;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
BODY .cookie-container a:nth-of-type(1):hover {
  background: #d3ecf9;
}
BODY .cookie-container a:nth-of-type(2):hover {
  background: white;
}
BODY .cookie-container a:nth-of-type(3) {
  background: #e62f0e;
  color: white;
}
BODY .cookie-container a:nth-of-type(3):hover {
  background: #a92108;
  color: white;
}
BODY .back-to-top {
  right: 143px;
  position: fixed;
  bottom: 9vh;
  display: none;
  transition: all 0.3s;
}
BODY .back-to-top:hover {
  transform: scale(1.2);
}
BODY .footer-img-container {
  background-image: url("/images/_theme/footer-bg-24.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  /*background-size: 1724px;*/
  background-size: contain;
  /*background-size: auto;*/

  /*position: absolute;*/

  /*min-height: 637px;
		min-height: 516px;
			position: absolute;
			bottom: 0;
			right: 0;
			left: 0;
			z-index: -1;*/

}
BODY footer {
  position: relative;
  max-width: 1636px;
  margin: 0 auto;
}
BODY footer .powered-by {
  position: absolute;
  bottom: 25px;
  right: -50px;
  color: black;
  font-weight: 700;
  font-size: 10px;
}
BODY .logoes {
  padding-bottom: 75px;
  align-items: center;
  margin-top: 0;
}
BODY .logoes .spread {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
BODY .footer-container {
  padding: 150px 0 0;
}
BODY .footer-container .footer-logo:not(.htz) {
  margin-top: -43px;
}
BODY .footer-container .footer-logo.htz {
  margin-top: 50px;
}
BODY .footer-container .footer-logo.htz .logo img {
  margin: 0 auto;
}
BODY .footer-container a {
  color: black;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
}
BODY .footer-container a:hover {
  color: #15407b;
}
BODY .footer-container p {
  color: black;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}
BODY .footer-container h5 {
  color: black;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 700;
  margin-bottom: 40px;
  font-size: 18px;
}
BODY .footer-container .info {
  display: flex;
  align-items: start;
  justify-content: space-evenly;
  margin-bottom: 50px;
}
BODY .footer-container .info .info-contacts a {
  display: inline;
}
BODY .footer-container .info .info-contacts a:hover {
  color: #15407b;
  text-decoration: underline;
}
BODY .footer-container .impressum {
  /*padding-left: 81px;*/
  /*display: flex;
			justify-content: flex-start;*/
  margin-top: 60px;
}
BODY .footer-container .impressum a {
  font-family: 'Inter', sans serif;
  font-size: 12px;
  margin-bottom: 20px;
}
BODY .footer-container .impressum a.novena {
  font-weight: 600;
}
BODY .footer-container .info-social p {
  margin-bottom: 20px;
}
BODY .footer-container .info-social .icons-social {
  display: flex;
  gap: 20px;
}
BODY .footer-container .info-social .icons-social a {
  min-width: 35px;
  min-height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: white;
  transition: all 0.3s;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}
BODY .footer-container .info-social .icons-social a:hover {
  transform: scale(1.2);
}
BODY .footer-container .footer-associates {
  display: flex;
  gap: 85px;
  margin-left: auto;
  width: fit-content;
  margin-top: 53px;
}
BODY .footer-container .footer-htz {
  margin-left: auto;
  width: fit-content;
}
BODY .footer-container .footer-cycle {
  margin-left: auto;
}
BODY .footer-container .footer-cycle img {
  margin-left: auto;
}
BODY .footer-container .footer-cycle .novena {
  text-align: right;
  font-size: 10px;
  font-weight: 700;
  margin-top: 115px;
}
BODY .info-blue {
  background: #054791;
  border-radius: 20px;
  padding: 24px 57px 27px 50px;
  max-width: 242px;
  max-height: 292px;
  position: absolute;
  right: 0;
}
BODY .info-blue.no-info-blue {
  display: none;
}
BODY .info-blue #pin-summary {
  line-height: unset;
  max-width: unset;
  margin: 0 !important;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: white;
}
BODY .info-blue #pin-summary p {
  line-height: unset;
  max-width: unset;
  margin: 0 !important;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: white;
}
BODY .info-blue #pin-summary:nth-child(3) {
  margin-bottom: 20px;
}
BODY .info-blue .info-pin {
  margin-bottom: 32px !important;
  margin-top: 0;
}
BODY .supermap {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 130px;
  display: flex;
}
BODY .supermap .marker-svg-image.highlight .toggleRedCircle {
  fill: #e62f0e;
}
BODY .supermap .gm-style iframe + div {
  border: none !important;
}
BODY .supermap .gm-style-iw {
  padding: 0 !important;
}
BODY .supermap .gm-style-iw .gm-ui-hover-effect,
BODY .supermap .gm-style-iw .gm-ui-hover-effect span {
  display: none !important;
}
BODY .supermap .gm-style-iw .infoPane {
  padding: 20px;
  background: #15407b;
  color: white;
  font-size: 20px;
  font-weight: 600;
  max-width: 160px;
  text-align: center;
}
BODY .supermap .gm-style-iw-tc::after {
  background: #15407b;
}
BODY .supermap #supermap {
  margin-bottom: 0;
  width: 67%;
}
BODY .supermap .picker {
  width: 33%;
  background: #15407b;
  position: relative;
}
BODY .supermap .picker .details {
  background: #15407b;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 50px;
  display: none;
  overflow-y: auto;
}
BODY .supermap .picker .details .header .back {
  color: white;
  font-size: 16px;
  font-weight: 600;
}
BODY .supermap .picker .details .header .back img {
  display: inline-block;
  height: 25px;
  margin-right: 15px;
}
BODY .supermap .picker .details .body {
  margin: 25px 0;
}
BODY .supermap .picker .details .body img.main {
  margin: 25px 0 45px 0;
  width: 100%;
  border-radius: 20px;
}
BODY .supermap .picker .details .body h3 {
  color: white;
  font-size: 30px;
  font-weight: 600;
  line-height: 120%;
}
BODY .supermap .picker .details .body .desc {
  margin-top: 40px;
  font-size: 20px;
  line-height: 160%;
  color: white;
}
BODY .supermap .picker .details .body .read-more {
  margin-top: 45px;
  height: 50px;
  display: block;
  width: 100%;
  border: 1px solid white;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 48px;
  color: white;
  border-radius: 20px;
}
BODY .supermap .picker .accord {
  background: #15407b;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 60px 80px;
}
BODY .supermap .picker .accord h3 {
  background: none;
  color: white;
  font-family: 'Inter', sans-serif;
  font-size: 24px;
  font-weight: bold;
  border: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  margin-bottom: 30px;
  background-image: url("/images/_theme/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: center right;
  padding-left: 0;
  padding-right: 0;
  transition: 0.2s;
}
BODY .supermap .picker .accord h3.ui-state-active {
  background-image: url("/images/_theme/chevron-up.svg");
  color: #1a99d8;
  margin-bottom: 0px;
}
BODY .supermap .picker .accord > div {
  background: none;
  border: none;
  font-size: 20px;
  color: white;
}
BODY .supermap .picker .accord > div ul {
  list-style: none;
  padding-left: 0;
}
BODY .supermap .picker .accord > div ul li {
  margin-bottom: 15px;
}
BODY .supermap .picker .accord > div ul li a {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
BODY .supermap .picker .accord > div ul li a:hover {
  color: #1a99d8;
}
BODY .supermap .picker .accord > div ul li a.active {
  color: #1a99d8;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.fontDsylectic {
  font-family: 'Inter', sans-serif;
}
@font-face {
  font-family: OmoType;
  src: url(https://asset.novena.hr/fonts/omotypestd/OmoType-BoldStdThree.ttf);
}
.accessibility {
  background: none;
  box-shadow: none;
  left: 0px;
  /*position: absolute;*/
  position: fixed;
  display: block;
  top: 234px !important;
  right: 0;
  z-index: 2;
}
#accessibility-button {
  position: relative;
  background: unset;
  border: unset;
  cursor: pointer;
  position: absolute;
  top: 5vh;
  right: 0;
  padding: unset;
  z-index: 11;
}
#accessibility-button .icon-accessibility {
  cursor: pointer;
}
#accessibility-menu {
  position: absolute;
  right: 0;
  z-index: 10;
  top: 95px !important;
  background-color: #e62f0e;
  min-width: 331px;
  padding: 44px 24px;
  left: unset !important;
}
#accessibility-menu ul {
  text-align: left;
}
#accessibility-menu ul li {
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  color: white;
  text-align: left;
  cursor: pointer;
}
#accessibility-menu ul li:hover,
#accessibility-menu ul li:focus {
  opacity: 0.7;
}
#accessibility-menu ul li.selected span {
  color: black;
  font-weight: bold;
}
#accessibility-menu ul li span {
  white-space: nowrap;
  color: white;
  font-size: 16px;
  line-height: 45px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
}
#accessibility-menu ul li span.uk-icon {
  margin-right: 45px;
}
.icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /*padding-right: 20px;*/

}
.icon-accessibility {
  background: url(/images/accessibility/accessibility-icon.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /*padding-right: 20px;*/

  width: 26px;
  height: 26px;
}
.icon-increase-font {
  background: url('/images/_theme/ikonice/increase-font.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /*padding-right: 20px;*/

  width: 44px;
  height: 25px;
}
.icon-decrease-font {
  background: url('/images/_theme/ikonice/decrease-font.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /*padding-right: 20px;*/

  width: 44px;
  height: 25px;
}
.icon-contrast {
  background: url('/images/_theme/ikonice/contrast-change.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /*padding-right: 20px;*/

  width: 44px;
  height: 25px;
}
.icon-gray-tones {
  background: url('/images/_theme/ikonice/grey-fonts.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /*padding-right: 20px;*/

  width: 44px;
  height: 25px;
}
.icon-change-font {
  background: url('/images/_theme/ikonice/change-letters.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /*padding-right: 20px;*/

  width: 44px;
  height: 25px;
}
.icon-paperclip {
  background: url('/images/_theme/ikonice/enhance-links.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /*padding-right: 20px;*/

  width: 44px;
  height: 25px;
}
.icon-undo {
  background: url('/images/_theme/ikonice/reset.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /*padding-right: 20px;*/

  width: 44px;
  height: 25px;
}
.font-dyslexic * {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
}
.font-dyslexic .uk-icon {
  font-family: FontAwesome !important;
}
.font-size-s .dokumenti h1 {
  font-size: 75px;
  line-height: 75px;
}
.font-size-s .hero-img-container .hero-content-container .hero-video .hero-video-content {
  font-size: 13px;
}
.font-size-s .hero-img-container .hero-content-container .heading-primary h1 {
  font-size: 45px;
  line-height: 50px;
}
.font-size-s .hero-img-container .hero-content-container .heading-primary p {
  font-size: 18px;
}
.font-size-s .hero-img-container .hero-content-container .hero-video {
  font-size: 16px;
}
.font-size-s .navbar .navbar-btns .navbar-lang a {
  font-size: 10px;
}
.font-size-s .navbar .navbar-logo-links .links li a {
  font-size: 14px;
  line-height: 20px;
}
.font-size-s .navbar .navbar-logo-links .links.sub-menu-list li a {
  font-size: 28px;
  line-height: 32px;
}
.font-size-s .navbar .navbar-logo-links .links.sub-menu-list .content li a {
  font-size: 26px;
  line-height: 32px;
}
.font-size-s .drop-down-menu .drop-down-img h4 a,
.font-size-s .drop-down-menu .drop-down-img h5 a {
  font-size: 14px !important;
  line-height: 20px !important;
}
.font-size-s .main .formal-search ul li a {
  font-size: 21px;
  line-height: 27px;
}
.font-size-s .main .results-btn-wrapper .doc-box .upper-main .download-btn,
.font-size-s .main .results-btn-wrapper .doc-box .upper-main .summary-btn {
  font-size: 13px;
}
.font-size-s .main .results-btn-wrapper .doc-box .upper-main .open-desc {
  font-size: 30px;
  line-height: 36px;
}
.font-size-s .main .press-headline .press-cat {
  font-size: 26px;
  line-height: 32px;
}
.font-size-s .main .press-grid h4 {
  font-size: 20px;
  line-height: 28px;
}
.font-size-s .main .press-grid p {
  font-size: 20px;
  line-height: 28px;
}
.font-size-s .main h1 {
  font-size: 50px;
}
.font-size-s .main h2 {
  font-size: 35px;
  line-height: 40px;
}
.font-size-s .main h3 {
  font-size: 15px;
  line-height: 20px;
}
.font-size-s .main h4 {
  font-size: 16px;
  line-height: 24px;
}
.font-size-s .main .card-text-1 h2 {
  font-size: 22px;
}
.font-size-s .main .card-text-1 h3 {
  font-size: 14px;
}
.font-size-s .main .card-text-2 h2 {
  font-size: 30px;
  line-height: 36px;
}
.font-size-s .main .card-text-2 p {
  font-size: 12px;
}
.font-size-s .main .card-text-3 h2,
.font-size-s .main .card-text-4 h2 {
  font-size: 35px;
  line-height: 40px;
}
.font-size-s .main .card-text-3 p,
.font-size-s .main .card-text-4 p {
  font-size: 20px;
  line-height: 28px;
}
.font-size-s .main .card-text-3 h2 {
  font-size: 45px;
  line-height: 60px;
}
.font-size-s .main .card-text-5 h2 {
  font-size: 24px;
  line-height: 32px;
}
.font-size-s .main .card-text-5 h3 {
  font-size: 15px;
  line-height: 18px;
}
.font-size-s .main .card-text-5 .location-title {
  font-size: 14px;
  line-height: 22px;
}
.font-size-s .main .card-text-8 h2 {
  font-size: 30px;
  line-height: 36px;
}
.font-size-s .main .card-text-8 h3 {
  font-size: 15px;
  line-height: 20px;
}
.font-size-s .main .card-text-8 p {
  font-size: 18px;
  line-height: 26px;
}
.font-size-s .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
  font-size: 24px;
  line-height: 32px;
}
.font-size-s .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
  font-size: 18px;
  line-height: 24px;
}
.font-size-s .main .travel-text h2 {
  font-size: 38px;
  line-height: 48px;
}
.font-size-s .main .static-content h2 {
  font-size: 35px;
  line-height: 48px;
}
.font-size-s .main .static-content h4 {
  font-size: 18px;
  line-height: 26px;
}
.font-size-s .main .static-content p {
  font-size: 16px;
  line-height: 24px;
}
.font-size-s .main .read-more {
  font-size: 18px;
}
.font-size-s .main .read-more .read-more-feature,
.font-size-s .main .read-more .read-more-content {
  font-size: 18px;
}
.font-size-s .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue {
  font-size: 15px;
}
.font-size-s .main .page-path li a {
  font-size: 16px;
}
.font-size-s .main .destination-headline h2 {
  font-size: 35px;
  line-height: 54px;
}
.font-size-s .main .destination-headline h3 {
  font-size: 16px;
  line-height: 24px;
}
.font-size-s .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .static-subheading {
  font-size: 20px;
  line-height: 24px;
}
.font-size-s .main .dest-hero-txt-container .destinacije-heading {
  font-size: 65px;
}
.font-size-s .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings .static-heading {
  margin-bottom: 13px;
}
.font-size-s .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings .static-subheading {
  font-size: 16px;
}
.font-size-s .main .destinacije-details-main-content p,
.font-size-s .main .static-content p,
.font-size-s .main .activities-text p,
.font-size-s .main .destinacije-details-main-content a,
.font-size-s .main .static-content a,
.font-size-s .main .activities-text a {
  font-size: 15px;
}
.font-size-s .main .activities-headline .activities-headline-text h1 {
  font-size: 38px;
}
.font-size-s .main .accommodation-container h3 {
  font-size: 17px;
}
.font-size-s .main .accommodation-container ul li,
.font-size-s .main .accommodation-container ul a {
  font-size: 12px;
}
.font-size-s .main .blue-overlay h4,
.font-size-s .main .blue-overlay label,
.font-size-s .main .blue-overlay p {
  font-size: 14px;
  line-height: 24px;
}
.font-size-s .main .blue-overlay h3 {
  font-size: 13px;
}
.font-size-s .main .blue-overlay .routes-content p {
  font-size: 13px;
}
.font-size-s .main .map-content p {
  font-size: 14px;
  line-height: 23px;
}
.font-size-s .main .map-content .map-weather-wrapper h2 {
  font-size: 33px;
}
.font-size-s .main .map-content .map-weather-wrapper h3 {
  font-size: 28px;
}
.font-size-s .main .map-routes-details .blue-overlay h2 {
  font-size: 23px;
}
.font-size-s .main .map-routes-details .blue-overlay h5,
.font-size-s .main .map-routes-details .blue-overlay p {
  font-size: 12px;
}
.font-size-s .main .datepicker-wrapper-accommodation .accordion-title {
  font-size: 16px;
}
.font-size-s .main .datepicker-headline-container .accordion-title {
  font-size: 16px;
  line-height: 24px;
}
.font-size-s .main .datepicker-headline-container .datepicker-wrapper div {
  font-size: 16px;
  line-height: 24px;
}
.font-size-s .main .datepicker-headline-container .datepicker-wrapper .datepicker-btn {
  font-size: 15px;
  line-height: 18px;
}
.font-size-s .main .datepicker-headline-container .datepicker-wrapper p {
  font-size: 16px;
  line-height: 24px;
}
.font-size-s .main .details-info h4 {
  font-size: 12px;
  line-height: 16px;
}
.font-size-s .main .details-info h1 {
  font-size: 22px;
  line-height: 30px;
}
.font-size-s .footer-container .impressum a {
  font-size: 10px;
}
.font-size-s .footer-container h5 {
  font-size: 14px;
}
.font-size-s .footer-container p,
.font-size-s .footer-container a {
  font-size: 12px;
}
.font-size-s .supermap .picker .accord > div ul li a {
  font-size: 16px;
  line-height: 24px;
}
.font-size-s .supermap .picker .accord h3 {
  font-size: 20px;
  line-height: 28px;
}
.font-size-s .info-blue {
  max-height: 350px;
}
.font-size-s .info-blue #pin-summary {
  font-size: 14px;
  line-height: 18px;
}
.font-size-s .info-blue #pin-summary p {
  font-size: 14px;
  line-height: 14px;
}
.font-size-l .dokumenti h1 {
  font-size: 90px !important;
  line-height: 95px;
}
.font-size-l .info-blue {
  max-height: 350px;
}
.font-size-l .info-blue #pin-summary {
  font-size: 20px;
  line-height: 24px;
}
.font-size-l .info-blue #pin-summary p {
  font-size: 20px;
  line-height: 24px;
}
.font-size-l footer .powered-by {
  font-size: 14px;
  line-height: 18px;
}
.font-size-l .supermap .picker .accord > div ul li a {
  font-size: 24px;
  line-height: 36px;
}
.font-size-l .supermap .picker .accord h3 {
  font-size: 30px;
  line-height: 36px;
}
.font-size-l .hero-img-container .hero-content-container .hero-video .hero-video-content {
  font-size: 18px;
  line-height: 26px;
}
.font-size-l .hero-img-container .hero-content-container .heading-primary h1 {
  font-size: 64px;
  line-height: 76px;
}
.font-size-l .hero-img-container .hero-content-container .heading-primary p {
  font-size: 25px;
  line-height: 38px;
}
.font-size-l .hero-img-container .hero-content-container .hero-video {
  font-size: 22px;
}
.font-size-l .navbar .navbar-logo-links .links li a {
  font-size: 20px;
  line-height: 30px;
}
.font-size-l .navbar .navbar-logo-links .links.sub-menu-list li a {
  font-size: 34px;
}
.font-size-l .navbar .navbar-logo-links .links.sub-menu-list .content li a {
  font-size: 34px;
}
.font-size-l .navbar .navbar-btns .navbar-lang a {
  font-size: 14px;
}
.font-size-l .drop-down-menu .drop-down-img h4 a,
.font-size-l .drop-down-menu .drop-down-img h5 a {
  font-size: 22px !important;
  line-height: 30px !important;
}
.font-size-l .main .press-headline .press-cat {
  font-size: 33px;
}
.font-size-l .main .formal-search ul li a {
  font-size: 28px;
  line-height: 36px;
}
.font-size-l .main .results-btn-wrapper .doc-box .upper-main .download-btn,
.font-size-l .main .results-btn-wrapper .doc-box .upper-main .summary-btn {
  font-size: 19px;
}
.font-size-l .main .results-btn-wrapper .doc-box .upper-main .open-desc {
  font-size: 40px;
  line-height: 48px;
}
.font-size-l .main .press-grid h4,
.font-size-l .main .press-grid p {
  font-size: 28px;
  line-height: 36px;
}
.font-size-l .main .details-info h1 {
  font-size: 90px;
  line-height: 100px;
}
.font-size-l .main .feature-1 .feature-container-1 h2 {
  font-size: 65px;
  line-height: 78px;
}
.font-size-l .main h1 {
  font-size: 64px;
}
.font-size-l .main h1.module-margin {
  font-size: 90px;
  line-height: 90px;
}
.font-size-l .main h2 {
  font-size: 50px;
}
.font-size-l .main h3 {
  font-size: 22px;
  line-height: 36px;
}
.font-size-l .main h4 {
  font-size: 24px;
  line-height: 36px;
}
.font-size-l .main .card-text-1 h2,
.font-size-l .main .card-text-2 h2,
.font-size-l .main .card-text-3 h2,
.font-size-l .main .card-text-4 h2 {
  font-size: 44px;
  line-height: 56px;
}
.font-size-l .main .card-text-1 h3,
.font-size-l .main .card-text-2 h3,
.font-size-l .main .card-text-3 h3,
.font-size-l .main .card-text-4 h3 {
  font-size: 22px;
}
.font-size-l .main .card-text-1 p,
.font-size-l .main .card-text-2 p,
.font-size-l .main .card-text-3 p,
.font-size-l .main .card-text-4 p {
  font-size: 28px;
  line-height: 36px;
}
.font-size-l .main .card-text-2 p {
  font-size: 20px;
}
.font-size-l .main .card-text-2 h2 {
  font-size: 42px;
}
.font-size-l .main .card-text-5 .location-title {
  font-size: 20px;
}
.font-size-l .main .card-text-5 h2 {
  font-size: 40px;
  line-height: 50px;
}
.font-size-l .main .card-text-5 h3 {
  font-size: 22px;
  line-height: 28px;
}
.font-size-l .main .card-text-8 h2 {
  font-size: 40px;
}
.font-size-l .main .card-text-8 h3 {
  font-size: 22px;
}
.font-size-l .main .card-text-8 p {
  font-size: 25px;
  line-height: 37px;
}
.font-size-l .main .card-text-9 h2 {
  font-size: 64px;
  line-height: 76px;
}
.font-size-l .main .card-text-9 h3 {
  font-size: 24px;
  line-height: 36px;
}
.font-size-l .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
  font-size: 44px;
}
.font-size-l .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
  font-size: 26px;
}
.font-size-l .main .static-content h4 {
  font-size: 24px;
  line-height: 36px;
}
.font-size-l .main .read-more {
  font-size: 24px;
}
.font-size-l .main .read-more .read-more-feature,
.font-size-l .main .read-more .read-more-content {
  font-size: 24px;
}
.font-size-l .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue {
  font-size: 26px;
  line-height: 32px;
}
.font-size-l .main .page-path li a {
  font-size: 20px;
}
.font-size-l .main .dest-hero-txt-container .static-subheading {
  font-size: 26px;
  line-height: 34px;
}
.font-size-l .main .destinacije-details-main-content p,
.font-size-l .main .static-content p,
.font-size-l .main .activities-text p,
.font-size-l .main .destinacije-details-main-content a,
.font-size-l .main .static-content a,
.font-size-l .main .activities-text a {
  font-size: 24px;
  line-height: 36px;
}
.font-size-l .main .accommodation-container h3 {
  font-size: 26px;
}
.font-size-l .main .accommodation-container ul li,
.font-size-l .main .accommodation-container ul a {
  font-size: 16px;
}
.font-size-l .main .blue-overlay h4,
.font-size-l .main .blue-overlay label,
.font-size-l .main .blue-overlay p {
  font-size: 18px;
}
.font-size-l .main .blue-overlay h3,
.font-size-l .main .blue-overlay a {
  font-size: 20px;
}
.font-size-l .main .map-content p {
  font-size: 26px;
}
.font-size-l .main .map-content .map-weather-wrapper.map-weather-wrapper-2 h2 {
  font-size: 64px;
}
.font-size-l .main .map-routes-details h2 {
  font-size: 44px;
}
.font-size-l .main .map-routes-details h5 {
  font-size: 20px;
}
.font-size-l .main .map-routes-details .city-names {
  font-size: 30px;
}
.font-size-l .main .travel-slider-container p {
  font-size: 20px;
}
.font-size-l .main .datepicker-headline-container .datepicker-wrapper .datepicker-btn {
  font-size: 22px;
  line-height: 26px;
}
.font-size-l .main .datepicker-headline-container .datepicker-wrapper p {
  font-size: 22px;
}
.font-size-l .main .datepicker-wrapper-accommodation .show-locations h4 {
  font-size: 26px;
}
.font-size-l .main .datepicker-wrapper-accommodation .show-locations p {
  font-size: 16px;
}
.font-size-l .main .hero-image .destinacije-heading {
  font-size: 95px;
  line-height: 110px;
}
.font-size-l .footer-container h5,
.font-size-l .footer-container p,
.font-size-l .footer-container a {
  font-size: 20px;
}
.font-size-l .footer-container .impressum {
  padding-left: 52px;
}
.font-size-l .footer-container .impressum a {
  font-size: 15px;
}
.grayscale {
  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.grayscale #scrollUp {
  display: none !important;
}
.grayscale footer #scrollUp {
  display: none;
}
/*CONTRAST*/

.contrast {
  /*background-color: @lightdark;*/
  color: white;
  /*ACCESSIBILITY MENU AND BUTTON*/

  /*ELEMENTS*/

  background-color: #1c1c1c;
}
.contrast .gradient-horizontal-gray {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%);
}
.contrast:not(.naslovna) {
  background-image: unset;
}
.contrast .fancybox-overlay {
  background: black 40%;
}
.contrast .hero-img-container .hero-content-container .hero-video .hero-video-img {
  border: 3px solid #444847;
}
.contrast .hero-img-container .hero-content-container .hero-video .hero-video-content {
  background: #444847;
}
.contrast .hero-img-container .hero-content-container .heading-primary h1,
.contrast .hero-img-container .hero-content-container .heading-primary p {
  color: black;
}
.contrast .navbar .navbar-logo-links .links.sub-menu-list .content li a {
  color: black;
}
.contrast .navbar .navbar-logo-links .links.sub-menu-list .content li a:hover {
  color: #e62f0e;
}
.contrast .navbar .navbar-logo-links .links.sub-menu-list li a {
  color: black;
}
.contrast .navbar .navbar-logo-links .links.sub-menu-list li a:hover {
  color: #e62f0e;
}
.contrast .footer-container p,
.contrast .footer-container a,
.contrast .footer-container h5 {
  color: white;
}
.contrast .footer-container a img {
  background-color: white;
}
.contrast .footer-container a:hover {
  color: white;
  text-decoration: underline;
}
.contrast .info-blue {
  background: black;
}
.contrast .footer-img-container {
  background-image: unset;
}
.contrast .logoes .spread {
  background-color: white;
}
.contrast .supermap .picker {
  background: #444847;
}
.contrast .supermap .picker .accord > div ul li a:hover {
  color: white;
  text-decoration: underline;
}
.contrast .supermap .picker .accord h3.ui-state-active {
  color: white;
}
.contrast .main .datepicker-wrapper-accommodation .accordion-title {
  border: 2px solid #444847;
  color: white;
}
.contrast .main .datepicker-wrapper-accommodation .accordion-title .town {
  color: black;
}
.contrast .main .datepicker-headline-container .datepicker-wrapper .datepicker-btn {
  background: #444847;
}
.contrast .main .datepicker-headline-container .datepicker-wrapper p {
  color: white;
}
.contrast .main .accommodation-container .card {
  background: #444847;
}
.contrast .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue {
  background: #444847;
}
.contrast .main .feature-1 .feature-container-1 {
  background: #444847;
}
.contrast .main .activities-card {
  background-color: #444847;
}
.contrast .main .activities-text p {
  color: white;
}
.contrast .main .static-content p,
.contrast .main .static-content h3,
.contrast .main .static-content h4,
.contrast .main .static-content h5,
.contrast .main .static-content li {
  color: white;
}
.contrast .main .static-content a {
  color: #e62f0e;
}
.contrast .main .destinacije-details-main-content p {
  color: white;
}
.contrast .main .page-path li a {
  color: white;
}
.contrast .main .card-text-8 h3,
.contrast .main .card-text-8 h2,
.contrast .main .card-text-8 p {
  color: white;
}
.contrast .main .card-text-9 h2,
.contrast .main .card-text-9 h3 {
  color: white;
}
.contrast .main .card-text-4 h2,
.contrast .main .card-text-4 p {
  color: white;
}
.contrast .main .headline .headline-btns .prev-btn,
.contrast .main .headline .headline-btns .next-btn {
  background-color: white;
}
.contrast .main .read-more .read-more-content {
  color: white;
}
.contrast .main .news-section .news-section-container.news-list-container > div:first-child {
  border-top: 1px solid white;
}
.contrast .main .news-section .news-section-container.news-list-container > div:nth-child(2) {
  border-top: 1px solid white;
}
.contrast .main .news-section .news-section-container .slick-slide > div:first-child .news-section-grid {
  border-top: 1px solid white;
}
.contrast .main .news-section .news-section-container .news-section-grid {
  border-bottom: 1px solid white;
}
.contrast .main .news-section .news-section-container .news-section-grid .news-section-content h3,
.contrast .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
  color: white;
}
.contrast .main .news-section .news-section-container .news-section-grid .news-section-content h3:hover,
.contrast .main .news-section .news-section-container .news-section-grid .news-section-content h2:hover {
  color: white;
  text-decoration: underline;
}
.contrast .main h1,
.contrast .main h2,
.contrast .main h3,
.contrast .main h4 {
  color: white;
}
.contrast .main .carousel .slick-slide .card-img .card-overlay.card-overlay-blue {
  background-image: url("/images/_theme/advent-sm-bg.png");
}
.contrast header .header-wrapper {
  background-color: black;
}
.contrast header .header-wrapper .dual-menu-wrapper .upper-menu .language-button {
  background-color: white;
}
.contrast header .header-wrapper .dual-menu-wrapper .upper-menu .search-button {
  background-color: white;
}
.contrast .main-slider .slick-main .slick-dots li button {
  color: white;
}
.contrast .shape .picture-content p {
  color: black;
}
.contrast .primary-button {
  background-color: black;
}
.contrast .news-list-wrapper h3 {
  color: white;
}
.contrast .news-list-wrapper h4 {
  color: white;
}
.contrast .news-list-wrapper .tenders-list .rectangle-wrap:hover .info-content {
  background-color: white;
}
.contrast .news-list-wrapper .tenders-list .rectangle-wrap .info-content {
  background-color: white;
}
.contrast footer .powered-by {
  color: white;
}
.contrast footer .footer-wrapper .brown-rectangle {
  background-color: black;
}
.contrast footer .footer-wrapper .yellow-rectangle {
  background-color: black;
}
.contrast footer .footer-wrapper .yellow-rectangle .content-box-wrapper .content-box p {
  color: white;
}
.contrast footer .footer-wrapper .yellow-rectangle .content-box-wrapper .content-box p a {
  color: white;
}
.contrast footer .footer-wrapper .yellow-filler {
  background-color: black;
}
.contrast .page-path li a {
  color: white;
}
.contrast .main-content h1 {
  color: white;
}
.contrast .main-content p {
  color: white;
}
.contrast .main-content h2 {
  color: white;
}
.contrast .main-content ul li {
  color: white;
}
/* HIGHLIGHT LINKS: */

body.highlight-links a {
  text-decoration: underline !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1700px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1700px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1700px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1700px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1700px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1700px), only screen and (min-width: 960px) and (max-width: 1700px) {
  
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px), only screen and (max-width: 767px) {
  #accessibility-menu {
    margin-top: unset;
  }
  .font-size-s .info-blue #pin-summary {
    font-size: 12px;
    line-height: 16px;
  }
  .font-size-s .info-blue #pin-summary p {
    font-size: 12px;
    line-height: 16px;
  }
  .font-size-s .supermap .picker .accord h3 {
    font-size: 16px;
  }
  .font-size-s .hero-img-container .hero-content-container .heading-primary h1 {
    font-size: 36px;
    line-height: 42px;
  }
  .font-size-s .hero-img-container .hero-content-container .hero-video {
    font-size: 13px;
  }
  .font-size-s .heading-primary-mobile p {
    font-size: 16px;
    line-height: 26px;
  }
  .font-size-s .navbar .navbar-logo-links .links li a {
    font-size: 22px;
    line-height: 28px;
  }
  .font-size-s .navbar .navbar-logo-links .links.sub-menu-list li a {
    font-size: 22px;
    line-height: 28px;
  }
  .font-size-s .navbar .navbar-logo-links .links.sub-menu-list .content li a {
    font-size: 17px;
    line-height: 22px;
  }
  .font-size-s .main .travel-text h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .font-size-s .main .datepicker-wrapper-accommodation .show-locations h4 {
    font-size: 13px;
    line-height: 20px;
  }
  .font-size-s .main .datepicker-wrapper-accommodation .accordion-title {
    font-size: 10px;
    line-height: 15px;
  }
  .font-size-s .main .datepicker-headline-container .datepicker-wrapper p {
    font-size: 14px;
    line-height: 22px;
  }
  .font-size-s .main .formal-search ul li a {
    font-size: 13px;
    line-height: 19px;
  }
  .font-size-s .main .results-btn-wrapper .doc-box .upper-main .download-btn {
    font-size: 14px;
  }
  .font-size-s .main .results-btn-wrapper .doc-box .upper-main .open-desc {
    font-size: 16px;
    line-height: 24px;
  }
  .font-size-s .main .press-grid p,
  .font-size-s .main .press-grid h4 {
    font-size: 12px;
    line-height: 18px;
  }
  .font-size-s .main h1 {
    font-size: 28px;
  }
  .font-size-s .main h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .font-size-s .main h3 {
    font-size: 10px;
    line-height: 14px;
  }
  .font-size-s .main .card-text-1 h2 {
    font-size: 18px;
  }
  .font-size-s .main .card-text-1 h3 {
    font-size: 13px;
  }
  .font-size-s .main .card-text-1 h2,
  .font-size-s .main .card-text-2 h2,
  .font-size-s .main .card-text-3 h2,
  .font-size-s .main .card-text-4 h2,
  .font-size-s .main .card-text-8 h2 {
    font-size: 18px;
    line-height: 26px;
  }
  .font-size-s .main .card-text-1 p,
  .font-size-s .main .card-text-2 p,
  .font-size-s .main .card-text-3 p,
  .font-size-s .main .card-text-4 p,
  .font-size-s .main .card-text-8 p {
    font-size: 14px;
    line-height: 20px;
  }
  .font-size-s .main .card-text-1 h3,
  .font-size-s .main .card-text-2 h3,
  .font-size-s .main .card-text-3 h3,
  .font-size-s .main .card-text-4 h3,
  .font-size-s .main .card-text-8 h3 {
    font-size: 10px;
    line-height: 14px;
  }
  .font-size-s .main .card-text-2 h2 {
    font-size: 18px;
  }
  .font-size-s .main .card-text-2 p {
    font-size: 10px;
    line-height: 16px;
  }
  .font-size-s .main .card-text-3 h2,
  .font-size-s .main .card-text-4 h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .font-size-s .main .card-text-5 h2 {
    font-size: 20px;
  }
  .font-size-s .main .card-text-5 h3 {
    font-size: 12px;
  }
  .font-size-s .main .card-text-8 h2 {
    font-size: 18px;
  }
  .font-size-s .main .card-text-8 p {
    font-size: 12px;
  }
  .font-size-s .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .font-size-s .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
    font-size: 10px;
    line-height: 12px;
  }
  .font-size-s .main .static-content p {
    font-size: 12px;
  }
  .font-size-s .main .static-heading {
    font-size: 28px;
  }
  .font-size-s .main .read-more {
    font-size: 15px;
  }
  .font-size-s .main .read-more .read-more-feature {
    font-size: 10px;
    line-height: 14px;
  }
  .font-size-s .main .read-more .read-more-content {
    font-size: 15px;
  }
  .font-size-s .main .feature-1 .feature-container-1 h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .font-size-s .main .page-narrow .page-path li a {
    font-size: 8px;
  }
  .font-size-s .main .page-path li a {
    font-size: 8px;
  }
  .font-size-s .main .destination-headline.travel-headline h4 {
    font-size: 12px;
    line-height: 18px;
  }
  .font-size-s .main .destination-headline h2 {
    font-size: 26px;
    line-height: 32px;
  }
  .font-size-s .main .destination-headline h3 {
    font-size: 14px;
    line-height: 20px;
  }
  .font-size-s .main .dest-hero-txt-container .static-subheading {
    font-size: 10px;
  }
  .font-size-s .main .dest-hero-txt-container .destinacije-heading {
    font-size: 24px;
    line-height: 32px;
  }
  .font-size-s .main .dest-hero-txt-container .destinacije-heading.static-heading {
    font-size: 24px;
    line-height: 30px;
  }
  .font-size-s .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings .static-subheading {
    font-size: 10px;
  }
  .font-size-s .main .destinacije-details-main-content p,
  .font-size-s .main .activities-text p,
  .font-size-s .main .destinacije-details-main-content a,
  .font-size-s .main .activities-text a {
    font-size: 14px;
  }
  .font-size-s .main .activities-headline .activities-headline-text h1 {
    font-size: 24px;
  }
  .font-size-s .main .activities-text p {
    font-size: 12px;
  }
  .font-size-s .main .accommodation-container h3 {
    font-size: 16px;
  }
  .font-size-s .main .accommodation-container h4 {
    font-size: 12px;
    line-height: 18px;
  }
  .font-size-s .main .blue-overlay h4,
  .font-size-s .main .blue-overlay label,
  .font-size-s .main .blue-overlay p {
    font-size: 12px;
  }
  .font-size-s .main .map-content p {
    font-size: 12px;
    line-height: 19px;
  }
  .font-size-s .main .map-content .map-weather-wrapper h2 {
    font-size: 31px;
  }
  .font-size-s .main .map-content .map-weather-wrapper h3 {
    font-size: 17px;
  }
  .font-size-s .main .map-content .map-weather-wrapper.map-weather-wrapper-2 h2 {
    font-size: 24px;
  }
  .font-size-s .main .map-routes-details .city-names {
    font-size: 20px;
    line-height: 26px;
  }
  .font-size-s .main .map-routes-details .blue-overlay h3 {
    font-size: 12px;
  }
  .font-size-s .main .map-routes-details h2 {
    font-size: 22px;
  }
  .font-size-l .info-blue #pin-summary {
    font-size: 16px;
    line-height: 20px;
  }
  .font-size-l .info-blue #pin-summary p {
    font-size: 16px;
    line-height: 20px;
  }
  .font-size-l .dokumenti h1 {
    font-size: 36px !important;
  }
  .font-size-l .navbar .navbar-logo-links .links.sub-menu-list .content li a {
    font-size: 24px;
    line-height: 30px;
  }
  .font-size-l .navbar .navbar-logo-links .links li a {
    font-size: 30px;
    line-height: 36px;
  }
  .font-size-l .supermap .picker .accord > div ul li a {
    font-size: 22px;
    line-height: 26px;
  }
  .font-size-l .supermap .picker .accord h3 {
    font-size: 21px;
    line-height: 28px;
  }
  .font-size-l .main .formal-search ul li a {
    font-size: 19px;
    line-height: 26px;
  }
  .font-size-l .main .accommodation-container {
    margin-bottom: 240px;
  }
  .font-size-l .main .accommodation-container div {
    height: unset;
  }
  .font-size-l .main .accommodation-container h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .font-size-l .main .activities-card .image-holder {
    margin-bottom: 50px;
  }
  .font-size-l .main .activities-text p {
    font-size: 18px;
    line-height: 24px;
  }
  .font-size-l .main .activities-headline .activities-headline-images .img-2 {
    width: unset;
    height: unset;
    padding: 10px;
  }
  .font-size-l .main .activities-headline .activities-headline-images h6 {
    font-size: 14px;
    line-height: 22px;
  }
  .font-size-l .main .activities-headline .activities-headline-text h1 {
    font-size: 30px;
    line-height: 38px;
  }
  .font-size-l .main .read-more .read-more-feature {
    font-size: 15px;
    line-height: 20px;
  }
  .font-size-l .main .read-more .read-more-content {
    font-size: 22px;
    line-height: 30px;
  }
  .font-size-l .main .destinacije-details-main-content p {
    font-size: 19px;
    line-height: 26px;
  }
  .font-size-l .main .destination-headline.travel-headline h4 {
    font-size: 18px;
    line-height: 26px;
  }
  .font-size-l .main .destination-headline h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .font-size-l .main .destination-headline h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .font-size-l .main .hero-image .destinacije-heading {
    font-size: 32px;
    line-height: 40px;
  }
  .font-size-l .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .static-subheading {
    font-size: 15px;
    line-height: 22px;
  }
  .font-size-l .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .destinacije-heading.static-heading {
    font-size: 32px;
    line-height: 40px;
  }
  .font-size-l .main .dest-hero-txt-container .static-subheading {
    font-size: 16px;
    line-height: 24px;
  }
  .font-size-l .main .dest-hero-txt-container .destinacija-heading {
    font-size: 32px;
    line-height: 40px;
  }
  .font-size-l .main .details-info h1 {
    font-size: 38px;
    line-height: 44px;
  }
  .font-size-l .main h1 {
    font-size: 32px;
    line-height: 38px;
  }
  .font-size-l .main h2 {
    font-size: 34px;
    line-height: 42px;
  }
  .font-size-l .main .feature-1 .feature-container-1 .feature-flex {
    max-height: unset;
  }
  .font-size-l .main .feature-1 .feature-container-1 h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .font-size-l .main .feature-3 h4 {
    font-size: 22px;
    line-height: 26px;
  }
  .font-size-l .main .page-path li a {
    font-size: 12px;
    line-height: 18px;
  }
  .font-size-l .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .font-size-l .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
    font-size: 12px;
    line-height: 16px;
  }
  .font-size-l .main .card-text-1 h2,
  .font-size-l .main .card-text-2 h2,
  .font-size-l .main .card-text-3 h2,
  .font-size-l .main .card-text-4 h2,
  .font-size-l .main .card-text-5 h2,
  .font-size-l .main .card-text-8 h2 {
    font-size: 25px;
    line-height: 30px;
  }
  .font-size-l .main .card-text-1 h3,
  .font-size-l .main .card-text-2 h3,
  .font-size-l .main .card-text-3 h3,
  .font-size-l .main .card-text-4 h3,
  .font-size-l .main .card-text-5 h3,
  .font-size-l .main .card-text-8 h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .font-size-l .main .card-text-1 p,
  .font-size-l .main .card-text-2 p,
  .font-size-l .main .card-text-3 p,
  .font-size-l .main .card-text-4 p,
  .font-size-l .main .card-text-5 p,
  .font-size-l .main .card-text-8 p {
    font-size: 18px;
    line-height: 26px;
  }
  .font-size-l .main h3 {
    font-size: 14px;
    line-height: 18px;
  }
  .font-size-l .main h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .font-size-l .main .static-content p,
  .font-size-l .main .static-content a {
    font-size: 17px;
    line-height: 24px;
  }
  .font-size-l .main .results-btn-wrapper .doc-box .upper-main .download-btn {
    font-size: 18px;
  }
  .font-size-l .main .results-btn-wrapper .doc-box .upper-main .open-desc {
    font-size: 24px;
    line-height: 32px;
  }
  .font-size-l .main .travel-text h2 {
    font-size: 35px;
    line-height: 44px;
  }
  .font-size-l .main .datepicker-wrapper-accommodation .show-locations h4 {
    font-size: 19px;
    line-height: 26px;
  }
  .font-size-l .main .datepicker-wrapper-accommodation .accordion-title {
    font-size: 15px;
    line-height: 21px;
  }
  .font-size-l .main .datepicker-headline-container .datepicker-wrapper p {
    font-size: 18px;
    line-height: 26px;
  }
  .font-size-l .heading-primary-mobile p {
    font-size: 20px;
    line-height: 30px;
  }
  .font-size-l .hero-img-container .hero-content-container .hero-video .hero-video-content {
    font-size: 22px;
  }
  .font-size-l .hero-img-container .hero-content-container .heading-primary h1 {
    font-size: 43px;
    line-height: 52px;
    margin-bottom: 280px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1560px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1560px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1560px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1560px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1560px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1560px), only screen and (min-width: 960px) and (max-width: 1560px) {
  #accessibility-menu {
    margin-top: unset;
  }
  .font-size-s .destinacije-hero-img .destinacije-heading {
    font-size: 50px;
    line-height: 50px;
  }
  .font-size-s footer .powered-by {
    font-size: 8px;
    line-height: 24px;
  }
  .font-size-s .footer-container .impressum a {
    font-size: 8px;
  }
  .font-size-s .footer-container p,
  .font-size-s .footer-container a {
    font-size: 10px;
    line-height: 14px;
  }
  .font-size-s .supermap .picker .accord h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .font-size-s .main .press-grid h4,
  .font-size-s .main .press-grid p {
    font-size: 16px;
  }
  .font-size-s .main .press-headline .press-cat {
    font-size: 20px;
  }
  .font-size-s .main .static-content h3 {
    font-size: 26px;
    line-height: 32px;
  }
  .font-size-s .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .static-subheading {
    font-size: 20px;
    line-height: 26px;
  }
  .font-size-s .main .dest-hero-txt-container .destinacije-heading {
    font-size: 50px;
    line-height: 50px;
  }
  .font-size-s .main .read-more .read-more-content {
    font-size: 16px;
    line-height: 24px;
  }
  .font-size-s .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .font-size-s .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
    font-size: 16px;
  }
  .font-size-s .main .card-text-2 h2,
  .font-size-s .main .card-text-3 h2,
  .font-size-s .main .card-text-4 h2,
  .font-size-s .main .card-text-5 h2,
  .font-size-s .main .card-text-8 h2 {
    font-size: 19px;
    line-height: 23px;
  }
  .font-size-s .main .card-text-2 h3,
  .font-size-s .main .card-text-3 h3,
  .font-size-s .main .card-text-4 h3,
  .font-size-s .main .card-text-5 h3,
  .font-size-s .main .card-text-8 h3 {
    font-size: 14px;
    line-height: 18px;
  }
  .font-size-s .main .card-text-2 p,
  .font-size-s .main .card-text-3 p,
  .font-size-s .main .card-text-4 p,
  .font-size-s .main .card-text-5 p,
  .font-size-s .main .card-text-8 p {
    font-size: 14px;
    line-height: 24px;
  }
  .font-size-l .footer-container p,
  .font-size-l .footer-container a {
    font-size: 15px;
    line-height: 20px;
  }
  .font-size-l .supermap .picker .accord > div ul li a {
    font-size: 23px;
    line-height: 35px;
  }
  .font-size-l .supermap .picker .accord h3 {
    font-size: 23px;
    line-height: 29px;
  }
  .font-size-l .main .static-content h3 {
    font-size: 33px;
    line-height: 38px;
  }
  .font-size-l .main .static-content p {
    font-size: 20px;
    line-height: 30px;
  }
  .font-size-l .main .destinacije-details-main-content p {
    font-size: 20px;
    line-height: 26px;
  }
  .font-size-l .main .dest-hero-txt-container .static-subheading {
    font-size: 25px;
  }
  .font-size-l .main .destination-headline h2 {
    font-size: 44px;
  }
  .font-size-l .main .destination-headline h3 {
    font-size: 21px;
    line-height: 32px;
  }
  .font-size-l .main .destinacije-hero-img .destinacije-heading {
    font-size: 59px;
    line-height: 59px;
  }
  .font-size-l .main .read-more .read-more-content {
    font-size: 21px;
    line-height: 30px;
  }
  .font-size-l .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue {
    font-size: 21px;
    line-height: 69px;
  }
  .font-size-l .main .feature-1 .feature-container-1 h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .font-size-l .main .news-section .news-section-container .news-section-grid .image-size {
    min-height: 200px;
  }
  .font-size-l .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
    font-size: 13px;
    line-height: 20px;
  }
  .font-size-l .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .font-size-l .main .card-text-2 h2,
  .font-size-l .main .card-text-3 h2,
  .font-size-l .main .card-text-4 h2,
  .font-size-l .main .card-text-5 h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .font-size-l .main .card-text-2 h3,
  .font-size-l .main .card-text-3 h3,
  .font-size-l .main .card-text-4 h3,
  .font-size-l .main .card-text-5 h3 {
    font-size: 19px;
    line-height: 28px;
  }
  .font-size-l .main .card-text-2 p,
  .font-size-l .main .card-text-3 p,
  .font-size-l .main .card-text-4 p,
  .font-size-l .main .card-text-5 p {
    font-size: 20px;
    line-height: 28px;
  }
  .font-size-l .main .card-text-8 p,
  .font-size-l .main .card-text-8 a {
    font-size: 20px;
    line-height: 28px;
  }
  .font-size-l .main .card-text-4 h2 {
    font-size: 34px;
    line-height: 40px;
  }
  .font-size-l .main .card-text-5 h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .font-size-l .main .card-text-5 h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .font-size-l .main h3 {
    font-size: 19px;
    line-height: 36px;
  }
  .font-size-l .main h2 {
    font-size: 45px;
    line-height: 50px;
  }
  .font-size-l .navbar .navbar-logo-links .links li a {
    font-size: 19px;
    line-height: 28px;
  }
  .font-size-l .hero-img-container .hero-content-container .heading-primary p {
    font-size: 23px;
    line-height: 34px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1300px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1300px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1300px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1300px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1300px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1300px), only screen and (min-width: 960px) and (max-width: 1300px) {
  .font-size-l .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .destinacije-heading.static-heading {
    font-size: 74px;
    line-height: 82px;
  }
  .font-size-s .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .destinacije-heading.static-heading {
    font-size: 64px;
    line-height: 72px;
  }
  .font-size-s .main .card-text-2 p,
  .font-size-s .main .card-text-3 p,
  .font-size-s .main .card-text-4 p,
  .font-size-s .main .card-text-5 p {
    font-size: 12px;
    line-height: 16px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1200px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1200px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1200px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1200px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1200px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1200px), only screen and (min-width: 960px) and (max-width: 1200px) {
  .font-size-s .supermap .picker .accord h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .font-size-s .main .dest-hero-txt-container .destinacije-heading {
    font-size: 40px;
    line-height: 46px;
  }
  .font-size-s .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 767px) and (max-width: 959px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 767px) and (max-width: 959px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 767px) and (max-width: 959px), only screen and (min-device-pixel-ratio: 2) and (min-width: 767px) and (max-width: 959px), only screen and (min-resolution: 192dpi) and (min-width: 767px) and (max-width: 959px), only screen and (min-resolution: 2dppx) and (min-width: 767px) and (max-width: 959px), only screen and (min-width: 767px) and (max-width: 959px) {
  .outer-wrapper {
    padding-top: 100px;
    overflow: hidden;
  }
  body {
    background-position: left top;
    /*hamburger-mobile*/
  
    /*.slick-slide {
  			margin: 0 17px;
  		}*/
  
    /*fake*/
  
    /*hero-naslovna*/
  
  }
  body .menu-background.opened {
    display: none;
  }
  body .navbar {
    display: none;
    margin: unset;
    border: unset;
    background: white;
    backdrop-filter: unset;
    border-radius: unset;
    margin-top: 55px !important;
    transition: unset;
    box-shadow: unset;
  }
  body .navbar.small-top {
    margin-top: 55px !important;
    border-radius: unset;
    backdrop-filter: unset;
    border: unset;
    background: white;
  }
  body .navbar .navbar-logo-links {
    margin: 65px 0;
    max-width: fit-content;
    height: 100vh;
  }
  body .navbar .navbar-logo-links .links {
    align-items: start;
    padding: 0;
  }
  body .navbar .navbar-logo-links .links li a {
    font-size: 26px;
    padding-top: 0;
    padding-bottom: 0;
  }
  body .navbar .navbar-logo-links .links li a:hover {
    color: #e62f0e;
  }
  body .navbar .navbar-logo-links .links.links-mobile {
    width: fit-content;
    gap: 30px;
    margin-right: 0;
  }
  body .navbar .navbar-logo-links .links.links-mobile.move-off-screen {
    margin-left: 1000px;
    z-index: 1;
  }
  body .navbar .navbar-logo-links .links.links-mobile ul {
    padding-left: 0;
  }
  body .navbar .navbar-logo-links .links.links-mobile li {
    font-size: 26px;
    font-weight: 800;
    line-height: 30px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list {
    position: absolute;
    margin-left: 178px;
    top: 35px;
    left: 0;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li {
    flex-direction: column;
    gap: 0;
    padding-bottom: 0px;
    line-height: 1.5;
    min-width: unset;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li.displayed .content {
    display: block;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li:not(:first-child) a {
    padding-top: 0;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li a {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 0;
    padding-bottom: 0;
    max-width: unset;
    text-decoration: none;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li a.active {
    color: #e62f0e;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content {
    display: none;
    margin-left: 15px;
    margin-top: 35px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content li {
    min-width: 142px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content li a {
    font-size: 20px;
    line-height: 25px;
    min-width: unset;
    max-width: 237px;
    padding-top: 0;
    padding-bottom: 10px;
  }
  body .navbar .mobile-lang-arr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 48px;
    left: 15px;
    right: 23px;
    z-index: 1;
  }
  body .navbar .arr-back-mob {
    display: unset;
  }
  body .navbar .arr-back-mob.back-to-first-menu {
    visibility: visible;
  }
  body .navbar .navbar-btns {
    align-items: start;
    gap: 14px;
  }
  body .navbar .navbar-btns.flex-column {
    flex-direction: column;
  }
  body .navbar .navbar-btns .navbar-social {
    display: none;
    gap: 14px;
    padding: 10px 8px;
  }
  body .navbar .navbar-btns .navbar-lang {
    padding: 13px 18px;
    border-radius: 11px;
    border: 0.879px solid rgba(195, 219, 231, 0.29);
    background: rgba(195, 219, 231, 0.3);
    backdrop-filter: blur(8.79166317px);
  }
  body .navbar .navbar-btns .navbar-search {
    display: none;
    padding: 8px 13px;
  }
  body .links-mobile {
    gap: 38px;
    margin-right: 0;
    padding-left: 0;
  }
  body.naslovna .background-naslovna {
    background-position: 1px 640px;
    background-size: 100% auto;
  }
  body .mobile-navbar {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 4;
    width: 100%;
    padding: 12px 24px;
    transition: 0.5s all;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.06));
  }
  body .mobile-navbar.scrolled,
  body .mobile-navbar.activated {
    border-radius: 0px 0px 20px 20px;
    background: white;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
  }
  body .mobile-navbar .mobile-icons {
    display: flex;
    gap: 9px;
  }
  body .mobile-navbar .hamburger-mobile {
    width: 35px;
    height: 30px;
    margin: 30px;
    position: absolute;
    z-index: 2;
    right: 0;
    cursor: pointer;
  }
  body .mobile-navbar .hamburger-mobile.hamburger-mobile-2 {
    position: relative;
    margin: 0;
  }
  body .mobile-navbar .mobile-icons {
    display: flex;
    gap: 14px;
  }
  body .mobile-navbar .navbar-search {
    width: 35px;
    height: 30px;
  }
  body .mobile-navbar .mobile-logo {
    display: inline-block;
    width: 103px;
    height: 58px;
    padding: 0;
  }
  body .info-blue {
    position: relative;
    padding: 20px;
    margin: 10px 0;
  }
  body .info-blue #pin-summary {
    font-size: 14px;
  }
  body .info-blue #pin-summary p {
    font-size: 14px;
  }
  body .info-blue .info-pin {
    margin-bottom: 20px !important;
    max-height: 40px;
  }
  body .supermap {
    flex-direction: column-reverse;
    margin-bottom: 70px;
  }
  body .supermap #map,
  body .supermap #supermap {
    width: 100%;
  }
  body .supermap .picker {
    width: 100%;
    padding: 50px;
  }
  body .supermap .picker .accord {
    position: relative;
    padding: unset;
  }
  body .supermap .picker .accord h3 {
    font-size: 22px;
  }
  body .supermap .picker .accord h3:last-of-type {
    margin-bottom: unset;
  }
  body .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0 1em;
  }
  body .uk-accordion-content {
    display: flex;
    align-items: start;
  }
  body .slick-list {
    margin: 0 -3px;
  }
  body .slider-count {
    left: 94.5%;
  }
  body .slider-count span {
    font-size: 14px;
  }
  body .map-routes-slider .slick-slide {
    width: 750px;
  }
  body .map-routes-slider .slick-list {
    margin: 0;
  }
  body.naslovna .navbar.naslovna {
    background: white;
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0);
  }
  body .links-mobile {
    gap: 38px;
    margin-right: 0;
    padding-left: 0;
  }
  body .flex-column {
    flex-direction: column;
    margin-top: 0;
  }
  body .inner-spacing {
    padding: 50px;
  }
  body .horizontal-alignment {
    justify-content: start;
  }
  body .drop-down-menu {
    margin-top: 198px;
    overflow-y: auto;
  }
  body .drop-down-menu .links a {
    font-size: 26px;
    line-height: 30px;
    white-space: unset;
  }
  body .drop-down-menu .drop-down-img {
    position: absolute;
    left: unset;
    top: 26px;
  }
  body .drop-down-menu .drop-down-img .image-holder {
    width: 106px;
    height: 108px;
  }
  body .drop-down-menu .drop-down-img h4,
  body .drop-down-menu .drop-down-img h5 {
    font-size: 15px;
    line-height: 21px;
    margin-top: 8px;
  }
  body .drop-down-menu .drop-down-img h4 a,
  body .drop-down-menu .drop-down-img h5 a {
    font-size: 12px !important;
    font-weight: 700;
    line-height: 14px !important;
    margin-top: 0;
    margin-bottom: 0;
  }
  body .drop-down-bg .menu-close {
    display: none;
  }
  body .logo {
    display: none;
  }
  body .input-search {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
  }
  body .search-dropdown {
    height: 100vh;
  }
  body .search-dropdown .page-q-search .input-text {
    width: 403px;
  }
  body .search-dropdown .page-q-search .input-btn {
    width: 194px;
  }
  body .search-dropdown .close-search {
    right: 90px;
    top: 75px;
  }
  body .dokumenti h1 {
    font-size: 40px !important;
    margin-bottom: 50px !important;
  }
  body .dokumenti .doc-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body .dokumenti .results-btn-wrapper {
    margin-top: 50px;
  }
  body .hero-img-container {
    padding-top: 269px;
  }
  body .hero-img-container .hero-video-play {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body .hero-img-container .hero-overlay {
    width: 100%;
    height: 100%;
    left: 0;
    background-position: unset;
  }
  body .hero-img-container .hero-content-container {
    padding-left: 30px;
    padding-right: 30px;
  }
  body .hero-img-container .hero-content-container .heading-primary h1 {
    font-size: 45px;
    line-height: 43px;
    margin-bottom: 29px;
  }
  body .hero-img-container .hero-content-container .heading-primary p {
    line-height: 25px;
  }
  body .hero-img-container .hero-content-container .hero-video {
    z-index: 1;
  }
  body .hero-img-container .hero-content-container .hero-video .hero-video-img {
    width: 62px;
    height: 59px;
    left: 48px;
  }
  body .hero-img-container .hero-content-container .hero-video .hero-video-content {
    white-space: nowrap;
    padding: 8px 21px 8px 53px;
  }
  body .main {
    max-width: 750px;
    /*CAROUSEL*/
  
    /*destinations*/
  
    /*activities*/
  
    /*routes*/
  
    /*map-routes-details*/
  
    /*travel-info*/
  
    /*accommodation*/
  
    /*archive*/
  
    /*planinarenje*/
  
    /*search*/
  
    /*pager*/
  
    /*press*/
  
  }
  body .main .margin-news-details {
    margin-left: unset;
  }
  body .main .hero-img h4 {
    margin: unset;
  }
  body .main .page-path {
    margin: 20px 0 25px;
  }
  body .main .carousel .slick-slide {
    margin: 0 10px;
    width: 365px;
  }
  body .main .carousel .slick-slide:first-child {
    width: 365px;
  }
  body .main .carousel .slick-slide:nth-of-type(4n) {
    width: 365px;
  }
  body .main h3 {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 10px;
  }
  body .main h2 {
    font-size: 32px;
    line-height: 32px;
  }
  body .main h2.price-naslov-rotatora {
    margin-bottom: 60px;
  }
  body .main h1 {
    font-size: 60px;
    line-height: 61px;
  }
  body .main .card-text-1 h3 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0px;
  }
  body .main .card-text-1 h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 7px;
  }
  body .main .card-text-2 h2 {
    font-size: 24px;
    line-height: 28px;
  }
  body .main .card-text-2 p {
    font-size: 14px;
    line-height: 31px;
  }
  body .main .card-text-3 h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 24px;
  }
  body .main .card-text-3 p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 23px;
  }
  body .main .card-text-4 h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 24px;
  }
  body .main .card-text-4 p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 23px;
  }
  body .main .card-text-5 h2 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  body .main .card-text-5 h3 {
    font-size: 18px;
    line-height: 22px;
  }
  body .main .card-text-7 h2 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  body .main .card-text-8 h3 {
    font-size: 16px;
    line-height: 17px;
  }
  body .main .card-text-8 h2 {
    font-size: 25px;
    line-height: 31px;
    margin-bottom: 19px;
  }
  body .main .card-text-8 p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 26px;
  }
  body .main .hero-image {
    margin-bottom: 60px;
    min-height: 480px;
  }
  body .main .hero-image h1 {
    margin-bottom: 5px;
    margin-left: 30px;
  }
  body .main .hero-image h4 {
    font-size: 17px;
    margin: unset;
    max-width: 500px;
  }
  body .main .hero-image .img-lg {
    right: 36px;
    bottom: 44px;
  }
  body .main .static-content {
    margin-bottom: 70px;
  }
  body .main .static-content p {
    font-size: 16px;
    line-height: 24px;
  }
  body .main .static-content h2 {
    font-size: 30px;
    margin-left: 0;
    margin-bottom: 25px;
  }
  body .main .static-content h3 {
    font-size: 25px;
  }
  body .main .static-content img {
    /*height: 385px !important;*/
    margin: 35px 0;
  }
  body .main .details-info {
    margin-bottom: 27px;
  }
  body .main .destinacije-hero-img {
    min-height: 506px;
    padding-top: 0;
    margin-bottom: 47px;
  }
  body .main .destinacije-hero-img .info-blue {
    position: absolute;
    right: 15px !important;
    top: 15px !important;
    bottom: unset !important;
  }
  body .main .destinacije-hero-img .destinacije-heading {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 24px;
    margin-left: 31px;
    padding-left: 0;
  }
  body .main .destinacije-hero-img.destinacije-hero-place {
    margin-bottom: 28px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place.activities-hero {
    margin-bottom: 75px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place.accommodation-hero {
    margin-bottom: 40px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place .destinacije-content-wrapper {
    margin-right: 51px;
    margin-left: unset;
    padding: 0 40px 0 40px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place .destinacije-heading {
    margin-bottom: 0px;
    padding-left: 0;
  }
  body .main .destination-headline h2 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 13px;
  }
  body .main .destination-headline h3 {
    font-size: 18px;
    line-height: 24px;
  }
  body .main .destination-headline .destination-headline-content {
    max-width: 600px;
  }
  body .main .destination-headline .headline-btns {
    padding-top: 8px;
  }
  body .main .destination-headline .headline-btns.btn-wrapper-kalendar .next-btn {
    display: flex;
    justify-content: end;
  }
  body .main .destination-headline .headline-btns.btn-wrapper-kalendar .prev-btn {
    display: flex;
    justify-content: end;
  }
  body .main .destination-headline.activities-headline-slider {
    margin-bottom: 60px;
  }
  body .main .destination-headline.travel-headline {
    margin-top: 56px;
  }
  body .main .destination-headline.travel-headline h2 {
    margin-bottom: 0;
  }
  body .main .destination-card-1 {
    margin-bottom: 50px;
  }
  body .main .destination-card-1.dest-card-detail {
    margin-bottom: 60px;
  }
  body .main .destination-card-1.destination-card-details {
    margin-bottom: 0px;
  }
  body .main .destination-card-1.destination-card-details.activities-card-details {
    margin-bottom: 100px;
  }
  body .main .destinations-container {
    margin-bottom: 100px;
  }
  body .main .destinations-container .destination-card-1 {
    margin-bottom: 50px;
  }
  body .main .destination-card-2 {
    margin-bottom: 100px;
  }
  body .main .destination-card-3 {
    margin-bottom: 0;
  }
  body .main .destination-card-container {
    margin-bottom: 15px;
  }
  body .main .destination-card-container .card-grid-1,
  body .main .destination-card-container .card-grid-2 {
    margin-bottom: 25px;
  }
  body .main .destination-card-container.destination-card-container-detail {
    margin-bottom: 50px;
  }
  body .main .destinacije-details-main-content {
    gap: 28px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
  }
  body .main .destinacije-details-main-content p {
    font-size: 16px;
    line-height: 22px;
  }
  body .main .destinacije-details-main-content a img {
    width: 20px;
  }
  body .main .destinacije-details-main-content a p {
    font-size: 12px;
    margin-top: 2px;
  }
  body .main .dest-hero-txt-container {
    margin-bottom: 60px;
  }
  body .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings {
    bottom: 43px;
    left: 53px;
  }
  body .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings .static-subheading {
    max-width: 500px;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle {
    bottom: 41px;
    left: 28px;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .destinacije-heading.static-heading {
    line-height: 68px;
    margin-bottom: 18px;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .static-heading {
    font-size: 60px;
    line-height: 68px;
    bottom: 0;
  }
  body .main .dest-hero-txt-container.no-image {
    margin-bottom: 40px;
  }
  body .main .dest-hero-txt-container.no-image .static-heading {
    margin-left: 0;
  }
  body .main .dest-hero-txt-container .static-subheading {
    font-size: 17px;
    line-height: 25px;
  }
  body .main .dest-hero-txt-container .destinacije-heading {
    left: 40px;
  }
  body .main .dest-hero-txt-container .destinacije-heading.static-heading {
    margin-bottom: 12px;
    left: 40px;
    bottom: 40px;
  }
  body .main .bcrumbs {
    margin-bottom: 28px;
    padding-left: 0;
  }
  body .main .bcrumbs a {
    font-size: 15px;
    line-height: 20px;
  }
  body .main .bcrumbs.activities-bcrumbs {
    margin-bottom: 0;
  }
  body .main .bcrumbs.bcrumbs-travel {
    margin-top: 56px;
  }
  body .main .headline {
    margin-bottom: 60px;
  }
  body .main .headline .headline-btns {
    margin-bottom: 0;
  }
  body .main .headline .headline-btns img {
    max-width: 60%;
  }
  body .main .headline .headline-btns.headline-btns-details-1 {
    margin-bottom: 0;
  }
  body .main .headline .headline-btns.headline-btns-destination {
    margin-top: 0;
  }
  body .main .headline .headline-content.headline-details-content-1 {
    max-width: 575px;
  }
  body .main .headline.news-list-headline {
    margin-bottom: 0;
  }
  body .main .card-img .card-content {
    margin-left: 25px;
  }
  body .main .card-img .card-overlay.card-overlay-last {
    min-width: 100%;
  }
  body .main .card-content.details-content {
    margin-left: 14px;
    margin-bottom: 27px;
  }
  body .main .read-more {
    gap: 12px;
  }
  body .main .read-more .read-more-content {
    font-size: 19px;
  }
  body .main .read-more .read-more-img {
    padding: 8px 14px;
  }
  body .main .read-more .read-more-img.read-more-destination {
    padding: 8px 8px;
  }
  body .main .read-more.read-more-dest-rotator {
    margin-bottom: 60px;
  }
  body .main .read-more-wrapper {
    margin-bottom: 0;
    margin-top: 35px;
  }
  body .main .card-1 {
    margin-bottom: 100px;
  }
  body .main .card-1 .card-container-1 {
    margin-top: 50px;
  }
  body .main .card-1 .card-container-1 .card-grid-1 {
    margin-bottom: 40px;
  }
  body .main .news-section {
    margin-bottom: 100px;
  }
  body .main .news-section .slick-slide > div .news-section-grid {
    border-top: 1px solid black;
    padding-top: 40px;
  }
  body .main .news-section .slick-slide > div:last-child .news-section-grid {
    border-bottom: 1px solid black;
    padding-bottom: 40px;
  }
  body .main .news-section .news-section-container {
    margin: 0 auto;
    height: 734px;
    margin-bottom: 15px;
  }
  body .main .news-section .news-section-container.news-list-container > div:nth-child(2) {
    border-top: none;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
    font-size: 18px;
    line-height: 17px;
    margin-bottom: 25px;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
    font-size: 28px;
    line-height: 32px;
  }
  body .main .news-section .news-section-container .news-section-grid .image-size {
    max-width: 100%;
    max-height: 100%;
  }
  body .main .news-section .news-section-container .news-section-grid-1 {
    border-bottom: none;
  }
  body .main .news-section .news-section-container .news-section-grid-3 {
    margin-bottom: 0;
  }
  body .main .news-section .news-section-container .news-section-grid-4 {
    margin-bottom: 32px;
  }
  body .main .card-2 {
    margin-bottom: 90px;
  }
  body .main .feature-1 {
    margin-bottom: 100px;
  }
  body .main .feature-1 .headline {
    margin-bottom: 60px;
  }
  body .main .feature-1 .feature-container-1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  body .main .feature-1 .feature-container-1 .feature-slider {
    height: 413px;
    margin-left: 14px;
  }
  body .main .feature-1 .feature-container-1 .feature-content {
    margin: 0 58px;
    margin-left: 13px;
  }
  body .main .feature-1 .feature-container-1 .feature-content .read-more {
    margin-bottom: 25px;
  }
  body .main .feature-1 .feature-container-1 .feature-img {
    min-height: 412px;
    min-width: 410px;
  }
  body .main .feature-2 {
    margin-bottom: 80px;
    max-height: unset;
  }
  body .main .feature-2.feature-2-price {
    margin-bottom: 60px;
  }
  body .main .feature-2 .feature-container-2 {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 20px;
    margin-top: 25px;
    max-height: unset;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 {
    margin-bottom: 18px;
    width: 100%;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img {
    width: 100%;
    border-radius: 20px;
    min-height: 455px;
    margin-bottom: 15px;
    min-width: unset;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img.feature-img-news-list {
    min-width: unset;
    min-height: 440px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-2 {
    padding: 0 0;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue {
    font-size: 16px;
    line-height: 35px;
    padding: 10px 29px;
    min-width: 188px;
    min-height: 36px;
    border-radius: 18px;
  }
  body .main .map {
    background-size: contain;
    min-height: 405px;
    background-position: center;
    margin-bottom: 100px;
  }
  body .main .logo-grid {
    margin-bottom: 60px;
  }
  body .main .logo-grid .wrapper {
    margin-bottom: 20px;
  }
  body .main .activities-headline {
    margin-top: 56px;
    margin-bottom: 12px;
  }
  body .main .activities-headline .activities-headline-text h1 {
    font-size: 40px;
    line-height: 68px;
    margin-top: 0;
  }
  body .main .activities-headline .activities-headline-images {
    gap: 10px;
  }
  body .main .activities-headline .activities-headline-images h6 {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 5px;
  }
  body .main .activities-headline .activities-headline-images .img-1 {
    width: 70px;
    height: 63px;
    padding: 8px 0;
    border-radius: 14px;
  }
  body .main .activities-headline .activities-headline-images .img-1 div {
    min-width: 42px;
    min-height: 15px;
    margin-bottom: 3px;
  }
  body .main .activities-headline .activities-headline-images .img-2 {
    width: 70px;
    height: 63px;
    padding: 8px 0;
    border-radius: 14px;
  }
  body .main .activities-headline .activities-headline-images .img-2 div {
    min-width: 42px;
    min-height: 15px;
    margin-bottom: 3px;
  }
  body .main .activities-video {
    left: 45%;
    top: 199.5px;
  }
  body .main .activities-video div {
    min-width: 56px;
    min-height: 53px;
  }
  body .main .activities-video div div {
    min-width: 20px;
    min-height: 26px;
    top: 16px;
    left: 21px;
  }
  body .main .activities-video.activities-video-travel {
    transform: translateY(262%);
  }
  body .main .activities-grid {
    margin-bottom: 20px;
  }
  body .main .activities-text {
    margin-bottom: 58px;
  }
  body .main .activities-text p,
  body .main .activities-text a {
    font-size: 16px;
    line-height: 22px;
  }
  body .main .map-routes-slider {
    height: 983px;
    margin-bottom: 60px;
  }
  body .main .map-routes-img {
    background-size: contain;
    min-height: 398px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: unset;
  }
  body .main .map-routes-img .overlay {
    border-top-right-radius: 20px;
    border-bottom-left-radius: unset;
  }
  body .main .blue-overlay {
    border-bottom-left-radius: 20px;
    border-top-right-radius: unset;
    max-height: 708px;
    padding: 44px;
    padding-bottom: 145px;
  }
  body .main .blue-overlay h3 {
    font-size: 14px;
  }
  body .main .blue-overlay h4 {
    position: absolute;
  }
  body .main .blue-overlay li {
    font-size: 14px;
  }
  body .main .blue-overlay a {
    font-size: 15px;
  }
  body .main .blue-overlay label {
    padding: 0 15px;
  }
  body .main .blue-overlay .uk-accordion-content {
    top: 189px;
  }
  body .main .blue-overlay .show-locations {
    min-width: 312px;
    margin-bottom: 28px;
    z-index: 2;
  }
  body .main .blue-overlay .show-locations ul li {
    padding: 4px 0;
  }
  body .main .blue-overlay .show-locations ul li:last-child {
    padding-bottom: 6px;
  }
  body .main .blue-overlay .show-locations ul li a {
    margin: 8px 0;
  }
  body .main .blue-overlay .removing-checkbox {
    margin-top: 40px;
  }
  body .main .blue-overlay .routes-content {
    width: 49%;
    display: inline-block;
  }
  body .main .blue-overlay .routes-content p {
    font-size: 14px;
    line-height: 18px;
    margin-left: 0;
  }
  body .main .blue-overlay .routes-content a {
    margin-bottom: 23px;
  }
  body .main .blue-overlay .spacing-top {
    margin-top: 20px;
  }
  body .main .blue-overlay .show-locations-header {
    padding: 0px 25px;
    height: 54px;
  }
  body .main .blue-overlay .headline-btns .prev-btn {
    top: 41px;
  }
  body .main .map-routes-details {
    margin-bottom: 20px;
  }
  body .main .map-routes-details .blue-overlay {
    flex-direction: column;
    padding: 25px;
  }
  body .main .map-routes-details .blue-overlay h2 {
    font-size: 25px;
  }
  body .main .map-routes-details .blue-overlay h4,
  body .main .map-routes-details .blue-overlay h5 {
    font-size: 14px;
    position: unset;
  }
  body .main .map-routes-details .blue-overlay h4 {
    margin-bottom: 22px;
  }
  body .main .map-routes-details .blue-overlay h5 {
    margin-bottom: 4px;
  }
  body .main .map-routes-details .blue-overlay p {
    font-size: 14px;
    line-height: 20px;
  }
  body .main .map-routes-details .blue-overlay img {
    max-width: 75%;
  }
  body .main .map-routes-details .blue-overlay .flex-wrapper {
    margin-bottom: 32px;
    justify-content: unset;
  }
  body .main .map-routes-details .flex-wrapper-btn {
    gap: 23px;
    min-width: 320px;
  }
  body .main .map-routes-details .flex-wrapper-btn-2 {
    margin-bottom: 25px;
  }
  body .main .map-routes-details hr {
    margin-top: 0;
  }
  body .main .map-routes {
    margin-bottom: 50px;
  }
  body .main .map-routes .info-window {
    min-width: 68px;
    padding: 9px;
    border-radius: 15px;
  }
  body .main .map-routes .info-window img {
    height: 16px;
  }
  body .main .map-routes .info-window h4 {
    font-size: 13px;
    margin-top: 0;
  }
  body .main .map-routes .info-window p {
    font-size: 12px;
    margin-top: 0;
  }
  body .main .map-routes #map {
    width: 100%;
    max-height: 530px;
  }
  body .main .map-content {
    margin-bottom: 15px;
  }
  body .main .map-content .map-weather-wrapper {
    margin-bottom: 60px;
  }
  body .main .map-content .map-weather-wrapper h2 {
    font-size: 35px;
    line-height: 68px;
    margin-top: 0;
  }
  body .main .map-content .map-weather-wrapper h3 {
    font-size: 30px;
    line-height: 38px;
    max-width: 388px;
  }
  body .main .map-content .map-weather-wrapper.map-weather-wrapper-2 h2 {
    font-size: 25px;
    line-height: 42px;
    max-width: 400px;
  }
  body .main .map-content p {
    font-size: 16px;
    line-height: 22px;
  }
  body .main .travel-slider-container {
    margin-bottom: 30px;
  }
  body .main .travel-slider-container .travel-slide-img {
    min-width: 722px;
    min-height: 451px;
    margin-bottom: 17px;
  }
  body .main .travel-slider-container p {
    font-size: 14px;
    line-height: 20px;
  }
  body .main .travel-slider-container img {
    max-width: 72%;
  }
  body .main .travel-slider-container .prev-btn-travel {
    left: -27px;
    bottom: 257px;
  }
  body .main .travel-slider-container .next-btn-travel {
    right: -37px;
    bottom: 257px;
  }
  body .main .travel-slider-container .slider-count {
    bottom: 24px;
  }
  body .main .travel-text {
    margin-bottom: 56px;
  }
  body .main .travel-text h2 {
    font-size: 40px;
    line-height: 68px;
    margin-bottom: 22px;
  }
  body .main .travel-text p {
    font-size: 16px;
    line-height: 22px;
  }
  body .main .travel-video {
    min-width: 750px;
    min-height: 345px;
    margin-bottom: 56px;
  }
  body .main .accommodation-container {
    margin-bottom: 100px;
  }
  body .main .accommodation-container.hiking-details h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  body .main .accommodation-container .card {
    padding: 16px 23px 16px;
  }
  body .main .accommodation-container .card h4 {
    margin-top: unset;
  }
  body .main .accommodation-container h3 {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 0;
  }
  body .main .accommodation-container ul {
    margin-top: 5px;
  }
  body .main .datepicker-headline-container {
    margin-top: 60px;
  }
  body .main .datepicker-headline-container.datepicker-headline-accommodation-container {
    margin-bottom: 65px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
  }
  body .main .datepicker-headline-container .datepicker-wrapper p {
    font-size: 14px;
    line-height: 16px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper div {
    font-size: 14px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-btn {
    font-size: 14px;
    /*padding: 9px 28px;*/
  
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input {
    margin-bottom: 10px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .hasDatepicker {
    width: unset;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .ui-datepicker-trigger {
    height: 32px;
    width: 32px;
    top: 7px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .date-char {
    font-size: 9px;
    left: 36px;
    bottom: -16px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-date-sets {
    font-size: 16px;
    margin: 0;
    gap: 10px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-date-sets .datepicker-btn {
    padding: 12px 14px;
    font-size: 12px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper #resetFilters {
    padding: 9px 28px;
    margin-left: 0;
  }
  body .main .datepicker-headline-container .datepicker-wrapper.datepicker-wrapper-accommodation {
    align-items: baseline;
    gap: 17px;
  }
  body .main .datepicker-wrapper-accommodation .show-locations h4 {
    position: unset;
    font-size: 20px;
    margin-bottom: 12px;
  }
  body .main .datepicker-wrapper-accommodation .show-locations .input-wrapper li {
    padding-bottom: 6px;
    padding-top: 2px;
  }
  body .main .prev-next-page {
    margin-bottom: 60px;
  }
  body .main .search-dropdown.search-dropdown-2 {
    margin-top: 34px;
    margin-bottom: 50px;
  }
  body .main .search-dropdown .page-q-search h3 {
    font-size: 35px;
    margin-bottom: 50px;
  }
  body .main .search-dropdown .page-q-search .input-text {
    width: 519px;
    height: 82px;
  }
  body .main .search-dropdown .page-q-search .input-btn {
    height: 82px;
  }
  body .main .results-btn-wrapper {
    margin-bottom: 0;
  }
  body .main .results-btn-wrapper .doc-box {
    padding: 45px 0;
  }
  body .main .results-btn-wrapper .doc-box .upper-main .open-desc {
    font-size: 22px;
    line-height: 28px;
  }
  body .main .results-btn-wrapper .search-naslov {
    font-size: 25px;
    line-height: 39px;
    margin-bottom: 20px;
  }
  body .main .results-btn-wrapper .search-sazetak {
    font-size: 18px;
    line-height: 26px;
  }
  body .main .search-results {
    margin-bottom: 80px;
  }
  body .main .year-filter-wrap .year-slider {
    margin-left: 36px;
  }
  body .main .year-filter-wrap .next-btn {
    right: -40px;
    top: 22px;
  }
  body .main .year-filter-wrap .next-btn img {
    max-width: 65%;
  }
  body .main .year-filter-wrap .prev-btn {
    top: 22px;
  }
  body .main .year-filter-wrap .prev-btn img {
    max-width: 65%;
  }
  body .main .formal-search {
    margin-top: 95px;
  }
  body .main .formal-search ul li {
    margin-bottom: 18px;
  }
  body .main .formal-search ul li a {
    font-size: 20px;
    line-height: 24px;
  }
  body .main .results-pager > div div:nth-of-type(2) span:nth-of-type(4) {
    margin-right: 0;
  }
  body .main .press-headline {
    margin-top: 15px;
    margin-bottom: 65px;
  }
  body .main .press-headline h1 {
    font-size: 40px;
    line-height: 68px;
  }
  body .main .press-headline .press-cat {
    font-size: 22px;
    margin-right: 15px;
  }
  body .main .press-grid .press-img {
    margin-bottom: 10px;
  }
  body .main .press-grid h4,
  body .main .press-grid p {
    font-size: 18px;
  }
  body .main .press-grid .press-download {
    bottom: 85px;
  }
  body .cookie-container {
    width: 517px;
    height: 274px;
  }
  body .cookie-container h4 {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 21px;
  }
  body .cookie-container p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 40px;
  }
  body .cookie-container a {
    font-size: 15px;
    width: 179px;
    height: 55px;
  }
  body .back-to-top {
    right: 30px;
  }
  body footer .powered-by {
    right: 25px;
  }
  body .footer-container {
    padding: 51px 29px;
  }
  body .footer-container h5 {
    margin-bottom: 16px;
  }
  body .footer-container p,
  body .footer-container a {
    font-size: 14px;
    margin-bottom: 5px;
  }
  body .footer-container .footer-logo {
    margin: 20px 0 10px;
  }
  body .footer-container .footer-associates {
    margin-top: 0;
  }
  body .footer-container .info {
    justify-content: space-between;
    margin-bottom: 10px;
  }
  body .footer-container .footer-info .info {
    gap: 44px;
    margin-bottom: 40px;
  }
  body .footer-container .footer-info .info p {
    font-size: 14px;
    margin-bottom: 14px;
    margin-top: 0;
    white-space: nowrap;
  }
  body .footer-container .footer-info .info a {
    font-size: 14px;
    white-space: nowrap;
  }
  body .footer-container .footer-cycle img {
    margin: 0;
    margin-left: unset;
  }
  body .footer-container .footer-cycle .novena {
    text-align: left;
    margin-left: -228px;
    margin-top: 40px;
  }
  body .footer-container .impressum {
    margin-bottom: 00px;
    padding-left: 0;
    margin-top: 20px;
  }
  body .footer-container .impressum a {
    font-size: 10px;
  }
  body header {
    background-color: white;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1560px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1560px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1560px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1560px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1560px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1560px), only screen and (min-width: 960px) and (max-width: 1560px) {
  .outer-wrapper {
    padding-top: 90px;
  }
  body {
    background-position: left top;
    /*.slick-slide {
  			margin: 0 17px;
  		}*/
  
    /*search navbar*/
  
    /*dokumenti*/
  
    /*naslovna*/
  
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev {
    left: 10px;
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev span {
    opacity: 1;
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next {
    right: 10pX;
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next span {
    opacity: 1;
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-close {
    top: -36px;
    right: -10px;
  }
  body footer .powered-by {
    right: 20px;
  }
  body .info-blue {
    padding: 25px;
    min-width: 160px;
  }
  body .info-blue .info-pin {
    margin-bottom: 20px !important;
  }
  body .info-blue a img,
  body .info-blue p img {
    max-height: 40px;
    margin-bottom: 5px;
  }
  body .logoes {
    padding-bottom: 20px;
  }
  body .supermap {
    margin-bottom: 60px;
  }
  body .supermap .picker .accord h3 {
    font-size: 20px;
    line-height: 26px;
  }
  body .news-details-slider-card .slick-track .slick-slide .slide-margin {
    margin-right: 30px;
  }
  body .supermap .picker {
    padding: 60px 50px;
  }
  body .slick-list {
    margin: 0 -3px;
  }
  body .slider-count {
    left: 96.5%;
  }
  body .map-routes-slider .slick-slide {
    width: 1200px;
  }
  body .map-routes-slider .slick-list {
    margin: 0;
  }
  body.naslovna .navbar.naslovna {
    margin-top: 50px;
  }
  body .navbar {
    margin: 25px 80px 0;
  }
  body .navbar .navbar-logo-links {
    gap: 33px;
  }
  body .navbar .navbar-logo-links .links {
    gap: 25px;
    margin-right: 49px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list {
    margin-left: 255px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li {
    gap: 182px;
    margin-bottom: 10px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li a {
    padding-bottom: 5px;
    white-space: unset;
    max-width: unset;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content li {
    margin-bottom: unset;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content li a {
    padding-bottom: 10px;
    font-size: 23px;
    line-height: 27px;
    min-width: 230px;
  }
  body .navbar .navbar-logo-links .links li a {
    font-size: 17px;
    min-width: 70px;
    text-align: center;
    white-space: nowrap;
  }
  body .navbar .navbar-btns {
    gap: 32px;
  }
  body .navbar .navbar-btns .navbar-social {
    padding-top: 17px;
    padding-bottom: 17px;
    gap: 27px;
  }
  body .navbar .navbar-btns .navbar-social .social-icon {
    min-width: 19px;
  }
  body .navbar .navbar-lang {
    display: flex;
  }
  body .drop-down-bg {
    height: 880px;
  }
  body .drop-down-bg .menu-close {
    right: 145px;
  }
  body .drop-down-menu .drop-down-img {
    right: 232px;
  }
  body .drop-down-menu .drop-down-img .image-holder {
    width: 252px;
    height: 210px;
  }
  body .drop-down-menu .drop-down-img h4,
  body .drop-down-menu .drop-down-img h5 {
    font-size: 20px;
    line-height: 15px;
    text-align: left;
  }
  body .drop-down-menu .links {
    margin-right: 60px;
  }
  body .drop-down-menu .links a {
    white-space: unset;
    font-size: 20px;
    line-height: 27px;
  }
  body .drop-down-menu .content {
    gap: 40px;
  }
  body .tag-dd-wrapper .accordion-title {
    width: 200px;
    min-width: 200px;
  }
  body .datepicker-wrapper {
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }
  body #resetFilters {
    margin-top: 30px;
  }
  body .search-dropdown .close-search {
    right: 205px;
  }
  body .search-dropdown .page-q-search h3 {
    font-size: 42px;
    margin-bottom: 75px;
  }
  body .dokumenti .doc-box {
    padding: 44px 50px!important;
  }
  body .dokumenti h1 {
    margin-bottom: 80px !important;
  }
  body .dokumenti .results-btn-wrapper {
    margin-top: 85px;
  }
  body .hero-img-container {
    height: 800px;
    overflow: hidden;
  }
  body .hero-img-container .hero-video-play {
    top: 0;
  }
  body .hero-img-container .hero-overlay {
    width: 100% !important;
    height: 100%;
  }
  body .hero-img-container .hero-content-container {
    padding-left: 84px;
    padding-right: 84px;
  }
  body .hero-img-container .hero-content-container .heading-primary h1 {
    font-size: 61px;
    line-height: 60px;
    margin-bottom: 36px;
  }
  body .hero-img-container .hero-content-container .heading-primary p {
    line-height: 27px;
  }
  body .hero-img-container .hero-content-container .hero-video {
    z-index: 1;
  }
  body .hero-img-container .hero-content-container .hero-video .hero-video-img {
    height: 68px;
    width: 68px;
    left: 36px;
  }
  body .hero-img-container .hero-content-container .hero-video .hero-video-content {
    min-width: 273px;
    padding: 11px 0px 11px 57px;
  }
  body .main {
    max-width: 1200px;
    padding-top: 0 !important;
    /*.details-text {
  				h3 {
  					margin-left: 0;
  					margin-bottom: 4px;
  				}
  			}*/
  
    /*destinations*/
  
    /*card-1*/
  
    /*news section*/
  
    /*card-2*/
  
    /*feature-1*/
  
    /*feature-2*/
  
    /*map*/
  
    /*logo-grid*/
  
    /*activities*/
  
    /*travel-info*/
  
    /*planinarenje*/
  
    /*search control*/
  
    /*documents*/
  
    /*pager*/
  
    /*press*/
  
  }
  body .main .formal-search {
    margin-left: 55px;
    margin-top: 165px;
  }
  body .main .formal-search ul li a {
    font-size: 20px;
    line-height: 26px;
  }
  body .main .results-btn-wrapper .doc-box .upper-main .open-desc {
    font-size: 28px;
    line-height: 36px;
  }
  body .main .details-info .info-blue p {
    font-size: 14px;
  }
  body .main .details-info h1 {
    font-size: 70px;
    line-height: 80px;
  }
  body .main .margin-news-details {
    margin-left: unset;
  }
  body .main .page-path {
    margin-bottom: 30px;
    margin-top: 50px;
  }
  body .main .carousel .slick-slide {
    margin: 0 10px;
    width: 280px;
  }
  body .main .carousel .slick-slide:first-child {
    width: 600px;
  }
  body .main .carousel .slick-slide:nth-of-type(4n) {
    width: 600px;
  }
  body .main h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  body .main h2 {
    font-size: 42px;
    line-height: 43px;
  }
  body .main h2.price-naslov-rotatora {
    margin-bottom: 50px;
  }
  body .main h1 {
    font-size: 80px;
  }
  body .main .card-text-1 h3 {
    font-size: 23px;
    line-height: 27px;
    margin-bottom: 11px;
  }
  body .main .card-text-1 h2 {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 14px;
  }
  body .main .card-text-1 h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  body .main .card-text-1 h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 7px;
  }
  body .main .card-text-2 h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 23px;
  }
  body .main .card-text-2 p {
    font-size: 14px;
    line-height: 29px;
  }
  body .main .card-text-3 h2 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 41px;
  }
  body .main .card-text-3 p {
    font-size: 18px;
    line-height: 30px;
    /*margin-bottom: 35px;*/
    margin-bottom: 79px;
  }
  body .main .card-text-4 {
    padding-right: 30px;
  }
  body .main .card-text-4 h2 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 26px;
  }
  body .main .card-text-4 p {
    font-size: 18px;
    line-height: 24px;
  }
  body .main .card-text-5 h2 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  body .main .card-text-5 h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
  }
  body .main .card-text-7 h2 {
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  body .main .card-text-7 h3 {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 0;
  }
  body .main .card-text-8 h2 {
    margin-bottom: 25px;
  }
  body .main .card-text-8 p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 32px;
  }
  body .main .static-content {
    margin-bottom: 95px;
  }
  body .main .static-content p,
  body .main .static-content a {
    font-size: 18px;
    line-height: 29px;
  }
  body .main .static-content h2 {
    font-size: 40px;
    margin-left: 0;
    margin-bottom: 40px;
  }
  body .main .static-content h3 {
    font-size: 30px;
  }
  body .main .static-heading {
    margin-left: unset;
    margin-bottom: 25px;
  }
  body .main .hero-image {
    margin-bottom: 60px;
  }
  body .main .hero-image h1 {
    margin-bottom: 10px;
    margin-left: 30px;
  }
  body .main .hero-image h4 {
    margin: 0;
    max-width: 850px;
  }
  body .main .hero-image .img-lg {
    right: 55px;
    bottom: 42px;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle {
    bottom: 40px;
    left: 64px;
    /*.destinacije-heading {
  							&.static-heading {
  								margin-bottom: 12px;
  							}
  						}*/
  
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .destinacije-heading.static-heading {
    line-height: 55px;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .static-subheading {
    margin-left: unset;
    margin-bottom: unset;
  }
  body .main .bcrumbs {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 15px;
  }
  body .main .bcrumbs.activities-bcrumbs {
    margin-bottom: 0;
  }
  body .main .bcrumbs.bcrumbs-travel {
    margin-top: 60px;
  }
  body .main .bcrumbs a {
    font-size: 16px;
    line-height: 30px;
  }
  body .main .details-info {
    align-items: end;
  }
  body .main .destinacije-hero-img {
    margin-bottom: 95px;
  }
  body .main .destinacije-hero-img .destinacije-heading {
    margin-bottom: 51px;
    margin-left: 55px;
    font-size: 55px;
    line-height: 55px;
  }
  body .main .destinacije-hero-img .destinacije-heading.destinacije-heading-details {
    margin-left: 0;
    margin-bottom: 13px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place {
    margin-bottom: 28px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place.activities-hero {
    margin-bottom: 69px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place .destinacije-content-wrapper {
    margin-left: unset;
  }
  body .main .destinacije-details-main-content {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 80px;
  }
  body .main .destinacije-details-main-content p {
    font-size: 18px;
    line-height: 23px;
  }
  body .main .destinacije-details-main-content a p {
    font-size: 14px;
    line-height: 17px;
    margin-top: 8px;
  }
  body .main .read-more .read-more-content {
    font-size: 18px;
  }
  body .main .read-more.read-more-dest-rotator {
    margin-bottom: 95px;
  }
  body .main .read-more-wrapper {
    margin-top: 33px;
  }
  body .main .details-info {
    margin-bottom: 40px;
  }
  body .main .destination-card-container.destination-card-container-detail {
    margin-bottom: 155px;
  }
  body .main .destination-card-1 {
    margin-bottom: 95px;
  }
  body .main .destination-card-1.dest-card-detail {
    margin-bottom: 95px;
  }
  body .main .destination-card-1.destination-card-details {
    margin-bottom: 128px;
  }
  body .main .destination-card-1.destination-card-details.activities-card-details {
    margin-bottom: 144px;
  }
  body .main .destinations-container {
    margin-bottom: 95px;
  }
  body .main .destinations-container .destination-card-1 {
    margin-bottom: 80px;
  }
  body .main .destination-card-2 {
    margin-bottom: 95px;
  }
  body .main .destination-card-3 {
    margin-bottom: 180px;
  }
  body .main .headline {
    margin-bottom: 50px;
  }
  body .main .headline .headline-btns {
    margin-bottom: 0;
  }
  body .main .headline .headline-btns.headline-btns-destination {
    margin-top: 10px;
  }
  body .main .headline.news-list-headline {
    margin-bottom: 0;
  }
  body .main .dest-hero-txt-container .static-subheading {
    left: 62px;
    bottom: 25px;
  }
  body .main .destination-headline h2 {
    font-size: 40px;
    margin-bottom: 0px;
  }
  body .main .destination-headline h3 {
    font-size: 18px;
    line-height: 29px;
  }
  body .main .destination-headline.travel-headline {
    margin-top: 60px;
  }
  body .main .destination-headline.travel-headline h2 {
    margin-bottom: 14px;
  }
  body .main .destination-headline.calendar-headline {
    margin-top: 0;
  }
  body .main .destination-headline.calendar-headline h2 {
    line-height: 68px;
    margin-bottom: 30px;
  }
  body .main .card-img {
    min-height: 444px;
    max-width: 100%;
  }
  body .main .card-img.card-img-last {
    max-width: 280px;
  }
  body .main .card-img .card-overlay {
    max-width: 100%;
  }
  body .main .card-img .card-content {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 25px;
  }
  body .main .headline-btns img {
    max-width: 80%;
  }
  body .main .card-1 {
    margin-bottom: 95px;
  }
  body .main .card-1 .card-container-1 {
    margin-top: 60px;
  }
  body .main .news-section {
    margin-bottom: 95px;
  }
  body .main .news-section .news-section-container {
    margin: 0 auto;
    height: 740px;
  }
  body .main .news-section .news-section-container.news-section-spacing {
    margin-bottom: 15px;
  }
  body .main .news-section .news-section-container .news-section-grid {
    gap: 30px;
    padding-left: 18px;
  }
  body .main .news-section .news-section-container .news-section-grid .image-size {
    max-width: 312px;
    width: 100%;
    height: 100%;
    min-height: 182px;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
    font-size: 18px;
    line-height: 17px;
    margin-bottom: 20px;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
    font-size: 25px;
    line-height: 28px;
  }
  body .main .news-section .news-section-container .news-section-grid .flex-wrapper {
    gap: 30px;
  }
  body .main .news-section .news-section-container .news-section-grid-3 {
    margin-bottom: 0;
  }
  body .main .news-section .news-section-container .news-section-grid-4 {
    margin-bottom: 0;
  }
  body .main .card-2 {
    margin-bottom: 95px;
  }
  body .main .card-2 .card-container-2 {
    height: 444px;
  }
  body .main .card-2 .card-container-2 .content {
    margin-bottom: 20px;
  }
  body .main .feature-1 {
    margin-bottom: 95px;
  }
  body .main .feature-1 .headline {
    margin-bottom: 55px;
  }
  body .main .feature-1 .read-more {
    margin-bottom: 50px;
  }
  body .main .feature-1 .feature-container-1 {
    padding-top: 40px;
    padding-bottom: 40px;
    /*min-height: 560px;*/
  
    /*.feature-slide {
  						min-height: 470px;
  					}
  
  					.feature-content {
  						padding: 20px 42px;
  					}
  
  					.feature-img {
  						min-width: 735px;
  						margin-right: -17px;
  					}*/
  
  }
  body .main .feature-1 .feature-container-1 .feature-slider {
    margin-left: 50px;
  }
  body .main .feature-1 .feature-container-1 .feature-content {
    margin: 0 33px;
    margin-left: 0px;
  }
  body .main .feature-1 .feature-container-1 .feature-img {
    min-width: 678px;
    min-height: 486px;
  }
  body .main .feature-2 {
    margin-bottom: 95px;
  }
  body .main .feature-2.feature-2-price {
    margin-bottom: 95px;
  }
  body .main .feature-2 .feature-container-2 {
    margin-top: 55px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img {
    min-width: 735px;
    min-height: 468px;
    border-radius: 20px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img.feature-img-news-list {
    min-width: 618px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue {
    font-size: 18px;
  }
  body .main .map {
    background-size: contain;
    min-height: 547px;
    background-position: center;
    margin-bottom: 95px;
  }
  body .main .logo-grid {
    margin-bottom: 0;
  }
  body .main .logo-grid .wrapper {
    height: 125px;
  }
  body .main .activities-card {
    min-height: 444px;
  }
  body .main .activities-headline {
    margin-top: 60px;
    margin-bottom: 26px;
  }
  body .main .activities-headline .activities-headline-images {
    margin-bottom: 0;
  }
  body .main .activities-headline .activities-headline-images .img-1 {
    max-height: 138px;
    padding: 17px 11px 13px;
  }
  body .main .activities-headline .activities-headline-images .img-2 {
    max-height: 138px;
    padding: 17px 11px 13px;
  }
  body .main .activities-headline .activities-headline-text h1 {
    font-size: 35px;
  }
  body .main .activities-video div {
    min-width: 80px;
    min-height: 73px;
  }
  body .main .activities-video div div {
    min-width: 25px;
    min-height: 32px;
    top: 23px;
    left: 30px;
  }
  body .main .activities-video.activities-video-travel {
    transform: translateY(321%);
  }
  body .main .activities-text {
    margin-bottom: 80px;
  }
  body .main .activities-text p {
    font-size: 18px;
    line-height: 29px;
  }
  body .main .activities-text a {
    font-size: 18px;
    line-height: 29px;
  }
  body .main .activities-grid {
    margin-bottom: 135px;
  }
  body .main .activities-grid .activities-card-grid {
    min-height: 444px;
  }
  body .main .activities-grid .activities-card-grid.activities-card-grid-details {
    height: 444px;
  }
  body .main .map-routes-slider {
    height: 707px;
    margin-bottom: 60px;
  }
  body .main .blue-overlay {
    padding: 18px 44px 25px 51px;
  }
  body .main .blue-overlay .uk-accordion-content {
    min-width: 305px;
    top: 163px;
  }
  body .main .blue-overlay .show-locations-header {
    height: 50px;
  }
  body .main .blue-overlay .show-locations-header h3 {
    font-size: 15px;
  }
  body .main .blue-overlay .show-locations ul li .loc-short {
    padding: 4px 10px;
  }
  body .main .blue-overlay .routes-list {
    height: 617px;
  }
  body .main .blue-overlay .routes-content a {
    margin-bottom: 28px;
  }
  body .main .blue-overlay p {
    font-size: 15px;
    line-height: 21px;
  }
  body .main .blue-overlay .headline-btns {
    right: 13px;
    top: -13px;
  }
  body .main .blue-overlay .headline-btns .prev-btn {
    top: 43px;
    right: 73px;
  }
  body .main .map-content {
    margin-bottom: 178px;
  }
  body .main .map-content p {
    font-size: 18px;
    line-height: 23px;
  }
  body .main .map-content .map-weather-wrapper {
    margin-bottom: 69px;
  }
  body .main .map-content .map-weather-wrapper h2 {
    font-size: 40px;
    line-height: 68px;
    margin-top: 0;
  }
  body .main .map-content .map-weather-wrapper.map-weather-wrapper-2 h2 {
    font-size: 40px;
    line-height: 49px;
    max-width: 790px;
    margin-top: 0;
  }
  body .main .map-content .map-weather-wrapper.map-weather-wrapper-details h2 {
    font-size: 40px;
    max-width: 757px;
    line-height: 50px;
  }
  body .main .map-routes .info-window {
    min-width: 95px;
  }
  body .main .map-routes .info-window img {
    height: 20px;
  }
  body .main .map-routes .info-window h4 {
    font-size: 15px;
    margin-top: 0;
  }
  body .main .map-routes .info-window p {
    font-size: 15px;
    margin-top: 0;
  }
  body .main .map-routes-details {
    min-height: 651px;
  }
  body .main .map-routes-details hr {
    margin-top: 120px;
  }
  body .main .map-routes-details .flex-wrapper {
    margin-bottom: 33px;
  }
  body .main .map-routes-details .flex-wrapper-btn {
    min-width: 261px;
  }
  body .main .map-routes-details h2 {
    font-size: 22px;
    max-width: fit-content;
  }
  body .main .map-routes-details h3 {
    font-size: 13px;
    line-height: 20px;
  }
  body .main .map-routes-details h4 {
    font-size: 14px;
    margin-bottom: 33px;
  }
  body .main .map-routes-details h5 {
    font-size: 14px;
    margin-bottom: 7px;
  }
  body .main .map-routes-details p {
    font-size: 14px;
    line-height: 20px;
  }
  body .main .travel-slider-container {
    margin-bottom: 95px;
  }
  body .main .travel-slider-container .travel-slide-img {
    min-width: 1172px;
    min-height: 635px;
  }
  body .main .travel-slider-container .prev-btn-travel {
    bottom: 386px;
  }
  body .main .travel-slider-container .next-btn-travel {
    bottom: 386px;
  }
  body .main .datepicker-headline-container {
    margin-top: 60px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper p {
    font-size: 18px;
    line-height: 26px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .hasDatepicker {
    padding: 16px 40px 13px 9px;
    max-width: 200px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-date-sets {
    margin-left: 20px;
    margin-right: 20px;
    gap: 10px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-date-sets .datepicker-btn {
    padding: 18px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper #resetFilters {
    padding: 18px 24px;
  }
  body .main .datepicker-headline-container.datepicker-headline-accommodation-container {
    margin-bottom: 69px;
    margin-top: 69px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper div {
    font-size: 14px;
  }
  body .main .accommodation-container {
    margin-bottom: 144px;
  }
  body .main .accommodation-container.hiking-details h2 {
    font-size: 40px;
    line-height: 72px;
  }
  body .main .travel-video {
    min-width: 1170px;
    min-height: 552px;
  }
  body .main .travel-text h2 {
    font-size: 40px;
    line-height: 23px;
    margin-bottom: 46px;
  }
  body .main .travel-text p {
    font-size: 18px;
    line-height: 23px;
  }
  body .main .prev-next-page {
    margin-bottom: 95px;
  }
  body .main .results-btn-wrapper .search-naslov {
    font-size: 35px;
  }
  body .main .results-btn-wrapper .search-sazetak {
    font-size: 22px;
    line-height: 35px;
  }
  body .main .year-filter-wrap .next-btn {
    right: -55px;
  }
  body .main .results-pager > div div:nth-of-type(2) span:nth-of-type(4) {
    margin-right: 0;
  }
  body .main .press-headline {
    margin-top: 110px;
    margin-bottom: 90px;
  }
  body .main .press-headline .press-cat {
    font-size: 23px;
  }
  body .main .press-grid h4,
  body .main .press-grid p {
    font-size: 18px;
  }
  body .main .press-grid .press-img {
    margin-bottom: 16px;
  }
  body .main .press-grid .press-download {
    bottom: 93px;
  }
  body .back-to-top {
    right: 82px;
  }
  body .footer-container {
    padding: 90px 82px 0px;
    /*.footer-info {
  				.info {
  					gap: 12px;
  					margin-bottom: 135px;*/
  
    /*.info-social {
  						.icons-social {
  							gap: 6px;
  						}
  					}*/
  
    /*}
  			}*/
  
  }
  body .footer-container .info {
    margin-bottom: 0;
  }
  body .footer-container p {
    font-size: 12px;
    margin-bottom: 8px;
    margin-top: 0;
    white-space: nowrap;
  }
  body .footer-container a {
    font-size: 12px;
    white-space: nowrap;
  }
  body .footer-container .footer-logo {
    margin-top: -25px;
  }
  body .footer-container .footer-logo .logo {
    width: fit-content;
    margin: auto;
  }
  body .footer-container .footer-logo .logo img {
    width: 200px;
  }
  body .footer-container .footer-associates {
    gap: 33px;
  }
  body .footer-container .info-social .icons-social {
    gap: 10px;
  }
  body .footer-container .info-social .icons-social a {
    min-width: 30px;
    min-height: 30px;
  }
  body .footer-container .info-social .icons-social a img {
    max-width: 65%;
  }
  body .footer-container .footer-cycle img {
    margin: 0 auto;
  }
  body .footer-container .footer-cycle .novena {
    margin-top: 92px;
    margin-right: 0px;
  }
  body .footer-container .impressum {
    padding-left: 36px;
  }
  body .footer-container .impressum a {
    font-size: 10px;
    white-space: nowrap;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1400px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1400px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1400px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1400px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1400px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1400px), only screen and (min-width: 960px) and (max-width: 1400px) {
  body .hero-img-container {
    height: 740px;
  }
  body .news-details-slider-card {
    margin-right: 0;
  }
  body .main .feature-2 {
    margin-bottom: 50px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img.feature-img-news-list {
    min-height: 385px;
  }
  body .main .static-content p,
  body .main .static-content a {
    line-height: 26px;
  }
  body .main .details-info h1 {
    font-size: 50px;
    line-height: 60px;
  }
  body .main .activities-headline .activities-headline-text h1 {
    line-height: 45px;
  }
  body .main .activities-headline .page-path {
    margin-top: 10px;
  }
  body .main .activities-grid.dest-card-grid {
    margin-bottom: 10px;
  }
  body .main .dest-hero-txt-container {
    margin-bottom: 35px;
  }
  body .main .page-path {
    margin-bottom: 10px;
  }
  body .main .headline {
    margin-bottom: 30px;
  }
  body .main .destinations-container .destination-card-1 {
    margin-bottom: 35px;
  }
  body .main .hero-image {
    min-height: 600px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1300px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1300px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1300px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1300px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1300px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1300px), only screen and (min-width: 960px) and (max-width: 1300px) {
  body .news-details-slider-card {
    margin-right: unset;
  }
  body.naslovna .navbar.naslovna {
    margin-top: 25px;
  }
  body .navbar {
    margin: 25px 60px 0;
  }
  body .navbar .navbar-logo-links {
    gap: 18px;
  }
  body .navbar .navbar-logo-links .links {
    gap: 32px;
    margin-right: 8px;
    padding-left: 42px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list {
    margin-left: 140px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li a {
    padding-top: 12px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content li a {
    padding-top: 12px;
  }
  body .navbar .navbar-btns {
    gap: 24px;
  }
  body .navbar .navbar-btns .navbar-social {
    gap: 24px;
  }
  body .search-dropdown .close-search {
    right: 141px;
  }
  body .search-dropdown .q-search h3 {
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 37px;
  }
  body .search-dropdown .q-search .input-text {
    width: 620px;
    height: 82px;
  }
  body .search-dropdown .q-search .input-btn {
    width: 193px;
    height: 82px;
    font-size: 20px;
  }
  body .hero-img-container .hero-video-play {
    top: 0;
  }
  body .hero-img-container .hero-overlay {
    width: 1340px;
    min-width: unset;
    /*left: -103px;*/
  
  }
  body .hero-img-container .hero-content-container {
    padding-left: 75px;
    padding-right: 75px;
  }
  body .hero-img-container .hero-content-container .heading-primary h1 {
    font-size: 52px;
    line-height: 49px;
    max-width: 475px;
  }
  body .hero-img-container .hero-content-container .heading-primary p {
    line-height: 24px;
  }
  body .main {
    max-width: 1160px;
  }
  body .main .destinacije-details-main-content p {
    font-size: 16px;
    line-height: 24px;
  }
  body .main .static-content p {
    font-size: 16px;
    line-height: 28px;
  }
  body .main .static-content ul li {
    font-size: 16px;
    line-height: 24px;
  }
  body .main.narrow {
    max-width: 1180px;
  }
  body .main .details-info .info-blue p {
    font-size: 14px;
  }
  body .main .details-info h1 {
    font-size: 60px;
    line-height: 68px;
    margin-bottom: 30px;
  }
  body .main .margin-news-details {
    margin-left: unset;
  }
  body .main .headline {
    margin-bottom: 20px;
  }
  body .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings {
    left: 45px;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .destinacije-heading.static-heading {
    position: relative;
    font-size: 70px;
    line-height: 78px;
    margin-bottom: unset;
  }
  body .main .card-text-8 p {
    line-height: 24px;
  }
  body .main .destinacije-hero-img {
    min-height: 570px;
    margin-bottom: 60px;
  }
  body .main .destinacije-hero-img .destinacije-heading {
    font-size: 55px;
  }
  body .main .read-more {
    margin-bottom: 95px;
  }
  body .main .read-more {
    gap: 12px;
  }
  body .main .read-more .read-more-content {
    font-size: 19px;
  }
  body .main .headline.news-list-headline {
    margin-bottom: 30px;
  }
  body .main .bcrumbs.bcrumbs-travel {
    margin-top: 56px;
  }
  body .main .details-info {
    margin-bottom: 25px;
  }
  body .main .destination-headline.news-list-headline h2 {
    margin-bottom: 15px;
  }
  body .main .news-section {
    margin-bottom: 20px;
  }
  body .main .news-section .news-section-container .news-section-grid {
    gap: 18px;
  }
  body .main .news-section .news-section-container .news-section-grid-3 {
    margin-bottom: 28px;
  }
  body .main .news-section .news-section-container .news-section-grid-4 {
    margin-bottom: 28px;
  }
  body .main .feature-1 .feature-container-1 .feature-slider {
    margin-left: 23px;
    width: unset;
  }
  body .main .feature-2 {
    margin-bottom: 0;
  }
  body .main .feature-2 h2 {
    margin-bottom: 55px;
  }
  body .main .feature-2 .feature-container-2 {
    margin-top: 0;
    justify-content: center;
    gap: 42px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img {
    background-size: contain;
    min-width: 678px;
    min-height: 455px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img.feature-img-news-list {
    min-height: 302px;
  }
  body .main .feature-3 .card-text-8 p {
    margin-bottom: 21px;
  }
  body .main .logo-grid a:nth-of-type(1) {
    justify-content: initial;
  }
  body .main .logo-grid a:nth-of-type(1) p {
    font-size: 20px;
  }
  body .main .activities-video {
    top: 221.5px;
  }
  body .main .travel-slider-container {
    margin-bottom: 40px;
  }
  body .main .travel-slider-container .travel-slide-img {
    min-width: 1171px;
  }
  body .main .travel-slider-container .prev-btn-travel {
    left: -17px;
  }
  body .main .travel-slider-container .next-btn-travel {
    right: -21px;
  }
  body .main .destination-card-1 {
    margin-bottom: 65px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .date-char {
    left: 34px;
  }
  body .main .datepicker-headline-container .tag-dd-wrapper {
    margin-top: 30px;
  }
  body .back-to-top {
    right: 19px;
  }
  body .footer-container {
    padding: 50px 20px 0;
  }
  body .footer-container .footer-logo .logo {
    width: auto;
  }
  body .footer-container .footer-cycle img {
    margin: unset;
    margin-left: auto;
  }
  body .footer-container .footer-cycle .novena {
    margin-top: 110px;
    margin-right: 0;
  }
  body .footer-container .impressum {
    padding-left: 0;
    margin-top: 77px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1200px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1200px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1200px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1200px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1200px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1200px), only screen and (min-width: 960px) and (max-width: 1200px) {
  body {
    background-position: -360px 940px;
  }
  body .supermap .picker {
    padding: 60px 40px;
  }
  body .supermap .picker .accord h3 {
    font-size: 18px;
  }
  body .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0.1em 1em;
  }
  body .ui-tabs-anchor {
    min-width: 196px;
  }
  body .ui-tabs .ui-tabs-panel {
    padding: 1em 0;
  }
  body .slider-count {
    left: 96%;
  }
  body .map-routes-slider .slick-slide {
    width: 1000px;
  }
  body .map-routes-slider .slick-list {
    margin: 0;
  }
  body .navbar {
    /*padding: 0 50px;*/
    /*max-width: 1000px;*/
    margin: 25px 40px 0;
  }
  body .navbar .navbar-logo-links {
    gap: 0;
  }
  body .navbar .navbar-logo-links .links {
    gap: 32px;
    margin-right: 8px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content li a {
    margin-bottom: 0;
    font-size: 21px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li {
    margin-bottom: 0;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li a {
    font-size: 28px;
    line-height: 32px;
  }
  body .navbar .navbar-logo-links .links li a {
    font-size: 16px;
  }
  body .navbar .navbar-btns {
    gap: 15px;
    /*.search {
  					&.search-visible {
  						width: 107px;
  					}
  				}*/
  
  }
  body .navbar .navbar-btns .navbar-lang {
    padding: 13px 16px;
  }
  body .navbar .navbar-btns .navbar-search {
    padding: 14px 16px;
  }
  body .navbar .navbar-btns .navbar-social {
    gap: 16px;
  }
  body .hero-img-container {
    height: 660px;
  }
  body .hero-img-container .hero-content-container {
    padding-left: 40px;
    padding-right: 40px;
  }
  body .search-dropdown .close-search {
    right: 91px;
  }
  body .dokumenti .doc-box {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  body .main {
    max-width: 1080px;
    /*.feature-1 {
  				.feature-container-1 {
  					padding-left: 20px;
  					padding-top: 30px;
  					padding-bottom: 30px;
  					min-height: 422px;
  
  					.feature-slide {
  						min-height: 362px;
  					}
  
  
  					.feature-img {
  						min-width: 543px;
  						height: 362px;
  					}
  
  					.feature-content {
  						padding: 0 37px 0 0;
  						margin-top: 0;
  					}
  				}
  			}*/
  
    /*activities*/
  
    /*travel-info*/
  
    /*routes*/
  
  }
  body .main.narrow {
    max-width: 1080px;
  }
  body .main .carousel .slick-slide {
    margin: 0 10px;
    width: 230px;
  }
  body .main .carousel .slick-slide:first-child {
    width: 500px;
  }
  body .main .carousel .slick-slide:nth-of-type(4n) {
    width: 500px;
  }
  body .main .card-text-1 h3 {
    line-height: 30px;
  }
  body .main .card-text-4 h2 {
    font-size: 26px;
    line-height: 27px;
  }
  body .main .card-text-4 p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 43px;
  }
  body .main .card-text-5 h2 {
    line-height: 32px;
  }
  body .main .card-text-8 h3 {
    margin-bottom: 6px;
  }
  body .main .card-text-8 h2 {
    line-height: 34px;
    margin-bottom: 11px;
  }
  body .main .card-text-8 p {
    line-height: 20px;
    margin-bottom: 27px;
  }
  body .main .bcrumbs {
    margin-bottom: 40px;
  }
  body .main .bcrumbs.activities-bcrumbs {
    margin-bottom: 25px;
  }
  body .main .destinacije-details-main-content {
    margin-bottom: 55px;
  }
  body .main .destinacije-hero-img {
    margin-bottom: 100px;
  }
  body .main .destinacije-hero-img .destinacije-heading {
    font-size: 45px;
    margin-bottom: 38px;
    margin-left: 43px;
  }
  body .main .destinacije-hero-img .destinacije-heading.destinacije-heading-details {
    padding-left: 0;
    margin-bottom: 0;
  }
  body .main .destination-headline {
    font-size: 38px;
  }
  body .main .destination-headline .headline-btns img {
    max-width: 88%;
  }
  body .main .headline-btns img {
    max-width: 60%;
  }
  body .main .card-img {
    min-height: 372px;
  }
  body .main .card-img.card-img-last {
    max-width: 100%;
  }
  body .main .card-img .card-overlay {
    min-height: 372px;
  }
  body .main .card-img .card-overlay.card-overlay-last {
    min-width: 100%;
  }
  body .main .read-more {
    margin-bottom: 95px;
  }
  body .main .card-text-3 h2 {
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 24px;
  }
  body .main .card-text-3 p {
    font-size: 16px;
    line-height: 22px;
  }
  body .main .card-img {
    min-height: 360px;
  }
  body .main .card-img .card-content {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  body .main .news-section .news-section-container {
    height: 695px;
  }
  body .main .news-section .news-section-container .news-section-grid .flex-wrapper {
    gap: 28px;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
    font-size: 24px;
    line-height: 28px;
  }
  body .main .news-section .news-section-container .news-section-grid .image-size {
    min-width: 236px;
    min-height: 243px;
  }
  body .main .card-2 .card-container-2 {
    height: 360px;
  }
  body .main .feature-1 .feature-container-1 .feature-slider {
    margin-left: 36px;
  }
  body .main .feature-1 .feature-container-1 .feature-img {
    min-width: 652px;
  }
  body .main .feature-2 .feature-container-2.feature-container-2-price {
    gap: 30px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img {
    background-size: cover;
    min-width: 520px;
    min-height: 388px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img.feature-img-news-list {
    min-width: 627px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue {
    min-width: 263px;
    line-height: 49px;
    padding: 11px 37px;
  }
  body .main .activities-grid .activities-card-grid {
    min-height: 360px;
  }
  body .main .activities-grid .activities-card-grid.activities-card-grid-details {
    height: 360px;
  }
  body .main .activities-card {
    min-height: 360px;
    padding: 30px 10px;
  }
  body .main .activities-headline .activities-headline-images .img-1 {
    max-height: 112px;
    padding: 10px 0px;
  }
  body .main .activities-headline .activities-headline-images .img-1 div {
    min-width: 58px;
    min-height: 31px;
    margin-bottom: 10px;
  }
  body .main .activities-headline .activities-headline-images .img-2 {
    max-height: 112px;
    padding: 10px 0px;
  }
  body .main .activities-headline .activities-headline-images .img-2 div {
    min-width: 58px;
    min-height: 31px;
    margin-bottom: 10px;
  }
  body .main .activities-headline .activities-headline-text h1 {
    line-height: 45px;
  }
  body .main .activities-video.activities-video-travel {
    transform: translateY(281%);
  }
  body .main .travel-slider-container .travel-slide-img {
    min-width: 972px;
  }
  body .main .travel-slider-container .prev-btn-travel {
    left: -20px;
  }
  body .main .travel-slider-container .next-btn-travel {
    right: -30px;
  }
  body .main .travel-video {
    min-width: 1000px;
    min-height: 459px;
    margin-bottom: 56px;
  }
  body .main .travel-text {
    margin-bottom: 56px;
  }
  body .main .map-routes-slider {
    height: 715px;
  }
  body .main .blue-overlay {
    padding: 25px;
  }
  body .main .blue-overlay .uk-accordion-content {
    min-width: 284px;
  }
  body .main .blue-overlay a {
    line-height: 23px;
  }
  body .main .blue-overlay .headline-btns {
    top: 3px;
  }
  body .main .blue-overlay .headline-btns .prev-btn {
    top: 34px;
  }
  body .main .blue-overlay .show-locations ul li {
    font-size: 12px;
  }
  body .main .blue-overlay .show-locations ul li::before {
    padding: 4px 10px;
  }
  body .main .blue-overlay .show-locations-header h3 {
    font-size: 13px;
  }
  body .main .blue-overlay label {
    font-size: 14px;
    padding: 7px 0;
  }
  body .main .blue-overlay .routes-list {
    height: 566px;
  }
  body .main .blue-overlay .routes-content p {
    margin-left: 0;
  }
  body .main .blue-overlay .routes-content a {
    margin-bottom: 11px;
  }
  body .main .map-routes-details .flex-wrapper-btn {
    max-width: 326px;
    min-width: unset;
    gap: 20px;
  }
  body .main .map-content .map-weather-wrapper.map-weather-wrapper-2 h2 {
    max-width: 545px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper p {
    font-size: 17px;
    line-height: 21px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .hasDatepicker {
    padding: 13px 0 13px 5px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .ui-datepicker-trigger {
    top: 5px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-btn {
    font-size: 17px;
    /*padding: 14px 42px;*/
  
  }
  body .main .datepicker-wrapper-accommodation .show-locations h4 {
    font-size: 18px;
    line-height: 8px;
    margin-bottom: 18px;
  }
  body .main .datepicker-wrapper-accommodation .show-locations p {
    font-size: 14px;
    line-height: 19px;
  }
  body .main .datepicker-wrapper-accommodation .show-locations .input-wrapper li {
    padding-bottom: 6px;
    padding-top: 6px;
  }
  body .main .datepicker-wrapper-accommodation .show-locations .input-wrapper li:last-child {
    padding-bottom: 6px;
  }
  body .footer-container {
    padding: 50px 60px 0;
  }
  body .footer-container .footer-logo {
    margin-top: -20px;
  }
  body .footer-container .impressum {
    padding-left: 12px;
  }
  body .footer-container .footer-cycle img {
    margin-left: auto;
  }
  body .footer-container .footer-cycle .novena {
    margin-top: 121px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 960pxpx) and (max-width: 1100px), only screen and (min-moz-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1100px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 960px) and (max-width: 1100px), only screen and (min-device-pixel-ratio: 2) and (min-width: 960px) and (max-width: 1100px), only screen and (min-resolution: 192dpi) and (min-width: 960px) and (max-width: 1100px), only screen and (min-resolution: 2dppx) and (min-width: 960px) and (max-width: 1100px), only screen and (min-width: 960px) and (max-width: 1100px) {
  .outer-wrapper {
    margin: 0 20px;
    padding-top: 110px;
  }
  body {
    background-position: -356px 940px;
  }
  body .drop-down-menu .drop-down-img {
    right: 142px;
  }
  body .supermap .picker .accord {
    padding: 30px;
  }
  body .hero-img-container {
    height: 555px;
  }
  body .hero-img-container .hero-content-container {
    padding-left: 50px;
    padding-right: 50px;
  }
  body .hero-img-container .hero-overlay {
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, white 95%);
  }
  body .navbar .navbar-logo-links .links {
    margin-right: 20px;
    gap: 25px;
    padding-left: 20px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li {
    gap: 153px;
  }
  body .navbar .navbar-logo-links .links li a {
    font-size: 14px;
  }
  body .navbar .navbar-btns {
    gap: 5px;
    /*.search {
  					&.search-visible {
  						width: 90px;
  					}
  				}*/
  
  }
  body .navbar .navbar-btns .navbar-social {
    gap: 10px;
    padding: 17px 5px;
  }
  body .search-dropdown .close-search {
    right: 61px;
  }
  body .main {
    max-width: 920px;
  }
  body .main .destinations-container {
    margin-bottom: 65px;
  }
  body .main .read-more {
    margin-bottom: 15px;
  }
  body .main .headline.news-list-headline {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  body .main .activities-grid {
    margin-bottom: 25px;
  }
  body .main .activities-grid.dest-card-grid {
    margin-bottom: 30px;
  }
  body .main .page-path {
    margin-bottom: 20px;
    margin-top: unset;
  }
  body .main .dest-hero-txt-container {
    margin-bottom: 35px;
  }
  body .main .dest-hero-txt-container .static-subheading {
    font-size: 18px;
  }
  body .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings {
    bottom: 45px;
    max-width: 670px;
  }
  body .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings .static-heading {
    margin-bottom: 0;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle {
    left: 35px;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .destinacije-heading.static-heading {
    font-size: 60px;
    line-height: 68px;
    max-width: 670px;
  }
  body .main .logo-grid {
    margin-bottom: 50px;
  }
  body .main .carousel .slick-slide {
    margin: 0 6px;
  }
  body .main .news-section .news-section-container .news-section-grid {
    padding-top: 10px !important;
    padding-bottom: 10px;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content {
    padding-right: 10px;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
    margin-bottom: 10px;
  }
  body .main .news-section .news-section-container .news-section-grid .flex-wrapper {
    gap: 15px;
    align-items: center;
  }
  body .main h1 {
    font-size: 60px;
    line-height: normal;
    margin-top: unset!important;
    max-width: 680px;
  }
  body .main h3 {
    font-size: 18px;
    line-height: normal;
  }
  body .main h2 {
    font-size: 38px;
    line-height: normal;
  }
  body .main .card-text-8 h2 {
    font-size: 30px;
    line-height: normal;
  }
  body .main .card-text-8 p {
    line-height: normal;
  }
  body .main .card-text-2 h2 {
    font-size: 24px;
    line-height: 28px;
  }
  body .main .destinacije-hero-img {
    min-height: 500px;
  }
  body .main .destinacije-hero-img .destinacije-heading {
    font-size: 45px;
    line-height: normal;
  }
  body .main .destination-headline h2 {
    font-size: 35px;
    line-height: 67px;
  }
  body .main .destination-headline.activities-headline-slider {
    margin-bottom: 55px;
  }
  body .main .destination-card-1.destination-card-details.activities-card-details {
    margin-bottom: 80px;
  }
  body .main .news-section .news-section-container .news-section-grid {
    gap: 40px;
  }
  body .main .news-section .news-section-container .news-section-grid .image-holder {
    background-size: contain;
  }
  body .main .news-section .news-section-container .news-section-grid .image-size {
    min-width: 280px;
  }
  body .main .news-section .news-section-container .news-section-grid-3 {
    margin-bottom: 37px;
  }
  body .main .news-section .news-section-container .news-section-grid-4 {
    margin-bottom: 37px;
  }
  body .main .activities-video {
    top: 198.5px;
  }
  body .main .accommodation-container .card {
    padding: 35px 30px 30px;
  }
  body .main .feature-2 .feature-container-2 {
    gap: 20px;
  }
  body .main .activities-headline .activities-headline-images .img-1 {
    max-height: 119px;
    padding: 13px 0px 13px;
  }
  body .main .activities-headline .activities-headline-images .img-2 {
    max-height: 119px;
    padding: 13px 0px 13px;
  }
  body .main .datepicker-headline-container.filter-margin {
    margin-top: 40px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .hasDatepicker {
    max-width: 160px;
    margin-left: 0;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-date-sets .datepicker-btn {
    padding: 12px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper #resetFilters {
    padding: 13px;
  }
  body .back-to-top {
    right: 39px;
  }
  body .footer-container {
    padding-left: 39px;
    padding-right: 39px;
  }
  body .footer-container .footer-logo .logo {
    width: auto;
  }
  body .footer-container .footer-cycle p {
    text-align: right;
  }
  body .footer-container .footer-cycle .novena {
    margin-top: 121px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-moz-device-pixel-ratio: 2) and (max-width: 767px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px), only screen and (min-resolution: 192dpi) and (max-width: 767px), only screen and (min-resolution: 2dppx) and (max-width: 767px), only screen and (max-width: 767px) {
  .hide-mobile {
    display: none;
  }
  .logos {
    padding-bottom: 25px;
  }
  .outer-wrapper {
    overflow: hidden;
    padding-top: 100px;
  }
  html {
    position: unset;
  }
  .btn-wrapper {
    position: relative;
  }
  .btn-wrapper .prev-btn {
    position: absolute;
    top: 276px;
    z-index: 1;
  }
  .btn-wrapper .prev-btn img {
    max-width: 45%;
  }
  .btn-wrapper .next-btn {
    position: absolute;
    top: 276px;
    right: -18px;
    z-index: 1;
  }
  .btn-wrapper .next-btn img {
    max-width: 45%;
  }
  .btn-wrapper.btn-wrapper-2 {
    position: unset;
  }
  .btn-wrapper.btn-wrapper-2 .next-btn {
    top: 348px;
    right: 0px;
  }
  .btn-wrapper.btn-wrapper-2 .prev-btn {
    top: 348px;
  }
  .btn-wrapper.btn-wrapper-kalendar .next-btn {
    position: unset;
    width: 17px;
  }
  .btn-wrapper.btn-wrapper-kalendar .prev-btn {
    position: unset;
    width: 17px;
  }
  body {
    background-image: none;
    /*hamburger-mobile*/
  
    /*.drop-down-bg {
  			background: @white;
  			height: 712px;
  			top: 430px;
  			z-index: 5;
  			margin-top: 90px;
  			display: none;
  		}*/
  
    /*.drop-down-menu {
  			display: flex;
  			gap: 55px;
  			display: none;
  			top: 24px;
  			margin-left: 20px;
  			margin-top: 0;
  			left: unset;
  			transform: unset;
  			display: none;
  
  			.content {
  				flex-direction: column;
  				align-items: start;
  				gap: 18px;
  
  				div {
  					background-size: contain;
  					max-width: 99px;
  					min-width: 36px;
  					min-height: 105px;
  					margin-bottom: 6px;
  				}
  
  				p {
  					font-size: 14px;
  					line-height: 17px;
  					max-width: 132px;
  				}
  			}
  
  			.links {
  				gap: 0;
  				margin-right: 45px;
  
  				a {
  					font-size: 17px;
  					line-height: 25px;
  					margin-bottom: 5px;
  				}
  			}
  		}*/
  
    /*naslovna*/
  
  }
  body .menu-background.opened {
    display: none;
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev {
    left: 0px;
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-prev span {
    opacity: 1;
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next {
    right: 0pX;
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-nav.fancybox-next span {
    opacity: 1;
  }
  body .fancybox-overlay .fancybox-wrap .fancybox-skin .fancybox-close {
    background-size: contain;
    width: 40px;
    height: 40px;
    top: -30px;
    right: -15px;
  }
  body .logoes .spread {
    flex-wrap: wrap;
  }
  body .info-blue {
    position: relative;
    padding: 20px;
    margin: 10px 0;
  }
  body .info-blue #pin-summary {
    font-size: 14px;
  }
  body .info-blue #pin-summary p {
    font-size: 14px;
  }
  body .info-blue .info-pin {
    margin-bottom: 20px !important;
    max-height: 40px;
  }
  body footer .powered-by {
    position: relative;
    right: unset;
    left: 20px;
  }
  body footer .logo {
    text-align: center;
  }
  body footer .logo img {
    margin: 0 auto;
  }
  body .supermap {
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }
  body .supermap #supermap {
    width: 100%;
  }
  body .supermap .picker {
    width: 100%;
    padding: 30px;
  }
  body .supermap .picker .accord {
    position: relative;
    padding: unset;
  }
  body .supermap .picker .accord > div ul li a {
    font-size: 18px;
    line-height: 26px;
  }
  body .supermap .picker .accord h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  body .supermap .picker .accord h3:last-of-type {
    margin-bottom: unset;
  }
  body .supermap #map {
    width: 100%;
  }
  body .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0 1em;
  }
  body .slider-count {
    left: 92%;
    bottom: 23px;
  }
  body .slider-count span {
    font-size: 12px;
  }
  body .news-details-slider-card .slick-track .slick-slide .slide-margin {
    padding: 0 15px;
    margin-right: 0;
  }
  body .map-routes-slider .slick-list {
    margin: 0;
  }
  body .navbar {
    display: none;
    margin: unset;
    border: unset;
    background: white;
    backdrop-filter: unset;
    border-radius: unset;
    margin-top: 55px !important;
    transition: unset;
    box-shadow: unset;
  }
  body .navbar.small-top {
    margin-top: 55px !important;
    border-radius: unset;
    backdrop-filter: unset;
    border: unset;
    background: white;
  }
  body .navbar .navbar-logo-links {
    margin: 105px 0;
    max-width: fit-content;
    height: 100vh;
  }
  body .navbar .navbar-logo-links .links {
    align-items: start;
    padding: 0;
  }
  body .navbar .navbar-logo-links .links li a {
    font-size: 26px;
    padding-top: 0;
    padding-bottom: 0;
  }
  body .navbar .navbar-logo-links .links li a:hover {
    color: #e62f0e;
  }
  body .navbar .navbar-logo-links .links.links-mobile {
    width: fit-content;
    gap: 30px;
    margin-right: 0;
  }
  body .navbar .navbar-logo-links .links.links-mobile.move-off-screen {
    margin-left: 1000px;
    z-index: 1;
  }
  body .navbar .navbar-logo-links .links.links-mobile ul {
    padding-left: 0;
  }
  body .navbar .navbar-logo-links .links.links-mobile li {
    font-size: 26px;
    font-weight: 800;
    line-height: 30px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list {
    position: relative;
    margin-left: 25px;
    top: 35px;
    left: 0;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li {
    flex-direction: column;
    gap: 0;
    padding-bottom: 0px;
    line-height: 1.5;
    min-width: unset;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li.displayed .content {
    display: block;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li:not(:first-child) a {
    padding-top: 0;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li a {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 0;
    padding-bottom: 0;
    max-width: unset;
    text-decoration: none;
    border-bottom: unset;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li a:hover {
    border-bottom: unset;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list li a.active {
    color: #e62f0e;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content {
    margin-left: 15px;
    margin-top: 35px;
    display: none;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content li {
    min-width: 142px;
  }
  body .navbar .navbar-logo-links .links.sub-menu-list .content li a {
    font-size: 20px;
    line-height: 25px;
    min-width: unset;
    max-width: 237px;
    padding-top: 0;
    padding-bottom: 21px;
  }
  body .navbar .mobile-lang-arr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 48px;
    left: 15px;
    right: 23px;
    z-index: 1;
  }
  body .navbar .arr-back-mob {
    display: unset;
  }
  body .navbar .arr-back-mob.back-to-first-menu {
    visibility: visible;
  }
  body .navbar .navbar-btns {
    align-items: start;
    gap: 14px;
  }
  body .navbar .navbar-btns.flex-column {
    flex-direction: column;
  }
  body .navbar .navbar-btns .navbar-social {
    display: none;
    gap: 14px;
    padding: 10px 8px;
  }
  body .navbar .navbar-btns .navbar-lang {
    padding: 13px 18px;
    border-radius: 11px;
    border: 0.879px solid rgba(195, 219, 231, 0.29);
    background: rgba(195, 219, 231, 0.3);
    backdrop-filter: blur(8.79166317px);
  }
  body .navbar .navbar-btns .navbar-search {
    display: none;
    padding: 8px 13px;
  }
  body .links-mobile {
    gap: 38px;
    margin-right: 0;
    padding-left: 0;
  }
  body.naslovna .background-naslovna {
    background-position: 1px 640px;
    background-size: 100% auto;
  }
  body .mobile-navbar {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 4;
    width: 100%;
    padding: 12px 24px;
    transition: 0.5s all;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.06));
  }
  body .mobile-navbar.scrolled,
  body .mobile-navbar.activated {
    border-radius: 0px 0px 20px 20px;
    background: white;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
  }
  body .mobile-navbar .mobile-icons {
    display: flex;
    gap: 9px;
  }
  body .mobile-navbar .hamburger-mobile {
    width: 35px;
    height: 30px;
    margin: 30px;
    position: absolute;
    z-index: 2;
    right: 0;
    cursor: pointer;
  }
  body .mobile-navbar .hamburger-mobile.hamburger-mobile-2 {
    position: relative;
    margin: 0;
  }
  body .mobile-navbar .mobile-icons {
    display: flex;
    gap: 14px;
  }
  body .mobile-navbar .navbar-search {
    width: 35px;
    height: 30px;
  }
  body .mobile-navbar .mobile-logo {
    display: inline-block;
    width: 103px;
    height: 58px;
    padding: 0;
  }
  body .bar {
    background-color: black;
    height: 5px;
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
  }
  body .bar1 {
    transform: translateY(-4px);
  }
  body .bar3 {
    transform: translateY(4px);
  }
  body .change .bar1 {
    transform: translateY(4px) rotate(-45deg);
  }
  body .change .bar2 {
    opacity: 0;
  }
  body .change .bar3 {
    transform: translateY(-6px) rotate(45deg);
  }
  body .flex-column {
    flex-direction: column;
    margin-top: 0;
  }
  body .inner-spacing {
    padding: 20px;
  }
  body .horizontal-alignment {
    justify-content: start;
  }
  body .logo {
    display: none;
  }
  body .input-search {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
  }
  body .drop-down-menu {
    margin-top: 198px;
    overflow-y: auto;
  }
  body .drop-down-menu .links a {
    font-size: 26px;
    line-height: 30px;
    white-space: unset;
  }
  body .drop-down-menu .drop-down-img {
    position: absolute;
    left: 178px;
    top: 277px;
    display: none;
  }
  body .drop-down-menu .drop-down-img .image-holder {
    width: 106px;
    height: 108px;
  }
  body .drop-down-menu .drop-down-img h4,
  body .drop-down-menu .drop-down-img h5 {
    font-size: 15px;
    line-height: 21px;
    margin-top: 8px;
  }
  body .drop-down-menu .drop-down-img h4 a,
  body .drop-down-menu .drop-down-img h5 a {
    font-size: 12px !important;
    font-weight: 700;
    line-height: 14px !important;
    margin-top: 0;
    margin-bottom: 0;
  }
  body .drop-down-bg {
    left: 0;
    right: 0;
  }
  body .drop-down-bg .menu-close {
    display: none;
  }
  body .search-dropdown {
    align-items: start;
    padding-top: 165px;
  }
  body .search-dropdown .page-q-search > div {
    flex-direction: column;
  }
  body .search-dropdown .page-q-search h3 {
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 32px;
    padding: 0 34px;
  }
  body .search-dropdown .page-q-search .input-text {
    width: 290px;
    height: 38px;
    border-radius: 8px;
  }
  body .search-dropdown .page-q-search .input-btn {
    width: 91px;
    height: 43px;
    border-radius: 8px;
    font-size: 10px;
    line-height: 10px;
  }
  body .search-dropdown .close-search {
    right: 34px;
    top: 53px;
  }
  body .search-dropdown .close-search img {
    width: 31px;
  }
  body .hero-img-container {
    background-position: center;
    padding-top: 32px;
    margin-bottom: 30px;
    height: 100%;
    min-height: 640px;
    position: relative;
    overflow: hidden;
  }
  body .hero-img-container .hero-overlay {
    /*background-image: url("/images/_theme/naslovna-mobile-overlay.png");*/
    background-size: cover;
    /*height: 100%;*/
    width: 100%;
    left: 0;
  }
  body .hero-img-container .video-modal .video-container .close-video {
    right: 10px;
  }
  body .hero-img-container .video-modal .video-container .close-video img {
    width: 31px;
  }
  body .hero-img-container .hero-content-container {
    flex-direction: column;
    align-items: start;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 76px;
  }
  body .hero-img-container .hero-content-container .heading-primary h1 {
    font-size: 40px;
    line-height: 45px;
    max-width: 235px;
    margin-bottom: 50px;
  }
  body .hero-img-container .hero-content-container .heading-primary p {
    font-size: 13px;
    line-height: 17px;
    max-width: 200px;
    display: none;
  }
  body .hero-img-container .hero-content-container .hero-video {
    font-size: 15px;
    z-index: 1;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: unset;
    position: absolute;
    bottom: -33px;
    /*display: none;*/
  
  }
  body .hero-img-container .hero-content-container .hero-video .hero-video-img {
    width: 70px;
    height: 70px;
    left: 0px;
    /*div {
  							top: 8px;
  							left: 13px;
  						}*/
  
  }
  body .hero-img-container .hero-content-container .hero-video .hero-video-content {
    font-size: 18px;
    line-height: 27px;
    width: 293px;
    height: 43px;
    left: -32px;
    /*font-size: 12px;
  						padding: 4px 6px 4px 46px;
  						left: -43px;*/
    position: relative;
    padding-left: 53px;
  }
  body .hero-img-container .hero-video-play {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
  }
  body .heading-primary-mobile {
    display: block;
    margin: 39px 16px 50px;
  }
  body .heading-primary-mobile p {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    line-height: 28px;
  }
  body .dokumenti h1 {
    margin-bottom: 50px !important;
  }
  body .dokumenti .doc-box {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  body .dokumenti .results-btn-wrapper {
    margin-top: 54px;
  }
  body .main {
    max-width: 100%;
    margin: 0 15px;
    /*activities*/
  
    /*routes*/
  
    /*map-routes-details*/
  
    /*travel-info*/
  
    /*aktualno*/
  
    /*archive*/
  
    /*accommodation*/
  
    /*planinarenje*/
  
    /*search control*/
  
    /*pager*/
  
    /*documents*/
  
    /*press*/
  
  }
  body .main .page-path {
    margin-bottom: 20px;
    margin-top: unset;
    flex-wrap: wrap;
  }
  body .main .page-path li a {
    font-size: 10px;
    line-height: 16px;
  }
  body .main .margin-news-details {
    margin-left: unset;
  }
  body .main .carousel {
    margin-left: -65px;
    margin-right: -15px;
  }
  body .main .carousel .slick-slide {
    /*margin: 0 40px;*/
    /*margin: 0 6px;*/
    margin: 0 15px;
    width: 280px;
    /*width: 235px;*/
  
    /*width: 81vw;
  					max-width: 650px;*/
  
  }
  body .main .carousel .slick-slide:first-child {
    /*width: 235px;*/
    width: 280px;
    /*width: 81vw;
  						max-width: 650px;*/
  
  }
  body .main .carousel .slick-slide:nth-of-type(4n) {
    /*width: 235px;*/
    width: 280px;
    /*width: 81vw;
  						max-width: 650px;*/
  
  }
  body .main .carousel .prev-btn {
    left: -3px;
    top: 272px;
  }
  body .main .carousel .next-btn {
    top: 272px;
  }
  body .main h3 {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 7px;
  }
  body .main h2 {
    font-size: 30px;
    line-height: 37px;
  }
  body .main h2.price-naslov-rotatora {
    margin-bottom: 23px;
  }
  body .main h1 {
    font-size: 30px;
    line-height: 40px;
  }
  body .main .card-text-1 h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 0;
  }
  body .main .card-text-1 h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 7px;
  }
  body .main .card-text-2 h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
    max-width: 245px;
  }
  body .main .card-text-2 p {
    font-size: 12px;
    line-height: 32px;
  }
  body .main .card-text-2 p:first-of-type {
    font-weight: 800;
  }
  body .main .card-text-3 h2 {
    font-size: 26px;
    line-height: 23px;
    margin-bottom: 30px;
  }
  body .main .card-text-3 p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
  }
  body .main .card-text-4 {
    padding-right: 0;
  }
  body .main .card-text-4 h2 {
    font-size: 22px;
    line-height: 23px;
    margin-bottom: 25px;
  }
  body .main .card-text-4 p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 23px;
  }
  body .main .card-text-5 h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 1px;
    min-width: 244px;
  }
  body .main .card-text-5 h3 {
    font-size: 14px;
    line-height: 18px;
  }
  body .main .card-text-7 h2 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 1px;
  }
  body .main .card-text-7 h3 {
    font-size: 14px;
    line-height: 16px;
  }
  body .main .card-text-8 h3 {
    font-size: 15px;
  }
  body .main .card-text-8 h2 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 13px;
  }
  body .main .card-text-8 p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 22px;
  }
  body .main .static-content {
    margin-bottom: 60px;
  }
  body .main .static-content h3 {
    font-size: 24px;
    line-height: 32px;
  }
  body .main .static-content:empty {
    display: none;
  }
  body .main .static-content li {
    font-size: 14px;
    line-height: 20px;
  }
  body .main .static-content p,
  body .main .static-content a {
    font-size: 14px;
    line-height: 20px;
  }
  body .main .static-content h2 {
    margin-left: 0;
    margin-bottom: 20px;
  }
  body .main .static-content img {
    /*height: 290px !important;*/
    margin: 0 0;
  }
  body .main .static-content iframe {
    margin: 20px auto 20px auto !important;
    width: 100% !important;
    height: auto;
    min-height: 200px;
  }
  body .main .static-heading {
    font-size: 30px;
    line-height: 39px;
    margin-bottom: 10px;
    margin-left: 0;
  }
  body .main .hero-image {
    margin-bottom: 30px;
    min-height: 152px;
  }
  body .main .hero-image.image-holder {
    background-size: cover;
    margin-top: 25px;
    min-height: 400px;
  }
  body .main .hero-image h1 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 15px;
  }
  body .main .hero-image h4 {
    font-size: 11px;
    line-height: 18px;
    margin: 0 15px 8px 15px;
    max-width: 200px;
  }
  body .main .hero-image .img-lg {
    right: -2px;
    bottom: 21px;
  }
  body .main .hero-image .img-lg img {
    max-width: 48%;
  }
  body .main .headline {
    flex-direction: column;
    align-items: start;
    margin-bottom: 28px;
  }
  body .main .headline .headline-btns {
    gap: 25px;
    margin-bottom: 0;
  }
  body .main .headline .headline-btns img {
    max-width: 100%;
  }
  body .main .headline.headline-details {
    flex-direction: column;
    align-items: start;
  }
  body .main .card-img {
    min-width: unset;
    min-height: 326px;
    /*min-width: 235px;*/
    border-radius: 8px;
  }
  body .main .card-img .card-overlay {
    min-width: 100%;
    border-radius: 8px;
  }
  body .main .card-img .card-overlay.card-overlay-last {
    min-width: 100%;
  }
  body .main .card-img .image-holder {
    border-radius: 8px;
  }
  body .main .card-img .card-content {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 16px;
  }
  body .main .card-img .card-content.card-content-dest {
    padding-left: 22px;
    padding-right: 10px;
    margin-bottom: 20px;
    margin-left: unset;
  }
  body .main .badge {
    min-height: 63px;
  }
  body .main .read-more {
    gap: 10px;
  }
  body .main .read-more .read-more-content {
    font-size: 18px;
  }
  body .main .read-more.read-more-feature-spacing {
    margin-bottom: 33px;
    gap: 9px;
  }
  body .main .read-more.read-more-feature-spacing .read-more-img {
    width: 25px;
    height: 25px;
    padding: 0;
  }
  body .main .read-more.read-more-feature-spacing .read-more-img img {
    height: 10px;
    width: 6px;
  }
  body .main .read-more.read-more-spacing {
    margin-bottom: 36px;
  }
  body .main .read-more.read-more-price {
    margin-left: 42px;
  }
  body .main .read-more .read-more-img {
    position: relative;
    width: 40px;
    height: 40px;
    /*padding: 5px 7px;*/
  
  }
  body .main .read-more .read-more-img img {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: fit-content;
    top: 50%;
    transform: translateY(-50%);
    height: 22px;
  }
  body .main .read-more .read-more-img.read-more-destination {
    padding: 5px 7px;
  }
  body .main .read-more .read-more-img.read-more-aktualno {
    padding: 4px 8px;
  }
  body .main .read-more.read-more-dest-rotator {
    margin-bottom: 50px;
  }
  body .main .read-more .read-more-feature {
    font-size: 12px;
    line-height: 15px;
  }
  body .main .read-more-wrapper {
    flex-direction: column;
    align-items: start;
    gap: 15px;
    margin-top: 25px;
  }
  body .main .bcrumbs {
    padding-left: 0;
    font-size: 14px;
    margin-bottom: 18px;
  }
  body .main .bcrumbs a {
    font-size: 13px;
  }
  body .main .bcrumbs.activities-bcrumbs {
    margin-bottom: 0;
  }
  body .main .bcrumbs.bcrumbs-travel {
    margin-top: 0;
  }
  body .main .details-info {
    margin-bottom: 15px;
    flex-direction: column;
    align-items: baseline;
  }
  body .main .details-info h1 {
    line-height: 36px;
  }
  body .main .details-text h3 {
    margin-bottom: 0;
  }
  body .main .destinacije-hero-img {
    min-height: 206px;
    border-radius: 10px;
    margin-bottom: 56px;
    margin-top: 0;
  }
  body .main .destinacije-hero-img .info-blue {
    position: absolute;
    right: 15px !important;
    top: 15px !important;
    bottom: unset !important;
  }
  body .main .destinacije-hero-img .hero-overlay {
    border-radius: 10px;
  }
  body .main .destinacije-hero-img .destinacije-heading {
    font-size: 28px;
    line-height: 50px;
    margin-bottom: 12px;
    margin-left: unset;
  }
  body .main .destinacije-hero-img .destinacije-heading.destinacije-heading-details {
    font-size: 25px;
    line-height: 30px;
    margin: 0 15px;
    max-width: 240px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place {
    margin-bottom: 18px;
    margin-top: 25px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place.activities-hero {
    margin-bottom: 56px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place .destinacije-content-wrapper {
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    gap: 10px;
    padding: 0;
  }
  body .main .destinacije-hero-img.destinacije-hero-place .destinacije-content-wrapper a {
    right: -2px;
    bottom: 10px;
  }
  body .main .destinacije-hero-img.destinacije-hero-place .destinacije-content-wrapper img {
    max-width: 48%;
  }
  body .main .destinacije-hero-img.destinacije-hero-place .destinacije-content {
    font-size: 11px;
    line-height: 18px;
    margin: 0 15px 8px 15px;
  }
  body .main .destination-headline {
    flex-direction: column;
    margin-bottom: 0;
  }
  body .main .destination-headline.hidden {
    display: none;
  }
  body .main .destination-headline h2 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 15px;
    max-width: 100%;
    min-height: unset;
  }
  body .main .destination-headline h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
    color: #15407b;
  }
  body .main .destination-headline.activities-headline-slider {
    margin-bottom: 34px;
  }
  body .main .destination-headline.travel-headline {
    margin-top: 25px;
  }
  body .main .destination-headline.travel-headline h2 {
    margin-bottom: 0;
  }
  body .main .destination-headline.travel-headline h4 {
    font-size: 15px;
  }
  body .main .destination-headline.kalendar-headline {
    flex-direction: row;
    align-items: end;
  }
  body .main .destinacije-details-main-content {
    flex-direction: column;
    margin-left: 0;
    margin-bottom: 72px;
    gap: 38px;
  }
  body .main .destinacije-details-main-content p {
    font-size: 16px;
    line-height: 22px;
  }
  body .main .destinacije-details-main-content a {
    align-items: start;
    position: relative;
  }
  body .main .destinacije-details-main-content a img {
    width: 17px;
    position: absolute;
    left: 16px;
    bottom: 19px;
  }
  body .main .destinacije-details-main-content a p {
    font-size: 12px;
    line-height: 12px;
  }
  body .main .destination-card-container {
    /*margin-bottom: 20px;*/
    margin-left: -65px;
    /*margin-left: -15px;*/
    margin-right: -15px;
  }
  body .main .destination-card-container.dest-card-grid {
    /*margin-left: -30px;
  					margin-right: unset;*/
    margin-left: unset;
    margin-right: unset;
  }
  body .main .destination-card-container .slick-list {
    overflow: hidden;
    /*padding: 0px 114px;*/
  
    /*padding: 0px 135px;*/
  
  }
  body .main .destination-card-container.manifestacije .slick-slide {
    justify-content: unset;
  }
  body .main .destination-card-container.destination-card-container-detail {
    margin-bottom: 33px;
  }
  body .main .destination-card-container .card-img .card-overlay {
    border-radius: 8px;
  }
  body .main .destination-card .headline-btns {
    display: none;
  }
  body .main .destination-card .istrazi-staze {
    margin-bottom: 68px;
  }
  body .main .destinations-container {
    position: relative;
    margin-bottom: 30px;
  }
  body .main .destinations-container .destination-card-1 {
    margin-bottom: 15px;
  }
  body .main .destinations-container .prev-btn {
    top: 340px;
  }
  body .main .destinations-container .next-btn {
    top: 340px;
  }
  body .main .destination-card-1 {
    margin-bottom: 50px;
  }
  body .main .destination-card-1.dest-card-detail {
    margin-bottom: 30px;
  }
  body .main .destination-card-1.destination-card-details {
    margin-bottom: 30px;
  }
  body .main .destination-card-1.destination-card-details.activities-card-details .prev-btn {
    top: 271px;
  }
  body .main .destination-card-1.destination-card-details.activities-card-details .next-btn {
    top: 271px;
  }
  body .main .destination-card-1.activities-slider-arr .prev-btn {
    top: 289px;
  }
  body .main .destination-card-1.activities-slider-arr .next-btn {
    top: 289px;
  }
  body .main .dest-detail-arr .prev-btn {
    top: 250px;
  }
  body .main .dest-detail-arr .next-btn {
    top: 250px;
  }
  body .main .details-manifestacije .next-btn {
    top: 266px;
  }
  body .main .details-manifestacije .prev-btn {
    top: 266px;
  }
  body .main .details-manifestacije-2 {
    position: relative;
    margin-bottom: 72px;
  }
  body .main .details-manifestacije-2 .prev-btn {
    top: 345px;
  }
  body .main .details-manifestacije-2 .next-btn {
    top: 345px;
  }
  body .main .destination-card-2 {
    margin-bottom: 60px;
  }
  body .main .destination-card-3 {
    margin-bottom: 90px;
  }
  body .main .card-content.details-content {
    margin-bottom: 21px;
  }
  body .main .card-1 {
    margin-bottom: 60px;
  }
  body .main .card-1 .card-img {
    min-width: 100%;
  }
  body .main .card-1 .card-img .card-overlay {
    min-width: 100%;
  }
  body .main .card-1 .card-container-1 {
    margin-top: 30px;
  }
  body .main .card-1 .card-container-1 .card-grid-1,
  body .main .card-1 .card-container-1 .card-grid-2 {
    margin-bottom: 15px;
  }
  body .main .dest-hero-txt-container {
    margin-bottom: 35px;
    /*&.proba {
  					.destinacije-heading {
  						&.static-heading {
  							bottom: 17px;
  						}
  					}
  				}*/
  
  }
  body .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings {
    bottom: 18px;
    left: 15px;
  }
  body .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings .static-heading {
    margin-bottom: 10px;
  }
  body .main .dest-hero-txt-container.dest-hero-txt-container-static .top-photo-headings .static-subheading {
    max-width: 200px;
    margin-left: unset;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle {
    bottom: 0px;
    left: 15px;
    position: relative;
  }
  body .main .dest-hero-txt-container.dest-headings .dest-title-subtitle .static-subheading {
    max-width: 240px;
    margin-bottom: 20px;
  }
  body .main .dest-hero-txt-container.no-image {
    margin-bottom: 30px;
  }
  body .main .dest-hero-txt-container.no-image .static-heading {
    margin-top: 45px;
    margin-left: 0;
  }
  body .main .dest-hero-txt-container.no-subtitle .destinacije-heading.static-heading {
    bottom: 0px;
    line-height: normal !important;
    max-width: 280px;
    position: relative !important;
    margin-bottom: 20px !important;
    left: 15px;
  }
  body .main .dest-hero-txt-container .destinacije-heading {
    bottom: 18px;
    left: 16px;
  }
  body .main .dest-hero-txt-container .destinacije-heading.static-heading {
    left: 0px;
    bottom: unset;
    margin-bottom: 15px !important;
    line-height: normal !important;
    /*bottom: 17px;*/
  
  }
  body .main .dest-hero-txt-container .static-subheading {
    font-size: 12px;
    line-height: 16px;
    left: 40px;
    bottom: 18px;
    right: 10px;
  }
  body .main .news-details-rotator .prev-btn {
    top: 248px;
  }
  body .main .news-details-rotator .next-btn {
    top: 248px;
  }
  body .main .news-section {
    margin-bottom: 72px;
  }
  body .main .news-section .read-more {
    margin-top: 15px;
  }
  body .main .news-section .prev-btn {
    width: 17px;
    top: 28px;
    right: 48px;
  }
  body .main .news-section .prev-btn img {
    max-width: 100%;
  }
  body .main .news-section .next-btn {
    width: 17px;
    top: 28px;
    right: 0;
  }
  body .main .news-section .next-btn img {
    max-width: 100%;
  }
  body .main .news-section .news-section-container {
    min-height: 503px;
    margin-bottom: unset;
  }
  body .main .news-section .news-section-container .slick-slide > div:nth-child(2) .news-section-grid,
  body .main .news-section .news-section-container .slick-slide div:nth-child(3) .news-section-grid,
  body .main .news-section .news-section-container .slick-slide div:nth-child(4) .news-section-grid {
    border-top: none;
  }
  body .main .news-section .news-section-container .slick-slide > div:first-child .news-section-grid {
    padding-top: 27px;
  }
  body .main .news-section .news-section-container .slick-slide {
    width: 286px;
    margin: 0 3px;
  }
  body .main .news-section .news-section-container.news-list-container > div:not(:first-child) {
    border-top: none;
  }
  body .main .news-section .news-section-container.news-section-spacing {
    margin-bottom: 0;
  }
  body .main .news-section .news-section-container .news-section-grid {
    border-top: 1px solid black;
    padding-top: 27px;
    padding-bottom: 27px;
    padding-right: 0;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-img.placeholder-img {
    min-width: 140px;
    min-height: 101px;
    max-height: 101px;
    height: unset;
    border-radius: 8px;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content {
    padding-right: 0;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content h3 {
    font-size: 10px;
    margin-bottom: 13px;
  }
  body .main .news-section .news-section-container .news-section-grid .news-section-content h2 {
    font-size: 18px;
    line-height: 21px;
  }
  body .main .news-section .news-section-container .news-section-grid .image-size {
    min-width: 140px;
    min-height: 101px;
    max-height: 101px;
    height: unset;
    border-radius: 8px;
    /*min-width: 284px !important;*/
  
    /*max-width: 688px;*/
  
  }
  body .main .news-section .news-section-container .news-section-grid .flex-wrapper {
    /*flex-direction: column;*/
    gap: 22px;
  }
  body .main .card-2 {
    position: relative;
    margin-bottom: 60px;
  }
  body .main .card-2 .prev-btn {
    top: 266px;
  }
  body .main .card-2 .next-btn {
    top: 266px;
  }
  body .main .card-2 .flex-wrapper {
    display: block;
    width: 100%;
  }
  body .main .card-2 .card-container-2 {
    height: 388px;
  }
  body .main .card-2 .card-container-2 .card-grid {
    padding-left: 0;
  }
  body .main .card-2 .card-container-2 .card-grid .card-img {
    min-width: 286px;
    max-width: 367px;
  }
  body .main .card-2 .card-container-2 .content {
    margin-bottom: 26px;
  }
  body .main .feature-1 {
    position: relative;
    margin-bottom: 72px;
  }
  body .main .feature-1 .prev-btn {
    top: 2px;
    width: 17px;
    right: 48px;
  }
  body .main .feature-1 .prev-btn img {
    width: 100%;
  }
  body .main .feature-1 .next-btn {
    top: 2px;
    right: 0;
    width: 17px;
  }
  body .main .feature-1 .next-btn img {
    width: 100%;
  }
  body .main .feature-1 .headline {
    margin-bottom: 23px;
  }
  body .main .feature-1 .feature-container-1 {
    padding-top: 30px;
    padding-bottom: 0;
    /*padding-bottom: 86px;*/
    overflow: visible;
  }
  body .main .feature-1 .feature-container-1 .feature-slider {
    /*width: 100%;*/
    height: 100%;
    margin-bottom: 60px;
    width: unset;
    margin-left: unset;
  }
  body .main .feature-1 .feature-container-1 .feature-flex {
    flex-direction: column;
    max-height: 538px;
    margin-right: 5px;
    margin-left: 5px;
  }
  body .main .feature-1 .feature-container-1 .feature-content {
    padding-left: 24px;
    padding-right: 24px;
    margin-right: unset;
    margin-left: unset;
  }
  body .main .feature-1 .feature-container-1 .feature-img {
    min-height: 174px;
    min-width: 257px;
    margin: auto;
  }
  body .main .feature-2 {
    margin-bottom: 72px;
    height: 590px;
    /*h2 {
  					margin-bottom: 18px;
  				}*/
  
  }
  body .main .feature-2.kalendar-izdvojeno {
    margin-bottom: 51px !important;
    max-height: unset;
  }
  body .main .feature-2.kalendar-izdvojeno .feature-container-2 {
    height: auto;
    max-height: unset;
  }
  body .main .feature-2.feature-2-price {
    margin-bottom: 168px;
  }
  body .main .feature-2.margin-bottom-primary {
    margin-bottom: 30px;
  }
  body .main .feature-2 .feature-container-2 {
    flex-direction: column;
    gap: 0;
    margin-top: unset;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img {
    min-width: 284px;
    min-height: 219px;
    border-radius: 20px;
    margin-bottom: 28px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-1 .feature-img.feature-img-news-list {
    min-width: 249px;
    min-height: 340px;
    margin-bottom: 7px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-2 .btn-blue {
    font-size: 18px;
    line-height: 30px;
    padding: 10px 29px;
    min-width: 100%;
    min-height: 51px;
    border-radius: 8px;
  }
  body .main .feature-2 .feature-container-2 .feature-grid-2 img {
    max-width: 100px;
  }
  body .main .feature-2-arr .prev-btn {
    top: 392px;
  }
  body .main .feature-2-arr .next-btn {
    top: 392px;
  }
  body .main .map {
    margin-bottom: 72px;
    min-height: 441px;
  }
  body .main .logo-grid {
    margin-bottom: 72px;
  }
  body .main .logo-grid .wrapper {
    height: 60px;
    border-radius: 10px;
    margin-bottom: unset;
  }
  body .main .logo-grid a:nth-of-type(1) p {
    font-size: 16px;
    padding-left: 29px;
  }
  body .main .logo-grid a:nth-of-type(1) div div {
    min-width: 167px;
  }
  body .main .activities-video {
    left: 45%;
    top: 78.5px;
  }
  body .main .activities-video div {
    border-radius: 8px;
    min-width: 31px;
    min-height: 31px;
  }
  body .main .activities-video div div {
    min-width: 12px;
    min-height: 16px;
    top: 8px;
    left: 10px;
    border-radius: 0;
  }
  body .main .activities-video.activities-video-travel {
    transform: translateY(211%);
  }
  body .main .activities-text {
    /*margin-bottom: 72px;*/
    margin-bottom: 42px;
  }
  body .main .activities-text img {
    width: unset !important;
    height: unset !important;
  }
  body .main .activities-text p {
    font-size: 14px;
    line-height: 19px;
  }
  body .main .activities-grid {
    margin-bottom: 72px;
  }
  body .main .activities-grid.dest-card-grid {
    margin-bottom: 15px;
  }
  body .main .activities-grid .activities-card-grid {
    min-height: 388px;
  }
  body .main .activities-grid .activities-card-grid.activities-card-grid-details {
    height: 388px;
  }
  body .main .activities-card {
    padding: 44px 25px 38px 19px;
    /*min-height: 388px;*/
    min-height: 326px;
    border-radius: 8px;
  }
  body .main .activities-headline {
    flex-direction: column;
    align-items: start;
    margin-bottom: 15px;
    margin-top: 0;
  }
  body .main .activities-headline .activities-headline-text h1 {
    font-size: 26px;
    line-height: 33px;
    margin-top: 0;
    margin-bottom: 15px;
  }
  body .main .activities-headline .activities-headline-images {
    gap: 10px;
  }
  body .main .activities-headline .activities-headline-images h6 {
    font-size: 10px;
    line-height: 12px;
    margin: 0;
  }
  body .main .activities-headline .activities-headline-images .img-1 {
    width: 66px;
    height: 64px;
    padding: 5px 0;
    border-radius: 12px;
  }
  body .main .activities-headline .activities-headline-images .img-1 div {
    min-width: 42px;
    min-height: 20px;
    margin-bottom: 9px;
  }
  body .main .activities-headline .activities-headline-images .img-2 {
    width: 66px;
    height: 64px;
    padding: 5px 0;
    border-radius: 12px;
  }
  body .main .activities-headline .activities-headline-images .img-2 div {
    min-width: 42px;
    min-height: 20px;
    margin-bottom: 9px;
  }
  body .main .activities-details-text a {
    font-size: 14px;
    line-height: 19px;
  }
  body .main .map-routes {
    margin-bottom: 50px;
  }
  body .main .map-routes .info-window {
    min-width: 68px;
    padding: 9px;
    border-radius: 15px;
  }
  body .main .map-routes .info-window img {
    height: 16px;
  }
  body .main .map-routes .info-window h4 {
    font-size: 13px;
    margin-top: 0;
  }
  body .main .map-routes .info-window p {
    font-size: 12px;
    margin-top: 0;
  }
  body .main .map-routes #map {
    width: 100%;
    height: 530px;
  }
  body .main .map-routes-img {
    background-size: cover;
    min-height: 176px;
    min-height: 408px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 20px;
  }
  body .main .map-routes-img .overlay {
    border-bottom-left-radius: 0;
    border-top-right-radius: 20px;
  }
  body .main .blue-overlay {
    /*height: 484px;*/
    height: auto;
    padding: 20px 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 20px;
  }
  body .main .blue-overlay h4,
  body .main .blue-overlay li,
  body .main .blue-overlay p {
    font-size: 12px;
  }
  body .main .blue-overlay h3 {
    font-size: 13px;
  }
  body .main .blue-overlay a {
    font-size: 12px;
    line-height: 17px;
  }
  body .main .blue-overlay label {
    font-size: 13px;
  }
  body .main .blue-overlay .headline-btns {
    top: -6px;
    right: 9px;
  }
  body .main .blue-overlay .headline-btns .prev-btn {
    top: 31px;
    right: 69px;
  }
  body .main .blue-overlay .headline-btns .next-btn {
    position: relative;
    top: 5px;
  }
  body .main .blue-overlay .uk-accordion-content {
    min-width: 310px;
    top: 163px;
  }
  body .main .blue-overlay .show-locations ul {
    padding: 0 27px 4px;
  }
  body .main .blue-overlay .show-locations ul li {
    padding: 0px 0;
  }
  body .main .blue-overlay .show-locations ul li .loc-short {
    padding: 6px 12px;
  }
  body .main .blue-overlay .show-locations-header {
    height: 48px;
    max-width: 310px;
  }
  body .main .blue-overlay .routes-list {
    height: 335px;
  }
  body .main .blue-overlay .routes-content a {
    margin-bottom: 20px;
  }
  body .main .blue-overlay .routes-content p {
    margin-left: 0;
  }
  body .main .routes-details-container {
    margin-top: 25px;
  }
  body .main .map-routes-details {
    min-height: 92vh;
    margin-top: 0;
    margin-bottom: 35px;
  }
  body .main .map-routes-details hr {
    margin-top: 0px;
  }
  body .main .map-routes-details h2 {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 14px;
  }
  body .main .map-routes-details h4 {
    line-height: 19px;
    margin-bottom: 30px;
  }
  body .main .map-routes-details h5 {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  body .main .map-routes-details p {
    line-height: 18px;
  }
  body .main .map-routes-details img {
    max-width: 45%;
  }
  body .main .map-routes-details .flex-wrapper {
    margin-bottom: 25px;
  }
  body .main .map-routes-details .flex-wrapper-2 {
    margin-bottom: 35px;
  }
  body .main .map-routes-details .flex-wrapper-btn {
    max-width: 326px;
    min-width: unset;
  }
  body .main .map-routes-details .flex-wrapper-btn-2 {
    margin-bottom: 35px;
  }
  body .main .map-routes-details .city-names {
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 15px;
    max-width: 190px;
  }
  body .main .map-content {
    margin-bottom: 33px;
  }
  body .main .map-content p {
    font-size: 14px;
    line-height: 19px;
  }
  body .main .map-content p:not(:last-child) {
    margin-bottom: 10px;
  }
  body .main .map-content #opis-rute {
    margin-top: 25px;
  }
  body .main .map-content .map-weather-wrapper {
    margin-bottom: 40px;
  }
  body .main .map-content .map-weather-wrapper h2 {
    font-size: 33px;
    line-height: 25px;
    display: block;
    margin-bottom: 20px;
  }
  body .main .map-content .map-weather-wrapper h3 {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  body .main .map-content .map-weather-wrapper.map-weather-wrapper-2 {
    margin-bottom: 55px;
    top: 76px;
  }
  body .main .map-content .map-weather-wrapper.map-weather-wrapper-2 .map-headlines {
    height: auto;
  }
  body .main .map-content .map-weather-wrapper.map-weather-wrapper-2 h2 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  body .main .map-content .weather-widget {
    position: relative;
    right: unset;
    top: unset;
    min-width: unset;
    display: block;
  }
  body .main .map-content .weather-widget.weather-widget-2 {
    top: unset;
  }
  body .main .travel-slider-container {
    margin-bottom: 72px;
  }
  body .main .travel-slider-container .slick-slide {
    width: unset;
    margin: 0 9px;
  }
  body .main .travel-slider-container .prev-btn {
    left: -8px;
    top: 191px;
  }
  body .main .travel-slider-container .prev-btn img {
    max-width: 45%;
  }
  body .main .travel-slider-container .next-btn {
    right: -25px;
    top: 191px;
  }
  body .main .travel-slider-container .next-btn img {
    max-width: 45%;
  }
  body .main .travel-slider-container .travel-slide-img {
    min-width: 249px;
    min-height: 399px;
    margin-bottom: 5px;
  }
  body .main .travel-slider-container .travel-slide-img .lg-icon-news {
    right: -39px;
  }
  body .main .travel-slider-container .travel-slide-img .lg-icon-news img {
    max-width: 55%;
  }
  body .main .travel-slider-container p {
    font-size: 12px;
    line-height: 15px;
    max-width: 200px;
  }
  body .main .travel-text {
    margin-bottom: 20px !important;
  }
  body .main .travel-text h2 {
    font-size: 33px;
    line-height: 42px;
    max-width: 330px;
    margin-bottom: 0;
  }
  body .main .travel-text p {
    font-size: 14px;
    line-height: 19px;
  }
  body .main .travel-video {
    background-size: contain;
    min-width: 100%;
    min-height: 154px;
    margin-bottom: 25px;
  }
  body .main .feature-3 {
    margin-top: 25px;
  }
  body .main .feature-3 h4 {
    font-size: 18px;
    line-height: 23px;
  }
  body .main .datepicker-headline-container {
    margin-top: 25px !important;
  }
  body .main .datepicker-headline-container.datepicker-headline-accommodation-container {
    margin-bottom: 30px;
  }
  body .main .datepicker-headline-container h2 {
    margin-bottom: 7px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-from-to {
    flex-direction: column;
  }
  body .main .datepicker-headline-container .datepicker-wrapper p {
    font-size: 14px;
    line-height: 24px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-btn {
    font-size: 14px;
    padding: 9px 28px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper.datepicker-wrapper-accommodation {
    gap: 25px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input {
    margin-bottom: 10px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-input .hasDatepicker {
    max-width: 220px;
    width: 100%;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-btn img {
    margin: 0 auto;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-date-sets {
    font-size: 16px;
    margin: 0;
    gap: 10px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .datepicker-date-sets .datepicker-btn {
    padding: 12px 14px;
    font-size: 12px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .tag-dd-wrapper .accordion-title {
    width: 250px;
    min-width: 250px;
  }
  body .main .datepicker-headline-container .datepicker-wrapper #resetFilters {
    padding: 9px 28px;
    margin-left: 0;
  }
  body .main .datepicker-wrapper-accommodation .accordion-title {
    min-width: 331px;
  }
  body .main .datepicker-wrapper-accommodation .show-locations h4 {
    font-size: 16px;
    margin-bottom: 9px;
  }
  body .main .datepicker-wrapper-accommodation .show-locations p {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 5px;
  }
  body .main .datepicker-wrapper-accommodation .show-locations .input-wrapper li {
    padding-bottom: 0px;
    padding-top: 0;
  }
  body .main .accommodation-container {
    margin-bottom: 72px;
  }
  body .main .accommodation-container.hiking-details {
    margin-bottom: 50px;
  }
  body .main .accommodation-container.hiking-details h2 {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  body .main .accommodation-container .card {
    padding: 17px 20px 17px;
    margin-top: 30px;
  }
  body .main .accommodation-container .card h4 {
    margin-top: unset;
  }
  body .main .accommodation-container .card img {
    margin-bottom: 3px;
  }
  body .main .accommodation-container h3 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 0;
  }
  body .main .accommodation-container ul {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  body .main .accommodation-container ul li {
    font-size: 12px;
    line-height: 18px;
  }
  body .main .prev-next-page {
    gap: 124px;
    padding-top: 26px;
    margin-bottom: 90px;
  }
  body .main .prev-next-page a {
    font-size: 14px;
  }
  body .main .search-dropdown {
    padding-top: unset;
  }
  body .main .search-dropdown.search-dropdown-2 {
    margin-top: 34px;
    margin-bottom: 45px;
  }
  body .main .search-dropdown .page-q-search h3 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 35px;
    padding: unset;
  }
  body .main .search-dropdown .page-q-search .input-text {
    border-radius: 18px;
    width: 207px;
    height: 47px;
    font-size: 16px;
    padding-left: 18px;
  }
  body .main .search-dropdown .page-q-search .input-btn {
    border-radius: 18px;
    width: 90px;
    height: 47px;
    font-size: 16px;
  }
  body .main .search-dropdown .page-q-search > div {
    flex-direction: row;
  }
  body .main .search-dropdown .page-q-search > div > div img {
    right: 18px;
    width: 20px;
  }
  body .main .search-results {
    margin-bottom: 45px;
  }
  body .main .results-btn-wrapper {
    margin-bottom: 0;
  }
  body .main .results-btn-wrapper.results-btn-wrapper-doc {
    max-width: 100%;
  }
  body .main .results-btn-wrapper .doc-box {
    padding: 25px 0;
  }
  body .main .results-btn-wrapper .doc-box .upper-main {
    flex-direction: column;
    gap: 25px;
  }
  body .main .results-btn-wrapper .doc-box .upper-main .summary-btn {
    width: 118px;
    height: 58px;
    line-height: 58px;
  }
  body .main .results-btn-wrapper .doc-box .upper-main .open-desc {
    font-size: 20px;
    line-height: 24px;
  }
  body .main .results-btn-wrapper .doc-box .upper-main .download-btn {
    width: 183px;
    height: 58px;
  }
  body .main .results-btn-wrapper .doc-box .upper-main .download-btn img {
    width: 36px;
    height: 36px;
  }
  body .main .results-btn-wrapper .search-naslov {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  body .main .results-btn-wrapper .search-sazetak {
    font-size: 14px;
    line-height: 19px;
  }
  body .main .results-pager {
    margin-bottom: 90px;
  }
  body .main .results-pager > div div:nth-of-type(2) span:nth-of-type(4) {
    float: unset !important;
    margin: 0 auto;
    margin-top: 40px;
  }
  body .main .year-filter-wrap .year-slider {
    max-width: 193px;
    margin-left: 0;
  }
  body .main .year-filter-wrap .prev-btn {
    top: 20px;
  }
  body .main .year-filter-wrap .prev-btn img {
    max-width: 60%;
  }
  body .main .year-filter-wrap .next-btn {
    top: 20px;
    right: 38px;
  }
  body .main .year-filter-wrap .next-btn img {
    max-width: 60%;
  }
  body .main .formal-search {
    margin: 0 15px;
    padding-left: 15px;
  }
  body .main .formal-search ul li {
    margin-bottom: 6px;
  }
  body .main .formal-search ul li a {
    font-size: 16px;
    line-height: 24px;
  }
  body .main .press-headline {
    flex-direction: column;
    align-items: start;
    margin-top: 35px;
    margin-bottom: 35px;
  }
  body .main .press-headline h1 {
    margin-bottom: 20px;
  }
  body .main .press-headline .datepicker-wrapper {
    flex-direction: column;
    align-items: start;
    gap: 25px;
  }
  body .main .press-headline .datepicker-wrapper p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  body .main .press-grid .press-img {
    margin-bottom: 10px;
  }
  body .main .press-grid h4,
  body .main .press-grid p {
    font-size: 14px;
    line-height: 24px;
  }
  body .main .press-grid .press-download {
    bottom: 69px;
  }
  body .back-to-top {
    right: 15px;
  }
  body .back-to-top img {
    width: 65px;
  }
  body .cookie-container {
    width: 328px;
    height: 187px;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 23px;
    border-radius: 8px;
    /*bottom: 67px;*/
  
    /*position: fixed;
  				bottom: 18vh;*/
  
  }
  body .cookie-container h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  body .cookie-container p {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 27px;
  }
  body .cookie-container a {
    font-size: 12px;
    width: 118px;
    height: 41px;
  }
  body .footer-img-container {
    background-position: center bottom;
    background-size: auto;
  }
  body .footer-container {
    padding: 12px 14px;
  }
  body .footer-container .footer-logo {
    padding-bottom: unset;
    margin-top: unset !important;
    /*img {
  					max-width: 50%;
  				}*/
  
  }
  body .footer-container .footer-logo .logo img {
    max-height: 100px;
  }
  body .footer-container .footer-associates {
    margin-top: 0;
    flex-direction: column;
    gap: 14px;
    margin-left: unset;
  }
  body .footer-container .footer-info .info {
    flex-direction: column;
    margin-bottom: 40px;
  }
  body .footer-container .info {
    flex-direction: column;
    gap: 71px;
    margin-bottom: 5px;
  }
  body .footer-container h5 {
    font-size: 18px;
    margin-bottom: 7px;
  }
  body .footer-container p {
    font-size: 16px;
    margin-bottom: 7px;
    margin-top: 0;
    /*&:nth-of-type(1) {
  					margin-top: 24px;
  					margin-bottom: 10px;
  				}*/
  
  }
  body .footer-container a {
    font-size: 16px;
    margin-bottom: 7px;
  }
  body .footer-container .impressum {
    /*flex-direction: column;*/
    display: block;
    width: fit-content;
    padding-left: 0;
    margin-top: 10px;
  }
  body .footer-container .impressum a {
    font-size: 12px;
    width: fit-content;
    padding: 0;
    margin-bottom: 0;
    display: inline;
    padding-right: 5px;
    /*border-right: none;*/
  
  }
  body .footer-container .footer-cycle {
    margin-left: unset;
  }
  body .footer-container .footer-cycle img {
    /*max-width: 40%;*/
    margin-left: unset;
    width: 159px;
    height: 143px;
  }
  body .footer-container .footer-cycle .novena {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 430px), only screen and (min-moz-device-pixel-ratio: 2) and (max-width: 430px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 430px), only screen and (min-device-pixel-ratio: 2) and (max-width: 430px), only screen and (min-resolution: 192dpi) and (max-width: 430px), only screen and (min-resolution: 2dppx) and (max-width: 430px), only screen and (max-width: 430px) {
  body .main .datepicker-headline-container .datepicker-wrapper {
    justify-content: center;
  }
  body .main .datepicker-headline-container .datepicker-wrapper #resetFilters {
    width: 100%;
    text-align: center;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .tag-dd-wrapper {
    width: 100%;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .tag-dd-wrapper ul {
    width: 100%;
  }
  body .main .datepicker-headline-container .datepicker-wrapper .tag-dd-wrapper ul .accordion-title {
    width: 100%;
    max-width: unset;
  }
}