/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */.main-brendovi li img,a{background-color:transparent}button,hr,input{overflow:visible}a,legend{color:inherit}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}legend,ul{padding:0}body,h1,ul{margin:0}.brand-title,.cover li,.menu-grid,.menu-grid div{pointer-events:none}.img-frame,.main-brendovi li{-webkit-box-ordinal-group:1;-webkit-order:0;-moz-box-ordinal-group:1}.img-frame,.reference-wrap div{-webkit-align-self:auto;position:relative}#img-frame,.cover-container,.img-container,.main-section,svg:not(:root){overflow:hidden}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{-moz-box-sizing:border-box;box-sizing:border-box;display:table;max-width:100%;white-space:normal}.cover-link a span,.footer-container img,.kontakt-info img,.slider-caunt .first,.slider-caunt .line{vertical-align:middle}textarea{overflow:auto}[type=checkbox],[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}body{font-family:Inconsolata,monospace;font-display:optional;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}ul{list-style:none}h1{font-weight:700}button:focus{outline:0}.container{width:100%}.header{margin:.5em 5%;position:relative;width:90%;z-index:1000}.nav,.navbar span{position:absolute}.brand-title{width:64px;text-align:center}.brand-title h1{color:#000;font-size:1.4em}.nav{height:64px;right:0;top:15px;width:64px}.navbar span{background-color:#000;height:1px;left:16px;top:12px;width:24px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.navbar span:last-of-type{top:24px}.navbar-container{width:100%;height:100%}.open .navbar span:first-of-type{-webkit-transform:rotate(-45deg) translateY(8px);-ms-transform:rotate(-45deg) translateY(8px);transform:rotate(-45deg) translateY(8px);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.open .navbar span:last-of-type{-webkit-transform:rotate(45deg) translateY(-8px);-ms-transform:rotate(45deg) translateY(-8px);transform:rotate(45deg) translateY(-8px);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#003153;z-index:100;color:#fff;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform .9s ease-in-out;transition:-webkit-transform .9s ease-in-out;transition:transform .9s ease-in-out;transition:transform .9s ease-in-out,-webkit-transform .9s ease-in-out;will-change:transform}.menu-wrap{width:90%;margin:5%;opacity:0;-webkit-transition:opacity .6s ease-in;transition:opacity .6s ease-in;-webkit-transition-delay:.8s;transition-delay:.8s;will-change:opacity}.open .menu{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.menu-active{color:#000;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.menu-container ul{max-width:50%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:5.2em;font-weight:700;letter-spacing:.1em;line-height:1.35em;text-transform:lowercase}.menu-container li{position:relative;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.cover li,.menu-grid,.soc-link{position:absolute}.menu-container li:hover{color:#fff;-webkit-transform:translate3d(1.5em,0,0);transform:translate3d(1.5em,0,0)}.cover-text,.slider-caunt .last{color:#9E9E9E}.open .menu-wrap{opacity:1}.soc-link{font-size:1rem;height:48px;width:100%;bottom:2%;left:80%}.soc-link li{display:inline-block;width:48px;height:48px}.menu-grid{top:0;left:0;width:100%;height:100%}.cover,.main,.main-section{width:100%;position:relative}.menu-grid div{width:100%;height:20vh;-moz-box-sizing:border-box;box-sizing:border-box}.main-section{height:calc(100vh - 85px)}.cover{height:100%}.cover li{width:90%;height:100%;top:0;left:5%;opacity:0}.cover-container,.cover-link{pointer-events:all;position:absolute}.cover .cover-show{opacity:1;z-index:2}.cover .cover-close{z-index:1}.cover-container{margin-top:2%;height:74vh;top:0;will-change:width,left;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;-webkit-transition-delay:unset;transition-delay:unset}.cover li:nth-of-type(1) .cover-container{left:0;width:36.99vw}.cover li:nth-of-type(2) .cover-container{left:45%;width:24vw}.cover li:nth-of-type(3) .cover-container{left:75%;width:20.9%}.cover li:nth-of-type(4) .cover-container{left:0;width:55vw}.cover li:nth-of-type(5) .cover-container{left:63.5%;width:32.9vw}.cover li:nth-of-type(1).cover-close .cover-container{left:12.15%;-webkit-transition:all .7s ease-in;transition:all .7s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover li:nth-of-type(2).cover-close .cover-container{left:75%;-webkit-transition:all .7s ease-in;transition:all .7s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover li:nth-of-type(3).cover-close .cover-container{left:55.4%;-webkit-transition:all .7s ease-in;transition:all .7s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover li:nth-of-type(4).cover-close .cover-container{left:14.55%;-webkit-transition:all .7s ease-in;transition:all .7s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover li:nth-of-type(5).cover-close .cover-container{left:30.1%;-webkit-transition:all .7s ease-in;transition:all .7s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover-img{height:100%;width:20%;-webkit-transition:all .8s ease-out;transition:all .8s ease-out;position:absolute;top:0;will-change:width,background-color,right,left}.cover li:nth-of-type(1) .cover-img{background-color:#8ba6dd;right:0}.cover li:nth-of-type(2) .cover-img{background-color:#a8afc2;left:0}.cover li:nth-of-type(3) .cover-img{background-color:#4d935a;left:0}.cover li:nth-of-type(4) .cover-img{background-color:#aaa19a;right:0}.cover li:nth-of-type(5) .cover-img{background-color:#b35834;left:0}.cover li:nth-of-type(1).cover-close .cover-img{width:20%;background-color:#a8afc2;-webkit-transition:width .7s ease-in,background-color .45s ease-in;transition:width .7s ease-in,background-color .45s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover li:nth-of-type(2).cover-close .cover-img{width:20%;background-color:#4d935a;-webkit-transition:width .7s ease-in,background-color .45s ease-in;transition:width .7s ease-in,background-color .45s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover li:nth-of-type(3).cover-close .cover-img{width:20%;background-color:#aaa19a;-webkit-transition:width .7s ease-in,background-color .45s ease-in;transition:width .7s ease-in,background-color .45s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover li:nth-of-type(4).cover-close .cover-img{width:20%;background-color:#b35834;-webkit-transition:width .7s ease-in,background-color .45s ease-in;transition:width .7s ease-in,background-color .45s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover li:nth-of-type(5).cover-close .cover-img{width:20%;background-color:#8ba6dd;-webkit-transition:width .7s ease-in,background-color .45s ease-in;transition:width .7s ease-in,background-color .45s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s}.cover-container img{width:100%;min-height:100%;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;will-change:transform;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.cover-show .cover-img{width:100%}.cover-show .cover-container img{-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-transition-delay:.8s;transition-delay:.8s;opacity:1}.cover-close .cover-container img{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0}.cover-container img:hover{-webkit-transform:scale(1.03) translate(-50%,-50%);-ms-transform:scale(1.03) translate(-50%,-50%);transform:scale(1.03) translate(-50%,-50%)}.cover-wrap{-webkit-transition:opacity .7s ease-in;transition:opacity .7s ease-in}.cover-title{font-size:4em;letter-spacing:.1em;position:absolute;top:40%;-webkit-transition:all .6s ease-in;transition:all .6s ease-in;opacity:0}.cover li:nth-of-type(1) .cover-title{left:43%}.cover li:nth-of-type(2) .cover-title{left:13%}.cover li:nth-of-type(3) .cover-title{left:10%}.cover li:nth-of-type(4) .cover-title{left:62%}.cover li:nth-of-type(5) .cover-title{left:0}.cover-show .cover-title{top:30%;opacity:1}.cover-close .cover-title{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0}.cover h2{font-weight:400;margin:0}.cover h2 span,.cover-link{font-weight:700}.cover-text{position:absolute;top:55%;width:40%;font-size:1.1em;line-height:1.6em;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;opacity:0}.cover-show .cover-text{top:50%;opacity:1;-webkit-transition-delay:.6s;transition-delay:.6s}.cover-close .cover-text{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0}.cover li:nth-of-type(1) .cover-text{left:55%}.cover li:nth-of-type(2) .cover-text{left:5%;width:30%}.cover li:nth-of-type(3) .cover-text{left:20%;width:40%}.cover li:nth-of-type(4) .cover-text{left:65%;width:30%}.cover li:nth-of-type(5) .cover-text{left:20%;width:40%}.cover-link{top:75%;text-transform:uppercase;letter-spacing:.1em;text-align:right;-webkit-transition:all .5s ease-in;transition:all .5s ease-in;opacity:0}.cover-show .cover-link{opacity:1;-webkit-transition-delay:.9s;transition-delay:.9s}.cover-close .cover-link{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;opacity:0}.cover li:nth-of-type(1) .cover-link{right:25%}.cover li:nth-of-type(2) .cover-link{right:75%}.cover li:nth-of-type(3) .cover-link{right:70%}.cover li:nth-of-type(4) .cover-link{right:10%}.cover li:nth-of-type(5) .cover-link{right:70%}.cover-link a span{width:7vw;height:1px;background-color:#9E9E9E;content:'';display:inline-block;margin-left:1em;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out;will-change:width}.cover-link:hover a span{width:10vw;background-color:#000}.grid-show li{opacity:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transition-delay:.7s;transition-delay:.7s}.grid-show li:nth-of-type(1) .cover-container{width:20vw;max-width:36.99vw;height:20vw;left:13%}.main-section .grid-show li:nth-of-type(1):hover .cover-title{left:23%;top:49%;z-index:100;font-size:1em;opacity:1;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.grid-show li:nth-of-type(2) .cover-container{height:77%;width:25.7%;max-width:24vw;top:4.5%;left:39.5%}.main-section .grid-show li:nth-of-type(2):hover .cover-title{left:56%;top:86%;z-index:100;font-size:1em;opacity:1;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.grid-show li:nth-of-type(3) .cover-container{height:42%;width:10.7%;max-width:21.3vw;left:70%}.main-section .grid-show li:nth-of-type(3):hover .cover-title{left:70%;top:46%;z-index:100;font-size:1em;opacity:1;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.grid-show li:nth-of-type(4) .cover-container{height:36%;width:27.4%;max-width:55vw;top:50%;left:8%}.main-section .grid-show li:nth-of-type(4):hover .cover-title{left:28%;top:91%;z-index:100;font-size:1em;opacity:1;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.grid-show li:nth-of-type(5) .cover-container{height:40%;width:18%;max-width:32.9vw;left:70%;top:46.6%}.main-section .grid-show li:nth-of-type(5):hover .cover-title{left:70%;top:91%;z-index:100;font-size:1em;opacity:1;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}.grid-show .cover-img{width:100%}.grid-show .cover-img img{opacity:1}.grid-show .cover-show .cover-link,.grid-show .cover-show .cover-text{opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.main-section .grid-show li .cover-title{opacity:0;-webkit-transition:unset;transition:unset}.grid-show .cover-link{pointer-events:none}.slider-caunt{position:absolute;bottom:1%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.slider-caunt .prim{width:100%;height:1px;display:inline-block;background-color:#dcdcdc;position:absolute;left:0;top:0}.slider-caunt .first{display:inline-block;width:16px;overflow:hidden;height:20px}.first-wrap{-webkit-transition:-webkit-transform .8s ease-in-out;transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out}.slider-caunt .first div{width:16px;height:64px}.slider-caunt .line{width:10em;height:3px;position:relative;display:inline-block}.slider-caunt .sec{width:0;height:1px;display:inline-block;background-color:#000;position:absolute;left:0;top:0}.img-wrap,.side-button{display:-webkit-flex;display:-ms-flexbox}.slider-caunt .start{width:100%;-webkit-transition:width 6s linear;transition:width 6s linear}@-webkit-keyframes line{0%{width:0}100%{width:10em}}@keyframes line{0%{width:0}100%{width:10em}}.side-button{display:-webkit-box;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;left:0;z-index:2;width:100vh;height:5vw;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transform:rotateZ(-90deg) translate3d(-40vh,-52vh,0);transform:rotateZ(-90deg) translate3d(-40vh,-52vh,0)}.galerija-wrap div img,.reference-wrap div img{will-change:height;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.side-button div{display:inline-block;margin:0 1em;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#9E9E9E}.side-button .select span{color:#000;border-bottom:1px #000 solid}.side-button span{display:inline-block;padding-bottom:8px;cursor:pointer}.keramika,.onama,.proizvodi{height:calc(90vh - 85px)}.img-container{width:100%;height:30vh;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;-webkit-transition-delay:1s;transition-delay:1s;opacity:0}.img-wrap{height:100%;display:-webkit-box;display:-moz-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.main-brendovi ul,.main-galerija .reference-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal}.img-frame{height:25vh;margin:0 1em;-ms-flex-order:0;order:0;-webkit-box-flex:0;-webkit-flex:0 1 auto;-moz-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.img-frame img{height:100%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.main-brendovi ul{width:90%;height:100%;margin:1em auto;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.main-brendovi li{-ms-flex-order:0;order:0;-webkit-box-flex:0;-webkit-flex:0 1 20%;-moz-box-flex:0;-ms-flex:0 1 20%;flex:0 1 20%;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.galerija-wrap div,.reference-wrap div{-webkit-order:0;-ms-grid-row-align:auto;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1}.main-brendovi li div{text-align:center;margin:1em .5em;max-height:15vh}#img-frame img,.galerija-wrap div img,.main-brendovi li img,.reference-wrap div img{max-width:100%;max-height:100%}.main-brendovi li img{width:inherit}.main-galerija .reference-wrap{width:90%;height:100%;margin:1em auto;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.reference-wrap div{min-width:300px;min-height:300px;-ms-flex-order:0;order:0;-webkit-box-flex:0;-webkit-flex:0 1 30%;-moz-box-flex:0;-ms-flex:0 1 30%;flex:0 1 30%;-ms-flex-item-align:auto;align-self:auto;margin:1%}.footer-container,.main-galerija .galerija-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal}.reference-wrap div img{-webkit-transition:height 1s ease-in-out;transition:height 1s ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;position:absolute;top:50%;transform:translate(-50%,-50%)}.reference-wrap h3{position:absolute;font-size:1.2em;top:10%;text-align:center;color:#003153;background-color:#fff;padding:0 2em}.main-galerija{width:100%;min-height:calc(100vh - 85px)}.main-galerija .galerija-wrap{width:90%;height:100%;margin:1em auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.galerija-wrap div{min-width:15vw;min-height:calc(15vw);-ms-flex-order:0;order:0;-webkit-box-flex:0;-webkit-flex:0 1 30%;-moz-box-flex:0;-ms-flex:0 1 30%;flex:0 1 30%;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;position:relative;margin:1vw}.galerija-wrap div img{-webkit-transition:height 1s ease-in-out;transition:height 1s ease-in-out;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;position:absolute;top:50%;transform:translate(-50%,-50%)}.galerija-wrap div:hover img{height:105%}.galerija-wrap h3{position:absolute;bottom:0;text-align:center}.img-preview{width:100vw;height:100vh;position:fixed;top:0;left:-100vw;background-color:#e8e8e8;-webkit-transition:-webkit-transform .6s ease-out;transition:-webkit-transform .6s ease-out;transition:transform .6s ease-out;transition:transform .6s ease-out,-webkit-transform .6s ease-out;will-change:left;z-index:2000}#img-frame img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:-webkit-transform 1s ease-out;transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;transition:transform 1s ease-out,-webkit-transform 1s ease-out;will-change:transform}.img-close{position:absolute;top:3%;right:3%;z-index:200;width:48px;height:48px}.open-preview{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}#img-frame{width:100%;height:100%;z-index:50}.img-left,.img-right{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:200}.img-right{right:3%}.img-left{left:3%}.img-left button,.img-right button{box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);-webkit-appearance:none;-webkit-border-radius:0;background-color:rgba(255,255,255,.75);border:0;border-radius:50%;color:#999;display:inline-block;font-weight:400;height:65px;line-height:normal;padding:0;position:relative;text-align:center;text-decoration:none;width:65px;will-change:background-color,box-shadow;-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.form-group input,.form-group-text textarea{font-size:1em;font-weight:400;color:#003153}.form-group input,.kontakt-form .form-group{text-align:left;border:none;position:relative}.img-left button:hover,.img-right button:hover{box-shadow:0 10px 10px 0 rgba(0,0,0,.19),0 6px 3px 0 rgba(0,0,0,.23);background-color:rgba(255,255,255,.9);cursor:pointer}.img-left button img,.img-right button img{width:48px;height:48px}.proizvodi .cover li:nth-of-type(1) .cover-container{width:62%}.proizvodi .cover li:nth-of-type(1) .cover-title{top:5%;left:65%}.proizvodi .cover li:nth-of-type(1) .cover-text{left:67%;width:35%;top:18%}.proizvodi .cover li:nth-of-type(1) .cover-img{background-color:#1c1c1c}.keramika .cover li:nth-of-type(1) .cover-container{width:50%}.keramika .cover li:nth-of-type(1) .cover-title{top:15%;left:45%}.weltplast .cover .cover-text li{position:relative;opacity:1}.weltplast .cover-link{top:90%}.weltplast .cover .cover-text li::before{background-color:#ff7600;content:'';display:inline-block;height:2px;margin:0 1em;width:1em}.weltplast .cover li:nth-of-type(1) .cover-img{background-color:#639c47}.form-group input,.form-group-button button,.form-group-text textarea{z-index:5;background-color:transparent}.kontakt{margin:0 auto;padding-top:1em;position:relative;width:90%}.kontakt-info{display:inline-block;line-height:1.4em;margin-left:10%;width:30%}.kontakt-form{display:inline-block;font-size:1em;margin-left:5%;margin-top:10%;margin-bottom:5%;width:50%}.form-group-button,.form-group-text,.kontakt-form .form-group{display:inline-block;margin:1em 0}.kontakt-form .form-group{width:40%;height:1em}.form-group input{width:95%;border-bottom:1px solid #000}.form-group-text,.form-group-text textarea{border:none;text-align:left;position:relative}.form-group-text{width:80%}.form-group-text textarea{width:98%;height:10em;border-bottom:1px solid #000}.form-group-button{position:relative;width:20%;height:1em;border:none;text-align:left}.form-group-button button{text-align:center;border:none;width:95%;position:relative;text-transform:uppercase;font-weight:700;border-bottom:2px solid #000;cursor:pointer}.kontakt-info-h{color:grey;font-size:1.5em}#map{width:100%;height:550px}.footer{background-color:#003153}.footer-container{width:70%;margin:0 auto;padding-top:1em;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start}.footer-container div{-webkit-box-ordinal-group:1;-webkit-order:0;-moz-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-box-flex:0;-webkit-flex:0 1 30%;-moz-box-flex:0;-ms-flex:0 1 30%;flex:0 1 30%;-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.footer-container div li{line-height:2em;font-size:1.2em;font-weight:700;color:#000}.footer-container h5{font-weight:400;font-size:1em}.footer-container h5 span{font-weight:700}.footer-sing{width:85%;margin:0 auto;color:#fff;border-color:#fff;text-align:right}.footer-sing h5{margin:0;padding:.5em}.loader-container{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:transparent;z-index:10000}.loader,.loader svg{width:360px;height:62px}.loader{left:50%;top:50%;position:fixed;z-index:1000;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.logo-wave-animation{-webkit-animation:wave 5s ease-in-out infinite;animation:wave 5s ease-in-out infinite}@-webkit-keyframes wave{from,to{opacity:1;fill:#003153}25%,75%{opacity:.7}50%{opacity:1;fill:#012e4b}}@keyframes wave{from,to{opacity:1;fill:#003153}25%,75%{opacity:.7}50%{opacity:1;fill:#012e4b}}@media all and (min-device-width:1024px) and (max-device-width:1650px) and (orientation:landscape){.keramika .cover li:nth-of-type(1) .cover-title{left:50%;font-size:3em}.keramika .cover li:nth-of-type(1) .cover-text{top:42%}.onama .cover-show .cover-title{top:20%}.onama .cover-show .cover-text{top:40%}.weltplast .cover-show .cover-title{top:10%}.weltplast .cover-show .cover-text{top:30%}.weltplast .cover-show .cover-link{top:75%}.cover-title{font-size:3em}}@media all and (min-device-width:1024px) and (max-device-width:1550px) and (orientation:landscape){.cover-title,.weltplast .cover-show .cover-title{font-size:2.5em}.cover-show .cover-title,.weltplast .cover-show .cover-text{top:20%}.cover-show .cover-text{top:40%}.menu-container ul{font-size:4.5em}.soc-link{left:70%}.weltplast .cover-show .cover-link{top:85%}}@media all and (min-device-width:1024px) and (max-device-width:1370px) and (orientation:landscape){.cover li:nth-of-type(1) .cover-container{width:41%}.cover li:nth-of-type(2) .cover-container{width:27%}.cover li:nth-of-type(3) .cover-container{width:20.3%}.cover li:nth-of-type(5) .cover-container{width:36.2%}.grid-show li:nth-of-type(1) .cover-container{width:22.5%}.grid-show li:nth-of-type(2) .cover-container{width:24.9%}.grid-show li:nth-of-type(3) .cover-container{width:10.3%}.grid-show li:nth-of-type(4) .cover-container{width:26.5%}.grid-show li:nth-of-type(5) .cover-container{width:17.3%}.cover-title{font-size:2.5em}.main-section .grid-show li:nth-of-type(1):hover .cover-title{top:50%;font-size:.8em}.main-section .grid-show li:nth-of-type(n):hover .cover-title{font-size:.8em}.keramika .cover li:nth-of-type(1) .cover-title{font-size:2.5em;top:5%;left:55%}.keramika .cover li:nth-of-type(1) .cover-text{top:32%}.img-container{height:35vh}.onama .cover-show .cover-title{top:10%}.onama .cover li:nth-of-type(1) .cover-text{top:30%;left:50%}.weltplast .cover-title{font-size:3em}.weltplast .cover-show .cover-title{top:5%;font-size:3em}.weltplast .cover li:nth-of-type(1) .cover-text{left:45%;width:50%}.weltplast .cover-link,.weltplast .cover-show .cover-link{top:80%}.menu-container ul{font-size:3.7em}}@media all and (min-device-width:1024px) and (max-device-width:1100px) and (orientation:landscape){.cover-title,.weltplast .cover-show .cover-title{font-size:2em}.cover li:nth-of-type(2) .cover-link{right:70%}.onama .cover li:nth-of-type(1) .cover-text{top:20%;left:45%;width:50%}.weltplast .cover li:nth-of-type(1) .cover-text{top:13%}.form-group-button{width:25%}}@media all and (min-device-width:320px) and (max-device-width:1200px) and (orientation:portrait){.menu-container ul{max-width:100%;font-size:3em;margin-top:25%}.soc-link{left:10%}.cover-show .cover-link,.cover-show .cover-text,.side-button{display:none}.cover li:nth-of-type(n) .cover-container{left:0;width:100%;height:65vh;position:relative}.cover li:nth-of-type(n) .cover-title,.onama .cover li:nth-of-type(1) .cover-text,.weltplast .cover li:nth-of-type(1) .cover-text{left:unset}.cover li:nth-of-type(n) .cover-img,.cover li:nth-of-type(n).cover-close .cover-img{background-color:transparent}.cover-container img{width:unset;height:100%}.cover-title{font-size:1.2em;position:relative;top:unset;margin:1em auto;text-align:center}.slider-caunt .line{width:5em}.footer-container{width:98%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-container div:first-child{-webkit-box-flex:0;-webkit-flex:0 1 25%;-moz-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}.footer-container div{-webkit-box-flex:0;-webkit-flex:0 1 50%;-moz-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;margin-right:10%;text-align:right}.footer-container div:last-child{margin-left:20%;text-align:center;width:60%;-webkit-box-flex:0;-webkit-flex:0 1 60%;-moz-box-flex:0;-ms-flex:0 1 60%;flex:0 1 60%}.keramika,.onama,.weltplast{height:100%}.keramika .cover li,.onama .cover li,.weltplast .cover li{position:relative}.onama .cover-show .cover-link,.onama .cover-show .cover-text,.weltplast .cover-show .cover-link,.weltplast .cover-show .cover-text{display:block;position:relative;top:unset;width:100%;margin:.5em 0}.main-brendovi li{max-width:30%;-webkit-box-flex:0;-webkit-flex:0 1 30%;-moz-box-flex:0;-ms-flex:0 1 30%;flex:0 1 30%}.galerija-wrap div{width:45vw;height:calc(45vw);-webkit-box-flex:0;-webkit-flex:0 1 45%;-moz-box-flex:0;-ms-flex:0 1 45%;flex:0 1 45%}.kontakt-info{width:90%}.kontakt-form{width:95%}.analiza-form .form-group,.kontakt-form .form-group{width:90%}.form-group-text{width:88%}.form-group-button{width:40%}}