@charset "utf-8";body{margin:0;padding:0;font-family:Muli,sans-serif;text-align:center;overflow-x:hidden}h1{text-align:right;margin:0;padding:0;font-size:12px;font-weight:300;line-height:40px;color:#777}a,li,ul{margin:0;padding:0;text-decoration:none}a:hover{text-decoration:none;transition:.5s all ease-in-out}p{font-weight:300}img{vertical-align:bottom}.wrapper{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}header{width:100%;position:static}#head{height:40px;background:#dcdcdc}nav .wrapper{position:relative;height:40px}.logoholder{position:absolute;bottom:0;left:0;z-index:100000}.logoholder img{float:left;height:60px;margin:10px 0;transition:.3s all ease-in-out}.logoholder:hover img{opacity:.6;transition:.3s all ease-in-out}nav{height:40px;background:#fff;position:static}nav>div>ul{float:right;text-decoration:none}nav>div>ul>li{float:left;line-height:40px;font-size:1.2em;display:block;position:relative}nav ul li a{color:#000;line-height:40px;width:100%;display:block;margin:0 10px;transition:.5s all ease;position:relative}nav ul li a h2{margin:0;line-height:40px;font-weight:300;font-size:18px}nav ul li a:hover{background:#c8c8c8;color:#2f4f4f}nav ul li a i{font-size:.8em}nav ul li ul li{display:block;margin:0;padding:0}nav ul li ul li a{margin:0}.menu{clear:both;max-height:0;transition:max-height .2s ease-out}.menu-icon{cursor:pointer;float:right;padding:20px;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none}.menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.menu-icon .navicon:after,.menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.menu-icon .navicon:before{top:5px}.menu-icon .navicon:after{top:-5px}.menu-btn{display:none}.menu-btn:checked~.menu{max-height:240px}.menu-btn:checked~.menu-icon .navicon{background:0 0}.menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}.menu-icon{display:none}footer{background:#333;overflow:hidden}.footer-left-text a{display:block;width:100%}.footer-left-text a:hover>h2{color:#fff;filter:drop-shadow(3px 3px 3px #000);transition:.3s all ease-in-out}.footer-left-text h2{color:#cecece;margin:0;font-size:14px;padding:5px 0;align-items:center;font-weight:300;transition:.3s all ease-in-out}.footer-logo-holder a{display:block}.footer-logo-holder a img{width:250px;vertical-align:middle}.footer-right-text{color:#fff;text-align:right}.footer-right-text h3,.footer-right-text h4{margin:5px 0;font-weight:300;width:100%}#design{clear:both;color:#fff}#design hr{margin:0}#design a{color:#e0ffff;transition:.5s}.drugi{margin-top: -11px;}#design a:hover{color:#7fffd4;transition:.5s}.footer-flex-end p{font-weight:300;color:#888}.sticky{position:fixed!important;top:0;width:100%;z-index:100000;filter:drop-shadow(0 5px 5px #343434)}.stickystay{margin-bottom:40px}#hero .slick-responsive{position:relative}#hero .slick-responsive img{width:100%}.slick-responsive .slick-dots{position:absolute;top:50%;right:0;transform:rotate(90deg);width:auto;height:30px}.slick-responsive .slick-dots li{width:12px;height:12px;border-radius:50%;background:#fff;opacity:.6;transform:translateY(30%);translate:.3s all ease-in-out;text-indent:-200px}.slick-responsive .slick-dots li:hover{opacity:1;background:#707070}.slick-responsive .slick-dots li.slick-active{width:20px;height:20px;background:#fff;opacity:1;transform:none;translate:.3s all ease-in-out}.slick-dots li button::before{content:""}.slick-item{position:relative}.herotext{position:absolute;bottom:10px;left:0;width:100%;text-align:center}.herotext .wrapper{background:rgba(255,255,255,.7);padding:10px 0}.herotext h3{color:#000;font-size:50px;font-weight:300;padding:0;margin:0}.herotext p{font-size:26px;margin:5px 0}#ofirmi{padding:60px 0;font-size:1.1em;color:#2d2d2d}#ofirmi span{font-size:2em}#ofirmi p{font-size:24px}#ofirmi h2{font-weight:300}#products{overflow:hidden;background:radial-gradient(white,#d3d3d3)}#products h3{font-size:3em;margin-bottom:20px;color:#2f4f4f;font-weight:300}.product-item{width:100%;max-width:500px;border-radius:10px;border:4px #2f4f4f solid;position:relative;overflow:hidden}.product-item img{width:100%;height:auto;transition:.3s all ease-in-out}.product-item h2{position:absolute;top:0;left:0;text-align:center;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.44);color:#fff;opacity:0;transition:.3s all ease-in-out}.product-item:hover a h2{opacity:1;transition:.3s all ease-in-out}.product-item:hover a img{transform:scale(1.2);transform-origin:center;transition:.3s all ease-in-out}#galbody{background:radial-gradient(white,#dcdcdc,grey,#000)}#galhead{height:200px;background:url(../images/servis-racunara-pc-settings-beograd-maticna-ploca.jpg) no-repeat border-box center;background-size:100%;margin-bottom:40px;clear:both}#galhead h2{font-size:6em;color:#fff;line-height:200px;background-color:rgba(0,0,0,.54);margin:0;padding:0}#galcont{overflow:hidden}#galcont ul{list-style:none;padding:0}#galprod{margin-top:10px}.ligal{box-sizing:border-box;transition:.5s all ease}.ligal a{display:block}.ligal div{box-sizing:border-box;overflow:hidden}.ligal div a img{width:100%;height:auto;transition:.5s all ease}.ligal:hover img{transform-origin:bottom left;transform:scale(1.2);transition:.5s all ease}.ligal:hover{filter:drop-shadow(8px 8px 10px #000);transform:translate(-2%,-2%);transition:.5 all ease}#kont{background:radial-gradient(gainsboro,grey);background-size:100%;padding:40px 0}#kont h2{font-size:2em;margin:20px 0 0;padding:0;color:#fff;background:rgba(34,34,34,.7);border-radius:30px}.kutija{position:relative;width:100%;height:250px;margin:60px 0 60px 0;box-sizing:border-box;overflow:hidden;border-radius:50px}.icon{color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;font-size:100px;transition:.5s;background:red}.kutija:hover .icon{top:20px;left:calc(50% - 40px);width:80px;height:80px;border-radius:50%}.icon i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s}.kutija:hover .icon i{font-size:40px}.kontext{font-size:1.5em;color:#fff;position:absolute;top:100%;height:calc(100% - 60px);width:100%;transition:.5s;opacity:0}.kutija:hover .kontext{top:100px;opacity:1}#konttel .icon{background:green}#kontmail .icon{background:red}#kontinsta .icon{background:linear-gradient(#8a3ab9,#fbad50)}#kontfb .icon{background:#4169e1}#konttel{background:#154502}#kontmail{background:#600001}#kontinsta{background:linear-gradient(#2b004b,#632800)}#kontfb{background:#1f40a3}#kontvre{background-color:#4169e1;font-size:.7em;margin-right:0;margin-bottom:10px}#kontvre .icon{background:#1e90ff}#mapa{clear:both}#map{width:90%;height:400px;margin:30px 5% 0;overflow:hidden}#containdesk{background:url(../images/servis-racunara-pc-settings-beograd-desktop-back.jpg) no-repeat fixed border-box top;background-size:cover;padding:10px 0}#contin{border:5px solid #fff;border-radius:20px;background-color:rgba(60,60,60,.87);color:#fff;font-size:1.6em}#contin h2{font-size:2em;width:100%;background:rgba(100,100,100,.6);height:90px;line-height:90px}#contin p:nth-of-type(2){font-size:1.2em;text-align:left;width:700px;margin:0 auto 50px}#contin h3{font-size:1.6em;background:rgba(100,100,100,.6);height:70px;line-height:70px}#containlap{background:url(../images/servis-racunara-pc-settings-beograd-laptop-back.jpg) no-repeat fixed border-box top;background-size:cover;padding:10px 0}#containlap>#contin{background-color:rgba(60,60,60,.87)}#containlap>#contin>p{padding:0 70px}#containlap>#contin>h3{font-size:1.3em;background:rgba(100,100,100,.6);height:100px;line-height:50px}#containtv{background:url(../images/servis-racunara-pc-settings-beograd-tv-back.jpg) no-repeat fixed border-box top;background-size:cover;padding:10px 0}#containtv>#contin{background-color:rgba(60,60,60,.77)}#containtv>#contin>p{padding:0 70px}#containtv>#contin>p:nth-of-type(2){width:250px;padding:0}#containtv>#contin>p:nth-of-type(5){margin-bottom:50px}#containmon{background:url(../images/servis-racunara-pc-settings-beograd-monitor-back.jpg) no-repeat fixed border-box top;background-size:cover;padding:10px 0}#containmon>#contin{background-color:rgba(60,60,60,.77)}#containmon>#contin>p{padding:0 70px}#containmon>#contin>p:nth-of-type(2){width:600px}#containmon>#contin>h3:nth-of-type(1){background:rgba(100,100,100,.6);height:100px;line-height:50px}#containmon>#contin>p:nth-of-type(3){width:700px;margin:0 auto 50px;text-align:left;font-size:1.3em}#razmak2{height:20px}.staserv{transform:skewY(-3deg);height:500px;background:grey;border-bottom:15px grey solid;overflow:hidden;background-color:#fff;transition:.3s;position:relative;z-index:1;top:0;left:0}#serdes img{width:600px;position:absolute;left:50%;top:-120px;transform:skewY(3deg) translate(-50%,0)}#serlap img{width:1200px;position:absolute;left:50%;top:-40px;transform:skewY(3deg) translate(-50%,0)}#sermon img{width:1000px;position:absolute;left:50%;top:-40px;transform:skewY(3deg) translate(-50%,0);background-color:#fff}#sertv{margin-top:-200px;height:700px;background:grey;overflow:hidden;background-color:#fff;transition:.3s;position:relative;border-bottom:15px grey solid}#sertv img{width:850px;position:relative;left:0;top:50%;transform:translateY(-35%)}#sertv h2{color:#fff;text-align:center;line-height:600px;font-size:4em;background:rgba(62,62,62,.81);opacity:0;transition:.3s;position:absolute;top:-50px;left:0;width:100%;height:600px;padding:150px 0 0}#sertv:hover h2{opacity:1;transition:.7s}.isprav{transform:skewY(3deg);color:#fff;width:100%;height:650px;position:absolute;top:-100px;left:0;z-index:200;transition:.3s}.isprav h2{color:#fff;text-align:center;line-height:600px;font-size:4em;background:rgba(62,62,62,.81);opacity:0;transition:.3s}.isprav:hover h2{opacity:1;transition:.7s}#containerce{background:url(../images/servis-racunara-pc-settings-beograd-web-back.jpg) no-repeat scroll border-box center;background-size:100%;height:800px}#contce{position:relative;height:800px}#kartica{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.5,1.5);height:400px;width:300px;transform-style:preserve-3d;perspective:600px;transition:1s;filter:drop-shadow(20px 20px 30px #000)}#prednja{position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;backface-visibility:hidden;transform:rotateX(0);transition:1s}#kartica:hover #prednja{transform:rotateX(180deg)}#zadnja{position:absolute;background-color:#000;color:#fff;top:0;left:0;width:100%;height:100%;transform:rotateX(-180deg);backface-visibility:hidden;transition:1s}#zadnja:before{content:"";position:absolute;top:0;left:75px;width:50%;height:100%;background:rgba(255,255,255,.1);transform:skewX(-10deg)}#kartica:hover #zadnja{transform:rotateX(0)}#informacije{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;padding:20px;box-sizing:border-box}#informacije h2{margin:0;padding:0;font-size:24px}#informacije h2 span{color:#707070;font-size:16px}#mreze{padding:10px 0}#mreze a{margin:0 5px;font-size:24px;text-decoration:none;display:inline-block;width:40px;height:40px;text-align:center;background:#828282;color:#fff;border-radius:50%;transition:.3s}#mreze .fab,#mreze .fas{line-height:40px;margin:0;padding:0}#mreze a:nth-child(1):hover{background-color:#4169e1;transition:.3s}#mreze a:nth-child(2):hover{background:linear-gradient(#a600d3,#ff7833);transition:.3s}#mreze a:nth-child(3):hover{background-color:red;transition:.3s}.radnovreme{margin-bottom:7px}#mreze a:nth-child(4):hover{background-color:green;transition:.3s}#mreze a:nth-child(1):hover::after{content:"facebook.com/cedomir.ivanovic";font-size:.6em;position:absolute;top:90%;left:50%;transform:translateX(-50%)}#mreze a:nth-child(2):hover::after{content:"instagram.com/chedaivanovic";font-size:.6em;position:absolute;top:90%;left:50%;transform:translateX(-50%)}#mreze a:nth-child(3):hover::after{content:"chedaivanovic@gmail.com";font-size:.6em;position:absolute;top:90%;left:50%;transform:translateX(-50%)}#mreze a:nth-child(4):hover::after{content:"+381 (0) 64/66-268-44";font-size:.6em;position:absolute;top:90%;left:50%;transform:translateX(-50%)}@media (max-width:1200px){.wrapper{padding:0 10px}#kont{padding:auto 0}#kont>.wrapper>h2{margin:10px}.kutija{margin:20px 0 0}.kutija:hover .icon{top:15px}.kontext{font-size:1.3em}#containerce{background-size:auto 100%}}@media (max-width:992px){#kont{padding:auto 0}#kont>.wrapper>h2{margin:10px}.kutija{height:200px;margin:20px 0 0}.kutija .icon{top:20px;left:calc(50% - 40px);width:80px;height:80px;border-radius:50%;font-size:40px}.kontext{font-size:1em;top:100px;opacity:1}#map{height:300px;width:750px;margin:0 auto}#containdesk,#containlap,#containmon,#containtv{background-size:1000px auto;background-origin:center}}@media (min-width:768px){nav ul li a::after{content:"";display:block;width:0;height:5px;background:#dcdcdc;transition:width .5s;position:absolute;bottom:-5px;left:0;z-index:10000}nav ul li a:hover::after{width:100%;transition:width .5s}nav ul li ul{list-style:none;background:#fff;display:none;position:absolute;top:40px;left:10px;width:100%;margin:0;padding:0;z-index:10000}nav ul li:hover ul{display:block}}@media (max-width:768px){nav #navigacija{float:none;position:absolute;top:40px;overflow:auto;left:0;z-index:10000;background:#fff;width:100%;max-height:0}nav #navigacija li{width:100%;display:block;float:none}nav #navigacija li a{margin:0}.menu-icon{display:block;position:absolute;top:0;right:0}#drop-navigacija{max-height:0;overflow:hidden}.footer-logo-holder a img{width:180px;vertical-align:middle}.herotext h3{color:#000;font-size:28px;font-weight:300;padding:0;margin:0}.herotext p{font-size:18px;margin:5px 0}#ofirmi h2{font-size:1.3em}#ofirmi h2 span{font-size:1.2em}#products h3{font-size:2em}#products .product-item h2{opacity:1}#containdesk #contin h2,#containdesk #contin h3{font-size:1.5em}#containmon #contin h2,#containmon #contin h3{font-size:1.2em}#containdesk>#contin>p,#containlap>#contin>p,#containmon>#contin>p,#containmon>#contin>p:nth-of-type(3),#containtv>#contin>p{padding:0;font-size:1rem;width:100%}#contin p:nth-of-type(2){width:100%;font-size:1rem}#containmon>#contin>p:nth-of-type(2){width:100%}#kont{padding:auto 0}#kont>.wrapper>h2{margin:5px;font-size:1.2em}.kutija{margin:10px 0 0}.kutija .icon{top:20px;left:calc(50% - 40px);width:80px;height:80px;border-radius:50%;font-size:40px}.kontext{font-size:.7em;top:100px;opacity:1}.kontext h3{font-size:2em;padding-top:10px}#map{height:250px;width:470px}.gm_err_content{padding:0}#mapa.wrapper{padding:0}}@media (max-width:576px){.kontakttelefon{font-size:12px}.drugi{margin-top:-16px}.prvi{margin-top:-10px}#galhead{background-size:558px 200px;background-position:50% 50%}#galhead.wrapper{padding:0}#galhead h2{font-size:3.2em;height:100%}#containlap{background-size:650px auto;background-position:none;background-position-y:130px;background-origin:center}#containdesk{background-position:-200px 50px}#containmon{background-position:none;background-position-y:150px;background-origin:center;background-size:500px auto}#containtv{background-position:-160px 40px;background-size:700px auto}#containdesk #contin h2,#containdesk #contin h3,#containlap #contin h2,#containtv #contin h2,#containtv #contin h3{font-size:1em;font-weight:700}#containmon #contin h2,#containmon #contin h3{font-size:1em}#containlap #contin h3,#containmon #contin .wideh3{font-size:.7em}#kont{padding:10px 0}#kont>.wrapper>h2{margin:5px 5%;font-size:1em;border-radius:5px;width:90%;padding:10px}.kutija{height:160px}.kutija .icon{top:20px;left:calc(50% - 40px);width:80px;height:80px;border-radius:50%;font-size:40px}.kutija:hover .kontext{top:85px}.kontext{font-size:.8em;top:90px;opacity:1}.kontext h3{font-size:1.8em}#map{height:250px;width:90%;margin:0 auto}.worktime h3{margin-bottom:0px}.worktime p{margin-bottom:0}#containerce{height:auto}#contce{height:500px}#kartica{transform:translate(-50%,-50%) scale(1,1);height:400px;width:300px;transform-style:preserve-3d;perspective:600px;transition:1s;filter:drop-shadow(20px 20px 30px #000)}#prednja{position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;backface-visibility:hidden;transform:rotateX(0);transition:1s}#kartica:hover #prednja{transform:rotateX(180deg)}#zadnja{position:absolute;background-color:#000;color:#fff;top:0;left:0;width:100%;height:100%;transform:rotateX(-180deg);backface-visibility:hidden;transition:1s}#zadnja:before{content:"";position:absolute;top:0;left:75px;width:50%;height:100%;background:rgba(255,255,255,.1);transform:skewX(-10deg)}#kartica:hover #zadnja{transform:rotateX(0)}#informacije{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;padding:20px;box-sizing:border-box}#informacije h2{margin:0;padding:0;font-size:24px}#informacije h2 span{color:#707070;font-size:16px}#mreze{padding:10px 0}#mreze a{margin:0 5px;font-size:24px;text-decoration:none;display:inline-block;width:40px;height:40px;text-align:center;background:#828282;color:#fff;border-radius:50%;transition:.3s}#mreze .fab,#mreze .fas{line-height:40px;margin:0;padding:0}#mreze a:nth-child(1):hover{background-color:#4169e1;transition:.3s}#mreze a:nth-child(2):hover{background:linear-gradient(#a600d3,#ff7833);transition:.3s}#mreze a:nth-child(3):hover{background-color:red;transition:.3s}#mreze a:nth-child(4):hover{background-color:green;transition:.3s}#mreze a:nth-child(1):hover::after{content:"facebook.com/cedomir.ivanovic";font-size:.6em;position:absolute;top:90%;left:50%;transform:translateX(-50%)}#mreze a:nth-child(2):hover::after{content:"instagram.com/chedaivanovic";font-size:.6em;position:absolute;top:90%;left:50%;transform:translateX(-50%)}#mreze a:nth-child(3):hover::after{content:"chedaivanovic@gmail.com";font-size:.6em;position:absolute;top:90%;left:50%;transform:translateX(-50%)}#mreze a:nth-child(4):hover::after{content:"+381 (0) 64/66-268-44";font-size:.6em;position:absolute;top:90%;left:50%;transform:translateX(-50%)}}@media (min-width:490px){.logochange{height:30px!important;margin:5px 0!important}}@media (max-width:490px){#head{height:20px}h1{line-height:20px;text-align:center;font-size:7px}#logo{height:30px;margin:5px 10px}#head .wrapper{padding:0}}#body404{background:linear-gradient(to bottom right,#4169e1,#2f4f4f);background-attachment:fixed;min-height:100vh;padding:50px 0;position:relative}.pnotfound{padding:50px 0 0}.anotfound{margin:0 auto;width:200px}#content404{margin:50px auto 100px;width:200px}.footer404{height:80px;display:flex;justify-content:center;width:100%;background:#343434;position:absolute;bottom:0;left:0}.footer404 img{height:60px;margin:10px 0}