@import url(https://fonts.googleapis.com/css?family=Farro:700|Roboto&display=swap);@media screen and (max-width:767px){.buttons1,.buttons2,.buttons3,.page4 .social img:nth-child(2),.page4 .social img:nth-child(3),.page4 .social img:nth-child(4),.page4 .social img:nth-child(5),.page4 .social img:nth-child(6),.page4 .social img:nth-child(7),.scroll-icon{display:none!important}.desktop-view{display:none}html{height:100%}body{background:#fff}p{font-size:.8rem;color:#444}.logo-mob{position:fixed;left:5px;top:5px;max-width:80px;height:auto;z-index:10}.main section{overflow:hidden}.main section.page1{background:url(/img-mob/hero2.jpg);background-size:cover;background-repeat:no-repeat;height:100vh}.page2,.page3,.page4 .page5{background:url(/img/crane-bgd2.jpg);background-size:cover;background-repeat:no-repeat}*{margin:0;padding:0}body{color:#000;letter-spacing:2px;font-family:Roboto,sans-serif}#button-top{display:inline-block;background-color:#555;width:30px;height:30px;text-align:center;border-radius:4px;position:fixed;bottom:25px;right:calc(50% - 15px);transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000}#button-top::after{content:"\f077";font-family:FontAwesome;font-weight:400;font-style:normal;font-size:1em;padding-left:2px;color:#fff}#button-top:hover{cursor:pointer;background-color:#333}#button-top:active{background-color:#555}#button-top.show{opacity:1;visibility:visible;z-index:35}.l-left img{max-width:120px}.page1{text-align:center}section{text-align:left;padding:10px 20px;position:relative}.page1 h2{font-size:10em;margin-bottom:20px;line-height:60px}.left1{visibility:hidden}.right1 img{max-width:80%;position:relative;bottom:100px}.left2{margin-top:15%}.left2 h2,.page3 h2{font-size:45px;line-height:40px;font-family:'Libre Baskerville',serif}.left2 h3{font-size:18px;color:#000;letter-spacing:0;text-transform:uppercase}.left2 p{margin-top:30px}.right2 img{max-width:96%;opacity:1}.buttons1,.buttons2{font-weight:700;position:relative;margin:10px 60px;border:1px solid #b38d46;padding:10px 40px;font-size:15px;transition:all 1s}.buttons1:hover,.buttons2:hover{background:rgba(0,0,0,.3);color:#fff;cursor:default}.page3 h2{margin-top:20%}.page3 .third2{margin-top:30px}.buttons3{margin:auto;padding:7px 35px;width:200px;border:1px solid #b38d46;transition:all 1s}.buttons3:hover{cursor:default;background:rgba(255,255,255,.2)}#slides{position:relative;height:400px;padding:0;margin:0;list-style-type:none;margin-top:50px;display:table;width:100%}.slide{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;display:table-cell;vertical-align:middle;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.slide p strong{font-size:20px;background:#000;color:#fff}.showing{opacity:1}.slide{box-sizing:border-box}.slide:nth-of-type(1){background:#fff;padding-top:120px}.slide:nth-of-type(2){background:#fff;padding-top:120px}.slide:nth-of-type(3){background:#fff}.page4{padding-bottom:80px}.page4 .podaci{margin-top:20%}.page4 p{font-size:13px;color:#333;margin:0 auto}.page4 .ime{font-size:28px;line-height:35px;padding-bottom:20px;color:#000}.page4 .ime span{font-size:11px;line-height:13px;display:block;text-transform:uppercase;color:#333}.page4 img{max-width:25px;margin:50px 20px 0 20px}.page4 .social{margin:0 auto;width:100%;padding:20px 60px;z-index:2}.page4 .vlasnik{text-transform:uppercase;color:#000;margin-top:0}.page4 .vlasnik span{font-size:20px;font-weight:700}.page4 p.email-section{padding-top:30px}.page4 p.email-section a{float:none;display:block;padding-top:20px}.page4 .kran{z-index:-1}.page4 .kran img{position:absolute;top:-190px;right:0;max-width:300px;opacity:.25}.page4 .social{text-align:center}.page4 .social img:nth-child(1){position:fixed;background:#666;border-radius:50%;padding:5px;max-width:40px;right:-10px;bottom:75px;z-index:15px}.page4 .credits{position:absolute;width:100%;bottom:3px;color:#999;font-size:10px}.onepage-pagination li a.active::before{background:#fff;border:px solid #000}.onepage-pagination li a::before{border:1px solid #fff}.flex-center{display:flex;align-items:center;justify-content:center}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}h1{font-family:Pacifico,cursive;font-weight:400;font-size:3em;text-align:center}.outer-menu{position:fixed;bottom:100px;right:100px;z-index:1}.outer-menu .checkbox-toggle:checked+.hamburger>div{transform:rotate(135deg)}.outer-menu .checkbox-toggle:checked+.hamburger>div:after,.outer-menu .checkbox-toggle:checked+.hamburger>div:before{top:0;transform:rotate(90deg)}.outer-menu .checkbox-toggle:checked+.hamburger>div:after{opacity:0}.outer-menu .checkbox-toggle:checked~.menu{pointer-events:auto;visibility:visible}.outer-menu .checkbox-toggle:checked~.menu>div{transform:scale(1);transition-duration:.75s}.outer-menu .checkbox-toggle:checked~.menu>div>div{opacity:1;transition:opacity .4s ease .4s}.outer-menu .checkbox-toggle:hover+.hamburger{box-shadow:inset 0 0 10px rgba(0,0,0,.1)}.outer-menu .checkbox-toggle:checked:hover+.hamburger>div{transform:rotate(225deg)}.outer-menu .checkbox-toggle{position:fixed;top:10px;left:86%;cursor:pointer;width:40px;height:40px;opacity:0;border-radius:50%;z-index:10}.outer-menu .hamburger{position:fixed;top:10px;left:80%;width:50px;height:40px;padding:.5em .7em;background:rgba(43,43,43,.75);border-radius:5px;cursor:pointer;transition:box-shadow .4s ease;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;z-index:9}.outer-menu .hamburger>div{position:relative;flex:none;width:100%;height:2px;background:#fefefe;transition:all .4s ease;display:flex;align-items:center;justify-content:center}.outer-menu .hamburger>div:after,.outer-menu .hamburger>div:before{content:'';position:absolute;z-index:3;top:-10px;left:0;width:100%;height:2px;background:inherit;transition:all .4s ease}.outer-menu .hamburger>div:after{top:10px}.outer-menu .menu{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;visibility:hidden;overflow:hidden;backface-visibility:hidden;outline:1px solid transparent;display:flex;align-items:center;justify-content:center;z-index:8}.outer-menu .menu>div{width:200vw;height:200vw;color:#fefefe;background:rgba(0,0,0,.9);border-radius:50%;transition:all .4s ease;flex:none;transform:scale(0);backface-visibility:hidden;overflow:hidden;display:flex;align-items:center;justify-content:center}.outer-menu .menu>div>div{text-align:center;max-width:90vw;max-height:100vh;opacity:0;transition:opacity .4s ease;overflow-y:auto;flex:none;display:flex;align-items:center;justify-content:center}.outer-menu .menu>div>div>ul{list-style:none;padding:0 1em;margin:0;display:block;max-height:100vh}.outer-menu .menu>div>div>ul>li{margin:12px;font-size:30px;display:block}.outer-menu .menu>div>div>ul>li>a{position:relative;display:inline;cursor:pointer;transition:color .4s ease}.outer-menu .menu>div>div>ul>li>a:hover{color:#e5e5e5}.outer-menu .menu>div>div>ul>li>a:hover:after{width:100%}.outer-menu .menu>div>div>ul>li>a:after{content:'';position:absolute;z-index:1;bottom:-.15em;left:0;width:0;height:2px;background:#e5e5e5;transition:width .4s ease}}@media screen and (max-width:320px){.left2 p{padding:0}.left2 h2,.page3 h2{font-size:40px;line-height:40px;margin-bottom:10px}.right2 img{top:-440px;right:3px}.page4 .ime{font-size:23px;line-height:22px}.page4 .ime span{font-size:8px;line-height:11px}.page4 .social{padding:0}.page4 .kran img{top:-275px;right:-35px}.page5 h2{font-size:65px}.page5 .ending{margin-top:7%;font-size:14px}.page5 .credits{bottom:-235px;font-size:8px}}