@font-face{font-family:'icomoon';src:url(fonts/icomoon/icomoon.eot?-261yfq);src:url(fonts/icomoon/icomoon.eot?#iefix-261yfq) format("embedded-opentype"),url(fonts/icomoon/icomoon.ttf?-261yfq) format("truetype"),url(fonts/icomoon/icomoon.woff?-261yfq) format("woff"),url(fonts/icomoon/icomoon.svg?-261yfq#icomoon) format("svg");font-weight:400;font-style:normal}@font-face{font-family:'Lato';src:url(fonts/Lato/Lato-Bold.eot);src:url(fonts/Lato/Lato-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/Lato/Lato-Bold.woff) format("woff"),url(fonts/Lato/Lato-Bold.ttf) format("truetype");font-style:normal;font-weight:800;text-rendering:optimizeLegibility}html{margin:0;padding:0;height:100%}html.overflow{overflow:hidden}body{height:100%;margin:0;padding:0;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:1.7em;color:#535353;background-color:#efefef}*{padding:0;margin:0}img{border:none}a{color:#4a6ebf;text-decoration:none}a:hover{color:#4062ae;text-decoration:none}#om-mig a{color:#4062ae;text-decoration:none}#om-mig a:hover{color:#335399;text-decoration:none}h1{font-size:48px;padding-top:0;margin-bottom:20px;color:#000;text-align:center;line-height:1.3em;font-family:'Lato',Arial,Helvetica,sans-serif;text-transform:uppercase}h2{font-size:32px;padding-top:0;margin-bottom:20px;color:#000;line-height:1.3em;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-weight:400}.big-button{border:2px solid #4a6ebf;padding:10px 25px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:#4a6ebf;font-weight:700;-webkit-transition:background-color 0.2s,color .2s;transition:background-color 0.2s,color .2s;background-color:#3e4555}.big-button:hover{background:none;background-color:#4a6ebf!important;color:#fff;border:2px solid #4a6ebf}.small-button{border:2px solid #4a6ebf;padding:2px 15px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;color:#4a6ebf;-webkit-transition:background-color 0.2s,color .2s;transition:background-color 0.2s,color .2s}.small-button:hover{background-color:#4a6ebf;color:#fff;border:2px solid #4a6ebf}.container{width:1170px;max-width:1170px;margin:0 auto;height:100%}.m-centered{margin-left:auto;margin-right:auto}.mr-30{margin-right:30px}.ml-30{margin-left:30px}.float-left{float:left}.float-right{float:right}section{padding:80px 0 95px}#top{background-color:#fff;position:fixed;width:100%;z-index:1000;padding:15px 0;-webkit-box-shadow:0 1px 2px 0 rgba(50,50,50,0.15);-moz-box-shadow:0 1px 2px 0 rgba(50,50,50,0.15);box-shadow:0 1px 2px 0 rgba(50,50,50,0.15);top:0;left:0}html.overflow #top{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#top #top-logo{background:url(images/elatus_logo.png) top left no-repeat;text-indent:-99999px;width:150px;height:30px;float:left;overflow:hidden}#top nav ul{float:right;margin:0;padding:0;list-style-type:none}#top nav ul li{display:inline-block}#top nav ul li a{display:inline-block;padding:5px 7px;margin-left:5px;line-height:1em;font-size:16px;font-weight:800;font-family:'Lato',Arial,Helvetica,sans-serif;text-transform:uppercase;color:#000}#top nav ul li a:hover{color:#293c69}#top nav ul li a.active{color:#4a6ebf}#top nav ul li a.active:hover{color:#4062ae}a#show-menu{padding:5px;background-color:#4a6ebf;display:none;width:28px;height:28px;float:right;margin:-4px 0}a#show-menu:hover{background-color:#4062ae}a#show-menu .icons{color:#fff;font-size:28px!important;line-height:26px!important}#hero-banner{background:url(images/hero_bg.jpg) no-repeat scroll center center / cover;height:650px;margin:0;text-align:center;width:100%;background-color:#515a6e}.not-found{height:100%}#error-banner{background:url(images/404_bg.jpg) no-repeat scroll center center / cover;background-color:#515a6e;height:100%;margin:0;padding:0;text-align:center;width:100%}#error-banner h1{color:#fff;font-size:120px;margin-top:0}#error-banner .tagline{color:#c5c5c5;font-size:22px}.va-middle{display:table;height:100%;width:100%}.va-middle-content{display:table-cell;vertical-align:middle}#hero-banner h1{color:#fff;font-size:60px;margin-top:0}#hero-banner .tagline{color:#c5c5c5;font-size:22px;width:900px;margin:0 auto 50px;line-height:1.6em}.divider{position:relative;margin:0 auto 30px;width:58px}.divider span{width:50px;height:4px;background-color:#4a6ebf;display:block;position:relative;margin:0 4px}.divider span:before{content:" ";width:0;height:0;border-bottom:4px solid #4a6ebf;border-left:4px solid transparent;display:block;position:absolute;left:-4px}.divider span:after{content:" ";width:0;height:0;border-top:4px solid #4a6ebf;border-right:4px solid transparent;display:block;position:absolute;right:-4px}.js .animate{opacity:0}#tjanster{padding-bottom:50px}#tjanster .divider{margin-bottom:0}.skill-container{position:relative;height:350px;overflow:hidden;width:570px;margin-right:30px;float:left}.skill-container:last-child{margin-right:0}.skill-header-container,.skill-text-container{position:absolute;width:100%;height:100%}.skill-header-table{display:table;width:100%;height:100%;text-align:center;overflow:hidden}.skill-header{display:table-cell;vertical-align:middle;-webkit-transform:scale(1.00,1.00);transform:scale(1.00,1.00);-webkit-transition:all .4s;transition:all .4s;opacity:1;visibility:visible}.skill-header i.icons:before{color:#515a6e}.skill-text-table{display:table;width:100%;height:100%;margin-top:50px;-webkit-transition:all .4s;transition:all .4s}.skill-text{display:table-cell;vertical-align:middle;-webkit-transition:all .4s;transition:all .4s;opacity:0;visibility:hidden}.skill-text p::before{display:block;font-weight:700;color:#000}.skill-text p.webb::before{content:"Webbutveckling"}.skill-text p.design::before{content:"Design"}.skill-container:hover .skill-header{-webkit-transform:scale(1.75,1.75);transform:scale(1.75,1.75);opacity:0;visibility:hidden}.skill-container:hover .skill-text{opacity:1;visibility:visible}.skill-container:hover .skill-text-table{margin-top:0}#portfolio{background-color:#fff}#portfolio-filter{margin:20px 0 40px;text-align:center}#portfolio-filter span{display:inline-block;padding:2px;margin:0 5px;cursor:pointer;color:#000;font-weight:400;font-size:18px}#portfolio-filter span:hover{color:#293c69}#portfolio-filter span.active{color:#4a6ebf}#portfolio-filter span.active:hover{color:#4062ae}#portfolio ul{margin:0;padding:0;list-style-type:none}#portfolio ul li{display:none;float:left;width:390px;height:293px;overflow:hidden}#portfolio ul li.fix{display:block!important}#portfolio ul li a{display:inline-block;width:100%;height:100%;background-color:#666;position:relative;position:relative;text-align:center}#portfolio ul li a img{z-index:10;-webkit-transform:scale(1.00,1.00);transform:scale(1.00,1.00);-webkit-transition:transform .4s;transition:transform .4s;display:inline-block;vertical-align:middle;margin:-7px 0 0 -10px}#portfolio ul li a:hover img{-webkit-transform:scale(0.96,0.96);transform:scale(0.96,0.96)}#portfolio ul li a span.overlay{display:block;opacity:0;width:100%;height:100%!important;background:url(images/blue_overlay_85.png) center center;z-index:20;position:absolute;-webkit-transition:opacity .4s;transition:opacity .4s;top:0;left:0;bottom:0}#portfolio ul li a:hover span.overlay{opacity:1}#portfolio ul li a span.tags{position:absolute;bottom:0;display:block;text-align:center;width:100%;left:0;font-size:16px;font-weight:400;color:#c5c5c5;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transition-delay:.2s;transition-delay:.2s;opacity:0;line-height:1.3em}#portfolio ul li a:hover span.tags{bottom:15px;opacity:1}#portfolio ul li a span.title{display:table;width:100%;height:100%}#portfolio ul li a strong{display:table-cell;vertical-align:middle;color:#fff;margin:0 0 20px;text-align:center;font-size:30px;font-weight:300;opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9);-webkit-transform:.3s;transform:.3s}#portfolio ul li a:hover strong{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}#om-mig{background:url(images/om_mig.jpg) no-repeat 30% 0 / cover;padding:0}#om-mig img{display:none}#om-mig .container{width:1170px;margin:0 auto}#om-mig .container .content{width:570px;margin:0 auto 0 600px;padding:80px 0 95px;color:#272727}#om-mig .container .content p{margin-bottom:20px}#om-mig .container .content p:last-child{margin-bottom:0}#social-media{padding-top:15px;position:relative}#social-media .icons{font-size:50px}#social-media a{display:block;float:left;margin:0 5px;-webkit-transition:margin .15s;transition:margin .15s;position:relative}#social-media a:hover{margin-top:-5px}#social-media a .icons{color:#373737;-webkit-transition:color .15s;transition:color .15s;position:relative}#social-media a:hover .icons{color:#272727}#kontakt .contact-info{width:370px;margin-right:30px;margin-top:33px;float:left;font-size:22px;line-height:1.6em}#kontakt .contact-form-container{width:770px;margin-right:0;float:left}.first-row{margin:10px 0 0}.first-row .input-container{width:48%;margin:35px 4% 35px 0}.first-row .input-container:last-child{margin-right:0}.second-row .input-container{width:100%;margin:35px 0 30px}.input-container{position:relative;z-index:1;display:block;vertical-align:top;padding:0;float:left}.input-container input,.input-container textarea{background-color:#fff;padding:15px;font-size:18px;color:#646464;font-family:'Open Sans',Arial,Helvetica,sans-serif;border:2px solid #4a6ebf;-webkit-box-shadow:0 1px 2px 0 rgba(50,50,50,0.15);-moz-box-shadow:0 1px 2px 0 rgba(50,50,50,0.15);box-shadow:0 1px 2px 0 rgba(50,50,50,0.15);-webkit-transition:border-color .25s;transition:border-color .25s;width:100%;position:relative;display:block;-webkit-appearance:none;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.input-container input#inputMailVerify{display:none}.input-container textarea{height:200px;resize:vertical;min-height:200px}.js .input-container input,.js .input-container textarea{border-color:#fff}button{background-color:#4a6ebf;font-size:18px;color:#fff;font-family:'Open Sans',Arial,Helvetica,sans-serif;padding:15px;border:0;-webkit-box-shadow:0 1px 2px 0 rgba(50,50,50,0.15);-moz-box-shadow:0 1px 2px 0 rgba(50,50,50,0.15);box-shadow:0 1px 2px 0 rgba(50,50,50,0.15);cursor:pointer;width:150px;height:58px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.045em;overflow:hidden;display:block;float:left}button:hover{background-color:#4062ae}button:active{background-color:#35559c}button span{display:block;-webkit-transition:margin-top .25s;transition:margin-top .25s;height:28px;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}button i{display:block;font-size:61px!important;margin-top:0;-webkit-transition:margin-right .25s;transition:margin-right .25s;-webkit-transition-delay:.4s;transition-delay:.4s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}button.send span{margin-top:-48px}button.send i{margin-right:-250px}.input-container label span{width:100%;display:block;text-align:left;position:absolute;z-index:2;left:0;padding:14px 17px;-webkit-transition:opacity .25s;transition:opacity .25s;opacity:0;font-size:18px;white-space:nowrap}.js .input-container label span{opacity:1}.input-container label{position:absolute;pointer-events:none;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;bottom:100%}.input-container label::after{display:block;content:"";position:absolute;top:-40px;left:0;width:100%;height:100%;padding:0 15px;-webkit-transition:opacity 0.25s,top .25s;transition:opacity 0.25s,top .25s;color:#4a6ebf;opacity:1;font-size:16px;font-weight:700;text-transform:uppercase;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js .input-container label::after{opacity:0;top:-50px}.input-container label[for="inputName"]::after{content:"Namn"}.input-container label[for="inputMail"]::after{content:"E-post"}.input-container label[for="inputMessage"]::after{content:"Meddelande"}.input-container input:focus,.input-container.input-filled input,.input-container textarea:focus,.input-container.input-filled textarea{border-color:#4a6ebf}.input-container input:focus + label span,.input-container textarea:focus + label span,.input-container.input-filled label span{opacity:0}.input-container input:focus + label::after,.input-container textarea:focus + label::after,.input-container.input-filled label::after{opacity:1;top:-40px}.input-container.red input:focus,.input-container.input-filled.red input,.input-container.red textarea:focus,.input-container.input-filled.red textarea{border-color:#bc4545}.input-container.red input:focus + label span,.input-container.red textarea:focus + label span,.input-container.input-filled.red label span{opacity:0}.input-container.red input:focus + label::after,.input-container.red textarea:focus + label::after,.input-container.input-filled.red label::after{opacity:1;top:-40px;color:#bc4545}.mail-msg{display:block;float:left;margin:12px 0 0 30px;opacity:0}footer{background-color:#515a6e;padding:80px 0}footer .container{text-align:center;color:#fff}footer .container span{display:block;font-size:16px;color:#39404f;margin-top:5px;font-weight:700}#project-loading{background:url(images/spiffygif.gif) no-repeat center center;position:fixed;width:60px;height:60px;margin-top:-30px;margin-left:-30px;left:50%;top:50%;z-index:5000;background-color:#515a6e;display:none;border-radius:50%;-webkit-border-radius:50%;-webkit-box-shadow:0 1px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:0 1px 2px 0 rgba(50,50,50,0.25);box-shadow:0 1px 2px 0 rgba(50,50,50,0.25)}#project-wrapper{position:fixed;height:100%;width:100%;left:0;top:0;z-index:6000;display:none;overflow-x:hidden;overflow-y:auto;background:url(images/blue_overlay.png) top left}#project-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:7500!important}#project{background-color:#fff;width:800px;margin:20px auto;padding:40px 30px 30px;position:relative;-webkit-box-shadow:0 1px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:0 1px 2px 0 rgba(50,50,50,0.25);box-shadow:0 1px 2px 0 rgba(50,50,50,0.25);opacity:0;top:40px;visibility:hidden;-webkit-transition:opacity 0.5s,top .5s;transition:opacity 0.5s,top .5s;outline:none}#project.show{visibility:visible;opacity:1;top:0}#project #close-project{position:absolute;top:0;right:0;display:inline-block;background-color:#4a6ebf;padding:5px 15px;color:#fff}#project #close-project:hover{background-color:#4062ae}#project #close-project i.icons{color:#fff;font-size:26px!important;line-height:1.6em!important;-webkit-transition:transform .2s;transition:transform .2s;-webkit-transform:rotate(0deg);transform:rotate(0deg);display:block}#project #close-project:hover i.icons{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#project h1{margin-top:10px}#project .tags{color:#000;margin:0 0 30px;text-align:center}#project p{margin:0 0 20px}#project strong{color:#000}#project-meta{margin-bottom:20px}#project-meta span{display:inline-block;margin-right:20px}#project-meta span:last-child{margin-right:0}#project #project-nav{text-align:center;padding-top:30px}#project #project-nav a i.icons{color:#838383;font-size:30px}#project #project-nav a:hover i.icons{color:#272727}#project #project-nav a.no-link{pointer-events:none;cursor:default}#project #project-nav a.no-link i.icons,#project #project-nav a.no-link:hover i.icons{color:#bebebe}#project #project-nav .close-link{margin:0 30px}#project #project-inner{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}#project section{padding:15px 30px 25px;margin:0 -30px}#project section:last-child{margin-bottom:0}#project section .container{width:800px;margin:0 auto}#project section .center{text-align:center}#project section.press{padding:0}#project section.press .container{width:860px}#project section.press img{width:860px;height:auto;display:block}#project section#mb1{background-color:#C686B7}#project section#mb2{background-color:#C686B7}#project section#mb2 h2,#project section#mb4 h2,#project section#mb2 p{color:#fff}#project section#mb3{background-color:#efefef}#project section#mb4{background-color:#C686B7;padding-bottom:50px}#project section#cm2{background-color:#00a0e6}#project section#cm2 #phone-container{width:408px;margin:60px auto 40px}#project section#cm2 #phone-button{background-color:#0e0e0e;height:2px;-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px;width:40px;margin-left:20px}#project section#cm2 #phone-body{background-color:#2e2e2e;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px}#project section#cm2 #phone-speaker{background-color:#0e0e0e;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:10px;margin:10px auto 20px;width:60px}#project section#cm2 #phone-screen{background-color:#0e0e0e;width:388px;height:690px;margin-bottom:40px;overflow:hidden}#project section#cm2 #phone-screen iframe{overflow:hidden}#project section#cm2 h2{color:#fff}#project section#b2{background-color:#2f6e25;color:#fff}#project section#b2 h2{color:#fff}#project section#b4{background-color:#efefef}#project section#ol2{background:url(projekt/images/ol_logo_structure.png) no-repeat top right;height:284px;background-color:#efefef}#project section#ol2 p{width:400px}#project section#ol3{background-color:#fff}#project section#ol4{background-color:#efefef}#project section#ol4 .ol4-1{float:left;width:300px}#project section#ol4 .ol4-2{float:right}#project section#ol4 .ol4-2 img{margin:0 -30px 50px 0}#project section#ol5{background-color:#efefef}#project section#ol6{background-color:#fff}#project section#ds1{background-color:#2f2f2f}#project section#ds2{background-color:#2f2f2f}#project section#ds2 h2{color:#4c4c4c}#project section#d2{background-color:#efefef}#project section#n4{background-color:#efefef}#project section#s2{background-color:#d3d3d3}#spinner-overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1200;overflow:hidden;background-color:#efefef;display:none}#spinner-container{position:fixed;width:70px;height:70px;margin-top:-70px;margin-left:-70px;left:50%;top:50%;z-index:1500;display:none}.js #spinner-overlay,.js #spinner-container{display:block}#spinner{position:relative;-webkit-animation:thespin 2.5s infinite ease-in-out;animation:thespin 2.5s infinite ease-in-out;width:139px;height:139px}#spinner .bar{position:absolute;width:40px;height:10px;background-color:#000;display:block;margin:0 4px}#spinner .bar:before{content:" ";width:0;height:0;border-style:solid;border-width:0 16px 10px;border-color:transparent transparent #000;display:block;position:absolute;left:-15px}#spinner .bar:after{content:" ";width:0;height:0;border-style:solid;border-width:10px 16px 0;border-color:#000 transparent transparent;display:block;position:absolute;right:-15px}#bar1{top:56px;left:47px;-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-o-transform:rotate(-8deg);transform:rotate(-8deg);-webkit-animation:rotate-bar1 2.5s infinite ease-in-out;-ms-animation:rotate-bar1 2.5s infinite ease-in-out;-o-animation:rotate-bar1 2.5s infinite ease-in-out;animation:rotate-bar1 2.5s infinite ease-in-out}#bar2{top:66px;left:47px;-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-o-transform:rotate(-8deg);transform:rotate(-8deg);-webkit-animation:rotate-bar2 2.5s infinite ease-in-out;-ms-animation:rotate-bar2 2.5s infinite ease-in-out;-o-animation:rotate-bar2 2.5s infinite ease-in-out;animation:rotate-bar2 2.5s infinite ease-in-out}#bar3{top:76px;left:47px;-ms-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-o-transform:rotate(-8deg);transform:rotate(-8deg);-webkit-animation:rotate-bar3 2.5s infinite ease-in-out;-ms-animation:rotate-bar3 2.5s infinite ease-in-out;-o-animation:rotate-bar3 2.5s infinite ease-in-out;animation:rotate-bar3 2.5s infinite ease-in-out}@keyframes rotate-bar1{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}10%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:56px;left:47px}30%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:6px;left:47px}55%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:6px;left:47px}75%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:56px;left:47px}}@-webkit-keyframes rotate-bar1{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}10%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:56px;left:47px}30%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:6px;left:47px}55%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:6px;left:47px}75%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:56px;left:47px}}@keyframes rotate-bar2{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}10%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:66px;left:47px}30%{-webkit-transform:rotate(30deg);transform:rotate(30deg);top:94px;left:96px}55%{-webkit-transform:rotate(30deg);transform:rotate(30deg);top:94px;left:96px}75%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:66px;left:47px}}@-webkit-keyframes rotate-bar2{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}10%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:66px;left:47px}30%{-webkit-transform:rotate(30deg);transform:rotate(30deg);top:94px;left:96px}55%{-webkit-transform:rotate(30deg);transform:rotate(30deg);top:94px;left:96px}75%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:66px;left:47px}}@keyframes rotate-bar3{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}10%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:76px;left:47px}30%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:93px;left:-5px}55%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:93px;left:-5px}75%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:76px;left:47px}}@-webkit-keyframes rotate-bar3{0%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}10%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:76px;left:47px}30%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:93px;left:-5px}55%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);top:93px;left:-5px}75%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);top:76px;left:47px}}@keyframes thespin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}90%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes thespin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}90%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.clear{clear:both}.icons{font-family:'icomoon';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;font-size:190px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-paper_plane:before{content:"\e600"}.icon-code:before{content:"\e606"}.icon-pen_ruler:before{content:"\e607"}.icon-cross:before{content:"\e117"}.icon-menu:before{content:"\e120"}.icon-prev-arrow:before{content:"\e900"}.icon-next-arrow:before{content:"\e901"}.icon-facebook:before{content:"\e800"}.icon-twitter:before{content:"\e802"}.icon-linkedin:before{content:"\e801"}.icon-vimeo:before{content:"\e803"}#band-cookies{position:fixed;bottom:0;left:0;z-index:200;width:100%;padding:15px 0;text-align:center;font-size:14px;line-height:1.5em;background-color:#fff;color:#535353;box-shadow:0 -1px 2px 0 rgba(0,0,0,0.15)}#band-cookies p{margin:0;padding:0 50px}#band-cookies-ok,#band-cookies-info{display:inline-block;color:#F0FFAA;font-weight:700;text-decoration:underline;margin-left:10px;cursor:pointer}#band-cookies-close{height:16px;width:16px;padding:8px;position:absolute;right:7px;top:50%;margin-top:-16px;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;background-color:#4a6ebf}#band-cookies-close:hover{background-color:#4062ae!important}@media (max-width: 768px ){#band-cookies p{padding:15px 15px 0}#band-cookies-ok,#band-cookies-info{display:block;text-decoration:none;padding:10px 5px;margin-top:10px;background-color:#fff;-moz-border-radius:20px;border-radius:20px;-webkit-transition:background-color 0.2s,color .2s;transition:background-color 0.2s,color .2s;border:2px solid #4a6ebf}#band-cookies-ok:hover,#band-cookies-info:hover{background-color:#4a6ebf;color:#fff!important}#band-cookies-close{left:50%;margin-left:-16px;top:0}}@media screen and (max-width: 1170px){.container{width:98%}.col-12{width:100%}.col-11{width:91.452%}.col-10{width:82.905%}.col-9{width:74.358%}.col-8{width:65.811%}.col-7{width:57.264%}.col-6{width:48.717%}.col-5{width:40.17%}.col-4{width:31.623%}.col-3{width:23.076%}.col-2{width:14.529%}.col-1{width:5.982%}.mr-30{margin-right:2.564%}.ml-30{margin-left:2.564%}.ml-100{margin-left:8.547%}.skill-container{width:48.717%;margin-right:2.564%}#portfolio ul{margin:0 -1%}#portfolio ul li{width:33.33%;height:auto}#portfolio ul li a:hover img{-webkit-transform:scale(1,1);transform:scale(1,1)}#portfolio ul li a img{max-width:100%;height:auto;webkit-transform:scale(1.08,1.08);transform:scale(1.08,1.08);margin:0}#om-mig .container{width:98%}#om-mig .container .content{width:48.717%;margin-left:51.282%}#kontakt .contact-info{width:31.623%;margin-right:2.564%}#kontakt .contact-form-container{width:65.811%}}@media screen and (max-width: 901px){#hero-banner .tagline{width:100%}#om-mig{background:url(images/om_mig_bg.jpg) no-repeat left center / cover}#om-mig .container{position:relative}#om-mig img{position:absolute;display:block;width:31.623%;height:auto;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;top:0;left:0;margin-top:70px;-webkit-box-shadow:0 1px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:0 1px 2px 0 rgba(50,50,50,0.25);box-shadow:0 1px 2px 0 rgba(50,50,50,0.25)}#om-mig .container .content{width:65.811%;margin-left:34.188%}}@media screen and (max-width: 880px){#project{width:96%;margin:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:4%;padding-right:4%}#project section.press .container{width:100%}#project section.press img{width:100%;height:auto}#project section .container{width:100%}#project #project-inner{margin-left:-4%;margin-right:-4%;padding-left:4%;padding-right:4%}#project section{margin:0 -4.5%;padding-left:4%;padding-right:4%}#project img{max-width:100%;height:auto}#project section#ol4 .ol4-1{float:none;width:100%}#project section#ol4 .ol4-2{float:none;text-align:right}#project section#ol4 .ol4-2 img{margin-right:-4%}}@media screen and (max-width: 700px){#tjanster .animated{-webkit-animation:none!important;animation:none!important}#tjanster .animate{opacity:1}.skill-container{width:100%;margin-right:0;height:auto;float:none;margin-bottom:20px}.skill-header-container,.skill-text-container{position:relative;width:100%;height:auto}.skill-header-table{display:block;width:100%;height:auto;text-align:center;overflow:hidden}.skill-header{display:block;opacity:1;visibility:visible;margin-top:20px}.skill-header i.icons{font-size:100px;line-height:1!important}.skill-header i.icons:before{color:#515a6e}.skill-text-table{display:block;width:100%;height:auto;margin-top:0}.skill-text{display:block;opacity:1;visibility:visible}.skill-text p::before{display:block;font-weight:700;color:#000}.skill-text p.webb::before{content:""}.skill-text p.design::before{content:""}.skill-container:hover .skill-header{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1;visibility:visible}.skill-container:hover .skill-text{opacity:1;visibility:visible}#kontakt .contact-info{width:100%;margin-right:0;float:none;margin-bottom:60px}#kontakt .contact-form-container{width:100%;float:none}#portfolio ul li{width:50%;height:auto}#project section#ol2{background:none;background-color:#efefef;height:auto}#project section#ol2 p{width:100%}}@media screen and (max-width: 600px){#hero-banner h1{font-size:48px}a#show-menu{display:block}#top nav ul{clear:both;display:block;height:0;width:100%;padding:0;margin:0 auto;overflow:hidden;-webkit-transition:all .4s;transition:all .4s}#top nav ul li{display:block;width:100%}#top nav ul li a{display:block;width:100%;text-align:center;margin:5px 0;padding:15px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#top nav ul li a:hover{background-color:#efefef}#top nav ul.show{height:200px;display:block;padding:20px 0 10px}#project-meta span{display:block;margin-right:0}#project-meta span.float-right{float:none;margin-top:7px}}@media screen and (max-width: 550px){#hero-banner h1,h1{font-size:42px}#hero-banner{height:500px;padding-bottom:70px}.input-container{margin-bottom:27px!important;margin-top:27px!important;clear:both}#kontakt .contact-form-container .first-row .input-container{width:100%;margin-left:0;margin-right:0}.mail-msg{clear:both;margin-left:0}}@media screen and (max-width: 450px){#hero-banner h1,h1{font-size:34px}#project h1{font-size:30px}h2{font-size:28px}#project{width:96%;margin:2%}#project section#cm2 #phone-container{width:290px;margin:60px auto 40px}#project section#cm2 #phone-screen{background-color:#0e0e0e;width:270px;height:480px;margin-bottom:40px;overflow:hidden}#project section#cm2 #phone-screen iframe{width:270px;height:538px}#portfolio ul li{width:100%;height:auto}#portfolio ul li a:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}#portfolio ul li a img{max-width:100%;height:auto;-webkit-transform:scale(1.13,1.13);transform:scale(1.13,1.13);margin:0}#om-mig img{position:relative;width:75%;margin:20px auto}#om-mig .container .content{width:100%;margin-left:0}}@media (-o-min-device-pixel-ratio: 54),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi){#top #top-logo{background-image:url(images/elatus_logo@2x.png);-webkit-background-size:150px 30px;background-size:150px 30px}}