@font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:local("Raleway Light"),local("Raleway-Light"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqhPANqczVsq4A.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:local("Raleway Light"),local("Raleway-Light"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIYqWqZPANqczVs.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Raleway';font-style:normal;font-weight:500;src:local("Raleway Medium"),local("Raleway-Medium"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqhPANqczVsq4A.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Raleway';font-style:normal;font-weight:500;src:local("Raleway Medium"),local("Raleway-Medium"),url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPANqczVs.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{transition:all 0s}.tns-slider>.tns-item{box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;transition:opacity 0s, -webkit-transform 0s;transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s, -webkit-transform 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:calc(100% / 70);height:10px;float:left}

.loading{display:flex;align-items:center;justify-content:center;height:100%}.loading svg{width:200px;height:200px}.logo-wrap{position:relative;overflow:hidden;box-shadow:0px 0em 2em -1.5em rgba(0,0,0,0.3)}.rotate-me{position:absolute;top:56px;left:60px;width:233px;height:233px;-webkit-animation:rotate 8s linear infinite;animation:rotate 8s linear infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.section-1{opacity:0;top:0;position:absolute;transition:opacity 0.4s ease;width:100%;height:100vh}.section-2{z-index:10001;position:relative;width:100%}.tns-inner{z-index:999999 !important;position:relative}.tns-outer{top:300px;position:absolute;z-index:5}.tns-nav{position:absolute;top:320px}.bg-image{position:absolute;width:100vw;height:100vh;top:0;transition:opacity 1s ease}.bg-image.first div:nth-of-type(1){background-position:center}.bg-image.second div:nth-of-type(1){background-position:top}.bg-image div:nth-of-type(1){opacity:1;width:100%;height:100%;position:absolute}.white-bg{background:#000;width:100%;height:100%}.bg-image:nth-of-type(1){z-index:3}.bg-image:nth-of-type(2){z-index:2}.bg-image:nth-of-type(3){z-index:1}body .tns-outer .tns-nav button{width:13px;height:13px;background:#fff;display:inline-block;border-radius:50%;margin-right:5px;padding:0}html{max-width:100%}body{max-width:100%;padding:0;margin:0;background:#f5f5f5;min-height:200vh}.wrapper{width:100%;max-width:1120px;margin:0 auto;position:relative;min-height:100vh}.bg{background:#f5f5f5;height:100vh}.menu{min-height:0;height:95px;border-bottom:2px solid rgba(255,255,255,0.1);z-index:999999999999;position:absolute;width:100%;left:0;right:0;top:0;position:fixed;transition:margin-top 0.4s ease}.split{position:absolute;top:-145px;height:230px;width:100%;z-index:4;-webkit-transform:rotate(-184deg);transform:rotate(-184deg);left:53px}.form-1{position:absolute;background-color:#f5f5f5;bottom:-4780px;left:0px;height:5000px;width:5000px;z-index:4;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.form-2{position:absolute;background:#f5f5f5;bottom:-5050px;left:-5275px;height:5000px;width:5000px;z-index:10;-webkit-transform:rotate(21deg);transform:rotate(21deg);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.logo{width:50px;height:50px;z-index:30;position:absolute;top:20px;left:30px}h1{font-family:'Raleway';z-index:50;color:#fff;position:absolute;font-weight:500;text-transform:uppercase;font-size:28px;line-height:1.15;left:90px;top:7.5px;letter-spacing:3.65}h1 .slogan{font-weight:300;font-size:13px;display:block;text-transform:none;letter-spacing:0}span.presenter{z-index:6;background:#fff;color:#777;padding:5px 10px;display:inline;font-family:'Raleway';font-weight:500;font-size:20px;left:40px;position:relative;max-width:470px;text-transform:uppercase;box-shadow:0 4px 6px 0 rgba(50,50,93,0.02);letter-spacing:1;margin-left:-10px;top:5px}h2{z-index:20;color:#fff;font-family:'Raleway';font-size:38px;max-width:500px;padding-left:30px;position:relative;font-weight:300;margin:23px 0 26px;line-height:1.42857}img.connect{z-index:30;position:absolute;max-width:100%;width:630px;right:0px;top:-13px}img.connect:not(.shadow){z-index:50}img.connect.shadow{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);opacity:0.2;margin-top:120px;left:360px}button{box-shadow:0 4px 6px 0 rgba(50,50,93,0.17);font-family:'Raleway';z-index:20;position:relative;margin-top:0px;left:25px;background:#485771;border:0;color:#fff;border-radius:24px;font-size:14px;font-weight:500;padding:12px 30px 11.5px;text-transform:uppercase;letter-spacing:.1rem;cursor:pointer;transition:background 0.4s ease}ul.nav{z-index:30;position:absolute;list-style-type:none;width:100%;text-align:right;top:11px;padding-left:0}ul li{display:inline;padding:0 30px}ul li a{font-size:18px}ul li:last-child a{letter-spacing:.8px;line-height:37px;background:#485771;color:#fff;padding:15px 30px;border-radius:3px;font-weight:600;position:relative;box-shadow:0px 0em 2em -1.5em rgba(0,0,0,0.3)}.svg-icon{width:20px;height:20px;position:absolute;top:15px;left:25px}a{font-family:'Raleway';color:#fff}.content{width:100%;top:calc(350px - 100px);height:800px}.slide-wrapper{transition:1.2s ease}.slider-nav{z-index:30;position:absolute;left:35px;margin-top:90px}.circle{width:13px;height:13px;background:#fff;display:inline-block;border-radius:50%;margin-right:5px}.slide-2 .connect{width:500px;top:-120px}.usp-wrapper{padding-bottom:4px;max-height:400px}.section{top:0px;width:100%;max-width:1120px;margin:0 auto;position:relative;z-index:50;display:flex;box-sizing:border-box;padding:20px}.section.usp{height:400px;background:#fff}.section h2{color:#777}p{color:#777;font-family:'Raleway';padding:0 30px;font-size:18px;line-height:1.42857}.half{display:flex;align-items:center;width:calc(50% - 15px)}.half:nth-of-type(1){margin-right:30px;float:left}.terminal{width:100%;background:#fff;height:240px;border-radius:8px;box-shadow:0 4px 6px 0 rgba(50,50,93,0.17);position:relative}.terminal .options{background:#d5d5d5;height:30px;border-top-left-radius:8px;border-top-right-radius:8px}.terminal .options .btn{width:15px;height:15px;border-radius:50%;margin:6.5px 0 6.5px 8.5px;float:left}.terminal .options .btn.close{background:#ed6c61}.terminal .options .btn.minimize{background:#f6c150}.terminal .options .btn.resize{background:#62c554}.terminal p{padding:0 10px;margin:0}.terminal p:nth-of-type(1){margin-top:10px}.customer-chat{width:100%;height:600px;background:#fff;box-shadow:0 4px 6px 0 rgba(50,50,93,0.17);z-index:100040;position:relative;max-width:500px;float:right}.customer-chat .user{background:#485771;width:100%;height:100px}.user img{height:calc(100% - 30px);margin:15px 20px;border-radius:100%}.user .descr{position:absolute;top:0;left:80px;height:100px;display:flex;align-items:center;width:calc(100% - 80px)}.user .close{width:30px;height:30px;position:absolute;right:20px;top:20px}.user .descr p{color:#fff;margin:0}.user .descr .name{font-weight:500;font-size:22px}.customer-chat .msg{padding:12.5px;width:calc(100% - 40px);margin:20px auto 30px auto;border-radius:8px;box-sizing:border-box;position:relative}.msg.out{color:#fff;background:#485771}.msg.out:after{left:15px;border-top:10px solid #485771}.msg.in{color:#777;background:#f5f5f5}.msg.in:after{right:15px;border-top:10px solid #f5f5f5}.customer-chat .msg:after{content:'';border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;bottom:-10px}.customer-chat .input{margin-top:110px}.customer-chat .input input{width:100%;border:0;border-top:1px solid #777}.customer-chat .input p{text-align:right}.form-5{position:absolute;background-color:rgba(255,255,255,0.4);height:5000px;width:5000px;z-index:20;-webkit-transform:rotate(-105deg);transform:rotate(-105deg);left:-120px;top:1900px}.website{width:100%;height:600px;background:#fff;box-shadow:0 4px 6px 0 rgba(50,50,93,0.17)}.website .nav{background:#16c0b0;height:60px;width:100%}.website .dummy-logo{width:120px;height:30px;background:rgba(255,255,255,0.6);display:inline-block;margin:15px 15px 15px 20px}.website .dummy-menu{display:inline-block;height:60px;width:calc(100% - 160px)}.website .link{background:rgba(255,255,255,0.3);width:50px;height:20px;float:right;margin:20px 20px 20px 5px}.website .hero{height:200px;background:#f5f5f5}.website .usp{height:200px}.third{width:32.8%;display:inline-block}.website .usp .text{width:90px;height:20px;background:#16c0b0;margin:20px auto}.website .usp .icon{width:60px;height:60px;background:#f5f5f5;margin:30px auto 20px}.website .headline{background:#16c0b0;width:200px;height:20px;margin:40px auto 0}.website .cta{background:#16c0b0;height:100px;width:100%}.website .cta .text{width:220px;height:20px;background:rgba(255,255,255,0.6);margin:40px 15px;display:inline-block}.website .cta .button{width:100px;height:20px;display:inline-block;background:#485771;margin:40px 15px 40px 0}.website .center{display:flex;justify-content:center}.about{margin:160px auto 0}.about h2{background:#485771;display:inline-block;color:#fff !important;padding-right:20px}.about img{width:100%;box-shadow:0 4px 6px 0 rgba(50,50,93,0.17)}.about .half:nth-of-type(1){margin-right:0}.about .half:nth-of-type(2){margin-top:50px;height:740px;background:#fff;display:flex;align-items:center;box-shadow:0 4px 6px 0 rgba(50,50,93,0.17);margin-left:-30px;z-index:20;position:relative}.footer{background:#485771;z-index:50;position:relative;padding:60px 0}.footer .wrap{width:100%;max-width:1120px;margin:0 auto}.footer p{color:#fff;margin:0 0 10px 0}.quote{display:table;padding:100px 0 200px 0}.quote h2{max-width:100%}.quote img{width:100px;height:100px;position:absolute;right:60px;top:205px;opacity:0.4}.contact{margin-bottom:260px}.contact-form{background:radial-gradient(#1dbc90 55%, #16c0b0 75%);display:table;width:100%;box-shadow:0 4px 6px 0 rgba(50,50,93,0.17);padding:50px 40px;box-sizing:border-box}.contact-form h2{color:#fff;text-align:center;max-width:100%}.contact-form p{color:#fff;text-align:center}.form{max-width:550px;margin:60px auto 0}.form input{height:40px}.form textarea,.form input{width:100%;border:0;margin-bottom:20px;padding:10px;font-size:18px;border-radius:8px;outline:0}.form button{position:relative;float:right;margin-right:25px}.no-transition{transition:0s !important}.chat{position:fixed;bottom:0;width:100%;z-index:99}.chat-button{z-index:99;display:inline-block;float:right;letter-spacing:.8px;line-height:40px;background:#485771;color:#fff;padding:15px 20px;border-top-left-radius:3px;border-top-right-radius:3px;font-weight:600;position:relative;box-shadow:0px 0em 2em -1.5em rgba(0,0,0,0.3)}.chat-button p{color:#fff;margin:0;padding:0 15px}.section-2 h2{color:#222}.testimonial{padding:0 30px}.testimonial img{width:100px;height:100px;float:left}.project-box{width:calc(100% / 4);position:relative;display:inline-block;background:#000}.project-logo{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-logo img{max-width:60%;-webkit-filter:brightness(100);filter:brightness(100)}.project-box>img{width:100%;opacity:0.7}.popup{height:333px;text-align:center;transition:1s ease;width:100%;position:relative}.popup .headline{text-transform:uppercase;font-weight:500;font-size:38px}.icon{display:none;position:absolute;padding:15px;box-shadow:0 4px 6px 0 rgba(50,50,93,0.27)}.icon.whatsapp{top:20px;left:20px;background-color:#65cf72;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite}.icon.mail{right:80px;top:5px;background:#fff;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite}.icon.facebook{background:#4267b2;top:300px;left:75px;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite}.icon.weibo{background:#fff;right:30px;top:220px;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite}.icon.wechat{background:#6fbd4b;top:500px;right:80px;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite}.icon.aws{background:#fff;top:-45px;left:95px}.icon.mongodb{background:#fff;top:165px;left:35px}.icon.excel{background:#1E7145;padding:0;top:100px;right:200px}.icon.vue{background:#fff;top:10px;left:20px;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite}.icon.react{background:#fff;top:40px;right:20px;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite;padding:0}.icon.react svg{width:81px;height:81px}.icon.nodejs{background:#fff;top:40px;right:280px;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite}.icon.php{background:#fff;top:240px;right:280px;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite}.icon.socket{background:#fff;top:200px;left:10px;-webkit-animation:icon 5s ease-in-out infinite;animation:icon 5s ease-in-out infinite}.icon.mysql{background:#fff;top:150px;right:20px}.icon.excel svg{width:81px;height:81px;background:#fff}.icon svg{width:50px;height:50px}@-webkit-keyframes icon{0%,100%{-webkit-transform:translateY(0) rotate(-1deg);transform:translateY(0) rotate(-1deg)}50%{-webkit-transform:translateY(-5px) rotate(1deg);transform:translateY(-5px) rotate(1deg)}}@keyframes icon{0%,100%{-webkit-transform:translateY(0) rotate(-1deg);transform:translateY(0) rotate(-1deg)}50%{-webkit-transform:translateY(-5px) rotate(1deg);transform:translateY(-5px) rotate(1deg)}}.hidden{margin-top:100px;opacity:0}@media (min-width: 1121px){.usp-section{padding-top:120px}}@media (max-width: 1120px){.usp-section{margin-top:-120px}}.layer{position:fixed;background:#f3f3f3;top:0;left:0;width:100%;height:100%;z-index:999999999999999}.animate-in{position:absolute;left:0;margin-left:130px;top:20px;width:100%;transition:margin-left 1.6s ease}.work-samples--images{padding:0 20px}.work-samples--images p{padding-left:20px;margin-bottom:-10px}.work-samples--images p:nth-of-type(1){margin-top:0}.work-samples--images .tns-outer{position:static;max-width:1080px}.work-samples--images .clients-slider{margin-bottom:50px}.work-samples--images .tns-nav{margin-top:-85px}@media (max-width: 1121px){.section-1 .wrapper.slider{min-height:600px}.tns-outer{top:175px}.wrapper.slider .form-1,.wrapper.slider .form-2{display:none}}@media (min-width: 518px) and (max-width: 1120px){.section-1{max-height:1000px}.usp-section{padding-top:30px}.tns-nav{display:none}}@media (min-width: 691px) and (max-width: 1120px){.usp-wrapper:not(:nth-of-type(2)) .section .half:nth-of-type(1),.usp-wrapper:nth-of-type(2) .section .half:nth-of-type(2){width:350px}.usp-wrapper:not(:nth-of-type(2)) .section .half:nth-of-type(2),.usp-wrapper:nth-of-type(2) .section .half:nth-of-type(1){width:calc(100% - 350px)}}@media (max-width: 690px){.usp-wrapper{display:table}.usp-section .usp-wrapper:not(:nth-of-type(2)) .section.usp.animation{display:table}.usp-section .usp-wrapper:nth-of-type(2) .section.usp.animation{flex-direction:column;height:auto}.usp-section .usp-wrapper:not(:nth-of-type(2)) .half:nth-of-type(1),.usp-section .usp-wrapper:nth-of-type(2) .half:nth-of-type(2){padding:0 10px;box-sizing:border-box}.terminal{width:100%;margin:0 auto}.usp-section .usp-wrapper:nth-of-type(2) .half:nth-of-type(1){order:2}.usp-section .usp-wrapper:nth-of-type(2) .half:nth-of-type(2){order:1}.usp-section .half{width:100%}.section.usp .half div h2,.section.usp .half div p{padding:0 10px}}@media (max-width: 517px){.scroll-container{margin-top:-40px}.scroll-container .scroll-text{font-size:16px;left:60px;top:26px}.scroll-container .chevron{width:15px;height:3.5px}.section-1{max-height:600px}.nav a{padding:15px 35px !important;display:none}.nav a span{display:none}span.presenter,p{font-size:13px}h2{font-size:20px !important;max-width:calc(100vw - 40px) !important}.bg-image>div:nth-of-type(1){max-height:600px;background-position:center}}@media (max-width: 517px) and (max-width: 414px){.bg-image>div:nth-of-type(1){background-position:-360px !important}}@media (max-width: 517px){.bg-image>div:nth-of-type(1):after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;display:block;background-color:rgba(0,0,0,0.3)}.usp-wrapper h2{margin-bottom:0}.tns-nav{display:none}}.cta--card{position:absolute;top:0;background:rgba(255,255,255,0.9);width:calc(100% - 40px)}@media (max-width: 374px){.nav a{display:none}}.tns-nav{z-index:999999999;left:5px}.tns-nav button{opacity:0.6}.tns-nav-active{opacity:1 !important}.connect-button{cursor:pointer;text-decoration:none}.scale{transition:0.3s ease}.scale:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.scale-big{transition:0.3s ease}.scale-big:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}@media (min-width: 1113px){.section.cta svg{max-height:430px !important}}@media (max-width: 1112px){.section.cta svg{max-height:420px !important}}

.iphone-body{position:relative;background:#fff;height:330px;width:150px;margin:0px auto;border-radius:40px;box-shadow:0 4px 6px 0 rgba(50,50,93,0.17)}.iphone-body .camera-2{position:absolute;background:#e7ebec;height:6px;width:6px;border-radius:10px;margin:15px 0 0 49px}.iphone-body .iphone-screen{position:relative;top:35px;background:#fff;height:243px;width:127px;margin:0 auto;border:3px solid #e7ebec;border-radius:4px;overflow:hidden}.iphone-body .banner{position:relative;background:#777;height:20px;width:100%;margin:0}.iphone-body .content{position:relative;background:#485771;height:25px;width:25px;border-radius:4px;margin:10px 0 0 7.5px;top:0;transition:1s ease}.iphone-body .content:before{content:"";display:block;background:#485771;height:8px;width:60px;margin:4px 0 0 33px}.iphone-body .content:after{content:"";display:block;background:none;height:6px;width:80px;border-top:8px solid #e7ebec;border-bottom:8px solid #e7ebec;margin:6px 0 0 33px}.iphone-body .content-break{position:relative;background:#e7ebec;height:3px;width:163px;margin:22px auto 11px auto}.iphone-body .content-photo{position:relative;background:#cecece;height:50px;width:81px;margin:17px 0 -10px 40px}.iphone-body:before{content:"";display:block;position:relative;top:21px;background:#e7ebec;height:6px;width:32px;border-radius:6px;margin:0 auto}.iphone-body:after{content:"";display:block;position:relative;top:41px;background:none;height:20px;width:21px;border:3px solid #e7ebec;border-radius:50%;margin:0 auto}.css-mb{max-width:650px;min-width:50px;margin:0 auto;width:100%;position:relative}.css-mb div{box-sizing:border-box !important}.css-mb .mb-display-position{width:80%;margin:0 auto}.css-mb .mb-display{position:relative;width:100%;height:0;padding-bottom:65.9442%;background:#666;border-top-left-radius:3.5% 5.3075%;-webkit-border-top-right-radius:3.5% 5.3075%;-moz-border-radius-toptight:3.5% 5.3075%;border-top-right-radius:3.5% 5.3075%}.css-mb .mb-display:before{content:'';display:block;position:absolute;top:2.5%;left:50%;width:2%;height:2%;margin-left:-0.5%;border-radius:50%;background:#fff}.css-mb .mb-display:after{content:'';display:none;position:absolute;right:0.4%;top:0.64%;width:62.5%;height:100%;background:none;background:linear-gradient(55deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%);-webkit-border-top-right-radius:5.3075%;-moz-border-radius-toptight:5.3075%;border-top-right-radius:5.3075%}.css-mb.with-glare .mb-display:after{display:block}.css-mb .mb-screen-position{position:absolute;top:6.5%;width:93.2%;left:3.4%;height:0;margin:0;padding-bottom:58.25%;overflow:hidden}.css-mb .mb-screen-position .chat-holder{position:absolute;right:35px;bottom:0;height:15px;background:#485771;width:50px;box-shadow:0 4px 6px 0 rgba(50,50,93,0.17)}.css-mb .mb-screen-position .chat{opacity:0;visibility:hidden;position:absolute;max-width:30%;float:right;margin-right:20px;height:150px;bottom:-50px;right:0;transition:0.4s ease}.css-mb .mb-screen-position .chat.show{bottom:0;opacity:1;visibility:visible}.css-mb .mb-screen-position .chat .customer-chat{height:150px}.css-mb .mb-screen-position .chat .user{height:35px}.css-mb .mb-screen-position .chat .user .avatar{background:#cecece;height:20px;width:20px;margin:7.5px;top:0;position:absolute;border-radius:2px}.css-mb .mb-screen-position .chat .user .descr{border-top:5px solid #e7ebec;border-bottom:5px solid #e7ebec;height:15px;margin:7.5px;width:62px;left:27px;top:2px}.css-mb .mb-screen-position .chat .msg{margin:7.5px;border-radius:2px;width:calc(100% - 14px)}.css-mb .mb-screen-position .chat .msg:after{content:'';border-left:4px solid transparent;border-right:4px solid transparent;position:absolute;bottom:-4px;left:10px;border-top:4px solid #485771}.css-mb .mb-screen-position .chat .msg.in{background:#f3f3f3}.css-mb .mb-screen-position .chat .msg.in:after{left:auto;border-top:4px solid #f3f3f3}.css-mb .mb-screen-position .chat input{margin-top:0;height:20px;position:absolute;bottom:0}.css-mb .mb-screen{position:absolute;top:0;left:0;right:0;bottom:0;height:160%;overflow:hidden;background:#fff}.css-mb .mb-screen img{max-width:100%;height:auto}.css-mb .mb-screen iframe{width:100%;height:100%;border:0}.css-mb .mb-body{position:relative;width:100%;height:0;padding-bottom:2.3%;background:#e6e7e8}.css-mb .mb-body:before{content:'';display:block;position:absolute;top:0;left:50%;width:14.0740%;height:0;padding-bottom:1.4814%;margin-left:-7.037%;background:#a9abae;border-bottom-left-radius:7.0370% 50%;-webkit-border-bottom-right-radius:7.0370% 50%;-moz-border-radius-bottomtight:7.0370% 50%;border-bottom-right-radius:7.0370% 50%}.css-mb .mb-bottom-cover{width:100%;height:0;padding-bottom:0.7407%;background:#a9abae;border-bottom-left-radius:12% 600%;-webkit-border-bottom-right-radius:12% 600%;-moz-border-radius-bottomtight:12% 600%;border-bottom-right-radius:12% 600%}.mb-screen{transition:margin-top 1.5s linear, opacity 0.2s ease}.mb-screen .mb-menu{top:0;position:absolute;width:100%;left:0;height:30px;background:#485771;padding:0 10%;z-index:3}.mb-screen .mb-hero{position:absolute;top:37px;left:0;margin:0 10%;background:#cecece;height:30%;width:calc(100% - 20%)}.mb-screen .mb-logo{margin:7.5px 0;width:15%;height:15px;background:#cecece;position:absolute}.mb-screen .mb-wrapper{width:100%;top:calc(47px + 30%);left:0;position:absolute;height:200px;padding:0 10%}.mb-screen .mb-wrapper .mb-icons{display:flex}.mb-screen .mb-wrapper .mb-icon{width:calc(32% - 5%);height:25%;min-height:56px;background:#cecece;display:inline-block;position:relative;margin:auto}.mb-screen .mb-wrapper .mb-icon .mb-text{width:100%;height:11%;position:absolute;top:8px;background:#f3f3f3}.mb-screen .mb-wrapper .mb-icon .mb-text:nth-of-type(1){top:61px}.mb-screen .mb-wrapper .mb-icon .mb-text:nth-of-type(2){top:72px}.mb-screen .mb-wrapper .mb-icon .mb-text:nth-of-type(3){top:83px}.mb-screen .mb-wrapper .mb-icon .mb-text:nth-of-type(4){top:94px}.mb-screen .mb-wrapper .mb-icon .mb-text:last-child{width:40%}.mb-screen .mb-nav{display:inline-block;float:right;margin:10px 0;height:10px;overflow:hidden;width:100%;box-sizing:border-box;padding-left:50%}.mb-screen .mb-nav li{padding:0 10%;background:#f3f3f3;height:15px}.mb-screen .mb-nav li:not(:nth-of-type(4)){margin-right:6.65%}.animation{transition:0.8s ease;opacity:1;visibility:visible;margin-top:0}.animation.down{margin-top:0px;opacity:0;visibility:0}.sample{width:calc(33.3% - (40px / 3));height:300px;position:relative;overflow:hidden;cursor:pointer;transition:0.4s ease}.sample:not(:nth-of-type(3)){margin-right:20px}.sample .sample__img{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sample .sample__img>img{height:100%;transition:0.4s ease}.sample>p{background:#fff;color:#777;padding:20px;font-weight:500;position:absolute;bottom:0;width:100%;margin:0;box-sizing:border-box;text-align:center}.sample:hover .sample__img img{height:120%}.work-samples{opacity:1;transition:0.4s ease}.work-samples.hidden{opacity:0}.work-samples--images.hidden .sample{opacity:0}.work-samples--images.hidden .sample:nth-of-type(1){margin-left:-100px}.work-samples--images .sample{opacity:1;transition:1.2s ease}.work-samples--images .sample:nth-of-type(1){margin-left:0}.layer{overflow:scroll;transition:0.4s ease;opacity:1;margin-top:0;visibility:visible}.layer.hidden{opacity:0;margin-top:50px;visibility:hidden}.layer .tns-item{position:relative}.layer .close{background:#485771;display:inline-block;position:absolute;top:0;right:0;cursor:pointer;transition:0.8s ease}.layer .close svg{width:45px;height:45px;padding:16px}.layer .close:hover{background:#384e75}.layer .title{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;padding-top:10px;font-family:'Raleway';position:relative;width:calc(100% + 40px);background:#777;margin-left:-20px;padding:0 20px;box-sizing:border-box;height:78px}.layer .title h2{padding-left:0;font-size:32px;color:#fff !important}.layer .client{display:flex;align-items:center;position:absolute;right:20px;top:20px}.layer .client .f4r_logo{margin-left:30px;position:relative}.layer .client .f4r_logo:before{content:'';height:100%;width:1px;background:#cecece;position:absolute;left:-13px}.layer .container{display:flex;margin-bottom:50px;padding-top:35px;font-family:'Raleway'}.layer .tasks,.layer .technologies{align-self:flex-start;min-width:300px}.layer .tasks .table,.layer .technologies .table{min-width:270px}.layer .tasks .task_entry,.layer .technologies .task_entry{position:relative}.layer .tasks .task_entry:nth-of-type(1),.layer .technologies .task_entry:nth-of-type(1){margin-top:10px}.layer .tasks .task_entry svg,.layer .technologies .task_entry svg{width:30px;height:30px;position:absolute;top:0;left:0}.layer .tasks .task_entry span,.layer .technologies .task_entry span{margin-left:35px;line-height:2.1}.layer .wrapper{background:#fff;padding:0 20px;box-sizing:border-box}.layer .wrapper h2{color:#777}.layer .wrapper .tns-outer{position:relative;top:0;margin-left:-20px;width:calc(100% + 40px)}.layer .wrapper .tns-outer .tns-controls{display:inline !important}.layer .wrapper .tns-outer .tns-controls button{border-radius:0;padding:30px;position:absolute;top:calc(50% - 38px);z-index:9999999999999999}.layer .wrapper .tns-outer .tns-controls button:nth-of-type(1){left:0}.layer .wrapper .tns-outer .tns-controls button:nth-of-type(2){right:0;left:auto}.layer .description{background:#777;color:#fff;padding:20px;font-family:'Raleway'}.layer img{width:100%;height:auto}.chevron{position:absolute;width:28px;height:8px;opacity:0;-webkit-transform:scale3d(0.5, 0.5, 0.5);transform:scale3d(0.5, 0.5, 0.5);-webkit-animation:move 3s ease-out infinite;animation:move 3s ease-out infinite}.chevron:first-child{-webkit-animation:move 3s ease-out 1s infinite;animation:move 3s ease-out 1s infinite}.chevron:nth-child(2){-webkit-animation:move 3s ease-out 2s infinite;animation:move 3s ease-out 2s infinite}.chevron:before,.chevron:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#fff}.chevron:before{left:0;-webkit-transform:skew(0deg, 30deg);transform:skew(0deg, 30deg);top:0}.chevron:after{right:0;width:50%;-webkit-transform:skew(0deg, -30deg);transform:skew(0deg, -30deg)}@-webkit-keyframes move{25%{opacity:1}33%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}67%{opacity:1;-webkit-transform:translateY(40px);transform:translateY(40px)}100%{opacity:0;-webkit-transform:translateY(55px) scale3d(0.5, 0.5, 0.5);transform:translateY(55px) scale3d(0.5, 0.5, 0.5)}}@keyframes move{25%{opacity:1}33%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}67%{opacity:1;-webkit-transform:translateY(40px);transform:translateY(40px)}100%{opacity:0;-webkit-transform:translateY(55px) scale3d(0.5, 0.5, 0.5);transform:translateY(55px) scale3d(0.5, 0.5, 0.5)}}.scroll-text{-webkit-animation:pulse 2s linear alternate infinite;animation:pulse 2s linear alternate infinite;position:absolute;left:80px;top:24px;color:#fff;text-transform:uppercase;font-family:'Raleway';font-weight:500;font-size:18px}.scroll-container{padding-left:34px;margin-top:-35px;position:relative;opacity:0.6}.mega-menu{position:absolute;left:0;width:100%;height:30%;background:#f5f5f5;z-index:2;top:-37px;transition:top 0.7s ease;padding:0 10%;display:flex}.mega-menu .mb-text{width:100%;height:11%;margin-top:4px;background:#fff}.mega-menu .column{margin:auto;width:33%;box-sizing:border-box;padding:0 2.5%}.mac-cursor{width:20px;height:20px;position:absolute;right:42%;top:52px;transition:1.8s ease}.mac-cursor:after{content:'';width:1px;height:1px;border:0px solid #777;position:absolute;right:10px;top:4px;background:#777;border-radius:50%;opacity:0.4}.mac-cursor.clicked:after{border:20px solid #777;right:-8px;top:-11px;opacity:0;transition:1.4s ease}@-webkit-keyframes pulse{to{opacity:1}}@keyframes pulse{to{opacity:1}}