#main_velikia {
margin:0 auto;
width: var(--sirina);

}

#main_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); */
}


#main_flexy {
display: flex;
flex-direction: var(--main-flex);
justify-content: flex-start;
align-content: stretch;
 align-items: top;
}

#main_flexy_1 {
order: var(--main-order1);    
width:var(--main-sirinateksta);
background: var(--main-pozadina);
flex-grow: 1;
}



#main_flexy_2 {
order: var(--main-order2);  
padding-top:24px;
flex: 0 0 818px;
height: var(--main-maxheight);
}





#main_kocka1 {
width: 115.63px;
height: 113.85px;
left: 25px;
top: -80px;
position: relative;
border: 14px solid #E3DBD4;
box-sizing: border-box;
}

#main_kocka2 {
position: relative;
width: 115.63px;
height: 113.85px;
left: 54px;
top: -165px;
background: #E3DBD4;
border: 10px solid #E3DBD4;
box-sizing: border-box;
}
#main_kocka3 {
position: relative;
width: 173px;
height: 173px;
background: #6D6D6E;
}
#main_kocka3b {
position: relative;
width: 173px;
height: 173px;
background: #6D6D6E;
}


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


#main_intro2 {
  
    
position: relative;
    padding-left:16px;


font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
display: flex;
align-items: center;
color: var(--main-font);
letter-spacing: 0em;
text-align: left;
}

#main_intro3 {

position: relative;
    padding-left:16px;
    padding-right:16px;
    padding-top:20px;

font-family: minion-pro-display;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: var(--main-font);
letter-spacing: 0em;
text-align: left;
}

#main_intro4:hover {
/* Brand2/100 */
border: 2px solid var(--main-color1);
color: var(--main-color1);
}
#main_intro4 {

transition: all 300ms ease-in-out;
margin-top:10px;
margin-bottom:16px;
margin-right:auto;
margin-left:var(--main-marginbox2);

display: flex;
flex-direction: row;
align-items: left;
padding: 8px 12px;
position: relative;
left: 0%;
right: 0%;
font-size: 14px;
border: 2px solid var(--main-color2);
box-sizing: border-box;
border-radius: 6px;
font-family: neue-haas-unica;
color: var(--main-color2);
flex: none;
order: 0;
flex-grow: 0;

  line-height: 15px; /* same as height! */
width: max-content;
height: 37px;


}




#main_slika1 {

 float:left;
 max-height: var(--main-maxheight);
}


#test {

 transition: all 300ms ease-in-out;
}

#main_slika1b {


 max-height: var(--main-maxheight);
}
#main_slika2b {
left:16px;
top:-157px;
position: relative;
width: var(--main-slika);
height: 460px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#main_slika2 {
left:16px;
top:-157px;
position: relative;
width: var(--main-slika);
height: 460px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

#main_slika31 {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: top;
position: relative;
width: var(--main-sirinasivo);
left: var(--main-lijevosivo);
top: -290px;
background: #DCD2C9;
border: 1px solid #FFFFFF;
box-sizing: border-box;
border-radius: 0px 12px;
}
#main_slika31b {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: top;
position: relative;
width: var(--main-sirinasivo);
left: var(--main-lijevosivo);
top: -290px;
background: #DCD2C9;
border: 1px solid #FFFFFF;
box-sizing: border-box;
border-radius: 0px 12px;
}




#main_slika_panel1 {
    transition: all 300ms ease-in-out;
width:150px;
flex-grow: 0;     
flex-shrink: 0;
display:var(--main-vidljivpanel);


}
#main_slika_panel2 {
    transition: all 300ms ease-in-out;
background-color:#FFA833;
width:1px;
flex-grow: 0;     
flex-shrink: 0;
display:var(--main-vidljivpanel);

}
#main_slika_panel3 {

}


#main_slika33 {
    transition: all 300ms ease-in-out;
position:relative;
padding-top: 8px;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.03em;
font-variant: small-caps;
text-align: center;
color: #A93978;
}
#main_slika33x {
    transition: all 300ms ease-in-out;
position: absolute;
bottom: 0;
width:140px;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.03em;
font-variant: small-caps;
text-align: right;
color: #9E9E9F;
}

#main_slika34 {
    transition: all 300ms ease-in-out;
position:relative;
width: 38px;
height: 38px;
left: 15px;
border: 6px solid #F8F6F4;
box-sizing: border-box;
top: 10px;
}

#main_slika35 {
    transition: all 300ms ease-in-out;
position:relative;
width: 38px;
height: 38px;
left: 25px;
top: -17px;
background: #F8F6F4;
border: 10px solid #F8F6F4;
box-sizing: border-box;
}

#main_slika36 {
    transition: all 300ms ease-in-out;
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: #A93978;

padding-left:var(--main-razmak24-16);
padding-top:8px;
}

#main_slika37:hover {
color: #0C0C0E;
}
#main_slika37 {
transition: all 300ms ease-in-out;
position: relative;
letter-spacing: 0em;
text-align: left;
font-family: minion-pro-display;
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 34px;
color: #3D3D3E;
padding-left:var(--main-razmak24-16);
padding-top:8px;
}

#main_slika38 {
position: relative;
padding:8px;
padding-left:var(--main-razmak24-16);
padding-right:var(--main-razmak24-16);
font-family: minion-pro-display;
font-style: italic;
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: #3D3D3E;    
}
#main_slika39 {
position: relative;
font-family: minion-pro-display;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #0C0C0E;
padding-left:var(--main-razmak24-16);
padding-right:var(--main-razmak24-16);
}

#main_slika40 {
position: relative;
width: 220px;
height: 0px;
border: 1px solid #FFA833;
transform: rotate(-90deg);
}


#main_slika41:hover {
border: 2px solid var(--brand2-shade-80);
color: var(--brand2-shade-80);
}
#main_slika41 {
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:var(--main-marginbox);
transition: all 300ms ease-in-out;
display: flex;
flex-direction: row;
align-items: left;
padding: 8px 12px;

position: relative;
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: 15px; /* same as height! */
width: max-content;
height: 34px;
}