#inter_velikia {
margin:0 auto;
padding-bottom:24px;
width: var(--sirina);
border-radius: 0px;
background: linear-gradient(277.09deg, #313545 15.4%, #121118 100.07%);
}

#inter_veliki {
width: var(--sirina);
border-radius: 0px;
background: linear-gradient(277.09deg, #313545 15.4%, #121118 100.07%);
    /* transform: matrix(1, 0, 0, -1, 0, 0); */
  
}




#inter_velikib {
position:relative;
margin:0 auto;
width: var(--sirina);
float: left;

}

#inter_velikib1 {
margin:0 auto;
width: 100%;
float: left;
}
#inter_velikib2 {
 float: left;
position: relative;
}




#inter_flex1 {
display: flex;
margin-right:8px;
}
#inter_flex1_a {
}
#inter_flex1_b {
margin:auto;
}
#inter_flex1_c {
}

#inter_flex2 {
display: flex;
 flex-direction: var(--inter-prelom); 
}
#inter_flex2_a {
width:var(--inter-sirina);
margin-top:16px;
height:530px;

}
#inter_flex2_b {
width:var(--inter-sirina);
}

#rezultati {
padding-left:16px;
padding-top:10px;
position: relative;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24.1px;
letter-spacing: 0.03em;
text-align: left;
color: var(--black-80);
}

#rezultati_back {
padding-left:16px;
padding-top:10px;
position: relative;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24.1px;
letter-spacing: 0.03em;
text-align: left;
cursor: pointer;
color: var(--black-80);
}


#inter_linija {
    margin-left:16px;
margin-right:16px;
display: flex;
align-items: stretch;
}
#inter_linija2 {
position:relative;
background-color:#A93978;
width:1px;



}
#inter_linija3 {
    margin-left:16px;
margin-right:16px;
font-family: minion-pro-display;
font-style: italic;
font-weight: 400;
font-size: 28px;
line-height: 36px;
 padding-left: 30px;
color: #EAE4DF;
}

#inter_linija4 {
    margin-left:16px;
margin-right:16px;
font-family: minion-pro-display;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #FFFFFF;
top:20px;
}

#myInput {
    padding: 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
align-items: center;
color: #000000;
opacity: 0.8;
order: 1;
flex-grow: 0;
margin: 10px;
margin-right:10px;
position:relative;
  border-radius: 10px;
  border: 2px solid #6D6D6E;
width:calc(100% - 120px);
height: 42px;
top: 10px;
}




#inter_linija4_intervju {
position:relative;
margin-left:8px;
top:-25px;
width:calc(100% - 10px);
background: #F8F6F4;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #0C0C0E;
      box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

#subtitles::-webkit-scrollbar-thumb {
    min-height: 40px;
   }
   
#subtitles::-webkit-scrollbar-track
{

	border-radius: 0px;
	background-color: #FFFFFF;;
}

#subtitles::-webkit-scrollbar
{
	width: 12px;
	background-color: #E5E5E5;
}

#subtitles::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #E5E5E5;
}


#subtitles {

padding-left:4px;
padding-right:8px;
margin:12px;  
font-family: neue-haas-unica;
font-style: normal;
font-weight: 400;
font-size: 18px;
color: #0C0C0E;
background: #F8F6F4;
overflow-y: scroll;
height:480px;
top:5px;
}









#inter_kocka3 {
width: 173px;
height: 173px;
background: #6D6D6E;
}

#video {
padding-left:16px;
padding-right:16px;
position: relative;
top:-157px;

width: calc(100% - 20px);
height: 470px;
object-fit: fill;

}


#inter_intro4:hover {
color: #26A5DD;
}
#inter_intro4 {
transition: all 300ms ease-in-out;
display: flex;
flex-direction: row;
align-items: left;
padding-top:16px;
padding-bottom:16px;
padding-left:16px;
position: relative;
right: 0%;
font-size: 14px;
font-family: neue-haas-unica;
color: #7DC9EB;
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 0px;
line-height: 15px; /* same as height! */
width: max-content;
}



#inter_intro4i:hover {
color: #006497;
}
#inter_intro4i {
transition: all 300ms ease-in-out;
display: flex;
flex-direction: row;
align-items: left;


position: relative;
right: 0%;
font-size: 14px;
font-family: neue-haas-unica;
color: #26A5DD;
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 0px;
line-height: 15px; /* same as height! */
width: max-content;
}


#inter_intro4a:hover {
color: #26A5DD;
}
#inter_intro4a {
transition: all 300ms ease-in-out;
text-decoration: underline;
align-items: left;
position: relative;
top: -150px;
float:left;
font-size: 14px;
font-family: neue-haas-unica;
color: #7DC9EB;
  line-height: 15px; /* same as height! */
}



#inter_intro4x2:hover {
  color: #26A5DD; 
}




#inter_intro4x:hover #inter_intro4x2 {
display:block;
}


#inter_intro4x {
position:relative;
transition: all 300ms ease-in-out;
display: flex;
flex-direction: row;
align-items: center;
padding-right:16px;
padding-left:16px;
font-size: 14px;
/* border: 2px solid #7DC9EB; */
box-sizing: border-box;
border-radius: 6px;
font-family: neue-haas-unica;
color: #7DC9EB;
/* Inside Auto Layout */
flex: none;
order: 0;
flex-grow: 0;
padding-top:14px;
margin-right: 16px;
width: fit-content;
text-decoration: none;
line-height: 15px; /* same as height! */

}
a, a:visited, a:hover, a:active {
  color: inherit;
}
#inter_intro4x2 {

text-decoration: none;
}




#inter_slika36 {
padding-left:16px;
position: relative;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.03em;
font-variant: small-caps;
text-align: left;
color: #FFBE66;
}

#inter_slika36a {
    top:-150px;
    padding-left:16px;
position:relative;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.03em;
font-variant: small-caps;
text-align: left;
color: #F8F6F4;
}


#inter_slika37 {
transition: all 300ms ease-in-out;
position: relative;
padding-left:16px;
letter-spacing: 0em;
text-align: left;
font-family: minion-pro-display;
font-style: normal;
font-weight: 700;
font-size: 28px;
color: #EAE4DF;
}

#inter_slika38 {
position: relative;
padding-left:16px;
font-family: minion-pro-display;
font-style: italic;
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: #EAE4DF;   
}




.tabs {
  display: block;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 20px;
  overflow: hidden; }
  .tabs [class^="tab"] label,
  .tabs [class*=" tab"] label {
    color: #FFBE66;
    cursor: pointer;
    display: block;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 21px;
text-align: center;
letter-spacing: 0.03em;
font-variant: small-caps;}
  .tabs [class^="tab"] [type="radio"],
  .tabs [class*=" tab"] [type="radio"] {
    border-bottom: 1px solid #6D6D6E;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
 }
    .tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus,
    .tabs [class*=" tab"] [type="radio"]:hover,
    .tabs [class*=" tab"] [type="radio"]:focus {
      border-bottom: 1px solid #FFBE66; }
    .tabs [class^="tab"] [type="radio"]:checked,
    .tabs [class*=" tab"] [type="radio"]:checked {
      border-bottom: 1px solid #FFBE66; }
    .tabs [class^="tab"] [type="radio"]:checked + div,
    .tabs [class*=" tab"] [type="radio"]:checked + div {
      opacity: 1; }
    .tabs [class^="tab"] [type="radio"] + div,
    .tabs [class*=" tab"] [type="radio"] + div {
      display: block;
      opacity: 0;
      padding: 2rem 0;
      width: 90%;
              -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
 }
  .tabs .tab-2 {
    width: 50%; }
    .tabs .tab-2 [type="radio"] + div {
      width: 200%;
      margin-left: 200%; }
    .tabs .tab-2 [type="radio"]:checked + div {
      margin-left: 0; }
    .tabs .tab-2:last-child [type="radio"] + div {
      margin-left: 100%; }
    .tabs .tab-2:last-child [type="radio"]:checked + div {
      margin-left: -100%; }
      
      
#inter_veliki_sadrzaj {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start; 
margin:0 auto;
transition: all 300ms ease-in-out;

width: 100%;
border-radius: 0px;
background-color:#FFFFFF;
padding-bottom:24px;


}

#inter_naslov_sadrzaj{
    padding-left:24px;
margin:0 auto;
padding-top:12px;
padding-bottom:24px;
border-radius: 0px;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 20px;

align-items: left;
text-align: left;
color: var(--black-100);
}
#inter_naslov_sadrzaj_int{
    padding-left:24px;
margin:0 auto;

padding-top:0px;
padding-bottom:24px;
border-radius: 0px;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 20px;

align-items: left;
text-align: left;
color: var(--black-100);
}

#inter_dodatni {
padding-top:50px;
padding-bottom:30px;
width:100%;
margin-bottom:-25px;
background-color:#F8F6F4;
display: flex;
flex-direction: var(--inter-prelom2);

align-items: flex-start;
row-gap: 16px;
}

#inter_dodatni_dva {
margin-right:16px;
margin-left:var(--inter-prelom5);
width:var(--inter-prelom4);


}





#inter_glavni {
overflow: auto;
margin-left:16px;
margin-right:16px;
width:var(--inter-prelom3);
background-color:#FFFFFF;
border: 1px solid #E3DBD4;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(81, 81, 83, 0.1);
border-radius: 8px;
}

#inter_glavni_galerija {
overflow: auto;
width:100%;
margin-bottom:24px;
background-color:#FFFFFF;
border: 1px solid #E3DBD4;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(81, 81, 83, 0.1);
border-radius: 8px;
}


#inter_panel {
flex-grow: 1;
flex-shrink: 0;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;  
margin-top:0px;
padding-bottom:12px;
width: 100%;



text-align: center;
background: #FFFFFF;
}



#inter_intro_sadrzaj1 {
transition: all 300ms ease-in-out;
text-decoration: underline;
align-items: left;
margin-left:24px;
margin-right:12px;


text-decoration: none;
float:left;
font-size: 18px;
font-family: neue-haas-unica;
color: #9E9E9F;

}

#inter_intro_sadrzaj2:hover {

color: var(--brand2-shade-80);
}
#inter_intro_sadrzaj2 {
transition: all 300ms ease-in-out;
text-decoration: underline;
align-items: left;
position:relative;
padding-top:5px;
padding-right:12px;
padding-left:12px;
text-decoration: none;
text-align:left;
width:calc(100%-76px);
font-size: 14px;
font-family: neue-haas-unica;
color: #26A5DD;
}



#inter_pretraga_panel {
flex-grow: 1;
flex-shrink: 0;
float:left;
filter: drop-shadow(0px 4px 4px rgba(81, 81, 83, 0.1));
width: 100%;
margin-bottom:16px;
font-family: minion-pro-display;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
text-align: center;
background: #FFFFFF;
border: 1px solid #E3DBD4;
box-sizing: border-box;
border-radius: 8px;
}



#inter_pretraga_panel_slika {
margin-top: 16px;
margin-left: 16px;
margin-right: 16px;
margin-bottom: 16px;
float:left;
    position: relative;
    z-index: 10;
object-fit: cover;
width: var(--pretraga_panel_slika_width);
height: var(--pretraga_panel_slika_height);
border-radius: 10px;
}

#inter_pretraga_panel_1 {
position:relative;
margin-top: 16px;
margin-left: 16px;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 21px;
text-align: left;
letter-spacing: 0.03em;
font-variant: small-caps;
color: #A93978;
}

#inter_pretraga_panel_2:hover {
color: #0C0C0E;}

#inter_pretraga_panel_2 {

    transition: all 300ms ease-in-out;
position:relative;
margin-left: 16px;
  margin-top: 4px;
  margin-bottom: 8px;
font-family: minion-pro-display;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 26px;
text-align: left;
/* black/80 */
color: #3D3D3E;
}
#inter_pretraga_panel_3 {
position:relative;
min-height:67px;
margin-left: 16px;
padding-right: 8px;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-align: left;
color: #0C0C0E;
}

#inter_pretraga_panel_4:hover {
border: 2px solid var(--brand2-shade-80); 
color: var(--brand2-shade-80); 
}  



#inter_pretraga_panel_4 {
margin-top: 16px;
margin-bottom: 14px;
margin-right:var(--main-marginbox);
margin-left:auto;
transition: all 300ms ease-in-out;
display: flex;
flex-direction: row;
padding: 8px 12px;

position:relative;
text-align: center;
font-size: 14px;
border: 2px solid var(--brand2-100);
box-sizing: border-box;
border-radius: 6px;
font-family: neue-haas-unica;
font-weight: 700;
color: var(--brand2-100);

flex: none;
order: 0;
flex-grow: 0;
line-height: 12px; /* same as height! */
width: max-content;
height: 34px;
}
#inter_hover:hover {
color:var(--brand2-shade-80);
}
#inter_hover {
color:#9E9E9F;
font-size: 20px;
position: relative;
top:12px;
}








.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
padding-left:8px;
padding-bottom:2px;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
  
}

/* Modal Content */
.modal-content {
  position: relative;

  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 100%;

}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
 height:60px;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
  padding-left:10px;
  padding-bottom:10px;
  width:var(--inter-galerija-slika);

}

.hover-shadow:hover {
     opacity: 0.8;

}



.demoWrapper {
  padding-left: 10px;
  padding-bottom:10px;
  background: white;
float:left;
  overflow: auto;
  width:var(--inter-galerija-slika);

  height: calc(100% - 16px);

}
.demoWrapper2:hover {
opacity: 0.8;
}

.demoWrapper2 {
  width: 100%;
  padding-bottom: 75%;
}