@charset "utf-8";

/**
 * Owl Carousel v2.1.6
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{/*display:none;*/width:100%;z-index:10}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Arrows */

.owl-nav {position:absolute; top:50%; margin: -25px 0 0 0; width:100%; left:0; z-index:100;}
.owl-prev,
.owl-next{
	cursor: pointer;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px !important;
    border-radius: 30px; 
    padding: 0;
    -webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-indent: -9999px;
	margin: 0 0 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid white;
}
.owl-prev:hover,
.owl-prev:focus,
.owl-next:hover,
.owl-next:focus{
  transform:scale(1.1); 
	outline:none;
}

.owl-prev:before,
.owl-next:before{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.owl-prev:after,
.owl-next:after{
	position:absolute;
	z-index:155;
	top:0;
	left:0;
	width:40px;
	height:40px !important;
	opacity: 1;
	display:block;
	text-indent: 0;
    content:"";
	background-repeat:no-repeat;
	background-position: center center;
}

.owl-prev:after{background-image:url(../img/arr_l.svg); }
.owl-next:after{background-image:url(../img/arr_r.svg); }

.owl-prev{left: 20px;}
.owl-next{right: 20px;}

.owl-dots {height:9px !important; text-align:center; padding:0; width:100%; text-align: center; position: absolute; left: 0; bottom: 55px; }

.owl-carousel .owl-dot {width:7px; height:7px !important; border: 1px solid transparent; display:inline-block; margin: 0 5px; background: rgba(255, 255, 255, 0.40); border-radius: 10px; }

.owl-carousel .owl-dot.active {background: white; border: 1px solid white;}

.owl-carousel .owl-item img {height:auto;}

.owl-carousel a.item {position:relative; width: 100%; height: 100%; display:block;}

.owl-carousel .video:after {content: ""; display:inline-block; position:absolute; width: 80px; height: 80px; background-image: none; top:50%; left: 50%; transform: translate(-50%, -50%);}


.owl-carousel > a {
    display: none !important;
}
.owl-carousel > a:first-child {
    display: block !important; margin: 0 auto; text-align: center;
}

@media (max-width: 999px) {.owl-carousel > a img {width: 90%; height: auto; }}
@media (min-width: 1000px) {.owl-carousel > a img {width: calc(100% - 400px); height: auto; }}
@media (min-width: 1450px) {.owl-carousel > a img {width: calc(100% - 600px); height: auto; }}
@media (min-width: 1800px) {.owl-carousel > a img {width: calc(100% - 800px); height: auto; }}


/***************************************************** magnific popup */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 1; }

.mfp-bg:after {
  top: 20px;
  left: 20px;
	position: absolute;
	width: 115px; height: 55px;
  /*content: url(../img/logo_color.svg);*/ }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute; z-index:1000;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 80px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #000;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #3f3f3f;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

button.mfp-arrow {
  position: absolute;
  opacity: 1;
  margin: 0;
  top: 50%;
  margin-top: -25px;
  padding: 0;
  width: 50px;
  height: 50px;
	background-color: #fff;
  -webkit-tap-highlight-color: transparent;
	/*background-image: url(../img/arr_l.svg);
	background-repeat: no-repeat;
	background-position: center center;*/
border: 1px solid #8e8e8e;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

  .mfp-arrow:active {
    margin-top: -25px; }

  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }

.mfp-arrow-left {
  left: 20px;
}

.mfp-arrow-right {
  right: 20px;
	transform: rotate(180deg);
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 80px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;*/ }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -66px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #3f3f3f;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }


/* added for pic download */

.mfp-title {
  font-size: 14px;
  color: var(--grey-lite);
}
.mfp-title span {
  color: var(--grey-dark);
  font-weight: bold;
}
.popup_download_wrap {
  overflow: hidden;
  padding: 0 0 0 0;
  position: absolute;
  top: 0;
  right: 0;
}
a.popup_download {
  display: inline-block;
  /* float: left; */
  margin: 0 0 0 15px;
  border: 1px solid var(--grey-lite);
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  color: var(--grey-dark);
  font-weight: bold;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url(../img/download.svg);
  padding: 0 15px 0 35px;
}
a.popup_download:hover {border: 1px solid var(--grey-dark);  color: var(--grey-dark); text-decoration: none !important;}
.popup_download_wrap span {
  display: inline-block;
  /* float: left; */
  line-height: 40px;
  color: var(--grey-lite);
  font-weight: normal;
  font-size: 12px;
}
.popup_download_wrap span a {
  color: var(--grey-dark);
  font-weight: 600;
}
.popup_download_wrap span a:hover {
  color: var(--grey-dark); text-decoration: underline;
}
button.mfp-arrow {
  border: 1px solid var(--grey-lite); border-radius: 30px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/arr_r_b.svg);
}
button.mfp-arrow.mfp-arrow-right {transform: rotate(0deg);}
button.mfp-arrow.mfp-arrow-left {transform: rotate(180deg);}






@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    /*background: rgba(0, 0, 0, 0.6);*/
	  background: white;
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px 10px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    /*-webkit-transform-origin: 0;
    transform-origin: 0;*/ }
  .mfp-arrow-right {
    /*-webkit-transform-origin: -100%;
    transform-origin: -100%;*/
	transform: scale(0.75) rotate(180deg); }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }




.hide_desktop {display:none;}
.show_desktop {display:block;}
.mt-0 {margin-top:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-50 {margin-top:50px !important;}
.mt-75 {margin-top:75px !important;}
.mt-100 {margin-top:100px !important;}
.mt-120 {margin-top:120px !important;}
.mt-150 {margin-top:150px !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-75 {margin-bottom:75px !important;}
.mb-100 {margin-bottom:100px !important;}
.mb-120 {margin-bottom:120px !important;}
.mb-150 {margin-bottom:150px !important;}
.pt-0 {padding-top:0 !important;}
.pt-10 {padding-top:10px !important;}
.pt-15 {padding-top:15px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pt-50 {padding-top:50px !important;}
.pt-75 {padding-top:75px !important;}
.pt-90 {padding-top:90px !important;}
.pt-100 {padding-top:100px !important;}
.pt-150 {padding-top:150px !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-50 {padding-bottom:50px !important;}
.pb-75 {padding-bottom:75px !important;}
.pb-100 {padding-bottom:100px !important;}
.pb-150 {padding-bottom:150px !important;}

@media (max-width: 1100px) {
	.hide_mob {display:none;}
	.show_mob {display:block;}
    .mt-0-mob {margin-top:0 !important;}
	.mt-10-mob {margin-top:10px !important;}
	.mt-15-mob {margin-top:15px !important;}
	.mt-20-mob {margin-top:20px !important;}
	.mt-30-mob {margin-top:30px !important;}
	.mt-50-mob {margin-top:50px !important;}
	.mt-75-mob {margin-top:75px !important;}
	.mt-100-mob {margin-top:100px !important;}
	.mt-150-mob {margin-top:150px !important;}
	.mb-0-mob {margin-bottom:0 !important;}
	.mb-10-mob {margin-bottom:10px !important;}
	.mb-15-mob {margin-bottom:15px !important;}
	.mb-20-mob {margin-bottom:20px !important;}
	.mb-30-mob {margin-bottom:30px !important;}
	.mb-50-mob {margin-bottom:50px !important;}
	.mb-75-mob {margin-bottom:75px !important;}
	.mb-100-mob {margin-bottom:100px !important;}
	.mb-150-mob {margin-bottom:150px !important;}
	.pt-0-mob {padding-top:0 !important;}
	.pt-10-mob {padding-top:10px !important;}
	.pt-15-mob {padding-top:15px !important;}
	.pt-20-mob {padding-top:20px !important;}
	.pt-30-mob {padding-top:30px !important;}
	.pt-50-mob {padding-top:50px !important;}
	.pt-75-mob {padding-top:75px !important;}
	.pt-100-mob {padding-top:100px !important;}
	.pt-150-mob {padding-top:150px !important;}
	.pb-0-mob {padding-bottom:0 !important;}
	.pb-10-mob {padding-bottom:10px !important;}
	.pb-15-mob {padding-bottom:15px !important;}
	.pb-20-mob {padding-bottom:20px !important;}
	.pb-30-mob {padding-bottom:30px !important;}
	.pb-50-mob {padding-bottom:50px !important;}
	.pb-75-mob {padding-bottom:75px !important;}
	.pb-100-mob {padding-bottom:100px !important;}
	.pb-150-mob {padding-bottom:150px !important;}
}

:root {
    --wrap: 1024px;
    --margins: calc(100% - var(--wrap));
	  --margin: calc(var(--margins) / 2  );
    --grey-dark: #181818;
    --grey-med: #3F3F3F;
    --grey-lite: #7B898E;
    --grey-lite2: #E0E0E0;
    --grey-lite3: #F8F8F8;
    --blue: #4D85D6;
    --red: #FF5252;
    --green: #5EB876;
    --yellow: #F9BB2D;
}



html {scroll-behavior: smooth;}

/* CLS: alse set atrributes for images in html */
img { aspect-ratio: attr(width) / attr(height);}

body {margin: 0; font-family: 'Inter', sans-serif; font-weight: normal; font-size: 17px;
line-height: 180%; color: var(--grey-dark); overflow-x: hidden !important; background: var(--grey-lite3);}

.showOnDesktop {display:block;}
.showOnMobile {display:none;}

.accessibility {display: inline-block; width: 44px; height: 44px; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15); background-repeat: no-repeat; background-position: center center; background-image: url(../img/accessibility.svg); position: fixed; bottom: 20px; right: 20px; z-index: 999; border-radius: 50%; background-color: #fff; }

.accessibility:hover,
.accessibility:focus {background-color: #ddd; border: 1px solid var(--grey1); }

.wrap {width: var(--wrap); margin: 0 auto; }

/* CLS: alse set atrributes for images in html */
img { aspect-ratio: attr(width) / attr(height); vertical-align: middle; max-width:100%; height: auto; }

* {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

div, a, span, input, textarea, ul, li, img { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

input:focus, textarea:focus, select:focus {outline:none;}

p {margin: 0 0 30px 0; 
    font-size: 17px;
    font-weight: 400;
    line-height: 175%;}

p:last-child {margin: 0;}

a {-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration:none; color:var(--grey1);}

a:hover {text-decoration:none; color: var(--darkblue); }

h1, h2, h3, h4, h5, h6 {font-family: 'Inter', sans-serif; color: var(--grey-dark); margin-top: 0; font-weight: 700; }

h1 {font-size: 40px; font-weight: 600; line-height: normal; }
.alt-h1 h1 {font-size: 26px; font-weight: 700; line-height: normal; text-transform: uppercase; margin-bottom: 40px;}
h2 {font-size: 26px; font-weight: 700; line-height: normal; text-transform: uppercase; }
.txt h2 {text-transform: none; }
h3 {font-size: 24px; font-weight: 700; line-height: normal;}
h4 {font-size: 30px; font-weight: 700; line-height: normal; }
h5 {font-size: 24px; font-weight: 700; line-height: normal; }
h6 {font-size: 18px; font-weight: 700; line-height: normal; margin: 0 0 10px 0;}

.title {padding: 0 0 10px 0; }

.centered {text-align:center;}

.buttlike {display: inline-block; padding: 12px 18px; border-radius: 4px;  background: #FFF; font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase; color: var(--grey-dark);
}
.buttlike:hover {color: var(--blue);}

.buttlike.border {background: transparent; color: var(--grey-lite); border: 1px solid var(--grey-lite2);}
.buttlike.border:hover {background: transparent; color: var(--grey-lite); border: 1px solid var(--grey-lite);}

.buttlike.solid {background: var(--blue); color: white;}
.buttlike.solid:hover {background: var(--blue); color: var(--grey-lite2);}

.buttlike.grey {background: var(--grey-lite2); color: var(--grey-lite);}
.buttlike.grey:hover {background: var(--grey-lite2); color: var(--grey-dark);}


.hero {width:100%; z-index:100; height:auto; max-width: 1920px; margin: 0 auto;}

.hero_owl {position: relative; height: 100%;}

.hero_owl_item {background-repeat: no-repeat; background-position: center center; background-size: cover; width:100%; height: 100%; display: none;}
.hero_owl_item:first-child {display: block;}

.hero_owl_item img {width:100%; height: auto; }

.hero_owl_item:after {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; z-index: 1; }

.hero_owl div:not(.owl-nav),
.hero_owl div:not(.hero_desc) {height: 100%; }

.hero_desc {
    position: absolute;
    z-index: 100;
    bottom: 100px;
    left: var(--margin);
    width: calc(var(--wrap) * 0.6);
    color: #fff;
	  height:auto !important;
	  text-align:left;
}

.owl-carousel .owl-item .hero_desc img {width: 10px; height: auto; display: inline-block; margin: -2px 0 0 5px; }

.hero_desc h3 {display:block; font-size: 42px; margin:0;
    font-style: normal;
    font-weight: 700;
    line-height: normal; color: #FFFFFF; padding-bottom: 30px; }

.hero_desc span {display:block; font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; color: #FFFFFF; padding-bottom: 30px; }

.hero_owl .owl-nav {
    position: absolute;
    bottom: 100px; top: auto;
    width: 100px;
    right: var(--margin); left: auto;
	  z-index:9999;
	  height:40px !important;
}

.hero_owl .owl-prev {
    left: 0; top:0; 
}
.hero_owl .owl-next {
    right: 0; top:0; 
}









.logo_holder {
    position: absolute;
    left: 20px; top: 16px;
    z-index: 999;
}
.logo_holder img {
    height:33px; width: auto;
}



.menu_inner {max-width: 1920px; margin: 0 auto;}

.menu_trigger {display:none;}

.menu_holder {width:100%; display:block; background: #ffffff; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15);  }

.menu {width:100%; text-align: right; padding: 16px 20px;} 

.menu ul {list-style:none; padding:0; margin:0; }

.menu li {display:inline-block; padding: 0 26px 0 10px; position: relative; line-height:32px;  }
.menu li.last_desktop {padding: 0 0 0 8px;  }

.menu li.langs {display: none;  }

.menu li.color:before {content:""; position: absolute; top: 50%; left: 0; width: 3px; height: 16px; border-radius: 3px; margin: -8px 0 0 0;}
.menu li.color.red:before {background: var(--red);}
.menu li.color.blue:before {background: var(--blue);}
.menu li.color.green:before {background: var(--green);}
.menu li.color.yellow:before {background: var(--yellow);}

.menu li a {color:var(--grey-dark); font-weight:600; font-size:14px; display:block; text-transform: uppercase;}

.menu li a:hover, 
.menu li.active a {color:var(--blue); }

.menu li .submenu {display:none; padding: 10px 0 0 0; position:absolute; z-index:1001; left:0; top:32px; width:180px; }

.menu li:hover .submenu {display:block; }
.menu li.last_desktop:hover .submenu {left:auto; right: 0; }

.menu li ul {width:100%; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); background:white; border-radius: 6px;}
.menu li.red ul {background:var(--red);}
.menu li.blue ul {background:var(--blue);}
.menu li.green ul {background:var(--green);}
.menu li.yellow ul {background:var(--yellow);}
.menu li.red.active > a,
.menu li.red:hover > a {color:var(--red); }
.menu li.green.active > a,
.menu li.green:hover > a {color:var(--green); }
.menu li.yellow.active > a,
.menu li.yellow:hover > a {color:var(--yellow); }

.menu li ul li {font-size: 15px; line-height: 20px; display:block; padding: 8px 0;  width: calc(100% - 32px); margin: 0 16px; }

.menu li ul li:first-child {padding-top:16px;}
.menu li ul li:last-child {padding: 8px 0 16px;  }

.menu li ul li a,
.menu li.active ul li a {text-align:left; text-transform: none; color:var(--grey-lite); font-size: 15px; display:block; font-weight: 400;}
.menu li.color ul li a {color: white;}

.menu li ul li:hover a,
.menu li ul li.active a {color:var(--grey-dark);}

.menu li.active ul li.active a {font-weight: 700;}

.menu li.color ul li:hover a,
.menu li.color ul li.active a {color:var(--grey-lite2);}

.submenu .submenu {display: none; position: absolute; top: 0; left: 180px; }

.menu li .submenu .submenu {
  display: none;
  padding: 10px 0 0 0;
  z-index: 1002;
  left: 100%;
  top: -10px;
}

.menu li ul li.hasSub {
  width: calc(100% - 16px);
  margin: 0 0 0 16px;
}

.menu li.last_desktop:hover .submenu .submenu,
.menu li.penultimate_desktop:hover .submenu .submenu  {
  left: auto;
  right: 100%;
}

.menu li.last_desktop ul li.hasSub,
.menu li.penultimate_desktop ul li.hasSub {
  width: calc(100% - 16px) !important;
  margin: 0 16px 0 0 !important; padding-left: 16px !important;
}

.menu .submenu li:hover .submenu {display: block;}

.menu .submenu li ul li a, 
.submenu li.active ul li a {
  color: var(--grey-lite); font-weight: normal;
}

.menu .submenu li ul li.active a, 
.menu .submenu li ul li:hover a, 
.menu .submenu li ul li.active:hover a {
  color: var(--grey-dark); font-weight: normal;
}

.menu li.color.active .submenu ul li li a, 
.menu li.color .submenu ul li li a {
  color: white;
}

.menu li.color .submenu ul li li:hover a, 
.menu li.color .submenu ul li li.active a {
  color: var(--grey-lite2);
}


.menu li ul li:last-child:first-child {
  padding: 16px 0;
}

.menu li ul li ul {
  margin-top: -8px;
}

.menu li ul li:first-child ul {
  margin-top: 0;
}

.top_header {width: 100%; border-bottom: 1px solid var(--grey-lite2); text-align: right; line-height: 36px; padding: 0 20px;  max-width: 1920px;  margin: 0 auto; display: flex; justify-content: space-between;}

.top_header ul {list-style: none; padding:0; margin:0;}

.top_header li {padding:0 24px 0 0; margin:0; display:inline-block; font-size: 13px; font-weight: 600;}
.top_header li:last-child {padding:0 0 0 0; }

.top_header li a {padding:0 0 0 24px; margin:0; display:block; background-repeat: no-repeat; background-position: center left; }
.top_header li a:hover {color:var(--grey-lite); }
.top_header li a.search {background-image: url(../img/i-search.svg);}
.top_header li a.mail {background-image: url(../img/i-mail.svg);}
.top_header li a.komunalni {background-image: url(../img/i-komunalni.svg);}
.top_header li a.register {background-image: url(../img/i-user.svg);}
.top_header li a.subscribe {background-image: url(../img/i-subscribe-o.svg); background-size: 14px auto; }

.top_header li ul {display:none; width: 180px; background: white; border-radius:6px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); position: absolute; top: 100%; right:0; z-index:999; padding: 8px 16px;}
.top_header li:hover ul {display:block; }

.top_header li li {padding:0; display:block; }

.top_header .langs > a {
  padding: 0 0 0 24px;
  margin: 0;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(../img/globe.svg);
}

.top_header .langs li a {
  text-align: left; display: block; padding-left: 32px; font-weight: 400; color: var(--grey-lite); /*text-decoration: underline;*/
}

.top_header .langs li a:hover {
  color: var(--grey-dark); 
}

.top_header .langs li.active a:after {
  content: url(../img/check.svg); position: absolute; top: 50%; right: 0px; margin: -17px 0 0 0;
}

.top_header .langs li.active a {
  font-weight: 600; color: var(--grey-dark); text-decoration: none;
}

.top_header .langs li a img {
  position: absolute; top:50%; left: 0; border-radius: 20px; margin: -10px 0 0 0; width: 20px; height: auto;
}

.header_search_holder {display:none; position: absolute; top: 100%; right:0; z-index:999; padding: 15px; background: white; box-shadow: 0px 5px 15px rgba(0,0,0,0.2); width: 300px;}

.header_search_holder.show {display:block; }

.search_form form {padding: 0; margin: 0; }

.search_form input {
  width: 100%;
  height: 42px;
  border: 1px solid #E6E6E6;
  padding: 0 50px 0 30px;
  color: var(--grey-dark);
  font-size: 15px;
}

.search_form input[type=submit] {
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 0;
  padding: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/i-search.svg);
  position: absolute;
  top: 0px;
  right: 0;
  background-color: transparent;
  border: 1px solid transparent;
}

.search_form input[type=submit]:hover {
  cursor:pointer; background-color: var(--grey-lite3); border: 1px solid #E6E6E6;
}

.close_header_search {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/X2.svg);
  background-size: 10px 10px;
  position: absolute;
  top: 16px;
  left: 13px;
  z-index: 5;
}

.close_header_search:hover {
  cursor:pointer; opacity: 0.6;
}


.bg_white {background: white;}
.bg_grey_lite {background: var(--grey-lite3);}

.footer {padding: 40px 0 14px; background: white;}

@media(min-width: 768px){
  .footer .wrap {
    background-repeat: no-repeat; background-position: right bottom; background-image: url(../img/kula.svg);
    background-size: 25% auto;
  }
}


.footer-top {display: flex; justify-content: space-between; border-bottom: 1px solid var(--grey-lite2); padding: 0 0 20px; margin: 0 0 38px 0;} 

.footer-top .buttlike {
  background: var(--grey-lite3); text-transform: none; padding: 12px 20px; margin: 0 0 0 10px; 
  /*background-repeat: no-repeat; background-position: 14px center;*/
} 

.footer-top .buttlike img {
  margin: -1px 5px 1px 0; 
  /*background-repeat: no-repeat; background-position: 14px center;*/
} 
/* .footer-top .buttlike.mail {background-image: url(../img/i-mail2.svg);} 
.footer-top .buttlike.komunalni {background-image: url(../img/i-komunalni2.svg);}  */

.footer-top img {max-width: 200px; height: auto;}

.footer-mid {display:flex; justify-content: space-between; padding: 0 0 30px 0;}

.footer-col {width: 15%;}

.footer-col h4 {font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.footer-col.color h4 {
  padding-left: 15px;
}

.footer-col.color:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 3px;
  height: 16px;
  border-radius: 3px;
  margin: 0;
}
.footer-col.color.red:before {background: var(--red);}
.footer-col.color.blue:before {background: var(--blue);}
.footer-col.color.green:before {background: var(--green);}
.footer-col.color.yellow:before {background: var(--yellow);}

.footer-col ul {margin:0; padding:0; list-style: none;}

.footer-col li {margin:0; padding:5px 0; display:block;}

.footer-col li a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color:var(--grey-lite);
  display: block;
}
.footer-col li a:hover,
.footer-bottom a:hover {
  color:var(--grey-dark);
}

.footer-bottom {text-align:center; border-top: 1px solid var(--grey-lite2); padding: 12px 0 0 0; color:var(--grey-lite);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%
}


.inner_section {padding: 80px 0; }

.inner_section +.inner_section {padding-top: 0; }

.butt_wide_holder {display: flex; flex-wrap: wrap; justify-content: space-between;}

.butt_box_holder {display: flex; justify-content: space-between; align-content:stretch ;}

.butt_wide {align-items: center;  display: flex; width: calc(33.3% - 16px); margin: 11px 0; padding: 32px 40px 32px 80px; font-size: 17px;  font-weight: 600; border-radius: 4px;  line-height: normal; background: white; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
}

.butt_box {display: inline-block; width: calc(16.666% - 30px); margin: 0; padding: 106px 20px 38px 20px; font-size: 17px;
  font-weight: 600; border-radius: 4px; text-align:center;
  line-height: normal; background: white; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
}

.butt_wide:hover,
.butt_box:hover {box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.5);}

.butt_wide .icon {
  position: absolute; top: 50%; left: 20px; transform: translateY(-50%);
}

.butt_wide .ext {
  position: absolute; top: 50%; right: 22px; transform: translateY(-50%);
}

.butt_box .icon {
  position: absolute; top: 38px; left: 50%; transform: translateX(-50%);
}


.narrow {width: 100%; max-width: 1024px; margin: 0 auto; }
.narrow2 {width: 100%; max-width: 820px; margin: 0 auto; }
.narrow3 {width: 100%; max-width: 610px; margin: 0 auto; }

.vijesti {width: calc(100% + 52px); margin: 0 -26px;}
.vijesti.natjecaji {width: 100%; margin: 0;}

.vijest {display: flex; width: calc(100% - 52px); background: transparent; justify-content: space-between; padding: 26px 0; margin: 0 26px; margin-top: -1px; border-top: 1px solid var(--grey-lite2); border-bottom: 1px solid var(--grey-lite2); -webkit-transition: background 0.01s ease-out; transition: background 0.01s ease-out;}
.vijest:first-child {border-top:none;}

.natjecaji .vijest {display: flex; width: 100%; background: white; padding: 26px 0; margin: 0 0 30px 0; border:none; border-left: 4px solid var(--green); border-radius: 4px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.natjecaji .vijest.closed {border-left: 4px solid var(--red);}
.natjecaji .vijest.open .meta span, .natjecaj_meta span.open {color: var(--green);}
.natjecaji .vijest.closed .meta span, .natjecaj_meta span.closed {color: var(--red);}

.vijest:hover {background:var(--grey-lite3); margin:0; margin-top: -1px; padding: 26px; width:100%;}
.bg_grey_lite .vijest:hover {background: white; }

.natjecaji .vijest:hover {background:var(--grey-lite3); margin: 0 0 30px 0; padding: 26px 0; width:100%; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4);}
.bg_grey_lite .vijest:hover {background: white; }

.vijest:after {content:url(../img/arr_r_b.svg); position: absolute; top: 26px; right: 0px; -webkit-transition: none; transition: none;}
.vijest:hover:after {right: 26px;}
.natjecaji .vijest:after {right: 26px;}

.vijest_img {width: 260px; }

.vijest_img img {width: 100%; height: auto; border-radius: 6px;}

.vijest_txt {padding: 0 50px 0 36px; flex:5}

.vijest_txt h3 {font-size: 24px;  font-weight: 600; margin: 0 0 12px 0;}

.vijest_txt p {line-height: 22px; color: var(--grey-lite); margin: 0 0 12px 0;}

.vijest_txt .meta {line-height: 22px; color: var(--grey-lite); margin: 0; font-size: 14px;} 

.vijest_txt .meta strong {color: var(--grey-dark); text-transform: uppercase;}

.vijest_txt .meta span {display:inline-block; padding: 0; color: var(--grey-dark); text-transform: uppercase; font-weight:600;}

.vijest_txt .meta span img {margin: -1px 5px 1px 0;}

.vijest_txt .meta span.bullet {display:inline-block; padding: 0 8px; color: var(--grey-lite2);}

.vrgorac_misli {padding:80px;}

.vrgorac_misli h2 {color:var(--blue);}

.vrgorac_misli h4 {font-size: 24px; font-weight: 600;}

.vrgorac_misli p {color: var(--grey-lite);}

.vrgorac_misli .carousel-1 {width: 100%; max-width: 600px; margin: 0 auto; padding-bottom: 30px;}

.vrgorac_misli .owl-dots {bottom: -30px;}

.vrgorac_misli .owl-carousel .owl-dot { background: #c4c4c4;}
.vrgorac_misli .owl-carousel .owl-dot.active { background: var(--blue); border: 1px solid var(--blue);}

.vrgorac_misli .owl-prev, .vrgorac_misli .owl-next {
  border: 1px solid white; background: white;
}

.vrgorac_misli .owl-next:after {background-image: url(../img/arr_r_blue.svg);}
.vrgorac_misli .owl-prev:after {background-image: url(../img/arr_l_blue.svg);}

.vrgorac_misli .owl-next {right: -120px;}
.vrgorac_misli .owl-prev {left: -120px;}


/**************************************************************************************************** pages */

.kontakti {width: 100%; /*display: flex; flex-wrap:wrap; flex-direction: column; justify-content: space-between;*/}

.kontakt,
.kontakt_big {width: 100%; background: white; border-radius: 6px; padding: 20px; margin-bottom: 18px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12); font-size: 14px; line-height: 20px;}

.kontakt_wrap {width: calc(50% - 25px); margin: 0 0 18px 0; }
.kontakt_wrap h3 {font-size: 16px; font-weight: 700; text-transform: uppercase;}

.kontakt_big {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;  margin: 0 0 36px 0;}

.kontakt_pic {display: flex; margin: 0 0 40px 0; align-items: flex-start;}
.kontakt_pic_txt {flex:1; padding: 0 0 0 24px;}
.kontakt_pic img {border-radius: 50px;}

.kontakt_big_txt {width: calc(40% - 20px); text-align: left; }

.kontakt_big_txt h5,
.kontakt h5 {font-size: 16px; margin: 0; line-height: 22px; }
.kontakt_big_txt span,
.kontakt span {color: var(--grey-lite);}

.kontakt_gmap {background: #ccc; height: 380px; width: 100%; margin: 0 0 30px 0;}
.kontakt_gmap iframe { width: 100%; height: 100%;}

.kontakt_form {width: 60%;}
.kontakt_form h5 {font-size:16px;}
.kontakt_form .form input, 
.kontakt_form .form textarea,
.kontakt .form input, 
.kontakt .form textarea {background-color: var(--grey-lite3); border: 1px solid var(--grey-lite2)} 

.kontakt_icons {width: 100%; overflow: hidden; padding: 25px 0 0 0;}

.kontakt_icons a {display: inline-block; width: 41px; height: 41px; margin: 0 15px 0 0; border-radius: 30px; text-align: center; line-height: 40px; }
.kontakt_icons a.tel {background: var(--green); }
.kontakt_icons a.mail {background: var(--blue); }
.kontakt_icons a img {margin: -1px 0 1px 0; }

.kontakt.obrazac h4 {font-size: 20px; margin: 0 0 15px 0;}

.obrazac .kontakt_wrap {width: 100%;}

.kontakt_wrap .kontakt + h3, .kontakt_wrap .downloads + h3 {margin: 50px 0 15px 0;}

.napomena p {font-size: 13px; color: var(--grey-lite);}



.form {width: 100%;}

label {font-weight: 600; display: block; padding: 0 0 5px 0;}

.inp {width: 100%; margin: 0 0 16px 0; }
.inp2 {display: flex; gap: 24px;}

.form input,
.form textarea,
.custom-file-upload {width: 100%; border-radius: 4px; border: 1px solid var(--grey-lite);  background: #FFF; height: 50px; padding: 16px; font-size: 15px; font-family: 'Inter', sans-serif;}

.form button,
.anketa_holder button {border:none; color: white; text-transform: uppercase; background:var(--blue); white-space: nowrap;}
.form button:hover,
.anketa_holder button:hover {color: white; cursor:pointer; background:var(--blue);}
.form button img,
.anketa_holder button img  {margin: -1px 5px 1px 0;}

.form ::placeholder,
.anketa_holder ::placeholder {color: var(--grey-lite)}

.form textarea,
.anketa_holder textarea {height: 180px;}

/*input[type="file"] {  display: none;}*/

.custom-file-upload {
  display: inline-block;
  cursor: pointer;
  padding: 16px; margin: 0; line-height: 18px; color: var(--grey-lite);
}

.form p {font-size: 13px; color: var(--grey-lite);}
.help-block, .response {font-size: 15px;}
 
.captcha img {position: absolute; bottom: 1px; right: 2px; z-index:5; border-radius: 4px;}
.inp_icon img {position: absolute; bottom: 16px; right: 14px; z-index:5; }

.inp_flex {display: flex; justify-content: space-between;}

.checkbox {padding: 5px 20px 5px 0;     flex: 1;}

.checkbox a {color:var(--grey-dark);}

input[type="checkbox"],
input[type="radio"]  {
	/*display: none;*/ opacity: 0; height: 0; position: absolute;
}
input[type="checkbox"] + label span,
input[type="radio"] + label span {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-color:white;
	cursor: pointer;
	-webkit-transition: none;
	transition: none;
  border-radius: 2px;
	border: 1px solid var(--grey-lite);
  position: absolute; top: 0px; left: 0;
}
input[type="radio"] + label span {
  border-radius: 20px;
}
input[type="checkbox"]:checked + label span,
input[type="radio"]:checked + label span {
	background-color:var(--blue); background-repeat: no-repeat; background-position: center center; background-image: url(../img/checkbox.svg);
}
input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;
	width: 100%;
	text-align: left;
  padding: 4px 0 0 32px;
  position: relative; font-weight: 400;
  font-size: 13px; line-height: normal; color: var(--grey-lite);
}

.obrazac input[type="checkbox"] + label, .obrazac input[type="radio"] + label {color: var(--grey-dark);}

input[type="checkbox"]:focus + label span,
input[type="radio"]:focus + label span {
	outline: 1px dotted black;
}



/* poll radio/checkbox */

.pChoose label {
  padding: 0 !important; 
  display: inline-block;
  width: 100%;
  text-align: left;
  padding: 0 !important;
  position: relative;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 24px !important;
  color: var(--grey-lite);
  margin: 0 0 15px 0;
}

.pChoose label span {
  display: block;
	width: 100%;
	padding: 0 0 0 32px;
}

.pChoose label span:before {
  content: "";
  display: inline-block;
	width: 22px;
	height: 22px;
	background-color:white;
	cursor: pointer;
	-webkit-transition: none;
	transition: none;
	border: 1px solid var(--grey-lite);
  position: absolute; top: 0px; left: 0;
}
.pChoose input[type="checkbox"] +  span:before { border-radius: 2px;}
.pChoose input[type="radio"] +  span:before { border-radius: 30px;}

.pChoose input[type="checkbox"]:checked + span:before,
.pChoose input[type="radio"]:checked + span:before {
  background-color:var(--blue); background-repeat: no-repeat; background-position: center center; background-image: url(../img/checkbox.svg);
}

.pChoose input[type="checkbox"]:focus + span:before,
.pChoose input[type="radio"]:focus + span:before {
	outline: 1px dotted black;
}









.form button.remove-file-action {position: absolute; top: 18px; right: 11px; background: transparent; border: none; z-index: 5; color: black; text-transform: none;}
.form button.btn-success {background: transparent; border: none; border-right: 1px solid var(--grey-lite); color: black; text-transform: none; padding: 0 15px; font-family: 'Inter', sans-serif; font-size: 15px; height: 50px;}

.styled-upload .input-group-btn:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  height: 50px;
  width: auto;
  z-index: 99;
}

.styled-upload input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 50px !important;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
  z-index: 5;
}

.styled-upload input[type="file"]:focus + .btn-success, .styled-upload input[type="file"].focus + .btn-success {
  outline: 1px dotted black !important;
}


.form input.filename-show {padding-left: 165px; padding-right: 35px;}

.styled-upload input[type="file"]:hover {cursor: pointer;}

.article .inner_section {padding-top:50px;}

.article_wrap {display: flex; flex-wrap:wrap; justify-content: space-between; width: var(--wrap); margin: 0 auto; width: 100%;}

.article_wrap.no_sidebar {justify-content: space-around; }

.slider {width: 100%; margin: 0 0 50px 0;}

.slider .item {display: none;}
.slider .item:first-child {display: block;}

#sync2 {margin: 15px 0 0 0;}

.article_title {width:100%; padding: 0 calc(100% - 680px) 0 0;}
.article_wrap.no_sidebar .article_title {
  width: 680px;
  padding: 0;
}

.content {width: 680px; }

.txt > img {margin: 0 0 30px 0; width: 100%; height: auto;}
.txt .img_desc {display: block; margin: -25px 0 20px 0; font-size:12px; color: var(--grey-lite);}

.sidebar {width: 280px;}

.art_meta {font-size:12px; color: var(--grey-lite); padding: 0 0 8px 0;}

.art_meta a {display:inline-block; padding: 0; margin: 0 0 0 0; color: var(--grey-dark); font-weight: 600; text-transform: uppercase;}

/*.art_meta a:after {content:""; position: absolute; top: 50%; right: 0; height: 3px; width: 3px; border-radius:3px; background: var(--grey-lite); margin: -2px 0 0 0;}*/
.art_meta span {display: inline-block; margin: 0 0 0 8px; padding: 0 0 0 13px;}
.art_meta span:after {content:""; position: absolute; top: 50%; left: 0; height: 3px; width: 3px; border-radius:3px; background: var(--grey-lite); margin: -2px 0 0 0;}

.article_title .meta {margin: -20px 0 40px 0; font-size: 13px; font-weight: 600; text-transform: uppercase;}
.article_title .meta span {display: inline-block; padding: 0 0 0 13px; margin: 0 0 0 8px;}
.article_title .meta span:first-child {display: inline-block; padding: 0; margin: 0;}
.article_title .meta span:after {content:""; position: absolute; top: 50%; left: 0; height: 3px; width: 3px; border-radius:3px; background: var(--grey-lite); margin: -2px 0 0 0;}
.article_title .meta span:first-child:after {display: none;}
.article_title .meta span img {margin: -1px 5px 1px 0;}

.downloads {width: 100%;  padding: 10px 0; margin: 30px 0;}

.downloads a {display: block; padding: 15px 0 15px 45px; margin: 0; color: black; font-size: 16px; font-weight: 600; line-height: 26px; border-bottom: 1px solid var(--grey-lite2); }
.downloads a:first-child {border-top: 1px solid var(--grey-lite2);  }
.downloads a span {display: block; color: var(--grey-lite); font-size: 13px; text-transform: uppercase; }
.downloads a:hover span {color: black; }
.downloads a img {position: absolute; top: 19px; left: 0;}


.share {margin: 30px 0 0 0; }

.share a {display: inline-block; width: 42px; height: 42px; border-radius: 30px; text-align: center; line-height: 42px; background: var(--grey-lite2); margin-right:10px;}

.share a:hover {background: white;}




.sidebar h3 {text-transform: uppercase; font-size: 17px;}

.sidebar_vijesti {width: 100%; padding: 10px 0 0 0; margin: 0 0 36px 0;}

.sidebar_vijest {width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid var(--grey-lite2); padding: 0 0 16px 0; margin: 0 0 16px 0; }
.sidebar_vijesti.alt .sidebar_vijest {display: block; }
.sidebar_vijest:last-child {border-bottom: none;}

.sidebar_vijest h4 { font-size: 14px;  font-style: normal;  font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; flex:1; padding: 0 0 0 18px;}
.sidebar_vijesti.alt .sidebar_vijest h4 { padding: 0 0 10px 0; margin: 0;}
.sidebar_vijest span {display: block; color:var(--grey-lite); font-size: 12px; font-weight: 400;  line-height: normal;  letter-spacing: 0.24px;}
.sidebar_vijest span span {font-weight: 600; display: inline-block;}

.sidebar_vijest:hover h4 {color:var(--grey-lite);}

.sidebar_vijest div {width: 104px;}

.sidebar_vijest img {border-radius: 6px; width: 100%; height: auto;}

.sidebar_vijest:last-child {border-bottom: none;}



.accordion_item {width: 100%; margin: 0 0 18px;}

.accordion_title {background: white; padding: 16px 22px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12); border-radius: 4px; font-size: 17px; font-weight: 600;}

.accordion_title:hover {box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3); cursor:pointer;}

.accordion_title:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  background-image: url(../img/drop_arrow.svg);
  transform: rotate(0deg);
  position: absolute;
  top: 50%;
  right: 22px;
  margin: -4px 0 0 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.open .accordion_title:after {transform: rotate(180deg);}

.accordion_content {padding: 0 22px; height: 0; overflow: hidden;}

.open .accordion_content {padding: 22px; height: auto;}

.accordion_content .downloads {margin: -22px 0; padding: 0;}

.accordion_content .downloads a:first-child {border-top: none;  }
.accordion_content .downloads a:last-child {border-bottom: none;  }



.arhiva {padding: 30px 0 0 0; display: flex; justify-content: space-between;}

.arhiva h2 {margin:0; line-height: 180%;}

.arhiva_wrap {width: 100%;}

.dropdown_select ul {
  list-style: none;
  padding: 0;
}

.dropdown_select {display: inline-block;}

.dropdown_select ul {list-style: none; padding: 0; margin:0;}

.dropdown_select ul li {display: inline-block; width: 100%;  }

.dropdown_select ul:first-child > li span {width: 100%; display: inline-block;font-weight: normal; background-image: url(../img/drop_arrow2.svg); background-position: right center; background-repeat: no-repeat; padding: 0 30px 0 0;}

.dropdown_select ul li ul {display: none; }

.dropdown_select ul li:hover ul {display: block; min-width: 150px; position: absolute; top: 100%; left:0; background: #fff; z-index: 222; padding: 15px 25px; border: 1px solid var(--grey-lite2); border-radius:4px; }

.arhiva .dropdown_select ul li:hover ul {left:auto; right:0; }

.dropdown_select ul li ul li {font-size: 14px; }
.dropdown_select ul li ul li a {display: block; width: 100%;}
.dropdown_select ul li ul li a:hover {color:var(--grey-lite);}




.table {width:100%; overflow-x:auto; }

.table table {width: 100%; min-width: 820px; border-collapse: collapse; font-size: 15px;}

.table tr td {border-top: 1px solid var(--grey-lite2);}
.table td {padding: 5px;}
.table td:first-child { padding-left: 0;}
.table thead td {font-weight: 600; color: var(--blue); font-size: 14px; border:none;}
.table thead td img {margin: -1px 0 1px 3px;}
.table thead td a:hover img {opacity: 0.7;}



.pager {font-size: 14px; line-height: 34px;}
.pager span {display: inline-block; padding: 0 15px;}
.pager a {display: inline-block; width: 34px; height: 34px; text-align: center; border-radius: 30px; background: var(--grey-lite2); transform: rotate(270deg);}
.pager a:first-child {transform: rotate(90deg);}
.pager a:hover {background: white;}
.pager a.disabled,
.pager a.disabled:hover {background: var(--grey-lite2); opacity: 0.3; cursor: auto;}



.page_search_form {width:100%; max-width:600px; margin: 0 auto; padding: 0 0 40px 0;}

.page_search_form input {width:100%; border-radius: 4px;  border: 1px solid var(--grey-lite2);  background: #FFF; height:50px; line-height:50px; padding: 0 15px; font-size: 16px; font-weight: 600; }

.page_search_form input[type=submit] {width:50px; border-radius: 4px;  border: none;  background: transparent; height:50px; padding: 0; background-repeat: no-repeat; background-position: center center; background-image: url(../img/i-search.svg); text-indent: -9999px; position: absolute; top: 0; right: 0;}

.page_search_form input[type=submit]:hover {cursor: pointer; transform: scale(1.1);}

.results_count {padding: 20px 0 0 0; font-size: 14px; color: var(--grey-lite); text-align: center;}

.anketa_holder {background:white; padding:24px; margin-top:30px; border-radius: 6px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12);  }

.anketa_holder label {font-weight:600; font-size:16px; display:block; line-height: 150%; padding: 0 0 15px 0;}

.anketa_desc {font-size: 13px; font-weight: 400;  line-height: normal; color: var(--grey-lite); flex: 1; padding: 15px 0 0 0;}

.anketa_holder .inp_flex {align-items: center;}

.anketa_rezultat {display:flex; justify-content: space-between;}

.anketa_rezultat {font-size: 16px; font-weight: 600; padding: 14px 0 12px 0; margin: 0 0 3px 0;}

.anketa_rezultat span:first-child {font-weight: 400;}

/*.anketa_rezultat:before {content:""; position: absolute; left:0; bottom: 0; border-radius: 6px;  background: var(--grey-lite2); width:100%; height: 8px; z-index: 3;}

.rezultat {position: absolute; left:0; bottom: 0; border-radius: 6px; background: var(--blue); width:attr(data-rezultat)%; height: 8px; z-index: 5;}*/

.anketa_holder textarea {width: 100%; max-width: 100%; padding: 12px; border: 1px solid var(--grey-lite2); font-family: 'Inter', sans-serif; line-height: 150%; border-radius: 4px;}
    
.prijedlog {font-size: 16px;  font-style: italic;  font-weight: 400;  line-height: 150% !important; padding: 3px 0 5px 20px; border-left: 3px solid var(--blue); margin: 0 0 20px 0; color:var(--grey-dark);}

.anketa_holder .table table {
  min-width: 632px;
  font-size: 15px;
}
.anketa_holder .table table td {min-height:22px; text-align: center; background-color:var(--grey-lite3); border-top:10px solid white; border-bottom: 10px solid white;}
.anketa_holder .table table td:first-child {text-align: left; padding-left: 12px;}
.anketa_holder .table table thead td {background-color: white; border:none; min-height:1px; padding: 0 5px; }

.anketa_holder .table input[type="checkbox"] + label, 
.anketa_holder .table input[type="radio"] + label {
  width: 22px;
  height:22px;
  padding: 0px 0 0 22px; margin: 9px 0 0 0;
}

.anketa_holder.alt {border-left: 4px solid var(--blue); font-weight:600; font-size:16px; line-height: 150%;}

.anketa_rezultat label {font-weight: 400; margin: 0; padding: 0; line-height: 180%;}



.smjestaj {display:flex; justify-content:flex-start; flex-wrap: wrap; column-gap: 40px; align-items: flex-start;}

.smjestaj_item {width: calc(25% - 30px); background: white; border-radius: 6px; overflow: hidden; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12); margin-bottom: 40px;}

.col3 .smjestaj_item {width: calc(33.3% - 26.6px); }

.smjestaj_img {width: 100%;}
.smjestaj_img img {width: 100%; height: auto;}

.smjestaj_txt {padding: 16px;}

.smjestaj_txt_details {max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.smjestaj_txt.open .smjestaj_txt_details {max-height: 300px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.default .smjestaj_txt_details {max-height: 500px; height: auto; }

.smjestaj_txt_details p {font-size: 14px; font-weight: 400;  line-height: 180%; color: var(--grey-lite); margin: 0 0 16px 0;}
.smjestaj_txt_details p a:hover {color: var(--grey-dark);}

.default .smjestaj_txt_details p {color: var(--grey-dark); }
.default .smjestaj_txt_details p a:hover {color: var(--grey-lite);}

.smjestaj_txt h3 {font-size: 17px; font-weight: 600; margin-bottom: 12px; padding: 0 15px 0 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.default .smjestaj_txt h3,
.default .smjestaj_txt h3:hover {padding: 0; cursor:auto; color: var(--grey-dark);}

.smjestaj_txt h3:after {content: url(../img/drop_arrow.svg); position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.smjestaj_txt.open h3:after {transform: translateY(-50%) rotate(180deg);}

.default .smjestaj_txt h3:after {display: none;}

.smjestaj_txt h3:hover {cursor: pointer; color: var(--grey-lite);}

.smjestaj_txt_details .buttlike {width: 100%; text-align:center;}

.smjestaj_txt_details a img {  margin: -1px 5px 1px 0;}

.smjestaj + .article_title {margin-top: 50px;}



/************************************************************************************ POP */

.pop_hero {background-repeat: no-repeat; background-position: center center; width: 100%; height: 480px;}

.pop .pop_menu {background: white;}
.pop .pop_menu.transp {position: absolute; z-index: 40; top: 0; left: 0; width: 100%; background: transparent;}

.pop .pop_menu.transp li a {color:white; text-transform: uppercase;}
.pop .pop_menu.transp li a:hover {color:var(--grey-lite2);}

.pop .pop_menu li:before {content:""; position: absolute; top:50%; left: 0; width: 1px; height: 30px; margin: -15px 0 0 0; background: var(--grey-lite2);}
.pop .menu li:first-child:before {display:none;}
.pop .menu li {padding: 0 15px 0 16px;}




.pop_search {}

.pop_search h1 {font-size: 40px; text-align: center; color: white; font-weight: 700;}

.pop_search form {padding: 0; margin: 0; }

.pop_search input {
  width: calc(100% - 1px);
  height: 65px;
  border: 1px solid var(--grey-lite2);
  padding: 0 20px;
  color: var(--grey-dark);
  font-size: 15px;
  border-radius: 4px;
  font-weight: 600;
}

.pop_search input[type=submit] {
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 4px;
  padding: 0;
  background-color: var(--blue); color: white; text-transform: uppercase; font-size: 14px; font-weight: 600;
}

.pop_search input[type=submit]:hover {
  cursor:pointer; opacity: 0.9;
}

.pop_search select {
  width: 100%;
  height: 50px;
  border: 1px solid var(--grey-lite2);
  border-radius: 4px;
  padding: 0 5px 0 20px;
  background-color: white; color: var(--grey-dark); font-size: 14px; font-weight: 600;
}

.add_info {border-top: 1px solid var(--grey-lite2); display: flex; padding: 10px 0;}
.ai_l {font-weight: bold; width: 180px;}
.ai_r {flex: 1;}

.pop h2 {margin-bottom: 50px;}
.pop h3 {font-size: 20px; margin-bottom: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-transform: none;}
.pop_item {width: 100%; border-top: 1px solid var(--grey-lite2); padding: 20px 0; color: var(--grey-lite); font-size: 14px;}
.pop_item:first-child {border-top: none; padding: 0 0 20px 0; }

.pop_item p {margin: 0; font-size: 14px;}

.pop_item a:hover h3 {color: var(--grey-lite);}

a.pop_cat {font-weight: 600; color: var(--grey-dark); display: inline-block; padding: 0 15px 0 0;}
a.pop_cat:hover {color: var(--grey-lite);}

a.pill {font-size: 12px; font-weight: 600; display: inline-block; padding: 0 9px; border-radius: 20px; border: 1px solid var(--grey-lite); color: var(--grey-lite); margin: 8px 5px 0 0;}
a.pill:hover {border: 1px solid var(--grey-lite); color: var(--grey-dark);}

a.search_all {display:block; font-weight: 600; font-size: 16px; color: var(--blue);}
a.search_all:hover {padding: 0 0 0 15px;}
a.search_all img {margin: -2px 10px 2px 0;}


.sidebar .pop_item p span {display: inline-block; font-weight: 600; padding: 0 10px 0 0; color: var(--grey-dark); }
.sidebar .pop_item p {font-size: 13px; }

.pop .footer {background: #181818;}

.pop .footer a {color:white;}
.pop .footer a:hover {color:var(--grey-lite);}
.pop .footer h4 {color:white; text-transform: uppercase;}

.pop .footer-mid {align-items: self-start; justify-content: flex-start;}
.pop .footer-col {width: calc(40% - 30px); margin: 0 30px 0 0;}



.content.rev {order:2;}
.sidebar.rev {order:1;}

.breadcrums {font-size: 14px; font-size:600; color:var(--grey-dark); margin:20px 0 0 0; }
.breadcrums a,
.breadcrums a:hover:after {color:var(--grey-lite);}
.breadcrums a:hover {color:var(--grey-dark);}
.breadcrums a:after {content:">"; display: inline-block; padding: 0 5px;}


.pop_det {background:white; padding:22px; }

.pop_data {padding: 10px 0 15px 0; border-top: 1px solid var(--grey-lite2); border-bottom: 1px solid var(--grey-lite2); color:var(--grey-lite); font-size: 13px; display: flex; gap:15px; margin: 15px 0 30px 0; }

.pop_data div span {display:block; font-weight: 600; font-size: 25px; color:var(--grey-dark);}

.pop_det h4 {font-size: 18px;  font-weight: 600; margin: 15px 0 10px 0;}

.pop_inset {background: white; padding: 55px; width: 930px; margin: -200px auto 0;}

.pop_inset.alt {background: transparent; padding: 0px; width: 100%; margin: 0 0 55px 0;}

.pop_txt h2 {text-transform: none;}
.pop_txt a {text-decoration: underline;}
.pop_txt a:hover {color: var(--grey-lite);}

.pop_search {display: flex; flex-wrap: wrap; width: 100%; gap: 20px;}

.psrch {width: 100%;}

.pdiv {width: calc(33.3% - 13.6px);}

.pdiv select {appearance: none; background-repeat: no-repeat; background-position: calc(100% - 15px) center; background-image: url(../img/drop_arrow.svg);}


.pop_select {width: 100%; border: 1px solid var(--grey-lite2); border-radius: 4px; }

.pop_select > span {line-height: 48px; display: block; padding: 0 20px; height: 48px; font-weight: 600; font-size: 14px; background-repeat: no-repeat; background-position: calc(100% - 15px) center; background-image: url(../img/drop_arrow.svg);}

.pop_select_options {width: 100%; border: 1px solid var(--grey-lite2); border-radius: 4px; background: white; padding: 15px 20px;}

.pop_select_options_wrap {padding-top: 15px; position: absolute; top: 50px; left: 0;  width: 100%; z-index: 5; display: none;}

.pop_select_options .checkbox label {font-size: 16px;  font-style: normal;  font-weight: 400; color: var(--grey-dark);     padding: 2px 0 0 32px;}

.pop_select_options .checkbox label:hover {cursor: pointer;}

.pop_select:hover .pop_select_options_wrap {display: block;}

.pop .vijest:first-child { border-top: 1px solid var(--grey-lite2);}

.pop_results {width: 100%;}

.pop_result {width: 100%; display: flex; justify-content: space-between; border-top: 1px solid var(--grey-lite2); border-bottom: 1px solid var(--grey-lite2); margin: -1px 0 0 0; padding: 30px 0;}

.pop_result_txt {width: 600px;}
.pop_result_txt p {margin: 0 0 5px 0; color: var(--grey-lite); font-size: 16px;}
.pop_result_txt h3 {font-size: 24px;}

.pop_result_icons {width: 200px; overflow: hidden; display: flex; justify-content: flex-end; align-items: flex-start; flex-wrap: wrap; gap:0; align-content: flex-start;}
.pop_result_icons a {margin: 0 0 16px 16px;}
.pop_result_icons a:hover {opacity: 0.8;}

.pop_result .meta {color: var(--grey-lite); font-size: 14px;}
.pop_result .meta a {font-weight: 600; color: var(--grey-dark); text-transform: uppercase;}
.pop_result .meta a:hover {font-weight: 600; color: var(--grey-lite);}

.clear_filters {width: 100%; margin: -10px 0 0 0;}

.clear_filters a {color: var(--blue); text-decoration: underline; font-size: 14px;}
.clear_filters a:hover {color: var(--grey-dark); }

.no_results {border-top: 1px solid var(--grey-lite2); text-align: center; padding: 65px 0 30px 0;}

.no_results span {display: inline-block; width: 100%; max-width: 550px; font-size: 22px; line-height: normal;}






/* Tabs */
.tabs {
  width: 100%;
}
ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}
ul#tabs-nav li {
  float: left;
  font-weight: bold;
  margin-right: 2px;
  padding: 8px 0;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  margin: 0 30px 0 0;
}

ul#tabs-nav li.active {
  border-bottom: 3px solid var(--red);
}
#tabs-nav li a {
  text-decoration: none;
  color: var(--grey-lite);
}
#tabs-nav li.active a,
#tabs-nav li:hover a {
  text-decoration: none;
  color: var(--grey-dark);
}
.tab-content {
  padding: 40px 0 0 0;
}


.tab_search {padding: 40px 0 50px; }

.tab_search form {padding: 0; margin: 0; }

.tab_search input {
  width: 100%;
  height: 55px;
  border: 2px solid var(--grey-lite2);
  padding: 0 50px 0 20px;
  color: var(--grey-dark);
  font-size: 16px;
  border-radius: 6px;
  font-weight: 600;
  background:transparent;
}

.tab_search input[type=submit] {
  width: 55px;
  height: 55px;
  border: none;
  padding: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/i-search.svg);
  position: absolute;
  top: 0px;
  right: 0;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
}

.tab_search input[type=submit]:hover {
  cursor:pointer; background-color: var(--grey-lite2); border: 2px solid var(--grey-lite2);
}

#tabs-content .arhiva {margin-bottom: 15px;}
#tabs-content .arhiva span {font-size: 16px;}
#tabs-content .arhiva > span {font-size: 16px; font-weight: 600;}




a.accessibility {display:inline-block; position: fixed; top:120px; right:0; background:white; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); width: 40px; height: 40px; border-radius: 30px 0 0 30px; text-align:center; line-height: 40px;}



.galerija {display:flex; justify-content:flex-start; flex-wrap: wrap; column-gap: 40px; align-items: flex-start;}

.gal_item {width: calc(33.3% - 26.6px); border-radius: 6px; overflow: hidden; margin-bottom: 40px;}

.gal_img {width: 100%;}
.gal_img img {width: 100%; height: auto; }

.gal_txt {position: absolute; left: 0; bottom: 0; z-index:5; width: 100%; padding: 14px; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); display: flex; align-items: center; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.gal_item:hover .gal_txt {background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); }

.gal_txt span {flex:1; padding: 0 0 0 15px; font-size: 14px; font-weight: 600; color: white; line-height: normal;}

.gal_txt div {display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url(../img/i-pic.svg); width: 26px; height: 34px;}


.prijava {background:white; padding: 60px; }

.prijava input {border: 1px solid var(--grey-lite2);  background: var(--grey-lite3);}

.prijava .title img {margin: 0 0 15px 0; }

.prijava h1 {font-size: 24px; }

.prijava .buttlike {width: 100%; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: none;}

.lozinka_txt a {color: var(--blue);}
.lozinka_txt a:hover {color: var(--grey-lite);}

meter, .meter {
  height: 8px; border: none; border-radius: 6px;
  position: absolute; bottom: 0; left: 0; 
  overflow: hidden;
  /* The gray background in Firefox */
  background: var(--grey-lite2);
  display: block;
  width: 100%;
}

/* The gray background in Chrome, etc. */
meter::-webkit-meter-bar {
  background: var(--grey-lite2);
  height: 8px; border: none; border-radius: 6px;
}

/* The green (optimum) bar in Firefox */
meter:-moz-meter-optimum::-moz-meter-bar {
  background: var(--blue);
}

/* The green (optimum) bar in Chrome etc. */
meter::-webkit-meter-optimum-value {
  background: var(--blue);
  height: 8px;
}

/* The yellow (sub-optimum) bar in Firefox */
meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: var(--blue);
}

/* The yellow (sub-optimum) bar in Chrome etc. */
meter::-webkit-meter-suboptimum-value {
  background: var(--blue);
}

/* The red (even less good) bar in Firefox */
meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: var(--blue);
}

/* The red (even less good) bar in Chrome etc. */
meter::-webkit-meter-even-less-good-value {
  background: var(--blue);
}


meter > span, .meter > span  {
  background-color: var(--blue);
  height: 100%;
  display: block;
  position: absolute;
  left: 0; top: 0;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}


figure {width: 100%; margin: 0 0 20px 0;}
figure img {width: 100%; height: auto;}
figcaption {
  display: block;
  margin: 0;
  font-size: 12px;
  color: var(--grey-lite);
}


.field-pollresponsescorelist-answers_holder .pScoreHeader,
.field-pollresponsescorelist-answers_holder .form-group,
.field-pollresponsescorelist-answers_holder .pScoreLine {display: flex; flex: 1;}

.field-pollresponsescorelist-answers_holder .form-group {
  background-color: var(--grey-lite3); border-top: 5px solid white; border-bottom: 5px solid white; padding: 5px 5px 5px 12px;
}
.field-pollresponsescorelist-answers_holder .pScoreHeader {padding: 0 5px 0 12px;}
.field-pollresponsescorelist-answers_holder .pScoreHeader > div {width: 8%; text-align: center; overflow: hidden;}

.field-pollresponsescorelist-answers_holder .form-group label {width: 20%; text-align: center; overflow: hidden; font-size:15px; font-weight: 400; margin: 0; padding: 10px 0; display: flex; align-items: center; justify-content: center;}

.field-pollresponsescorelist-answers_holder .pScoreHeader > div:first-child,
.field-pollresponsescorelist-answers_holder .form-group .control-label {width: 60%; text-align: left; display: flex; align-items: center; justify-content: flex-start;}

.field-pollresponsescorelist-answers_holder .pScoreHeader {
  font-weight: 600;
  color: var(--blue);
  font-size: 14px;
}

.field-pollresponsescorelist-answers_holder .form-group label span {display: inline-block; width: 22px; height: 22px; border: 1px solid var(--grey-lite2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: white; border: 1px solid var(--grey-lite); -webkit-transition: none; transition: none;}

.field-pollresponsescorelist-answers_holder .form-group label span span {display: none;}

.field-pollresponsescorelist-answers_holder .form-group label input[type=checkbox] + span {border-radius: 2px;}
.field-pollresponsescorelist-answers_holder .form-group label input[type=radio] + span {border-radius: 30px;}

.field-pollresponsescorelist-answers_holder .form-group label input[type=checkbox]:checked + span,
.field-pollresponsescorelist-answers_holder .form-group label input[type=radio]:checked + span {
  background-color: var(--blue);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/checkbox.svg);
}

.field-pollresponsescorelist-answers_holder .form-group label input[type=checkbox]:focus + span,
.field-pollresponsescorelist-answers_holder .form-group label input[type=radio]:focus + span {
  outline: 1px dotted black;
}

.field-pollresponsescorelist-answers + .button {margin-top: 5px;}




button.buttlike {background-repeat: no-repeat; background-position: 15px center; background-image: url(../img/arr_r.svg); padding: 12px 18px 12px 40px;}

button.buttlike:hover {background-repeat: no-repeat; background-position: 15px center; background-image: url(../img/arr_r.svg); padding: 12px 18px 12px 40px;}

.kontakt.alt {
	padding-left: 0;
	padding-right: 0;
	box-shadow: none;
	margin: 0;
}


.pop_search select:has(option:checked[value=""]) {color: var(--grey-lite)}
.pop_search select:has(option:checked[value=""]) option {color: var(--grey-dark)}
.grecaptcha-badge {z-index:99;}

.subscription_holder {
	top: 130px !important;
	position: fixed !important;
	z-index: 999;
	right:0;
}
.subscription_holder > a {
	display: block;
	position: absolute;
	top: 0; 
	left: -40px;
	height: 40px;
	width: 40px;
	background:white center center no-repeat;
	background-image: url(../img/i-subscribe.svg);
	background-size: 16px auto;
	border:none;
	font-size: 100%;
	border-radius: 30px 0 0 30px;
}

.subscription_subitems {
  border: none;
  padding: 0 0 0 13px;
}

input[type="checkbox"][disabled] + span {
  opacity: 0.5;
}

.mfp-figure {min-width: 500px;}
@media (max-width: 799px){
  .mfp-figure {min-width: 100px;}
  .popup_download_wrap {position: static;}
}

.news-meta a, .vijest_txt .meta.news-meta span  {
	display: inline-block;
	margin: 0 0 0 8px;
	padding: 0 0 0 13px;
}
.news-meta a:first-child {
	margin: 0;
	padding: 0;
}
.news-meta a::after, .vijest_txt .meta.news-meta span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 3px;
	width: 3px;
	border-radius: 3px;
	background: var(--grey-lite);
	margin: -2px 0 0 0;
}
.news-meta a:first-child::after {
	display:none;
}
.content a {
  color: var(--blue);
  text-decoration: underline;
}
.content a:hover, .content a:active {color: var(--grey-dark); }

/**/