*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


body,
html {
  width: 100%;
  height: 100%; 
  margin:0 auto;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.yh-hp {
 display: position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;
}

.yh-consent{
 font-size: 12px;
 padding-top:12px;
}

.picture {
	text-align: left;
}

.picture img  {
	width: 100%;
	padding-right: 0%;
}

.about-image img {
	width: 80%; 
	padding-top: 180px;
	padding-right: 0%;
}


.new .label-title {
	text-align: left;
}

.new h1 {
	margin-top: 20px;
	margin-bottom: 24px;
}


/* vertikalni tekst */
.vertical-label h3 {
  writing-mode: vertical-rl;
  float: left;
  text-orientation: mixed;
  transform: rotate(180deg); /* da ide od dolje prema gore */
  font-size: 64px;
  letter-spacing: 2px;
  color:#ccc;
  padding-top:0px;
  position: relative;
  padding: 0px;
  margin:0px;
  color: rgba(255, 255, 255, 0.2);

}

.items-new  {
    padding-left: 70px;
    margin-left: 70px;
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.2);
}


/* gumb */
.viewall-wrap {
  text-align: center;
  position: relative;
  float: left;
}

.viewall-wrap .btn {
  cursor: pointer;
  margin:0px;
  position: relative;
  width: 239px;
  text-transform: uppercase;
  top: 38px; /* gurne ga malo preko bordera */
}


.picture.full-width {
	width: 100%;
	padding:0px;
	position: absolute;
	right: 0px;
	top:0px;
	max-width: 1920px; 
}

.about .intro-about h3  {
	width: 100%;
	float: left;
	padding-bottom: 30px;
	padding-left: 0px;
}

.about .intro-about p {
	text-align: left;
}

.about .intro-about {
	padding-bottom: 120px;
}

.block-50  {
	width: 50%;
	float: left;
}

.col-sm-6.intro-about  {
	padding-top: 300px;
	float: left;
}

.footer-text .label-title {
	text-align: left;
}

body {
	background: #1B1518;
	color: #D1D0D1;
	font-family: 'Source Sans 3', sans-serif;
	overflow-x: hidden;
	font-weight: 300;
  font-style: normal;
}

.about-bg {
	background: #0A090B;
}
 
.label-title {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 300;
  font-style: normal;
	font-size: 20px;
	letter-spacing: 4.2px;
	display: block;
	text-align: center;
	padding-top: 16px;
	text-transform: uppercase; 
}

.label-sm {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 300;
  font-style: normal;
	font-size: 16px;
	letter-spacing: 3.36px;
	display: block;
	text-align: left;
	padding-top: 88px;
	text-transform: uppercase;
}

.horizontal .label-sm {
	padding-top: 0px;
}


.label {
	padding-bottom: 16px;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 300;
  font-style: normal;
	font-size: 16px;
	letter-spacing: 3.36px;
	display: block;
	text-align: left;
	padding-top: 16px;
	text-transform: uppercase;
}

.logo-intro img {
	display: inline-block;
	text-align: center;
	padding-bottom: 8px;
	width: 40px;
}


.art-projects {
	overflow: hidden;
}


h1 {
	font-family: 'Playfair Display', serif;
	font-weight:500;
  font-style: normal;
	padding-bottom: 10px;
	margin-bottom: 20px;
  font-size: 84px;
  color: #fff;
  line-height: 92px;
}

h2 {
	font-family: 'Playfair Display', serif;
    font-weight: 400;
  font-style: normal;
    padding-bottom: 0px;
    line-height: 100px; 
    margin-bottom: 40px;
    font-size: 122px;
} 


h3 {
	font-family: 'Playfair Display', serif;
    font-weight: 400;
  font-style: normal;
    padding-bottom: 0px;
    line-height: 50px;
    margin-bottom: 15px;
    font-size: 42px; 
}


.gallery-rows p a  {
	color: #d1d0d1;
}


h4 {
	font-family: 'Source Sans 3', sans-serif;
    font-weight:300;
  font-style: normal;
    padding-bottom: 0px;
    line-height: 26px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 15px;
    color: #ccc;
}

h3 a {
	color:#fff;
	font-weight: normal;
}

.footer-text p.nl-error{
	background:#49181B;
	border: 1px solid #B02A2A;
  border-radius: 10px;
  padding-bottom: 0px;
  font-size: 18px;
  padding-left:12px;
  max-width: 500px;
  margin-top: 10px;
}


a  {
	color:#FFC045;
	text-decoration: none;
	cursor:pointer;
	font-weight: 300;
}

  

.scrolling_up{
    top: 0;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
		background: linear-gradient(180deg, #1B1518 0%, rgba(27, 21, 24, 0.86) 17.19%, rgba(27, 21, 24, 0.72) 69.27%, rgba(27, 21, 24, 0.83) 100%);
		width: 100%;
		float: left;
}

.scrolling_down {
    position: fixed;
    top: -60px; 
    left: 0;
		z-index: 21;
    width: 100%; 
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}

.section-intro h3 {
	font-family: "Source Sans 3", sans-serif;
	font-size: 44px;
	font-style: normal;
	font-weight: 200;
	line-height: 56px;
	width: 50%;
	margin: 0 auto;
}

.about-intro h3 {
	font-family: "Source Sans 3", sans-serif;
	font-size: 44px;
	font-style: normal;
	font-weight: 200;
	line-height: 56px;
	margin: 0 auto;
}

.text-about {
	padding-bottom: 60px;
	text-align: left;
}

.mobile-menu a {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
    margin-top: 12px;
    margin-left: 12px;
	background: url('../images/menu-mobile.svg');
}


.mobile-menu a.close {
	background: url('../images/close.svg');
}


a.btn:hover, a.more:hover {
	opacity:0.8;

}

.navigacija {
	background:none;
	width: 100%;
	float: left;
	padding-bottom: 15px;
	z-index: 20;
}


nav {
  	position: fixed;
	top:0px;
	width: 100%;
	text-anchor: left;
	z-index: 21;border-bottom: 1px solid #4E4E4E;
} 

nav a {
	color:#fff;
	padding:16px;
	font-weight: 700;
	letter-spacing: 7.0px;
	display: block;
	margin-left: 10px;
	margin-right: 24px;
	text-decoration: none;
	font-size: 16px; 
	float: left;

} 

.mobile-menu {
		display: none;
	}

div.category  img:hover {
	opacity:1!important;
}

.jezici {
	float: right;
    position: relative;
    z-index: 5;
}

nav .jezici a {
	color:#1D1111;
	background: #fff;
	padding:5px;
	display: block;
	font-size: 13px; 
	letter-spacing: 0px;
	font-weight: bold;
	margin-top: 13px;
  font-family: sans-serif;
	z-index: 2;
}


.container	{
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	padding: 0px 30px 0px 30px;
}

 
.ft-left {
	position: relative;
	text-align: left;
	width:100%;
}

.footer {
	background:url('../images/footer-bg.jpg') repeat;
	background-size: 100%;
	height: 890px;
	padding-top: 200px;
}

.footer-text p {
	text-align: left;
	margin:0px;
	line-height: 36px;
	font-size: 23px;
	padding-bottom: 40px;
}

.footer-text h1 {
	margin-top: 0px;
}


.signup input {
	height: 74px;
  border: none;
  box-sizing: border-box;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 300;
  font-style: normal;
  padding: 16px;
  font-size: 22px;
  float: left;
  font-weight: 400;
  width: 375px;
  border-radius: 12px 0px 0px 12px;
}

.extra {
	font-size: 12px;
}

.signup button {
	height: 74px;
	background: #000;
	padding: 0px 40px;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 300;
  font-style: normal;
	font-size: 22px;
	float: left;
	color: #fff;
	border: none;
  border-radius: 0px 12px 12px 0px;
}


.yagashut {
	position: absolute;
	right: 0px;
	top: -160px;
	width: 540px;
}

.signup {
	height: 158px;
}



p {
    text-align: left;
    font-size: 22px;
    line-height: 36px;
    /* color: #ccc; */
    font-weight: 200;
    margin: 0 auto;
}

.menu-item a {
	    text-transform: uppercase;
	}

.horizontal img {
	max-width: 100%;
}

.new-text {
	text-align: center;
	display: inline-block;
	width: 800px;
	box-sizing: border-box;
	padding-left: 0px;
}

.new-text p {
	color:#ccc;
}

.nove-slike {
	margin-top: 60px;
	width: 900px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.gallery-bg {
	background: url(../images/BG-homepage-2440.jpg) no-repeat;
	width: 100%;
	position: absolute;
	height: 1920px;
	z-index: -1;
	top: 0px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grad {
    background-image: linear-gradient(to bottom, rgba(29,22,20,0), rgba(29,22,20,1));
    height: 60px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.items-new h4 {
	font-family: 'Playfair Display', serif;
	text-transform: none;
	text-align: left;
	color:#fff;
	font-weight: 400;
	font-style: normal;
	padding-bottom: 25px;
	font-size: 42px;
}

.thumbnail h4 {
	text-transform: none;
	font-weight: bold;
}

.items-new .label-sm {
	padding-top:24px;
}

	.items-new > :nth-child(2 of .red) {
	  /* tvoji stilovi za DRUGI red */
	  margin-bottom: 20px;
	}

.created {
	text-align: left;
	padding-bottom: 40px;
	font-weight: 300;
    color: #ccc;
    font-size: 12px;
    text-transform: uppercase;
}

.novo-container {
	margin:0 auto;
	width: 700px;
	text-align: center;
    padding-left: 145px;
}

.nove-slike .red {
	margin-bottom: 70px;
}

.nove-slike .mini-slika {
	padding-right: 40px;
}

.items-new h3 {
	text-align: left;
	padding-top: 0px;
	font-size: 32px;
	line-height: 22px;
	color:#fff;
	margin-bottom: 60px;
	margin-top: 0px;
}

.nove-slike p {
    font-size: 18px;
    padding-top: 10px;
    font-weight: 400px;
    line-height: 28px;
    padding-right: 110px;
    color: #ccc;
}

.nove-slike a {
	color:#fff;
	font-weight: normal;
}

.mini-slika {
	float: left;
}

.red {
	float: left;
	width: 100%;
}

.vertical .glavna2 img {
	padding-bottom: 30px;
}


.bg-txt {  
	width: 670px;
  margin: 0 auto;
	padding-top: 20px;
}

.slavic-bg {
	background: url(../images/BG-slavic-2440.jpg) no-repeat;
	background-position: top;

}


.detalji .section-intro.new-page {
	padding-bottom: 100px;
}

.opisni-text-slike p:first-child:first-letter {
 
  float: left;
  font-size: 110px;  
  font-family:'Playfair Display', serif;
  font-style: normal;
  font-weight: 500;
  line-height: 82px;
  padding: 8px 8px;
  margin-right: 20px;
  border-radius: 18px;
	border: 1px solid #fff;
  padding-bottom: 22px;
}


.opisni-text-slike blockquote p:first-child:first-letter {
 
  float: left;
  font-size: 44px;  
  font-family:"Source Sans 3", sans-serif;
  font-style: normal;
  font-weight: 200;
  line-height: 56px;
  padding: 0px;
  margin-right: 0px;
	border:none;
}


@-moz-document url-prefix() {

	.opisni-text-slike p:first-child:first-letter {
  	padding: 14px 8px;
	}

	.opisni-text-slike blockquote p:first-child:first-letter {
  line-height: 46px;
  padding: 15px 0px 0px 0px
	}
}

blockquote {
   border-left: 1px solid #4A4A4A;
   float: left;
   width: 100%;
   color: #ccc;
  padding-left: 30px;
  padding-right: 40px;
  font-size: 44px;
  margin-top: 40px;
  margin-bottom: 70px;
  margin-left: 0px;
  padding-bottom: 20px;
  line-height: 56px;
}

.opisni-text-slike blockquote p {
   font-size: 44px;
   line-height: 56px;
   padding-left: 30px;
   padding-bottom: 24px;
   font-weight: 200;
   padding-top: 20px;
}

 
.intro  {
	min-height: 100vh; 
}

.intro .text-center {
	width: 100%;  
  padding-top: clamp(15vh, 25vh, 30vh);
	margin: 0 auto;
}

 
.intro-chapter {
	padding-top: 160px;
	padding-bottom: 270px;
}

.intro p  {
 font-size: 24px;
 padding-top:10px;
 line-height: 36px;
 max-width: 600px;
 opacity: 0.8;
 text-align: center;
}





.scroll-indicator {
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  cursor: pointer;
}

.scroll-indicator span {
  position: relative;
  width: 16px;
  height: 10px;
  opacity: 0.8;
  animation: arrowDown 1.6s infinite ease-in-out;
}

.scroll-indicator span::before,
.scroll-indicator span::after {
  content: '';
  position: absolute;
  bottom: 2px; /* 👈 malo podignuto da se spoje */
  width: 9px;
  height: 1px;
  background: #fff;
}

.scroll-indicator span::before {
  left: 0;
  transform: rotate(40deg);
}

.scroll-indicator span::after {
  right: 0;
  transform: rotate(-40deg);
}

@keyframes arrowDown {
  0% {
    transform: translateY(0);
    opacity: 0.5;
  }
  50% {
    transform: translateY(6px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 0.5;
  }
}






h1 a, h2 a {
	color:#fff;
	font-weight: normal;
}

.glavna {
	position: relative;
}



 	a.prev {
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -40px;

	}

 	a.next { 
		position: absolute;
		right:0px;
		top: 50%;
		margin-top: -40px;
	}

	.horizontal a.prev, .horizontal	a.next {
		padding:12px 12px 12px 12px;
		background: #1B1518;
    border-radius: 10px;

	}


 	a.prev span{
		text-transform: uppercase;
		font-family: "Source Sans 3", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 24px */
		letter-spacing: 3.36px;
		display: block;
		text-align: right;
		color: rgba(255, 255, 255, 0.80);
		width: 120px;

	}

 	a.next  span{
		text-transform: uppercase;
		font-family: "Source Sans 3", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 24px */
		letter-spacing: 3.36px;
		display: block;
		text-align: left;
		color: rgba(255, 255, 255, 0.80);
		width: 120px;

	}



 	.prev img {
 		width: 73px;
 		height: 25px;
 		float: right;
 		margin-bottom: 10px;
    margin-left: -8px;

	}

 	.next img {
 		width: 73px;
 		height: 25px;
 		float: left;
 		margin-bottom: 10px;
    margin-left: -8px;

	}

			.about .intro-about p {
			margin:0px;
		}



.text-left {
	text-align: left;
}

.text-right {
	float: right;
	width: 650px;
}

.new {
	padding-top: 40px;
}


.new-page {
	padding-top: 200px;
}

.clear {
  clear:both;
  width: 0px;
  height: 0px;
  display: block;
}

.mini-boarder {
  background: #C4C4C4;
  width: 128px;
  height: 8px;
  display: inline-block;
  text-align:center;

}

.glavna {
  padding-bottom: 80px;

}

.glavna img {
  max-width: 100%;

}


.glavna2 img {
    padding: 0px;
    border: none;
    padding-right: 60px;
}

.intro .text-left h1 {
	text-align: left;
	font-size: 72px;
	width: 650px;
	padding-bottom: 0px;

}


.intro .text-right h1 {
	font-size: 72px;
	text-align: left;
	width: 650px;
	font-weight: 400;
	padding-bottom: 0px;

}

.description h2 {
	color:#fff;

}

.follow-me {
	padding-top: 0px;
	margin-bottom: 16px; 
}

.opisni-text-slike {
	width: auto;
	margin:0 auto;
	padding-top: 0px;
	padding-right: 0px;
}
 
.section-intro h1 {
	font-size: 82px;
    margin-top: 40px;
    padding-top: 0px;
}


.section-intro  {
	text-align:center;
   	padding-bottom:220px;
   	padding-top: 260px;
}

.gallery-rows h1 {
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.gallery-rows {
	padding-top: 50px;
	padding-bottom: 150px;
}

.gallery-rows p {
	color:#ccc;
}

.image-linkovi .more {
	float: left;
	margin-top: 30px;
}

.bg-txt h3 {
	text-align: left;
}


.category img { 
	width: 100%;
}

.gallery-rows .row {
		margin-bottom: 220px;
    float: left;
    padding: 0 24px 90px 24px;
    width: 100%;
    position: relative;
    z-index: 6;
}


.col-sm-6.intro-about p {
	padding-bottom: 60px;
}



/*.border-bottom {  
	float: left;
  width: 100%;
  position: absolute;
  bottom: 33px;
  padding-bottom: 80px;
  display: block;
  width: 100%;
  height: 75px;
  border-left: 1px solid #4A4A4A;
  border-right: 1px solid #4A4A4A;
  border-bottom: 1px solid #4A4A4A;  
  padding: 0px 24px;
  left: -24px;
}*/


.border-bottom {  
	float: left;
  position: absolute;
  display: block;
  bottom: 0px;
  width: 100%;
  display: block;
  width: 108%;
  margin-top: 90px;
  height: 75px;
  padding: 0px 54px;
  left: -54px;
  border-left: 1px solid #4A4A4A;
  border-right: 1px solid #4A4A4A;
}

.border-bottom:after{  
  content: "";
  background: url(../images/HR.svg) repeat-x;
  background-position-x: center;
	height: 27px;
    width: 100%;
    bottom: -12px;
    right: 0px;
    position: absolute;
    display: inline-block;
    float: left;
    z-index: -1;
}


.category {
	position: relative;
	padding-bottom: 520px;
}

.col-sm-6 {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.new-text p {
	padding-bottom: 60px;
}


.description {
	position: inline-block;
	position: absolute;
  bottom: 236px;
	left:50%;
	margin-left: -200px;
	width: 780px;
	padding:40px;
	padding-top: 80px;
	border: 5px solid #C4C4C4;
	background-color: rgba(29, 22, 20, 0.5);
}

.description h2 {
  text-shadow: 2px 2px 8px #2B2B2B;
  line-height: 130px;
  margin-bottom: 24px;

}


.description p {
		width: 70%;
		float: left;
		padding-bottom: 20px;
	  text-shadow: 2px 2px 8px #2B2B2B;
    font-size: 28px;
    color: #ccc;
    line-height: 42px;
}

a.more {
	text-transform: uppercase;
	font-weight: 300;
	color:#8C8C8C;
	padding-bottom: 10px;
  border-bottom: none;
  padding-bottom: 3px;
  padding-top: 0px;
	display: inline-block;
  font-size: 18px;
}

.image-linkovi a.more  {
	float: left;
	margin-top: 60px;
} 
 

a.more img {  
	padding-top: 3px;
  float: right;
  padding-left: 10px;
}



.float-left {
	float: left;
}

a.btn {
	font-weight: bold;
	text-decoration: none;
}


a.btn  {
	background:#5A26EF;
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
	float: left;
	margin-top:20px;
    font-weight: bold;
    font-size: 24px;
    font-family: sans-serif;
	padding: 24px 32px;
}

.novost  {
	float:left;
	width: 100%;
}

.section-intro p {
    margin-top: 10px;
    color: #ccc;
    font-weight: 200;
    line-height: 36px;
    padding: 10px 0px 0px 0px;
		text-align:center;
		margin: 0 auto;
		font-size: 24px;
		line-height: 36px;
		width: 550px;
}




.new h1  {
	text-align: left;
}


.news {
	padding-bottom: 280px;
}


.social {
	padding-bottom: 16px;
	padding-top:0px;
}


.social a:nth-child(2) {
	width: 48px;
	height: 48px;
	display: inline-block;
}

.social a:nth-child(2) {
	margin-left: 20px;
	margin-right: 20px;
}

.social img {
	width: 48px;
	height: 48px;
}

.copy  {
	padding-bottom: 16px;
	opacity: 0.6;
	text-align: center;
}

.breadcrumbs {
    padding-top: 20px;
    padding-bottom: 10px;
}


.breadcrumbs a {
	color: #ccc;
    font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
    font-family: sans-serif;
}

.vert-slika {
	max-width: 690px;
	margin: 0 auto;
	float: left;
	margin-bottom: 0px;
}

.detalji {
	padding-bottom: 200px;
	float: left;
	width: 100%;
}

.date {
	text-transform: uppercase;
	color:#ccc;
	font-size: 11px;
	text-align: left; 
	padding: 6px 0;
	float: left;
}

.more-from {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 50px;
}

.about-me {
  display: inline-block;
  grid-template-columns: auto auto auto;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}

.fotka-about {
	width:1100px;
	padding-bottom: 50px;
}

.col-sm-4 {
	width: 670px;
}

.col-sm-4 p {
	padding-bottom: 20px;
	color:#ccc;
}

.more-from .thumbnail {

}

a.btn.return {
	display: inline-block;
	margin:0 auto;
	float: none;
	margin-top: 70px;
	margin-bottom: 180px;
}

.about-me h3 {
	text-align: left;
}

.slika img {
	width: 100%;
}

.new .slika img {
	width: 50%;
}

.col-sm-6.des {
	box-sizing: border-box;
	padding: 0 30px 0px 60px;
}



	.image-details .section-intro {
		padding-bottom: 140px;
	}


.opisni-text-slike p {
	padding-bottom: 48px;
	color:#fff;
  font-size: 25px;
  line-height: 39px;
	opacity: 0.8;
	font-family: "Source Sans 3", sans-serif;
	font-style: normal;
}






.opisni-text-slike h2 {
  text-align: left;
  margin-bottom: 33px;
  font-size: 54px;
  line-height: 66px;
  margin-top: 80px;
  width: 90%;
}
  






@media screen and (min-width: 1366px) {
	.container	{
		width: 100%;

	}

	.text-left {
		padding-left: 60px;
	}

	.text-right {
		padding-right: 60px;
	}
}

@media screen and (min-width: 1440px) {
	.container	{
		width: 1440px;
	}
}

@media screen and (min-width: 1280px) {
	.container	{
		width: 1280px;
	}


}



@media screen and (max-width: 1279px) {
  .container {
    width: 100%;
	box-sizing: border-box;
	padding: 0px 30px 0px 30px;
  }

  .fotka-about {
  	width: 100%;
	padding-bottom: 20px;
  }

  .intro .text-left h1 {
	text-align: left;
	font-size: 52px;
	line-height: 66px;
	width: 500px;

	}


	.intro .text-right h1 {
	font-size: 52px;
	line-height: 66px;
	text-align: left;
	width: 500px;
	font-weight: 400;

	}

	.vert-slika {
		width: 60%;
	}

	.vert-slika img {
		width: 100%;
		padding-right: 30px;
	}



	.section-intro h1 {
		font-size: 52px;
		padding-top:15px;
    line-height: 76px;
	}

	.section-intro p {
		text-align:center;
		margin: 0 auto;
		width: 500px;
  	 	line-height: 32px;
	}

	.section-intro  {
		text-align:center; 
	}


		.new h2  {
			text-align: left;
			font-size: 42px;
			line-height: 48px;
			padding-bottom: 20px;
		}

		.opisni-text-slike {
			padding-right: 0px;
		}

		.text-right   {
			margin-top: 50px;
			width: 520px;
		}



		p {
		    text-align: left;
		    font-weight: 300;
		    margin: 0 auto;
		}

			.category {
				position: relative;
				padding-bottom: 520px;
			}

			.description {
				position: absolute;
    		bottom: 238px;
				left:40%;
		    margin-left: -80px;
		    width: auto;
				padding:40px;
				padding-top: 180px;
				border: 5px solid #C4C4C4;
			}
			h1 { 
				font-size: 48px;
				line-height: 56px;
			}

			.text-left {
				padding-left: 40px;
			}

			.text-right {
				padding-right: 40px;
			}

				.yagashut {
					width: 40%;
					top:-210px;
					padding-top:120px;
				}

				.footer {
					padding-top:120px;
				}

				.news {
					padding-bottom:120px;
				}


}
































@media screen and (max-width: 1024px) {


.border-bottom:after {
    background: url(../images/HR-mobile.svg) repeat-x;
    background-position-x: center;
		}


		.description.last {
			border:none;
		}

		nav {
  	border-bottom: none;
} 

.nove-slike {
  	width:100%;
} 


		.about .intro-about p {
			font-size: 24px;
			width: auto;
		}


		.scroll-indicator {
  	bottom:100px;
} 



			.scroll-indicator {
			  margin-top:20px;
			}



			.gallery-bg {
				background: url(../images/BG-homepage-2440.jpg) no-repeat;
				width: 100%;
				position: absolute;
			  height: 100vh;
				z-index: -1;
				top: 0px;
			  background-attachment: scroll;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			}


			.col-sm-6.intro-about {
		    padding-top: 190px;
		    float: left;
		}


			.nove-slike {
			  width: auto;
			}


			.section-intro h1 {
				font-size: 70px;
				padding-top:0px;
				padding-bottom:16px;
        width: 80%;
        margin: 0 auto;
        padding: 20px 0px 20px 0px;
			}


			.border-bottom {
				border-left: none;
				border-right: none;
				left: 0px;
				width: 100%;
				position: relative;
        margin-top: 20px;
        z-index: -1;

			}


			.gallery-rows .row {
        padding-bottom: 20px;
        margin-bottom: 70px;

			}


			.gallery-rows p {
        font-size: 18px;
        line-height: 30px;

			}

			.gallery-rows {
        padding-bottom: 20px;

			}

			nav a {
        padding-bottom: 20px;
        margin:0px;
			}


			.label-title {
				font-size: 14px;
			}


			.label-sm {
    		padding-top: 20px;
			}


.opisni-text-slike p {
    font-size: 23px;
    line-height: 39px;
}



.opisni-text-slike p:first-child:first-letter {
 
  margin-top:7px;
  padding-top: 7px;
  padding-bottom: 18px;
}


.opisni-text-slike blockquote p {
   font-size: 32px;
   line-height: 46px;
   padding-left: 0px;
}


.opisni-text-slike blockquote {
   padding-right: 0px;
   margin-top: 24px;
   margin-bottom: 48px;
}

.opisni-text-slike p {
   padding-bottom: 24px;
}


.opisni-text-slike blockquote p:first-child:first-letter {
 
  float: left;
  font-size: 32px;
  line-height: 32px;
  padding: 0px;
  margin-right: 0px;
	border:none;
}

.opisni-text-slike blockquote {
 
	padding-bottom: 0px;
}


blockquote {
    margin-bottom: 90px;
}


h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  padding-bottom: 0px;
  line-height: 110px;
  margin-bottom: 24px;
  font-size: 112px;
}

h3 {
  line-height: 48px;
  font-size: 34px;
}

.section-intro h3 {
 width:50%;
 font-size: 32px;
 line-height: 46px;
}

		.description {
			margin:0px;
		  bottom:28px;
		  left: 10%;
	    padding: 40px;
	    padding-top: 20px;
	  	width: 80%;
		}

			.description p {
			width: 80%;
			font-size: 24px;
			line-height: 36px;
		}

		.fotka-about {
			padding-top: 50px;
		}

		.mobile-menu {
			display: block;
		}


		.mobile-hidden {
			display: none;
		}

		nav {
			width: 100%;
		}

		.nav-mb {
			background: #1B1518;
			float: left;
		    top: 0px;
		    position: absolute;
		    padding-top: 160px;
			width: 100%;
			height: 100vh;
			z-index: -1;
		}

		.nav-mb a {
			display: block;
			width: 100%;
			text-align: center;
			padding:30px 0px;

		}
 
		.jezici {
	    position: absolute;
	    right:10px;
	    top:10px;
	    z-index: 5;
	}


		.vert-slika {
			width: 100%;
			float: none;
			margin-bottom: 40px;
		}

		.vert-slika img {
			max-width: 650px;
			padding-right: 30px;
		}

		.opisni-text-slike {
			width: 650px;
		}

		.date {
			text-align: center;
			width: 100%;
			padding-top: 15px;
		}

		.category {
			padding-bottom: 260px;
		}

		.new h2  {
			font-size: 42px;
			line-height: 48px;
			padding-top: 0px;
			margin-top: 0px;
			padding-bottom: 20px;
		}

		.description.last {
			border:none;
		}

		.news {
			text-align: center;
		}

	
		.description {
			margin:0px;
			width: 80%;
		}

		.description p {
			width:100%;
		}


		.gallery-rows h1 {
			font-size: 42px;
			padding-bottom: 0px;
			margin-top: 10px;
			font-weight: 600;
		}

		.new-text {
			padding-top: 80px;
		}



		.more-from .thumbnail {
		}

		.more-from .thumbnail img {
			width: 100%;
		}

		.detalji {
			padding-bottom: 0px;
			padding-top: 50px;
		}


		.image-details .section-intro {
			padding-bottom: 20px;
   	 	padding-top: 150px;
		}

		.intro {
			padding-bottom: 100px;
		}


	.fotka-about {
	    width: 100%;
	}


			.yagashut {
					width: 45%;
					top:-120px;
					padding-top:120px;
				}

				.footer {
					padding-top:120px;
				}

				.news {
					padding-bottom:120px;
				}


				.signup {
					width: 50%;
				}

				.footer-text p {
					width: 60%;
				}

				.social-cont{
					width: 51%;
					padding-top: 100px;
				}

				.signup button {
					width: 100%;
  				border-radius: 12px;
				}

				.signup input {
					width: 100%;
  				border-radius: 12px;
  				margin-bottom: 20px;
				}




	.vert-slika {
		margin-bottom: 0px;
	}


 	.arrow-nav  {
		width: 100%;
		position: relative;
		float: left;
		border-bottom: 1px solid #4A4A4A;
		border-right: 1px solid #4A4A4A;
		border-left: 1px solid #4A4A4A;
	}

	.glavna  {
    position: relative;
    display: inline-block;
}

.arrow-nav .clear  {
		display: none;
	}

	a.next {
		width: 50%;
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
		float: right;
		border-left: 1px solid #4A4A4A;
		height: 102px;
		padding:0 5%;
		margin-top: 0px;
	}


	a.prev {
		width: 50%;
		float: left;
		position: relative;
		display: flex;
		align-items: center;
		height: 102px;
		padding:0 5%;
		margin-top: 0px;

	}

	 	a.next  span{
		display: block;
		text-align: left;
		width:auto;
		padding-right: 16px;
		float: left;

	}
 	a.prev span{
		display: block;
		text-align: right;
		width:auto;
		padding-left: 16px;
		float: right;

	}


 	.prev img {
 		width: 73px;
 		height: 25px;
 		float: left;
 		margin-bottom: 0px;
    margin-left: 0px;

	}

 	.next img {
 		width: 73px;
 		height: 25px;
 		float: right;
 		margin-bottom: 2px;
    margin-left: 0px;

	}

	.section-intro p {
 		line-height: 38px;

	}


	.new-text p {
 		padding-right: 5%;

	}





}



@media screen and (max-width: 974px) {


.description h2 {
    line-height: 119px;
    margin-bottom: 12px;
}

    .description {
      bottom: 5px;
    }

}


























 
 @media screen and (max-width: 768px) {
 	.vert-slika img {
	    width: 100%;
	}

	.image-details .section-intro {
			padding-bottom: 0px;
      padding-top: 80px;
	}
 
	.about-image img, .col-sm-6.intro-about {
	   padding-top: 100px;
	}

	.section-intro {
		padding-bottom: 60px;
	}

	.section-intro h3 {
		width: 80%;
	}

	.copy {
		font-size: 13px;
	}
	
	.opisni-text-slike {
		width: 100%;
	}

	.horizontal .bg-txt {
		width: 100%;
	}

		.new img {
		    float: none;
		    width: 100%;
		    padding-bottom: 40px;
		}

		.new-img  {
			width: 100%;
		    margin: 0 auto;
		} 


		.contact-page  {
			height: 80vh;
		}
 
		.new-text {
		    float: none;
		    margin: 0 auto;
			width: 800px; 
			padding-top: 0px;
		}

		.new-text p {
			font-size: 18px;
			line-height: 30px;
		}

		.description h2 {
	    line-height: 94px;
	    font-size: 104px;
	}


		.nove-slike
		 {
		 	padding-left: 0px;
      padding-bottom: 100px;
		 }

		 .nove-slike p {
		 	font-size: 16px;
		 	padding-right: 0px;
		 }

		 .intro .text-center h1 {
        font-size: 48px;
        line-height: 56px;
    }

		   .description {
        margin: 0px;
        width: auto;
    }


    .items-new {
		    padding-left: 20px;
		    margin-left: 50px;
		}


			.text-left {
				padding-left: 0px;
			}

			.text-right {
				padding-right: 0px;
			}


		.nove-slike .red {
		    margin-bottom: 20px;
			}


		.items-new > :nth-child(2 of .red) {
		    margin-bottom: 0px;
		}

		.viewall-wrap .btn {
		    top: 24px;
		}


	p {
		font-size: 17px;
	}



		a.btn {
			font-size: 16px;
			line-height: 16px;
			padding: 16px;
		}


	.news {
		text-align: center;
		padding-top: 80px;
		padding-bottom: 30px;
	}

	.new .slika img {
	    float: none;
	    width: 100%;
	    padding-bottom: 40px;

	}

	.new-text {
	    float: none;
	    margin: 0 auto;
		width: 100%;
	}

	.opisni-text-slike {
		padding-top: 30px;
   		padding-bottom: 80px;
	}

	.art-projects {
		padding-bottom: 50px;
	}

	.new .slika img {
		padding-bottom: 0px;
	}

	.col-sm-4 {
		width:500px;
	}



	
	.nove-slike .mini-slika {
	    width: 40%;
	    padding-right: 20px;
	}



	.nove-slike .mini-slika img {
 		width: 100%;

	}


   .intro {
        padding-top: 0px;
        padding-bottom: 120px;
        z-index: 10;
        position: relative;
        min-height: auto;
    }


    .intro .text-center {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 120px;
    }


    .scroll-indicator {
        position: relative;
        bottom: auto;
    }


   .text-center p {
	    font-size: 18px;
	    line-height: 30px;
	} 


    .about .intro-about p {
        font-size: 18px;
        line-height: 32px;
    }



 }	


















@media screen and (max-width: 660px) {

	.mobile-hidden {
		display: none;
	}

	.about .gallery-rows  {
		padding-bottom: 0px;
		padding-top: 0px;
	}


	.col-sm-6.intro-about {
   padding: 40px 24px 80px 24px;
	} 


.col-sm-6.intro-about p {
    padding-bottom: 30px;
}

.text-about {
    text-align: center;
}


	.gallery-rows {
		padding-bottom: 40px;
	}

	.new-page {
		padding-top: 50px;
	}

	.more-from {
	    grid-column-gap:16px;
	    grid-row-gap: 16px;
  		margin-top: 20px;
	}

	.footer-text br {
	    display: none;
	} 

	.section-intro p {
		width: 80%;
	}

	.footer-text p {
		font-size: 16px;
		line-height: 24px;
    width: 50%;
    padding-bottom: 50px;
    } 


  .footer {
      padding-top: 30px;
      height: auto;
      width: 100%;
      padding-bottom: 60px;
  }



  .yagashut {
        bottom: 360px;
        padding-top: 0px;
        top: auto;
    }


	.social-cont, .social-cont .label {
		width: 100%;
		text-align: center;
	}

	.yh-consent {
		text-align: center;
	}


	.items-new {
    padding-left: 30px;
    margin-left: 51px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}


	.signup {
		width: 100%;
	}

	.footer-text {
		width: 100%;
		padding:0px 24px;
	}


	.col-sm-6.des {
		box-sizing: border-box;
    padding: 0 30px 0px 30px;
    border-left: 1px solid #4A4A4A;
    border-right: 1px solid #4A4A4A;
    padding-top: 16px;
    padding-bottom: 10px;
	}


	  .label-sm, .horizontal .label-sm {
        padding-top: 26px;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 2.31px;
    }


    .gallery-rows .row {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }



    .border-bottom {
    border-left: none;
    border-right: none;
    left: 0px;
    width: 100%;
    position: relative;
    margin-top: 0px;
    bottom: 75px;
	} 

.image-linkovi a.more {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
     letter-spacing: 2.31px;
    margin-bottom: 40px;
	} 



.opisni-text-slike p {
    font-size: 18px;
    line-height: 32px;
}




	.section-intro h1 {
		font-size:42px;
		line-height: 50px;
		padding: 24px 0px;
	}

	.col-sm-4 {
		width:100%;
	}


	.image-linkovi a.more {
    margin-top: 40px;
}

.gallery-rows h1  {
    margin-bottom: 20px;
    margin-top: 4px;
}


a.more img {
    padding-top: 0px;
     margin-top: -4px;
     padding-left: 0px;
     color: #4A4A4A;
     margin-left: -4px;
}

	.nove-slike .mini-slika {
	padding-right: 25px;
}

.more-txt  {
	margin-right: 6px;
}

  .menu-item {
		    display: none;
		}

		.text-right, .text-left {
			float: left;
			width: 100%;
		}

		.intro {
			    z-index: 10;
			    position: relative;
			
			}


		h2 {
		    font-family: 'Playfair Display', serif;
		    font-weight: 400;
		    padding-bottom: 0px;
		    margin-bottom: 20px;
		    padding-top: 30px;
		    font-size: 42px;
		}

		a.btn {
			font-size: 12px;
		}


		h1 {
		    font-family: 'Playfair Display', serif;
		    font-weight: 400;
		    padding-bottom: 0px;
		    margin-bottom: 20px;
		    font-size: 42px;
		}

		.new h2  {
			text-align: left;
			font-size: 42px;
			line-height: 48px;
			padding-bottom: 20px;
		}

		.intro .text-left h1 {
			font-size: 42px;
			width: 100%;

			}

		.category {
		    position: relative;
				padding-bottom: 200px;
		    margin-bottom: 0px;
		}


		.intro .text-right h1, .intro .text-left h1 {
			font-size: 42px;
			width: 100%;
   			line-height: 56px;

		}

		.col-sm-6 {
			width: 100%;
		}


		.description h2 {
			padding-top: 0px;

		}

		.about-me h3 {
			font-size: 36px;
			margin-top: 30px;
			margin-bottom: 0px;
		}

		.description p {
			width: 80%;
			font-size: 24px;
			line-height: 36px;
		}


		.section-intro {
		    padding-bottom: 10px;
				padding-top: 140px;
	}


		.section-intro p {
			font-size: 18px;
			line-height: 28px;
		}

		.slika {
			padding-bottom: 0px;
		}

		.date {
			text-align: left;
		}

		.opisni-text-slike {
			padding-top: 0px;
			padding-bottom: 0px;
		}

		h3 {
			padding-bottom: 20px;
			width: 80%;
		}

		h4 {
			font-size: 14px;
		}

		a.btn.return {
			margin-top: 40px;
		}

		.follow-me .section-intro h1 {
   			 font-size: 42px;
		}

		.glavna {
   			 padding-bottom: 20px;
		}

		.section-intro h3 {
		 font-size: 28px;
		 line-height: 40px;
		}


	.bg-txt {
   		max-width: 100%;
		}

		.opisni-text-slike h2 {
   		font-size: 36px;
   		line-height: 44px;
   		margin-top: 30px;
   		margin-bottom: 24px;
		}


    .opisni-text-slike blockquote {
        padding-right: 0px;
        margin-top: 8px;
    }


		.vertical-label h3{
   		width: auto;
		}


		.items-new h4 {
   		font-size: 36px;
   		padding-bottom: 16px;
		}

    .description {
        line-height: 42px;
        margin:0px;
        font-size: 43px;
        padding: 0px 24px;
        width: 90%;
        bottom: 14px;
        left: 5%;
    }



    .art-projects h2 {
        line-height: 48px;
        margin-bottom: 23px;
        font-size: 52px;
        color: #fff;
    }


    .description p {
        margin-bottom: 0px;
        line-height: 30px;
        font-size: 18px;
        padding-bottom: 16px;
    }

    a.btn {
        font-size: 16px;
        line-height: 16px;
        padding: 16px;
        margin-top: 4px;
        margin-bottom: 30px;
    }


	.new-text p {
 		padding-right: 0px;

	}


}





















@media screen and (max-width: 550px) {

	.gallery-bg {
	height: 100vh;
}

 	.arrow-nav  {
		border-right:none;
		border-left:none;
	}

		.container {
			padding: 0px;
		} 

		.category {
			margin-bottom: 0px;
		}

		.description {
			padding: 0px 30px 40px 30px;
			margin:0px;
		}

		.new-text {
			padding:0px 26px;
		}

		.slika {
			padding-bottom: 0px;
		}

		.news {
			padding-top: 20px;
		}

		.intro .text-left h1, .intro .text-right h1 {
			font-size: 32px;
			line-height: 42px;
		}

		.text-left, .text-right {
			padding: 0px 26px;
		}

		.mini-slika img {
			width: 140px;
		}

		h1 {
			font-size: 32px;

		} 

		.new-text h1  {
			font-size: 32px;
			line-height: 44px;
		} 

		.nove-slike {
			margin-top: 30px;
			margin-left: 16px;
			margin-right: 16px;
			width: calc(100% - 32px);
			border: none;
		}

		.nove-slike h3 {
			margin-bottom: 20px;
			font-size: 44px;
		}

		.items-new h4 {
			font-size: 32px;
			padding-bottom: 0px;
			padding-top: 6px;
			margin-top: 6px;
		}

		.intro .text-right p {
		    font-size: 16px;
		    line-height: 24px;
		}

		.about-me {
			padding: 0px 16px;
		}

		h2 {
		    font-family: 'Playfair Display', serif;
		    font-weight: 400;
		    padding-bottom: 0px;
		    margin-bottom: 5px;
		    padding-top: 0px;
		    font-size: 32px;
        } 

        .col-sm-6.des {
		    box-sizing: border-box;
		    padding: 0px 26px;
		}

		.date, .opisni-text-slike, #latest {
		    padding-left: 26px;
		    padding-right: 26px;
		}

		.description p {
			width: 100%;
		}

	.description p {
		font-size: 18px;
		line-height: 30px;
    padding-bottom: 16px;
		}


		.glavna2 img {
		    padding: 0px;
		    border: none;
		} 

		.description {
			margin:0px; 
			padding:0px 26px;
		}

		.btn {
			margin-bottom: 60px;
		}


		.footer-text p.nl-error {
			max-width: 100%;
			width: 100%;
			padding:6px 12px;
		}

		.items-new .label-sm {
	    padding-top: 16px;
	    float: left;
	    width: 100%;
	    padding-bottom: 6px;
	}

	.nove-slike p {
	    padding-top: 24px;
	    padding-bottom: 16px;
	    float: left;
	}

    .nove-slike .mini-slika {
      width: 100%;
      padding-right: 20px;
}


}







@media screen and (max-width: 460px) {


	.gallery-rows .row {
        padding: 0px 16px 0px 16px;
    }




	.footer-text {
		width: 100%;
		padding:0px 16px;
	}


 	.prev img {
 		width: 47px;
 		height: 16px;
 		float: right;

	}


 	.next img {
 		width: 47px;
 		height: 16px;
 		float: left;

	}

	 	a.prev span{
		text-transform: uppercase;
		font-family: "Source Sans 3", sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 16.5px */
		letter-spacing: 2.31px;
    padding-left: 16px;
    float: left;

	}

 	a.next  span{
		text-transform: uppercase;
		font-family: "Source Sans 3", sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 16.5px */
		letter-spacing: 2.31px;
        padding-right: 16px;
        float: left;

	}

	 	a.prev {
		height: 64px;

	}

 	a.next {
		height: 64px;

	} 
}

/* === WHO-NEXT SLIDER === */
.who-next {
  position: relative;
  margin: 40px 0 0;
}

/* Header */
.who-next__head {
  float: left;
  padding-left: 32px;
}

.who-next__head .label-title { 
  text-align: left;
    padding-bottom: 12px;
    padding-top: 16px;
}

.who-next .eyebrow {
  letter-spacing: 2px;
  font-size: 12px;
  opacity: .8; 
  text-transform: uppercase;
}
.who-next h2 {
  margin: 4px 14px 24px 0px;
  font-size: 32px;
  line-height: 1.15;
}
.who-next .viewall {
  text-decoration: underline;
  opacity: .9; 
  text-decoration-thickness: 1px;   /* ili 0.06em */
  text-underline-offset: 4px;
  font-weight: 300;
}
.who-next .arrows {
  position: absolute;
  right: 20px;top: 16px;
}
.who-next .arrow {
  width: 36px;
  height: 36px;
  border: 0;
  float: left;
  margin-left:6px;
  border-radius: 999px;
  cursor: pointer;
  place-items: center;
  background: rgba(255,255,255,.08);
  color: inherit;
}

/* Rail (slider container) */
.who-rail,
.who-next .rail {
  margin-top: 12px;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding-bottom: 4px;
  margin-bottom: 24px;
}

/* Card */
.who-card,
.who-next .card {
  flex: 0 0 260px !important; /* širina kartice na mobitelu */
  scroll-snap-align: start;
  display: grid;
  grid-template-rows: auto auto;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  overflow: hidden;
  text-decoration: none;
  transition: transform .18s ease;
}


.who-card:hover,
.who-next .card:hover {
  transform: translateY(-2px);
}
.who-card img,
.who-next .card img {
  width: 100%;
  height: auto;
  display: block;
}
.who-meta {
  padding: 12px 14px;
}
.who-title {
  display: block;
  font-size: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.80);
  padding-top: 8px;
}
.who-sub {
  font-size: 13px;
  opacity: .75;
}

.label-title.who-sub  {
  padding: 6px 0px 16px 0px;
  color: rgba(255, 255, 255, 0.80);
}

/* Breakpoints */
@media (min-width: 640px) {
  .who-card, .who-next .card { flex-basis: 300px !important; }
}
@media (min-width: 900px) {
  .who-card, .who-next .card { flex-basis: 340px !important; }
}
@media (min-width: 1200px) {
  .who-card, .who-next .card { flex-basis: 380px !important; }
}

/* Hide arrows na touch uređajima */
@media (hover: none) {
  .who-next .arrows { display: none; }
}

/* highlight the current card */
.who-card {
  position: relative;
}

/* golden highlight line on top */
.who-card.is-current::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  height: 4px;
  background: linear-gradient(90deg, #d8b766, #f0d787, #d8b766);
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(240, 215, 135, 0.35); /* subtle glow */
}

/* optional lift effect */
.who-card.is-current {
  transform: translateY(-1px);
  background: rgba(255,255,255,.04);
}
.who-card.is-current:hover {
  transform: translateY(-2px);
}

/* Rail */
.who-rail,
.who-next .rail{
  padding-left: 14px;
  padding-right: 14px;
  scroll-padding-left:16px;  /* ok ako negdje koristiš scrollIntoView */
  scroll-padding-right: px;
}

@media (min-width:1200px){
  .who-rail,
  .who-next .rail{
    padding-left: 14px;
    padding-right: 14px;
    scroll-padding-left: 14px;
    scroll-padding-right: 14px;
  }
}

/* tuck the active card a bit under the left edge on small screens */
@media (max-width: 767px){
  .who-card.is-current { scroll-margin-left: -220px; }


  		.who-next__head .label-title  {
			padding: 0px;
		}

		.who-next__head {
    float: left;
    padding-left: 16px;
}

		 /* tweak 20–34px to taste */
}
/* desktop/tablet: flush left */
@media (min-width: 768px){
  .who-card.is-current { scroll-margin-left: 0; }