* {
    margin: 0;
    font-size: 0;
    box-sizing: border-box;
}
.main-container {
    position: relative;
    overflow: hidden;
}
.main-overlay {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 11;
}
.djed-mraz-slika {
    position: absolute;
    width: 30vw;
    z-index: 10;
	left: -30vw;
    top: 27vw;
    -webkit-animation: fly-sky 10s linear infinite;
    animation: fly-sky 10s linear infinite;
	-webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.djed-mraz-slika img {
    width: 100%;
}

@-webkit-keyframes fly-sky {
    0% {
        left: -30vw;
		top: 20vw;
		width: 10vw;
		transform: rotate(10deg);
    }
	25% {
		top: 28vw;
		width: 30vw;
		transform: rotate(0);
    }
	50% {
		top: 25vw;
		width: 30vw;
		transform: rotate(0);
    }
    100% {
        left: 130vw;
		top: 10vw;
		width: 10vw;
		transform: rotate(-15deg);
    }
}
@keyframes fly-sky {
    0% {
        left: -30vw;
		top: 20vw;
		width: 10vw;
		transform: rotate(10deg);
    }
	25% {
		top: 28vw;
		width: 30vw;
		transform: rotate(0);
    }
	50% {
		top: 25vw;
		width: 30vw;
		transform: rotate(0);
    }
    100% {
        left: 130vw;
		top: 10vw;
		width: 10vw;
		transform: rotate(-15deg);
    }
}


.popup-container {
    width: 65vw;
    height: 50vh; /* 35vw; */
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 999;
    box-shadow: 0.5vw 0.5vw 1vw #0c0c0c;
    display: none;
	overflow-y: auto;
    font-family: open sans, sans-serif;
	padding:30px;
}
.close-popup {
    position: absolute;
    right: 0.5vw;
    top: 0;
    color: #727272;
    font-size: 2vw;
    cursor: pointer;
	line-height: normal;
}
.zgrada-8-popup {
	padding:5px;
}
.mall-popup, .travel-popup {
	padding:5px;
}


.popup-element > a {
    text-decoration: none;
    color: #000;
}

.article-container {
    margin-bottom: 1vw;
}
.article-image {
    width: 20vw;
    height: 20vw;
    display: inline-block;
}
.article-image > img {
    width: 100%;
    height: 100%;
	object-fit: cover;
    border-radius: 50%;
}
.article-image.rounded > img {
    width: 100%;
    height: 100%;
	object-fit: cover;
    border-radius: 50%;
}

.article {
    width: calc(95% - 20vw);
    height: 33%;
    display: inline-block;
    margin-left: 5%;
    vertical-align: top;
}
.article-head {
    font-size: 8px;
}
.article-title {
    font-size: 10px;
}


.background-image {
    width: 100%;
    position: relative;
    z-index: 1;
}
.background-image > img {
    width: 100%;
}
.header-title {
    position: absolute;
    z-index: 2;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    top: 15vw;
    width: 55vw;
}
.header-title > img {
    width: 100%;
}
.poslovne-zgrade {
    position: absolute;
    cursor: pointer;
    display: inline-block;
}
.poslovne-zgrade > a > img {
    width: 100%;
}
.poslovne-zgrade > img {
    width: 100%;
}
.poslovne-zgrade-0 {
    position: absolute;
    cursor: pointer;
    display: inline-block;
}
.poslovne-zgrade-0 > a > img {
    width: 100%;
}
.poslovne-zgrade-0 > img {
    width: 100%;
}
.novogodisnja-jelka {
    left: 39%;
    top: 60%;
    width: 33vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

/* Pozicioniranje zgrada */
.zgrada-1 {
    left: 76.5%;
    top: 51%;
    width: 16.3vw;
    z-index: 2;
}
.zgrada-2 {
    left: 58%;
    top: 51%;
    width: 15.3vw;
    z-index: 2;
}
.zgrada-3 {
    left: 62%;
    top: 76%;
    width: 27.3vw;
    z-index: 2;
}
.zgrada-4 {
    left: 76%;
    top: 85.5%;
    width: 25.3vw;
    z-index: 2;
}
.zgrada-5 {
    left: 90.2%;
    top: 57.6%;
    width: 13.3vw;
    z-index: 2;
}
.zgrada-6 {
    left: 40%;
    top: 82%;
    width: 21.3vw;
    z-index: 2;
}
.zgrada-7 {
    left: 36%;
    top: 55%;
    width: 10.3vw;
    z-index: 2;
}
.zgrada-81 {
    left: 17%;
    top: 64%;
    width: 25.3vw;
    z-index: 2;
}
.zgrada-9 {
    left: 56%;
    top: 96%;
    width: 15.3vw;
    z-index: 2;
}
/*END Pozicioniranje zgrada */

@-webkit-keyframes expand-0 {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    5% {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
    }
    10% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    15% {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
    }
    20% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
}
@keyframes expand-0 {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    5% {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
    }
    10% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    15% {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
    }
    20% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
}

@-webkit-keyframes expand {
	0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    5% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    10% {
        -webkit-transform: translate(-50%, -50%) scale(1.06);
    }
    15% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    20% {
        -webkit-transform: translate(-50%, -50%) scale(1.06);
    }
	30% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
}
@keyframes expand {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    5% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    10% {
        -webkit-transform: translate(-50%, -50%) scale(1.06);
    }
    15% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    20% {
        -webkit-transform: translate(-50%, -50%) scale(1.06);
    }
	30% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
    }
}
.poslovne-zgrade {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: expand 3s infinite;
    animation: expand 3s infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.poslovne-zgrade-0 {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: expand 3s infinite;
    animation: expand-0 3s infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}