@charset "utf-8";
*{
margin:0;
padding:0;
}
.delayLoad {
}
body{
background:#000;
font-family: none;
}
p{
color:#fff;
padding:20px 55px;
font-size: 0.7em;
font-family: 'Calibri', serif;
line-height: 18px;
}
.link{
color:#000;
text-decoration: none;
}
.floor-holder4 p{
line-height: 16px;
}
#section-1 img {
user-drag: none; -moz-user-select: none; -webkit-user-drag: none;
}
#section-1{
width: 1280px;
height: 650px;
position: relative;
left:50%;
margin:30px auto 0 -640px;
}
.menu-holder{
position: absolute;
width: 100%;
top:0;
height: 30px;
background:#000;
}
.menu-a, .footer-a, .trokut-hr, .trokut-en{
width:562px;
height:30px;
margin:0 auto;
position: absolute;
left:50%;
margin:0 auto 0 -281px;
}
.logo-hr, .logo-en{
width: 110px;
height: 104px;
float: left;
margin: 4px 0 0 0;
cursor: pointer;
}
.logo-hr{
}
.logo-en{
background-image:url(../img/logo-en.png);
}
.trokut-hr, .trokut-en{
background-repeat: no-repeat;
background-size: 86px auto;
float: right;
height: 104px;
margin: 109px 0 0 122px;
top: 0;
width: 110px;
cursor: pointer;
}
.trokut-hr {
background-image: url("../img/trokut-hr.png");
}
.trokut-en {
background-image: url("../img/trokut-en.png");
}
.menu-b ul li{
text-decoration: none;
list-style: none;
float: left;
color:#fff;
font-size: 0.6em;
font-family: 'Calibri', serif;
margin: 10px 0 0 30px;
cursor: pointer;
}
.menu-b li:hover{
text-decoration: underline;
}
.fb{
background-image: url("../img/fb_tw_logo.png");
background-position: 17px 0;
background-size: 36px auto;
cursor: pointer;
float: right;
height: 17px;
margin: 6.5px 0 0 10px;
opacity: 0.8;
width: 17px;
}
.fb:hover{
opacity: 1;
}
.lang-holder{
width:562px;
position: absolute;
left:50%;
margin:40px auto 0 -281px;
font-family: 'Calibri', serif;
}
.hr, .eng{
cursor: pointer;
height: 30px;
padding:1px 0 0 0px;
}
.hr{
float: left;
margin-right: 13px;
}
.eng{
float: right;
}
.eng img, .hr img{
margin:0 0 -1px 0;
}
.lang{
float: right;
font-size: 8px;
}
.footer-holder{
width: 1280px;
margin:0 auto;
background:#000;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
font-size: 0.6em;
font-family: 'Calibri', serif;
padding: 10px 0 19px 0;
}
.footer-a{
color:#fff;
text-align: center;
}
.floor-suma{
width:603px;
left:50%;
margin:0 auto 0 -302px;
position: absolute;
top:191px;
z-index: 999;
}
.floor1, .floor2, .floor3{
opacity: 0;
cursor: pointer;
}
.floor1:hover, .floor2:hover, .floor3:hover{
opacity: 1;
}
.floor3{
height: 209px;
width: 585px;
background-size: 585px;
background-repeat: no-repeat;
margin-left: 10px;
}
.floor2{
height: 124px;
width: 565px;
background-size: 566px;
background-repeat: no-repeat;
margin-left: 19px;
}
.floor1{
height: 120px;
width: 564px;
background-size: 564px;
background-repeat: no-repeat;
margin-left: 19px;
}
.logo-3, .logo-2, .logo-1{
height: 56px;
width: 60px;
position: absolute;
opacity: 0;
cursor: pointer;
}
.floor3 .lov-poza img{
margin:55px 0 0 13px;
}
.floor2 .sum-poza img{
margin:-29px 0 0 3px;
}
.floor1 .rib-poza img{
margin:-30px 0 0 1px;
}
.logo-3 {
background-image: url("../img/logo-lov.png");
right: -42px;
top: 85px;
}
.logo-2{
background-image: url('../img/logo-sum.png');
right: -43px;
top:212px;
}
.logo-1{
background-image: url("../img/logo-rib.png");
right: -43px;
top:334px;
}
.floor-holder-suma{
width:563px;
height: 490px;
overflow: hidden;
left:50%;
margin:0 auto 0 -281px;
position: absolute;
top:190px;
}
.floor-header{
width: 563px;
height:80px;
background: rgba(000,000,000,0.8);
}
.floor-image{
width: 100%;
height: 255px;
background:#000;
background: rgba(000,000,000,0.8);
}
.floor-holder1 .floor-image img, .floor-holder2 .floor-image img, .floor-holder3 .floor-image img,
.floor-holder4 .floor-image img{
width: 563px;
}
.floor-content{
width: 100%;
height: 155px;
background: rgba(000,000,000,0.8);
}
.floor-header img{
margin:-8px 0 0 50px;
}
.img-pozicija-hr img{
margin: 17px 0 0 50px;
}
.gal-poza img{
margin: 1px 0 0 50px;
}
.floor-holder6 .floor-header img{
margin: 12px 0 0 50px;
}
.floor-holder1, .floor-holder2, .floor-holder3, .floor-holder4, .floor-holder5, .floor-holder6{
position: absolute;
margin-top:490px;
color:#fff;
}
.kontakt-p{
font-size:0.6em;
line-height: 16px;
padding:0 0 0 55px;
width: 280px;
}
.mapsimg{
float: right;
margin-right:10px;
cursor: pointer;
}
.text1{
width:301px;
height: 255px;
float: left;
}
.maps{
width: 215px;
float: right;
}
.maps-pop{
position: absolute;
width: 70%;
height:50%;
top:13%;
left: 15%;
}
.gsc{
width: 200px;
height: 50px;
margin: 0 auto;
padding-top:65px;
}
.gsc-text{
font-size: 0.86em;
text-align: center;
}
.floor1, .floor2, .floor3, .logo-1, .logo-2, .logo-3{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.floor-holder1, .floor-holder2, .floor-holder3, .floor-holder4, .floor-holder5, .floor-holder6, #section-1{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
}
.ani-fast{
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
-ms-transition: all 0s ease;
}
.ani-logo, .trokut-hr{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.ani-1{
margin-top:490px;
}
.ani-2{
margin-top:0px;
}
.ani-3{
opacity: 1;
}
.ani-4{
opacity: 0;
}
.ani-main{
z-index: 999;
}
.ani-5{
opacity: 0.2;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
}
.img-pozicija img{
margin:-5px 0 0 50px;
}
.floor1-en{
margin-top:-3px;
}
.ab-stalno{
position: absolute;
left: 0;
}
.position-f-3-l {
margin:-155px 0 0px 23px;
}
.position-f-2-l{
margin:-151px 0 0 19px;
}
.position-f-1-l{
margin: -130px 0 0 19px;
}
.position-f-3-l-en {
margin:-159px 0 0 22px;
}
.position-f-2-l-en{
margin:-166px 0 0 22px;
}
.position-f-1-l-en{
margin: -160px 0px 0 20px;
}