@charset "UTF-8";body{background:linear-gradient(#fff, #000);padding:60px 0 0 0;margin:0}body #container{width:1280px;margin:0 auto;padding:0;box-shadow:0px 36px 82px 8px rgba(0,0,1,0.18)}@media (max-width: 1280px){body{padding-top:0px}}.clear{clear:both}nav .home{display:none}.admin-bar{padding:10px 20px;background:#fff;border-top:1px solid #000}.admin-bar .meta{position:relative;font-family:Arial,sans-serif}.admin-bar .meta .title,.admin-bar .meta .description,.admin-bar .meta .keywords{position:relative;margin-left:160px;margin-right:130px;margin-bottom:1px;padding:5px}.admin-bar .meta .title:hover,.admin-bar .meta .description:hover,.admin-bar .meta .keywords:hover{background:#f2f2f2}.admin-bar .meta .title:before,.admin-bar .meta .description:before,.admin-bar .meta .keywords:before{padding:5px;display:block;width:140px;background:#ff5050;position:absolute;left:-155px;top:0px}.admin-bar .meta .title.ok:before,.admin-bar .meta .description.ok:before,.admin-bar .meta .keywords.ok:before{background:#50ff50}.admin-bar .meta .title:before{content:"Title:"}.admin-bar .meta .description:before{content:"Description:"}.admin-bar .meta .keywords{margin-bottom:10px}.admin-bar .meta .keywords:before{content:"Keywords:"}.admin-bar a,.admin-bar span{font-family:Arial,sans-serif;margin:right 5px;padding:5px 10px;color:#000;background:#fff;text-decoration:none;display:block;float:left}.admin-bar a.right,.admin-bar span.right{float:right}.admin-bar a{border:1px solid #000}.admin-bar a:hover{background:#def2fc}#container{position:relative}.popup{display:none;content:" ";background:rgba(0,0,0,0.729);position:fixed;width:100%;height:100%;left:0;top:0}.popup .content{position:absolute;width:530px;padding:90px 94px 105px 55px;background:#fff;border-radius:6px;top:50px;left:50%;margin-left:-340px}.popup .content .row{padding:0 0 19px 0}.popup .content .close{width:32px;height:32px;position:absolute;right:38px;top:38px;cursor:pointer}.popup .content form label{font-size:10px;font-family:"Raleway";font-weight:bold;color:#9fa3a7;text-transform:uppercase;line-height:2.684;width:80px;text-align:right;display:inline-block;padding:0 23px}.popup .content form label.top{vertical-align:top}.popup .content form input,.popup .content form textarea{font-size:14px;font-weight:bold;font-family:"Raleway";color:#2c2c2c;font-weight:bold;line-height:1.917;border:none;border-bottom:1px solid #ccc;padding:7px;width:383px;max-width:383px;max-height:400px;outline:none}.popup .content form input:valid,.popup .content form textarea:valid{background:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMSIgeTE9IjUiIHgyPSI4IiB5Mj0iMTIiIHN0eWxlPSJzdHJva2U6Izk5YmEwMDtzdHJva2Utd2lkdGg6MiI+PC9saW5lPjxsaW5lIHgxPSI4IiB5MT0iMTIiIHgyPSIxOCIgeTI9IjEiIHN0eWxlPSJzdHJva2U6Izk5YmEwMDtzdHJva2Utd2lkdGg6MiI+PC9saW5lPjwvc3ZnPgo=") top right no-repeat}.popup .content form input.error:invalid,.popup .content form textarea.error:invalid{border-color:red}.popup .content form input[type=submit]{font-size:14px;color:#fff;background-color:#02bce3;text-transform:uppercase;border-radius:3px;width:176px;padding:13px;position:absolute;bottom:-26.5px;left:252px;border:none;cursor:pointer}.popup .content form input[type=submit]:valid{background:#02bce3}.switch-lang{display:none;background:#f4f3f3;border:1px solid #e0e0e0;padding:15px 15px 8px 15px;position:absolute;right:-33px;text-align:center;top:57px;width:66px;z-index:99}.switch-lang.show{display:block}.switch-lang:before{content:" ";position:absolute;width:20px;height:20px;left:40px;top:-11px;background:#f4f3f3;transform:rotate(45deg);z-index:100;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.switch-lang .lang{height:23px;font-family:Lato,Arial,sans-serif;font-weight:bold;font-size:10pt;color:#02bce3;text-transform:uppercase;position:relative;padding:2px 29px 2px 0;display:block;text-decoration:none}.switch-lang .lang.active{text-decoration:underline;opacity:1}.switch-lang .lang:after{position:absolute;content:" ";width:23px;height:23px;background:left center no-repeat url(../images/lang.png);right:0;top:-2px}.switch-lang .lang.ru:after{background-position:-23px 0}@font-face{font-family:"Raleway";src:url(fonts/Raleway-Medium.ttf)}@font-face{font-family:"Raleway";src:url(fonts/Raleway-Light.ttf);font-weight:lighter}@font-face{font-family:"Raleway";src:url(fonts/Raleway-Bold.ttf);font-weight:bold}@font-face{font-family:"Raleway";src:url(fonts/Raleway-Thin.ttf);font-weight:200}@font-face{font-family:"Raleway";src:url(fonts/Raleway-ExtraBold.ttf);font-weight:800}@font-face{font-family:"Lato";src:url(fonts/Lato-Regular.ttf)}@font-face{font-family:"Lato";src:url(fonts/Lato-Medium.ttf);font-weight:400}@font-face{font-family:"Raleway Black";src:url(fonts/Raleway-Black.ttf);font-weight:bold}@font-face{font-family:"Roboto";src:url(fonts/Roboto-Regular.ttf)}@font-face{font-family:"Montserrat";src:url(fonts/Montserrat-Bold.ttf);font-weight:bold}footer .contacts a{color:#212529;display:inline-block}footer .contacts a.phone{padding:2px 0 2px 30px;background:3px center no-repeat url(/static/layout/images/icons/phone.png)}footer .contacts a.fax{padding:4px 0 4px 30px;background:left center no-repeat url(/static/layout/images/icons/fax.png)}footer .contacts a.email{padding:2px 0 2px 35px;background:3px center no-repeat url(/static/layout/images/icons/email.png)}@media (min-width: 1280px){header{padding:47px 56px 40px 65px;background:#fff}header .logo{display:block;float:left;width:218px;height:46px;background:url(../images/Logo.png) center center no-repeat;background-size:100%;position:relative}header .logo a{position:absolute;left:0;top:0;right:0;bottom:0}header .toggle-nav{display:none}header nav{display:inline-block;height:46px;margin-left:57px;margin-top:5px}header nav a{font-family:"Raleway";font-size:15px;line-height:15px;text-align:center;text-decoration:none;color:#282700;text-transform:uppercase;display:block;float:left;vertical-align:middle;padding:7px 10px 4px 10px;letter-spacing:0.1px;margin:5px}header nav a span{white-space:nowrap;display:inline-block}header nav a:hover{text-decoration:none}header nav a:hover span{font-weight:bold;color:#282700}header nav a.home{display:none}header nav a.active{border-bottom:1px solid #02bce3;font-weight:bold}header .contacts{display:block;float:right;height:46px;width:100px;position:relative}header .contacts .send-request{position:absolute;left:0;width:132px;text-align:center;top:20px;margin:5px;font-size:11px;font-family:"Lato",Arial,sans-serif;text-decoration:underline;text-transform:uppercase;line-height:1.818}header .contacts .send-request a{color:#00aef2}header .contacts .phone{float:left;margin:5px 4px 5px 5px;padding:6px 6px 6px 7px;border-bottom:1px solid #bae9fb;position:absolute;left:0;top:-15px}header .contacts .phone a{font-size:12px;font-family:"Lato";color:#00adef;text-transform:uppercase;line-height:15px;text-align:center;text-decoration:none;letter-spacing:0.25px}header .contacts .phone a b{font-size:15px;color:#282700;letter-spacing:0.3px}header .contacts .buttons{height:46px;width:127px;float:right;position:relative}header .contacts .buttons>a,header .contacts .buttons>span{text-decoration:none;position:absolute;display:block;top:1px;left:0px;background:#f4f3f3 url(../images/contacts/skype-colored.png) no-repeat center center;width:40px;height:40px;border-radius:30px}header .contacts .buttons>a.email,header .contacts .buttons>span.email{left:47px;background:#f4f3f3 url(../images/contacts/mail.png) no-repeat center center}header .contacts .buttons>a.lang,header .contacts .buttons>span.lang{cursor:pointer;left:94px;background:#f4f3f3;color:#282700}header .contacts .buttons>a.lang:before,header .contacts .buttons>span.lang:before{content:"EN";position:absolute;left:10px;top:8px}header .contacts .buttons>a.lang.ru-ru:before,header .contacts .buttons>span.lang.ru-ru:before{content:"RU"}.breadcrumbs{position:relative;font-family:"Raleway";line-height:20px;text-transform:uppercase;font-size:15px;height:20px;padding:28px 68px}.breadcrumbs a{color:#02bce3;text-decoration:none;float:left}.breadcrumbs span{float:left;font-weight:bold}.breadcrumbs .attachment,.breadcrumbs .back-link{font-weight:bold;letter-spacing:0.1px;float:right;text-decoration:underline;text-shadow:1px 1px #b1e3f5}.breadcrumbs .attachment:before{width:25px;height:29px;position:absolute;content:"";top:-5px;left:-37px;background:url(../images/pdf.png) center center no-repeat}#container{background:#fff url(../images/about_bg.png) no-repeat 0 144px}section.banners{height:370px;background:#fff}section.banners aside{display:block;float:left;position:relative;width:calc(50% - 20px);margin:0 10px;height:370px;background:url(../images/banner-l.png) left center no-repeat;background-size:100%}section.banners aside div{position:absolute;right:37px;top:118px;width:230px;height:180px}section.banners aside div p{display:table-cell;vertical-align:middle;margin:0;width:240px;height:180px;text-align:center;font-family:"Raleway";line-height:1.25;font-size:24px;text-transform:uppercase;color:#1b1919;letter-spacing:0.6px}section.banners aside div p span{background:#6cd8ef;padding:2px 6px 0px}section.banners aside.right{background:url(../images/banner-r.png) left center no-repeat;background-size:100%}section.banners aside.right div{right:none;left:33.3px}section.banners aside.right div p{padding:5px}section.company{text-align:center}section.company .main-text{padding:35px 15px 42px 20px}section.company .main-text h2{display:inline;font-family:"Raleway";font-size:30px;padding:8px 9px;letter-spacing:0.1px;line-height:1.3;font-weight:400}section.company article{margin:10px 160px 44px 160px;padding:8px 0px}section.company article p{line-height:24px;padding:0px 0px 14px 8px;font-family:"Raleway";font-size:18px;font-weight:400}section.company .wrapper{padding:28px}section.company .wrapper .key{position:relative;text-align:left;font-family:"Raleway"}section.company .wrapper .key .clear{clear:both}section.company .wrapper .key h3{color:#02bce3;font-size:37px;font-weight:normal;margin:0;line-height:48px;letter-spacing:-0.2px;padding:12px 211px}section.company .wrapper .key h3:before{width:38px;height:25px;position:absolute;content:" ";left:136px;top:24px;background:url(../images/quotes.png) center center no-repeat}section.company .wrapper .key h3:after{width:525px;height:384px;position:absolute;content:" ";top:-33px;left:595px;background:url(../images/iPad-Pro.png) center center no-repeat}section.company .wrapper .key p{font-size:15px;line-height:24px;letter-spacing:0.1px;padding:8px 133px}section.advantages{font-family:"Raleway";padding:50px 132px;text-align:center}section.advantages .clear{clear:both}section.advantages h2{font-weight:normal;font-size:36px;letter-spacing:0.2px}section.advantages article{position:relative;display:block;float:left;height:258px;width:320px;border:1px solid #e8e9ed;border-radius:5px;margin:17px 8px}section.advantages article h3{font-family:"Lato";font-size:60px;font-weight:normal;padding:7px 0 7px 22px;margin-bottom:0px;letter-spacing:1px}section.advantages article p{font-size:13px;padding:11px 0;line-height:18px}section.advantages article.infinity h3{font-size:90px;margin-top:35px;letter-spacing:13px}section.advantages article.infinity p{margin:2px 0}section.advantages article .circle{left:60px;top:65px;position:absolute;width:80px;height:80px;background:url(../images/circle.png)}section.advantages article .circle2{left:102px;top:65px;position:absolute;width:80px;height:80px;background:url(../images/circle.png)}section.advantages article .circle2.quality:before{content:" ";display:block;position:absolute;left:22px;top:13px;width:88px;height:60px;background:url(../images/icons-palette.png);background-position:-228px 0}section.services{text-align:center;font-family:"Raleway";padding-bottom:74px}section.services h2{font-size:36px;font-weight:normal;margin-top:15px;margin-bottom:10px;letter-spacing:0.1px}section.services .wrapper{width:1170px;padding:23px 56px}section.services .wrapper .development{width:340px;height:120px;border-radius:5px;position:relative;float:left;display:block;background:url(../images/buttons-bg.png) center center no-repeat;margin:25px}section.services .wrapper .development h3{color:#164562;text-align:left;position:absolute;width:130px;height:70px;font-weight:bold;left:140px;top:10px;letter-spacing:-0.1px;text-transform:uppercase}section.services .wrapper .development.unity h3{padding:12px 17px;height:40px}section.services .wrapper .development.unity h3:before{position:absolute;top:-48px;left:-134px;width:149px;height:152px;content:" ";background:url(../images/games-unity.png) center center no-repeat}section.services .wrapper .development.mobile h3{padding:0 17px}section.services .wrapper .development.mobile h3:before{position:absolute;top:-48px;left:-112px;width:98px;height:136px;content:" ";background:url(../images/mobile-apps.png) center center no-repeat}section.services .wrapper .development.native h3{padding:1px 17px}section.services .wrapper .development.native h3:before{position:absolute;top:-32px;left:-109px;width:98px;height:129px;content:" ";background:url(../images/native-apps.png) center center no-repeat}section.services .wrapper .development.web h3{padding:13px 17px;height:40px}section.services .wrapper .development.web h3:before{position:absolute;top:-35px;left:-107px;width:100px;height:122px;content:" ";background:url(../images/web-development.png) center center no-repeat}section.services .wrapper .development.design h3{height:30px;padding:22px 17px}section.services .wrapper .development.design h3:before{position:absolute;top:-17px;left:-154px;width:170px;height:100px;content:" ";background:url(../images/graphic-design.png) center center no-repeat}section.services .wrapper .development.highload h3{padding:1px 17px}section.services .wrapper .development.highload h3:before{position:absolute;top:-45px;left:-146px;width:171px;height:136px;content:" ";background:url(../images/wordpress-web.png) center center no-repeat}section.services .wrapper .clear{clear:both}.spacer{height:44px;background:#f4f4f4}.typography{padding:18px 128px;font-family:"Raleway"}.typography img{max-width:100%;margin:0}.typography h1{margin:11px 0 0 0;padding:9px 0;text-align:center;font-size:31px}.typography h1 span{padding-bottom:8px;border-bottom:2px solid #eceef0}.typography blockquote{margin:62px 32px;padding:50px 0;border-bottom:1px solid #eaeaec;border-top:1px solid #eaeaec;font-size:24px;color:#212121;line-height:1.5;text-align:center}.typography p{padding:42px 32px;font-size:16px;line-height:24px;margin:36px 0 0 0;text-align:justify}.typography hr{width:972px;color:#eaeaec}.typography h2{margin:20px 0;padding:0;font-weight:bold;text-align:left;font-size:30px}.typography h3{margin:20px 0;font-size:26px}.typography h4{margin:20px 0;font-size:24px}.typography h5{margin:20px 0;font-size:21px}.typography h6{margin:20px 0;font-size:17px}.typography p{font-size:15px;margin:0 0 30px 0;padding:0}.typography ul{font-size:15px;line-height:29px}.typography ol{font-size:15px;line-height:29px}.typography .columns{margin:36px 0 55px 0}.typography .columns .left{width:438px;padding-left:24px;position:relative;display:block;float:left}.typography .columns .right{width:438px;padding-right:24px;position:relative;display:block;float:right}.typography .columns h1{border-bottom:none;margin:20px 0;padding:0;text-align:left;font-size:36px}.typography .columns p{font-size:15px;margin:0 0 30px 0;padding:0}.row{margin-bottom:24px}.row p{line-height:20px;margin-bottom:0}.card{background:transparent}section.estimate{text-align:center;padding:60px 32px 28px 32px;background:#f4f4f4}section.estimate .success{display:none}section.estimate.sent .success{font-family:"Raleway",Arial,sans-serif;display:block}section.estimate.sent form,section.estimate.sent .attachment{display:none}section.estimate h2{font-size:36px;font-family:"Raleway";color:#212121;line-height:1.589;text-align:center;font-weight:normal;padding-left:31px;letter-spacing:-0.3px}section.estimate .attachment{padding:21px 222px 21px 222px;text-align:left}section.estimate .attachment .link-wrap .remove{cursor:pointer;padding-left:10px;color:red;font-family:"Raleway",Arial,sans-serif}section.estimate .attachment a.error{color:red}section.estimate .attachment a,section.estimate .attachment .link{color:#7e7e7e;font-size:13px;font-family:"Roboto";text-decoration:underline;line-height:1.538;display:inline-block;position:relative;cursor:pointer}section.estimate .attachment a:before,section.estimate .attachment .link:before{content:" ";background:url(../images/skrepka.png) center center no-repeat;position:absolute;width:20px;height:20px;left:-29px}section.estimate form{display:block;height:52px;margin-top:41px}section.estimate form input{display:inline-block;vertical-align:middle;width:280px;height:52px;border:none;outline:none;border-radius:3px;margin:0 4px 0 0;font-size:14px;font-family:"Raleway";color:#4d4d4d;text-align:left;line-height:1.429;background-color:#fff;padding:0 30px}section.estimate form input[type=file]{display:none}section.estimate form input.error{box-shadow:inset 0 0 5px red}section.estimate form .submit{display:inline-block;cursor:pointer;background-color:#02bce3;font-weight:bold;text-transform:uppercase;text-align:center;color:#fff;width:170px;position:relative;vertical-align:middle;margin:0}section.estimate form .submit:before{content:"Отправить";position:absolute;left:44px;top:19px}#container>footer{font-weight:600;padding:26px 80px 100px 80px;text-align:center;background:#dcedf5;margin-bottom:40px;position:relative}#container>footer p{margin-bottom:0}#container>footer .logo{display:block;float:left;width:218px;height:46px;background:url(../images/Logo.png) center center no-repeat;background-size:100%;position:relative}#container>footer .logo a{position:absolute;left:0;right:0;top:0;bottom:0}#container>footer nav{display:inline-block;float:left;padding-left:16px;padding-right:2px}#container>footer nav a{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:16px;line-height:15px;text-decoration:none;color:#282700;display:block;vertical-align:bottom;text-align:left;padding:3px 7px 3px 4px;letter-spacing:0.2px;margin:5px}#container>footer nav a span{padding:3px 7px 3px 4px;text-align:left}#container>footer nav a:hover{font-weight:bold}#container>footer nav a.active span{border-bottom:1px solid #02bce3;font-weight:600}#container>footer .company-data{float:left;text-align:left;padding-left:9px}#container>footer .contacts{float:left;text-align:left;padding-left:0}#container>footer .contacts a{color:#212529}#container>footer .company-data h4,#container>footer .contacts h4{font-weight:400;margin-bottom:7px}#container>footer .company-data p,#container>footer .contacts p{font-weight:400;line-height:23px}#container>footer .send-request{height:46px;display:block;float:right;padding-right:2px}#container>footer .send-request a{font-size:14px;font-weight:bold;font-family:"Raleway";color:#fff;text-transform:uppercase;line-height:1.429;text-align:center;text-decoration:none;background-color:#02bce3;border-radius:3px;padding:14px 20px 13px 21px;display:block;letter-spacing:0.3px}}@media (max-width: 979px){body{padding:0;margin:0}body #container{width:100%;min-width:320px;margin:0 auto;padding:0;background:url(../images/mobile/bg.png) top center no-repeat;background-color:#f1f1f1;background-position-y:0;background-size:100%}.nav-expanded .nav-toggle{position:fixed;background:url(../images/mobile/nav-close.svg) center center no-repeat;z-index:1000}.nav-expanded header .send-request{position:fixed;display:block;text-align:center;top:460px;left:0;width:100%;z-index:1000}.nav-expanded header .buttons{display:block;position:fixed;z-index:1000;width:90px;left:50%;margin-left:-45px;top:400px}.nav-expanded header .buttons .lang,.nav-expanded header .buttons .switch-lang{display:none}.nav-expanded header .buttons .email{margin-right:5px;background:#f4f3f3 url(../images/contacts/mail.png) no-repeat center center}.nav-expanded header .buttons .skype{background:#f4f3f3 url(../images/contacts/skype-colored.png) no-repeat center center}.nav-expanded header .buttons .email,.nav-expanded header .buttons .skype{display:block;display:inline-block}.nav-expanded header nav{position:fixed;display:block;left:0;top:0;width:100%;height:100%;background:url(../images/mobile/nav-bg.png) center top no-repeat;background-color:#fff;background-size:100%;z-index:999;padding:150px 0 0 0}.nav-expanded header nav a{text-decoration:none;font-size:15px;font-family:"Raleway";color:#282700;text-transform:uppercase;line-height:1.333;display:block;text-align:center;padding:10px 0}.nav-expanded header nav a span{padding-bottom:5px}.nav-expanded header nav a.home{display:block}.nav-expanded header nav a.active{font-weight:bold;position:relative}.nav-expanded header nav a.active span{border-bottom:1px solid #3f85bb}header{padding:1px 0;background:#fff;position:relative}header .nav-toggle{display:block;background:url(../images/mobile/nav.svg) center center no-repeat;position:absolute;top:18px;left:25px;width:40px;height:40px;cursor:pointer}header nav{display:none}header .logo{padding:8px 28px;width:130px;height:28px;margin:24px auto;background:url(../images/mobile/logo.png) center center no-repeat;background-size:100%}header .logo a{display:block;width:130px;height:28px}header .buttons>a,header .buttons>span{text-decoration:none;width:40px;height:40px;border-radius:30px}header .buttons>a.email,header .buttons>a.skype,header .buttons>span.email,header .buttons>span.skype{display:none}header .buttons>a.lang,header .buttons>span.lang{cursor:pointer;position:absolute;display:block;right:25px;top:18px;background:#f4f3f3;color:#282700}header .buttons>a.lang:before,header .buttons>span.lang:before{content:"EN";position:absolute;left:10px;top:8px}header .buttons>a.lang.ru-ru:before,header .buttons>span.lang.ru-ru:before{content:"RU"}header .switch-lang{display:none;position:absolute;top:86px;right:25px;width:calc(100% - 50px);box-sizing:border-box}header .switch-lang:before{right:10px;left:initial}header .switch-lang a.lang{width:calc(50% - 25px);margin:5px;padding:10px 15px 10px 0;float:left;line-height:25px;background:#fff;border-radius:5px}header .switch-lang a.lang.active{color:#fff;background:#02bce3}header .switch-lang a.lang:after{top:8px;right:25px}header .contacts{display:none;border-top:1px solid;border-color:#ededed;background-color:#f7f7f7;margin:0;padding:18px 20px}header .phone{display:inline}header .phone a{text-decoration:none;font-size:14px;font-family:"Lato",sans-serif;color:#00aef2;line-height:1.143}header .phone b{color:#000}header .send-request{display:inline;float:right}header .send-request a{font-weight:bold;text-transform:uppercase;font-size:14px;font-family:"Lato",sans-serif;color:#00aef2;line-height:1.143}.breadcrumbs{font-size:12px;font-family:"Raleway";color:#000;text-transform:uppercase;line-height:1.667;position:relative;height:20px;padding:18px 24px}.breadcrumbs a{color:#02bce3;text-decoration:none;float:left}.breadcrumbs span{float:left;font-weight:bold}.breadcrumbs .attachment,.breadcrumbs .back-link{display:none;font-weight:bold;letter-spacing:0.1px;float:right;text-decoration:underline;text-shadow:1px 1px #b1e3f5}.breadcrumbs .attachment:before{width:25px;height:29px;position:absolute;content:"";top:-5px;left:-37px;background:url(../images/pdf.png) center center no-repeat}section.company{text-align:center}section.company .main-text{padding:36px 13px 12px 13px}section.company .main-text h2{font-size:28px;font-family:"Raleway";color:#2f3542;line-height:1.286;display:inline;letter-spacing:0.1px;font-weight:800}section.company article{padding:10px 18px}section.company article p{font-size:14px;font-family:"Raleway";color:#1f1f1f;line-height:1.429;text-align:left}section.company .wrapper{background:#fff;padding:14px 0}section.company .wrapper .key{position:relative;text-align:left;font-family:"Raleway"}section.company .wrapper .key h3{font-size:26px;color:#02bce3;line-height:1.154;text-align:center;font-weight:normal;margin:0;letter-spacing:-0.2px;padding:40px 10px}section.company .wrapper .key h2{font-size:28px;color:#2f3542;font-weight:bold;line-height:1.286;text-align:center;padding:10px 30px}section.company .wrapper .key h2.space{margin-top:227px;margin-bottom:0}section.company .wrapper .key p{font-size:15px;line-height:20px;letter-spacing:-0.5px}section.company .wrapper .key ul{padding:7px 20px 7px 46px}section.company .wrapper .key ul li{font-size:15px;color:#1f1f1f;margin:3px 0}section.company .wrapper .key h3{padding-bottom:250px}section.company .wrapper .key h3:before{width:38px;height:25px;position:absolute;content:" ";left:50%;margin-left:-19px;top:0px;background:url(../images/quotes.png) center center no-repeat}section.company .wrapper .key h3:after{width:280px;height:242px;position:absolute;content:" ";top:120px;left:0;background:url(../images/mobile/iPad-Pro.png)}section.advantages{font-family:"Raleway";padding:10px;text-align:center;background:#fff}section.advantages .clear{clear:both}section.advantages h2{font-size:22px;color:#212121;line-height:2.6;font-weight:normal;letter-spacing:0.2px}section.advantages article{position:relative;display:block;height:258px;width:295px;border:1px solid #e8e9ed;border-radius:5px;margin:6px auto}section.advantages article h3{font-family:"Lato";font-size:60px;font-weight:normal;padding:7px 22px;margin-top:52px;margin-bottom:0px;margin-left:46px}section.advantages article p{font-size:13px;color:#1f1f1f;line-height:1.385;padding:10px 52px}section.advantages article.infinity h3{margin:70px 120px 27px 122px;padding:0;width:86px;height:53px;background:url(../images/mobile/quality.png)}section.advantages article.infinity p{margin:2px 0}section.advantages .circle{left:60px;top:57px;position:absolute;width:80px;height:80px;background:url(../images/circle.png)}section.advantages .circle2{left:98px;top:57px;position:absolute;width:80px;height:80px;background:url(../images/circle.png)}section.services{width:100%;padding:0;text-align:center;font-family:"Raleway";background:#fff;padding:15px 0}section.services h2{font-size:22px;color:#212121;line-height:2.6;font-weight:normal;letter-spacing:0.1px;margin-bottom:32px}section.services .wrapper{margin-bottom:25px;padding:0 3px}section.services .wrapper .development{width:293px;height:88px;border-radius:5px;position:relative;display:block;background:url(../images/mobile/banner_bg.png) center center no-repeat;margin:30px auto}section.services .wrapper .development h3{text-align:left;font-size:16px;color:#164562;position:absolute;font-weight:bold;left:140px;top:5px;letter-spacing:-0.1px;text-transform:uppercase}section.services .wrapper .mobile h3:before{position:absolute;top:-40px;left:-109px;width:75px;height:105px;content:" ";background:url(../images/slider/train-2.png) center center no-repeat}section.services .wrapper .unity h3:before{position:absolute;top:-43px;left:-94px;width:63px;height:103px;content:" ";background:url(../images/slider/train.png) center center no-repeat}section.services .wrapper .web h3:before{position:absolute;top:-43px;left:-107px;width:81px;height:99px;content:" ";background:url(../images/mobile/web.png) center center no-repeat}section.services .wrapper .clear{clear:both}section.typography{background:#fff;padding:20px 0}h3{font-family:"Lato",sans-serif;font-weight:bold;font-size:20px;text-align:center;padding:0 22px}p{font-family:"Railway",sans-serif;font-size:13px;color:#1f1f1f;line-height:1.385;padding:0px 30px}ul li{font-family:"Railway",sans-serif;font-size:13px;color:#1f1f1f}#container>footer{padding:10px;text-align:center;background:#dcedf5;margin-bottom:30px;padding-bottom:36px;position:relative}#container>footer .logo{display:block;margin:24px auto;width:155px;height:33px;background:url(../images/mobile/footer-logo.png) center center no-repeat}#container>footer nav{display:inline-block;margin:20px auto;height:46px}#container>footer nav a{font-family:"Raleway";font-size:14px;color:#282700;text-decoration:underline;text-transform:uppercase;line-height:1.429;text-align:center;vertical-align:bottom;padding:0 5px;letter-spacing:0.2px}#container>footer nav a.active{font-weight:bold}#container>footer .send-request{height:46px;display:block}#container>footer .send-request a{font-size:14px;font-weight:bold;font-family:"Raleway";color:#fff;text-transform:uppercase;line-height:1.429;text-align:center;text-decoration:none;background-color:#02bce3;border-radius:5px;padding:14px 20px;margin:25px 46px;display:block;letter-spacing:0.3px}section.estimate{text-align:center;padding:28px 12px 40px 12px;background:#f4f4f4;position:relative}section.estimate h2{font-size:22px;color:#212121;line-height:1.091;font-family:"Raleway";text-align:center;font-weight:normal;letter-spacing:-0.3px;padding:0 24px}section.estimate p{display:none}section.estimate .attachment{text-align:left;position:absolute;left:50%;margin-left:-120px;bottom:110px;text-align:left}section.estimate .attachment a{color:#7e7e7e;font-size:13px;font-family:"Roboto";text-decoration:underline;line-height:1.538;text-align:center;position:relative}section.estimate .attachment a:before{content:" ";background:url(../images/mobile/skrepka.png) center center no-repeat;position:absolute;width:20px;height:20px;left:-26px}section.estimate form{display:block;margin-top:41px}section.estimate form input{display:inline-block;vertical-align:middle;border:none;border-radius:3px 0 0 3px;clear:both;display:block;margin:0 auto}section.estimate form input[type=email]{font-size:14px;font-family:"Raleway";color:#4d4d4d;line-height:1.429;text-align:left;background-color:#fff;padding-left:28px;width:252px;height:52px;border:none;outline:none;margin:10px auto}section.estimate form input[type=text]{font-size:14px;font-family:"Raleway";color:#4d4d4d;line-height:1.429;text-align:left;background-color:#fff;padding-left:28px;width:252px;height:52px;border:none;outline:none}section.estimate form input[type=file]{display:none}section.estimate form .submit{display:inline-block;cursor:pointer;background-color:#02bce3;font-size:14px;font-family:"Raleway";font-weight:bold;text-transform:uppercase;text-align:center;color:#fff;width:145px;height:42px;margin-top:70px;border-radius:5px;margin-left:-4px;position:relative;vertical-align:middle}.popup{z-index:1001;background:url(../images/mobile/nav-bg.png) center top no-repeat;background-size:100%;background-color:#fff}.popup .content{width:100%;padding:0;background:transparent;top:0;left:0;margin:0;padding:130px 0 0 0}.popup .content form .row{padding:0 40px}.popup .content form .row label{text-align:left;display:block;padding:0}.popup .content form .row input{display:block;width:100%;max-width:100%;padding:0;background:transparent}.popup .content form .row textarea{width:100%;max-width:100%;padding:0;background:transparent}.popup .content form input[type=submit]{position:initial;display:block;left:initial;bottom:initial;display:block;margin:60px auto 0 auto}}@media (min-width: 980px) and (max-width: 1279px){body{background:linear-gradient(#fff, #000);padding:0;margin:0}body #container{width:100%;margin:0 auto;padding:0;box-shadow:0px 36px 82px 8px rgba(0,0,1,0.18)}.breadcrumbs{position:relative;font-family:"Raleway";line-height:20px;text-transform:uppercase;font-size:15px;height:20px;padding:28px 68px}.breadcrumbs a{color:#02bce3;text-decoration:none;float:left}.breadcrumbs span{float:left;font-weight:bold}.breadcrumbs .attachment,.breadcrumbs .back-link{font-weight:bold;letter-spacing:0.1px;float:right;text-decoration:underline;text-shadow:1px 1px #b1e3f5}.breadcrumbs .attachment:before{width:25px;height:29px;position:absolute;content:"";top:-5px;left:-37px;background:url(../images/pdf.png) center center no-repeat}body{background:url(../images/tablet/bg.png) center 169px no-repeat;background-color:#fff;background-size:100%}header{padding:77px 40px 42px 40px;background:#fff}header .logo{display:block;float:left;width:170px;height:46px;background:url(../images/Logo.png) center center no-repeat;background-size:100%;position:relative}header .logo a{position:absolute;left:0;top:0;right:0;bottom:0}header .toggle-nav{display:none}header nav{display:inline-block;height:46px;margin-left:35px}header nav a{font-family:"Raleway";font-size:15px;line-height:15px;text-align:center;text-decoration:none;color:#282700;text-transform:uppercase;display:block;float:left;vertical-align:middle;padding:8px 10px 12px 10px;letter-spacing:0.1px;margin:5px 0}header nav a.home{display:none}header nav a.active{border-bottom:1px solid #02bce3;font-weight:bold}header .contacts{display:block;float:right;height:46px;width:76px;position:relative}header .contacts .send-request{position:absolute;left:0;width:132px;text-align:center;top:20px;margin:5px;font-size:11px;font-family:"Lato",Arial,sans-serif;text-decoration:underline;text-transform:uppercase;line-height:1.818}header .contacts .send-request a{color:#00aef2}header .contacts .phone{float:left;margin:5px 4px 5px 5px;padding:6px 6px 6px 7px;border-bottom:1px solid #bae9fb;position:absolute;left:0;top:-15px}header .contacts .phone a{font-size:12px;font-family:"Lato";color:#00adef;text-transform:uppercase;line-height:15px;text-align:center;text-decoration:none;letter-spacing:0.25px}header .contacts .phone a b{font-size:15px;color:#282700;letter-spacing:0.3px}header .contacts .buttons{height:46px;width:127px;float:right;position:relative}header .contacts .buttons>a,header .contacts .buttons>span{text-decoration:none;position:absolute;display:block;top:1px;left:0px;background:#f4f3f3 url(../images/contacts/skype-colored.png) no-repeat center center;width:40px;height:40px;border-radius:30px}header .contacts .buttons>a.email,header .contacts .buttons>span.email{left:47px;background:#f4f3f3 url(../images/contacts/mail.png) no-repeat center center}header .contacts .buttons>a.lang,header .contacts .buttons>span.lang{cursor:pointer;left:94px;background:#f4f3f3;color:#282700}header .contacts .buttons>a.lang:before,header .contacts .buttons>span.lang:before{content:"EN";position:absolute;left:10px;top:8px}header .contacts .buttons>a.lang.ru-ru:before,header .contacts .buttons>span.lang.ru-ru:before{content:"RU"}header .contacts .buttons>a.lang.ru:before,header .contacts .buttons>span.lang.ru:before{background-position:-23px 0}section.company{text-align:center}section.company .main-text{padding:35px 15px 42px 20px}section.company .main-text h2{display:inline;font-family:"Raleway";font-size:30px;padding:8px 9px;letter-spacing:0.1px;line-height:1.3;font-weight:400}section.company article{margin:10px 160px 44px 160px;padding:8px 0px}section.company article p{line-height:24px;padding:0px 0px 14px 8px;font-family:"Raleway";font-size:18px;font-weight:400}section.company .wrapper{padding:28px}section.company .wrapper .key{position:relative;text-align:left;font-family:"Raleway"}section.company .wrapper .key .clear{clear:both}section.company .wrapper .key h3{color:#02bce3;font-size:37px;font-weight:normal;margin:0;line-height:48px;letter-spacing:-0.2px;padding:12px 211px}section.company .wrapper .key h3:before{width:38px;height:25px;position:absolute;content:" ";left:136px;top:24px;background:url(../images/quotes.png) center center no-repeat}section.company .wrapper .key h3:after{width:525px;height:384px;position:absolute;content:" ";top:-33px;left:595px;background:url(../images/iPad-Pro.png) center center no-repeat}section.company .wrapper .key p{font-size:15px;line-height:24px;letter-spacing:0.1px;padding:8px 133px}section.advantages{font-family:"Raleway";padding:50px 132px;text-align:center}section.advantages .clear{clear:both}section.advantages h2{font-weight:normal;font-size:36px;letter-spacing:0.2px}section.advantages article{position:relative;display:block;float:left;height:258px;width:320px;border:1px solid #e8e9ed;border-radius:5px;margin:17px 8px}section.advantages article h3{font-family:"Lato";font-size:60px;font-weight:normal;padding:7px 0 7px 22px;margin-bottom:0px;letter-spacing:1px}section.advantages article p{font-size:13px;padding:11px 0;line-height:18px}section.advantages article.infinity h3{font-size:90px;margin-top:35px;letter-spacing:13px}section.advantages article.infinity p{margin:2px 0}section.advantages article .circle{left:60px;top:65px;position:absolute;width:80px;height:80px;background:url(../images/circle.png)}section.advantages article .circle2{left:102px;top:65px;position:absolute;width:80px;height:80px;background:url(../images/circle.png)}section.advantages article .circle2.quality:before{content:" ";display:block;position:absolute;left:22px;top:13px;width:88px;height:60px;background:url(../images/icons-palette.png);background-position:-228px 0}section.services{text-align:center;font-family:"Raleway";padding-bottom:74px}section.services h2{font-size:36px;font-weight:normal;margin-top:15px;margin-bottom:10px;letter-spacing:0.1px}section.services .wrapper{width:1170px;padding:23px 56px}section.services .wrapper .development{width:340px;height:120px;border-radius:5px;position:relative;float:left;display:block;background:url(../images/buttons-bg.png) center center no-repeat;margin:25px}section.services .wrapper .development h3{color:#164562;text-align:left;position:absolute;width:130px;height:70px;font-weight:bold;left:140px;top:10px;letter-spacing:-0.1px;text-transform:uppercase}section.services .wrapper .development.unity h3{padding:12px 17px;height:40px}section.services .wrapper .development.unity h3:before{position:absolute;top:-48px;left:-134px;width:149px;height:152px;content:" ";background:url(../images/games-unity.png) center center no-repeat}section.services .wrapper .development.mobile h3{padding:0 17px}section.services .wrapper .development.mobile h3:before{position:absolute;top:-48px;left:-112px;width:98px;height:136px;content:" ";background:url(../images/mobile-apps.png) center center no-repeat}section.services .wrapper .development.native h3{padding:1px 17px}section.services .wrapper .development.native h3:before{position:absolute;top:-32px;left:-109px;width:98px;height:129px;content:" ";background:url(../images/native-apps.png) center center no-repeat}section.services .wrapper .development.web h3{padding:13px 17px;height:40px}section.services .wrapper .development.web h3:before{position:absolute;top:-35px;left:-107px;width:100px;height:122px;content:" ";background:url(../images/web-development.png) center center no-repeat}section.services .wrapper .development.design h3{height:30px;padding:22px 17px}section.services .wrapper .development.design h3:before{position:absolute;top:-17px;left:-154px;width:170px;height:100px;content:" ";background:url(../images/graphic-design.png) center center no-repeat}section.services .wrapper .development.highload h3{padding:1px 17px}section.services .wrapper .development.highload h3:before{position:absolute;top:-45px;left:-146px;width:171px;height:136px;content:" ";background:url(../images/wordpress-web.png) center center no-repeat}section.services .wrapper .clear{clear:both}.spacer{height:44px;background:#f4f4f4}.typography{padding:18px 128px;font-family:"Raleway"}.typography img{max-width:100%;margin:0}.typography h1{margin:11px 0 0 0;padding:9px 0;text-align:center;font-size:31px}.typography h1 span{padding-bottom:8px;border-bottom:2px solid #eceef0}.typography blockquote{margin:62px 32px;padding:50px 0;border-bottom:1px solid #eaeaec;border-top:1px solid #eaeaec;font-size:24px;color:#212121;line-height:1.5;text-align:center}.typography p{padding:42px 32px;font-size:16px;line-height:24px;margin:36px 0 0 0;text-align:justify}.typography hr{width:972px;color:#eaeaec}.typography h2{margin:20px 0;padding:0;font-weight:bold;text-align:left;font-size:30px}.typography h3{margin:20px 0;font-size:26px}.typography h4{margin:20px 0;font-size:24px}.typography h5{margin:20px 0;font-size:21px}.typography h6{margin:20px 0;font-size:17px}.typography p{font-size:15px;margin:0 0 30px 0;padding:0}.typography ul{font-size:15px;line-height:29px}.typography ol{font-size:15px;line-height:29px}.typography .columns{margin:36px 0 55px 0}.typography .columns .left{width:438px;padding-left:24px;position:relative;display:block;float:left}.typography .columns .right{width:438px;padding-right:24px;position:relative;display:block;float:right}.typography .columns h1{border-bottom:none;margin:20px 0;padding:0;text-align:left;font-size:36px}.typography .columns p{font-size:15px;margin:0 0 30px 0;padding:0}.row{margin-bottom:24px}.row p{line-height:20px;margin-bottom:0}.card{background:transparent}section.estimate{text-align:center;padding:60px 32px 28px 32px;background:#f4f4f4}section.estimate .success{display:none}section.estimate.sent .success{font-family:"Raleway",Arial,sans-serif;display:block}section.estimate.sent form,section.estimate.sent .attachment{display:none}section.estimate h2{font-size:36px;font-family:"Raleway";color:#212121;line-height:1.589;text-align:center;font-weight:normal;padding-left:31px;letter-spacing:-0.3px}section.estimate .attachment{padding:21px 222px 21px 222px;text-align:left}section.estimate .attachment .link-wrap .remove{cursor:pointer;padding-left:10px;color:red;font-family:"Raleway",Arial,sans-serif}section.estimate .attachment a.error{color:red}section.estimate .attachment a,section.estimate .attachment .link{color:#7e7e7e;font-size:13px;font-family:"Roboto";text-decoration:underline;line-height:1.538;display:inline-block;position:relative;cursor:pointer}section.estimate .attachment a:before,section.estimate .attachment .link:before{content:" ";background:url(../images/skrepka.png) center center no-repeat;position:absolute;width:20px;height:20px;left:-29px}section.estimate form{display:block;height:52px;margin-top:41px}section.estimate form input{display:inline-block;vertical-align:middle;width:280px;height:52px;border:none;outline:none;border-radius:3px;margin:0 4px 0 0;font-size:14px;font-family:"Raleway";color:#4d4d4d;text-align:left;line-height:1.429;background-color:#fff;padding:0 30px}section.estimate form input[type=file]{display:none}section.estimate form input.error{box-shadow:inset 0 0 5px red}section.estimate form .submit{display:inline-block;cursor:pointer;background-color:#02bce3;font-weight:bold;text-transform:uppercase;text-align:center;color:#fff;width:170px;position:relative;vertical-align:middle;margin:0}section.estimate form .submit:before{content:"Отправить";position:absolute;left:44px;top:19px}#container>footer{padding:48px 50px 42px 50px;text-align:center;background:#fff;margin-bottom:40px;position:relative}#container>footer:after{content:" ";display:block;width:100%;height:40px;position:absolute;bottom:-40px;left:0px;background:#f4f4f4}#container>footer .logo{display:block;float:left;width:218px;height:46px;background:url(../images/Logo.png) center center no-repeat;position:relative}#container>footer .logo a{position:absolute;left:0;right:0;top:0;bottom:0}#container>footer nav{display:inline-block;height:46px;margin:0}#container>footer nav a{font-family:"Raleway";font-weight:bold;font-size:15px;line-height:15px;text-align:center;text-decoration:none;color:#282700;text-transform:uppercase;display:block;float:left;vertical-align:bottom;padding:13px 10px 9px 9px;letter-spacing:0.2px;margin:5px}#container>footer nav a.home{display:none}#container>footer nav a.active{border-bottom:1px solid #02bce3;font-weight:bold}#container>footer .send-request{height:46px;display:block;float:right;padding-right:2px}#container>footer .send-request a{font-size:14px;font-weight:bold;font-family:"Raleway";color:#fff;text-transform:uppercase;line-height:1.429;text-align:center;text-decoration:none;background-color:#02bce3;border-radius:3px;padding:14px 20px 13px 21px;display:block;letter-spacing:0.3px}}