@font-face {
  font-family: 'thin';
  src: url('assets/fonts/Montserrat-Thin.ttf') format('truetype');
}
@font-face {
  font-family: 'regular';
  src: url('assets/fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'bold';
  src: url('assets/fonts/Montserrat-Bold.ttf') format('truetype');
}
html{
    scroll-behavior: smooth;
}
*{
    margin: 0;
    border: 0;
    padding: 0;
}
#container{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: blue;
    background-image: url(assets/pozadina.png);
    background-size: cover;
    background-position: center;
}
#header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 15%;
    z-index: 600000;
}
#headerShadow{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/gradient.png);
    background-size: cover;
    background-position: center;
    
}
#logo{
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 2;
    cursor: pointer;
}
#logo img{
    position: absolute;
    width: 10vw;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s all ease-in-out;
}
#logo img:hover{
    opacity: 0.65;
}
#headerMeni{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    width: 35%;
}
#porijeklo{
    position: absolute;
    left: 25%;
    top: 0;
    width: 25%;
    height: 100%;
}
#engNaslov{
    opacity: 0;
    z-index: 4;
}
#engNaslov1{
    opacity: 0;
    z-index: 4;
}
#engNaslov2{
    opacity: 0;
    z-index: 4;
}
#engNaslov3{
    opacity: 0;
    z-index: 4;
}
.naslov{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: white;
    font-size: 0.8vw;
    font-family: thin;
    z-index: 5;
}
.naslov:hover{
    color: gold;
    cursor: pointer;
}
#oNama{
    position: absolute;
    left: 0%;
    top: 0;
    width: 25%;
    height: 100%;
}
#proizvodi{
    position: absolute;
    left: 50%;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
}
#clas{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#cli{
   position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#straci{
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#pizza{
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#burata{
    position: absolute;
    top: 63%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#ostalo{
    position: absolute;
    top: 80%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#clas1{
    position: absolute;
    top: 4%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#cli1{
   position: absolute;
    top: 18%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#straci1{
    position: absolute;
    top: 33%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#pizza1{
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#burata1{
    position: absolute;
    top: 63%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    color: white;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#ostalo1{
    position: absolute;
    top: 80%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#kozji{
    position: absolute;
    top: 95%;
    left: 0;
    width: 100%;
    height: 10%;
    font-family: regular;
    font-size: 0.4vw;
    text-align: center;
    cursor: pointer;
}
#clas h1{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}
#linija{
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 2%;
    height: 5%;
    background-color: rgba(255,255,255,0.2);
}
#linija2{
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    width: 2%;
    height: 5%;
    background-color: rgba(255,255,255,0.2);
}
#linija3{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    width: 2%;
    height: 5%;
    background-color: rgba(255,255,255,0.2);
}
#linija4{
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateX(-50%);
    width: 2%;
    height: 5%;
    background-color: rgba(255,255,255,0.2);
}
#linija5{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    width: 2%;
    height: 5%;
    background-color: rgba(255,255,255,0.2);
}
#linija6{
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translateX(-50%);
    width: 2%;
    height: 5%;
    background-color: rgba(255,255,255,0.2);
}
#navigacijaMoz{
    position: fixed;
    width: 8%;
    height: 80%;
    left: 2%;
    top: 20%;
    z-index: 3;
}
#navigacijaMoz h1{
    color: rgba(255,255,255,0.3);
    transition: 0.3s all ease-in-out;
    text-decoration: none;
}
#navigacijaMoz a:hover{
    color: white;
}
#navigacijaPlan{
    position: fixed;
    width: 8%;
    height: 80%;
    left: 2%;
    top: 15%;
    z-index: 3;
}
#navigacijaPlan h1{
    color: rgba(255,255,255,0.3);
    transition: 0.3s all ease-in-out;
    text-decoration: none;
}
#navigacijaPlan a:hover{
    color: white;
}
#proizvodiMeniHeader{
    position: fixed;
    left: 51.3%;
    top: 9%;
    width: 6%;
    height: 10%;
    display: none;
    z-index: 100000000;
}
#moza{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    text-align: center;
    font-family: regular;
    color: white;
    background-color: rgba(255,255,255,0.3);
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}
#moza:hover{
    background-color: rgba(255,255,255,0.5);
}
#moza h1{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 0.7vw;
}
#planina{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    text-align: center;
    font-family: regular;
    color: white;
    background-color: rgba(255,255,255,0.3);
    transition: 0.4s all ease-in-out;
    cursor: pointer;
}
#planina:hover{
   background-color: rgba(255,255,255,0.5);
}
#planina h1{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 0.7vw;
}
#kontakt{
    position: absolute;
    left: 75%;
    top: 0;
    width: 25%;
    height: 100%;
}
#lang{
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-family: thin;
    width: 10%;
}
#mne{
    color: white;
    font-size: 0.4vw;
    position: absolute;
    right: 30%;
    width: 3vw;
    height: 1.5vw;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}
#mne h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.buttonBG{
    background-color: rgb(38,38,131);
    border-radius: 20px;
}
#eng{
    color: white;
    font-size: 0.4vw;
    position: absolute;
    right: 0;
    top: 50%;
    width: 3vw;
    height: 1.5vw;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}
#eng h1{
    position: absolute;
    top: 50%;
    
    left: 50%;
    transform: translate(-50%,-50%);
}
#kontaktMain{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 500000;
    display: none;
    background-image: url(assets/kontaktBG.png);
    background-size: cover;
    background-position: right;
}
#rightKontakt{
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    height: 100%;
    
}
#leftKontakt{
    position: absolute;
    left: 0;
    top: 56%;
    transform: translateY(-50%);
    width: 33%;
    height: 80%;
    z-index: 3;
}
#leftTop{
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    height: 40%;
    color: white;
}
#naslovKontakt{
    font-family: regular;
    letter-spacing: 1px;
    font-size: 0.8vw;
    position: absolute;
    left: 0;
    top: 10%;
    
}
#adrese{
    position: absolute;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
    font-family: regular;
    line-height: 1.2vw;
}
#adrese h1{
    font-size: 1vw;
}
#adrese h2{
    letter-spacing: 2px;
    font-family: thin;
    font-size: 0.6vw;
    color: rgba(255,255,255,0.8);
}
#forma{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 90%;
    width: 100%;
}
#ime{
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    height: 20%;
    font-family: regular;
    color: white;
}
#email{
    position: absolute;
    left: 0;
    height: 20%;
    width: 100%;
    top: 25%;
    font-family: regular;
    color: white;
}
.captionz{
    font-size: 0.8vw;
}
#naslovPoruke{
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    font-family: regular;
    color: white;
}
input{
    background-color: rgba(0,0,0,0);
    font-family: regular;
    border-bottom: 1px solid white;
    width: 85%;
    color: white;
    height: 30px;
    outline: none;
    font-size: 1vw;
    cursor: pointer;
}
textarea{
    width: 85%;
    height: 50px;
    background-color: rgba(0,0,0,0);
    resize: none;
    border-bottom: 1px solid white;
    outline: none;
    color: white;
    font-family: regular;
    font-size: 0.8vw;
}
button{
    width: 90px;
    height: 30px;
    border-radius: 5px;
    font-size: 1vw;
    color: white;
    background-color: rgb(27,70,26);
    font-family: regular;
}
#textPoruke{
    position: absolute;
    left: 0;
    top: 60%;
    width: 100%;
    height: 30%;
    font-family: regular;
    color: white;
}
#submitDugme{
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 30%;
    text-align: center;
    background-color: rgb(52,61,149);
    border-radius: 10px;
}
#leftBot{
    position: absolute;
    right: 0;
    width: 60%;
    height: 60%;
    bottom: 0;
}
label{
    font-family: regular;
}
input[type=submit]{
    border: none !important;
}
#popCont{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 600000;
    display: none;
}
#closePop{
    position: absolute;
    right: 30%;
    top: 15%;
    color: white;
    font-family: thin;
    transition: 0.2s all ease-in-out;
}

#closePop:hover{
    color: gold;
    cursor: pointer;
}
#tekstPop{
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translate(-50%,-50%);
    width: 40%;
    height: 60%;
    color: white;
    font-family: thin;
}
#tekstPop a{
    color: gold;
}
#popNaslov{
    position: absolute;
    left: 30%;
    top: 15%;
    color: white;
    font-family: thin;
}
#porukaNaslov{
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    font-family: regular;
    letter-spacing: 2px;
    font-size: 0.6vw;
}
#body{
    position: absolute;
    top: 15%;
    left: 3%;
    width: 93.5%;
    height: 85%;
}
#bodyLeft{
    position: absolute;
    left: 11%;
    top: 0;
    height: 100%;
    width: 50%;
}
#bodyLeftMini{
    height: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;

}
#tekst1{
    color: white;
    font-family: bold;
    position: absolute;
    left: 0%;
    top: 10%;
    text-align: left;
    font-size: 2.2vw;
    line-height: 4vw;
}
#tekst2{
    color: white;
    font-family: bold;
    text-align: left;
    position: absolute;
    left: 0%;
    letter-spacing: 2px;
    line-height: 1.6vw;
    font-size: 0.9vw;
    top: 40%;
}
#tekst3{
    color: white;
    font-family: thin;
    position: absolute;
    right: 10%;
    top: 60%;
    font-size: 0.5vw;
    letter-spacing: 2px;
}
#bodyRight{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 60%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 80%;
}
#footer{
    position: fixed;
    right: 8%;
    bottom: 5%;
    color: white;
    font-family: regular;
    font-size: 0.6vw;
    letter-spacing: 1px;
    text-align: right;
    z-index: 500002;
}
#followUs{
    position: fixed;
    right: 0%;
    top: 52%;
    width: 10%;
    transform: translateY(-50%);
    transform: rotate(-90deg);
    color: white;
    font-family: regular;
    letter-spacing: 1px;
    color: rgba(255,255,255,1);
    font-size: 1vw;
    z-index: 500003;
}
#followUs p{
    position: absolute;
    left: 0;
    bottom: 0;
    
}
#fb{
    position: absolute;
    right: 25%;
    bottom: 0;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    color: white;
}
#fb:hover{
    color: gold;
}
#ig{
    position: absolute;
    right: 10%;
    bottom: 0;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    color: white;
}
#ig:hover{
    color: gold;
}
#followUs a:nth-child(){
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#porMain{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    z-index: 500000;
    display: none;
    background-image: url(assets/vrijednosti.png);
    background-size: 100%;
    background-position: center;
}
#porTekst{
    position: absolute;
    left: 10%;
    height: 80%;
    bottom: 5%;
    width: 30%;
    color: white;
}
#porNaslov{
    position: absolute;
    left: 0;
    top: 10%;
    font-family: regular;
    font-size: 1.5vw;
    letter-spacing: 2px;
}
#porTekstMain{
    position: absolute;
    left: 0;
    top: 23%;
    font-family: regular;
    color: white;
    width: 85%;
}
#porTekstMain p{
    font-size: 0.8vw;
}
#top{
    width: 100%;
    height: 48%;
    position: absolute;
    left: 0;
    top: 0;
}
#bottom{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 44%;
}
#topLeft{
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 100%;
    background-image: url(assets/poljana.jpg);
    background-size: cover;
}
#topRight{
    position: absolute;
    right: 0;
    top: 0;
    width: 66%;
    height: 100%;
}
#tHeader{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10%;
    color: black;
    font-family: regular;
    font-size: 1.3vw;
    letter-spacing: 2px;
}
#tBody{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 100%;
    color: black;
    font-family: regular;
}
#tBody p{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2vw;
}
#readMore{
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: regular;
    font-size: 1.3vw;
}
#bLeft{
    position: absolute;
    left: 0;
    top: 10%;
    width: 30%;
    height: 100%;
    text-align: center;
}
#bLeftTekst{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    text-align: left;
    font-family: regular;
    font-size: 1.2vw;
}
#bLeftTekst a{
    color: gold;
}
#bLeftReadMore{
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: regular;
    font-size: 1.3vw;
}
#bRight{
    position: absolute;
    right: 0;
    top: 0;
    width: 66%;
    height: 100%;
}
#video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    object-fit: contain;
}
video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}
#porFooter{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10%;
    background-image: url(assets/footer.png);
}
#porFooter img{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 110%;
}
#foot{
    width: 40%;
    height: 70%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-right: 1px solid white;
    border-left: 1px solid white;
}
#footTop{
    position: absolute;
    left: 50%;
    bottom: 40%;
    transform: translateX(-50%);
    color: white;
    font-family: regular;
    font-size: 0.8vw;
}
#footBot{
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translate(-50%,0%);
    color: white;
    font-family: regular;
    font-size: 0.6vw;
    width: 18%;
}
#proizvodiMainPlaninski{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 700%;
    background-color: rgb(52,61,149);
    z-index: 500000;
    opacity: 1;
    display: none;
}
#plan1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100%/7);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#plan2{
    position: absolute;
    top: calc(100%/7);
    left: 0;
    width: 100%;
    height: calc(100%/7);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#plan3{
    position: absolute;
    top: calc(100%/7*2);
    left: 0;
    width: 100%;
    height: calc(100%/7);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#plan4{
    position: absolute;
    top: calc(100%/7*3);
    left: 0;
    width: 100%;
    height: calc(100%/7);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#plan5{
    position: absolute;
    top: calc(100%/7*4);
    left: 0;
    width: 100%;
    height: calc(100%/7);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#plan6{
    position: absolute;
    top: calc(100%/7*5);
    left: 0;
    width: 100%;
    height: calc(100%/7);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#plan7{
    position: absolute;
    top: calc(100%/7*6);
    left: 0;
    width: 100%;
    height: calc(100%/7);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#proizvodiMainMoz{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 600%;
    background-color: black;
    z-index: 500000;
    opacity: 1;
    display: none;
    
}
#moz1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100%/6);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#moz2{
    position: absolute;
    top: calc(100%/6);
    left: 0;
    width: 100%;
    height: calc(100%/6);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#moz3{
    position: absolute;
    top: calc(100%/6*2);
    left: 0;
    width: 100%;
    height: calc(100%/6);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#moz4{
    position: absolute;
    top: calc(100%/6*3);
    left: 0;
    width: 100%;
    height: calc(100%/6);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#moz5{
    position: absolute;
    top: calc(100%/6*4);
    left: 0;
    width: 100%;
    height: calc(100%/6);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#moz6{
    position: absolute;
    top: calc(99%/6*5);
    left: 0;
    width: 100%;
    height: calc(100%/6);
    background-size: cover;
    background-position: center;
    z-index: 2;
}
#leftMoz{
    position: absolute;
    left: 15%;
    top: 0;
    width: 40%;
    height: 100%;
}

#mozLogo{
    position: absolute;
    top: 22%;
    left: 0%;
    text-align: center;
}
#mozLogo img{
    width: 15vw;
}
#mozNaziv{
    position: absolute;
    left: 0%;
    top: 35%;
    color: white;
    font-family: regular;
    font-size: 1.2vw;
    text-align: left;
    width: 45%; 
}
#mozNaziv1{
    position: absolute;
    left: 0%;
    top: 35%;
    color: white;
    font-family: regular;
    font-size: 1.2vw;
    text-align: left;
    width: 45%; 
}
#planNaziv{
    position: absolute;
    left: 0;
    top: 35%;
    color: white;
    font-family: regular;
    font-size: 0.7vw;
    text-align: left;
    width: 60%; 
}
#mozTekst{
    position: absolute;
    left: 0%;
    top: 45%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1.2vw;
    text-align: left;
}
#mozTekst1{
    position: absolute;
    left: 0;
    top: 45%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1.2vw;
    text-align: left;
}
#mozTekst2{
    position: absolute;
    left: 0;
    top: 45%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1.2vw;
    text-align: left;
}
#mozTekst3{
    position: absolute;
    left: 0;
    top: 45%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1.2vw;
    text-align: left;
}
#mozTekst4{
    position: absolute;
    left: 0;
    top: 45%;
    width: 50%;
    color: white;
    font-family: regular;
    font-size: 1.2vw;
    text-align: left;
}
#mozTekst5{
    position: absolute;
    left: 0;
    top: 45%;
    width: 50%;
    color: white;
    font-family: regular;
    font-size: 1.2vw;
    text-align: left;
}
#planTekst{
    position: absolute;
    left: 0;
    top: 52%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1vw;
    text-align: left;
}
#planTekst1{
    position: absolute;
    left: 0;
    top: 51%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1vw;
    text-align: left;
}
#planTekst2{
    position: absolute;
    left: 0;
    top: 50%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1vw;
    text-align: left;
}
#planTekst3{
    position: absolute;
    left: 0;
    top: 50%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 0.85vw;
    text-align: left;
}
#planTekst4{
    position: absolute;
    left: 0;
    top: 50%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1vw;
    text-align: left;
}
#planTekst5{
    position: absolute;
    left: 0;
    top: 50%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1vw;
    text-align: left;
}
#planTekst6{
    position: absolute;
    left: 0;
    top: 50%;
    width: 45%;
    color: white;
    font-family: regular;
    font-size: 1vw;
    text-align: left;
}

#rightMoz{
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    height: 100%; 
}
#slikaMoz{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#slikaMoz img{
    width: 90%;
    position: absolute;
    left: 5%;
    bottom: 15%;
}
#slikaPlan{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#slikaPlan img{
    width: 65%;
    position: absolute;
    left: 15%;
    bottom: 10%;
}
#pozadinaMoz{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/mozpozadina.png);
    background-size: cover;
    background-position: center;
}
#pozadinaPlan{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/planpozadina.png);
    background-size: cover;
    background-position: center;
}
#logoMoz{
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    text-align: center;
    z-index: 2;
}
#logoMoz img{
    width: 50%;
}
#oNamaMain{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    z-index: 30;
    display: none;
    background-image: url(assets/oNama.png);
    background-position: center;
    background-size: cover;
}
#oNamaTekst{
    position: absolute;
    left: 13%;
    height: 80%;
    bottom: 0;
    width: 30%;
    color: white;
}
#oNamaNaslov{
    position: absolute;
    left: 0;
    top: 10%;
    font-family: regular;
    font-size: 1.5vw;
    letter-spacing: 2px;
}
#oNamaTekstMain{
    position: absolute;
    left: 0;
    top: 25%;
    font-family: regular;
    color: white;
    width: 80%;
}
#oNamaTekstMain p{
    font-size: 0.8vw;
}
::-webkit-scrollbar {
  width: 0px;
}